:root{--xnx-color-primary:#22c55e;--xnx-color-primary-deep:#15803d;--xnx-color-primary-soft:#e8f7ee;--xnx-color-border:#e5ece6;--xnx-color-surface:#fff;--xnx-color-surface-muted:#f6faf7;--xnx-modal-header-bg:#f8faf9;--xnx-modal-header-border:#15803d1a;--xnx-modal-handle-bg:#ffffffb8;--xnx-modal-handle-border:#0f172a14;--xnx-modal-close-bg:#ffffffe0;--xnx-modal-close-bg-hover:#fff;--xnx-modal-close-border:#0f172a1a;--xnx-z-loading-overlay:2200;--xnx-color-text:#1f2937;--xnx-color-subtle:#6b7280;color:var(--xnx-color-text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#f5f7f6;min-height:100vh}a{color:inherit;text-decoration:none}.page-shell{flex-direction:column;gap:24px;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-title{margin:0 0 8px!important}.page-subtitle{color:var(--xnx-color-subtle);margin:0;font-size:15px}.page-header-actions{align-items:center;gap:8px;display:flex}.operation-guide-panel{flex-direction:column;gap:12px;display:flex}.operation-guide-panel__toggle{justify-content:flex-end;display:flex}.operation-guide-panel__button{border-radius:6px}.operation-guide-panel__content{border:1px solid var(--xnx-color-border);background:#fff;border-radius:8px;flex-direction:column;gap:16px;padding:18px 20px;display:flex}.operation-guide-panel__title{font-size:15px}.operation-guide-panel__summary{margin:4px 0 0!important}.operation-guide-panel__sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.operation-guide-panel__section{flex-direction:column;gap:10px;min-width:0;display:flex}.operation-guide-panel__section-title{font-size:13px}.operation-guide-panel__role-list,.operation-guide-panel__step-list,.operation-guide-panel__tip-list{flex-direction:column;gap:10px;display:flex}.operation-guide-panel__role-item,.operation-guide-panel__tip-item{align-items:flex-start;gap:8px;display:flex}.operation-guide-panel__role-item .ant-tag{margin-inline-end:0;margin-top:1px}.operation-guide-panel__step-item{align-items:center;gap:10px;display:flex}.operation-guide-panel__step-index{width:24px;height:24px;color:var(--xnx-color-primary-deep);background:#22c55e24;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.operation-guide-panel__tip-bullet{background:var(--xnx-color-primary);border-radius:999px;flex:none;width:8px;height:8px;margin-top:7px}.operation-flow-board{background:#fff;overflow:hidden}.operation-flow-board .ant-card-body{flex-direction:column;gap:18px;padding:20px;display:flex}.operation-flow-board__header{justify-content:space-between;gap:16px;display:flex}.operation-flow-board__eyebrow{color:var(--xnx-color-primary-deep);letter-spacing:0;font-size:12px;font-weight:700}.operation-flow-board__title{font-size:20px}.operation-flow-board__description{max-width:760px;color:var(--xnx-color-subtle);margin:0!important}.operation-flow-board__notes{flex-wrap:wrap;place-content:flex-start flex-end;gap:8px;display:none}.operation-flow-board__note{border-radius:999px;margin-inline-end:0}.operation-flow-board__steps{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:none}.operation-flow-step{background:#fafcfb;border:1px solid #15803d1f;border-radius:8px;gap:10px;min-width:0;padding:12px;display:flex}.operation-flow-step.is-active{box-shadow:inset 3px 0 0 var(--xnx-color-primary);background:#fff;border-color:#15803d57}.operation-flow-step__index{width:28px;height:28px;color:var(--xnx-color-primary-deep);background:#22c55e24;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.operation-flow-step__content{flex-direction:column;gap:3px;min-width:0;display:flex}.operation-flow-step__title{line-height:1.25}.operation-flow-step__description{font-size:12px;line-height:1.35}.glass-card{background:var(--xnx-color-surface)}.metric-card .ant-card-body{padding:20px}.page-shell .ant-card{border-color:var(--xnx-color-border);box-shadow:none;border-radius:8px}.page-shell .ant-card-small>.ant-card-head,.page-shell .ant-card-small>.ant-card-body{padding-inline:20px}.page-filter-card{background:#fff}.page-table-card .ant-card-body{padding:16px}.modal-meta-summary{background:#f8faf9;border:1px solid #0f172a14;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 16px;display:grid}.modal-meta-summary__item{flex-direction:column;gap:4px;min-width:0;display:flex}.modal-meta-summary__label{color:var(--xnx-color-subtle);font-size:12px}.modal-meta-summary__value{color:var(--xnx-color-text);word-break:break-word;font-size:13px}.admin-filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:center;gap:12px;display:grid}.admin-filter-grid .ant-space{justify-content:flex-end}.list-section-intro{flex-direction:column;gap:6px;display:flex}.list-section-title{font-size:16px}.list-section-description{margin:0}.list-section-notes{flex-direction:column;gap:8px;margin-top:2px;display:flex}.list-section-note{align-items:flex-start;gap:8px;display:flex}.list-section-note__bullet{background:#22c55ee6;border-radius:999px;flex:none;width:8px;height:8px;margin-top:7px}.list-filter-card .ant-card-body{padding-block:18px}.list-filter-layout{align-items:flex-end;gap:16px;display:flex}.list-filter-fields{flex-wrap:wrap;flex:1;gap:12px;display:flex}.list-filter-field .ant-input,.list-filter-field .ant-input-affix-wrapper,.list-filter-field .ant-select,.list-filter-field .ant-picker{width:100%}.list-filter-actions{flex-wrap:wrap;justify-content:flex-end;display:flex}.list-filter-field{flex-direction:column;gap:6px;min-width:180px;display:flex}.list-filter-break{flex-basis:100%;width:0;height:0}.list-filter-field.is-wide{flex:280px;min-width:280px}.list-filter-label{color:var(--xnx-color-subtle);font-size:12px}.list-table-card{overflow:hidden}.list-table-frame.is-fullscreen{background:#fff;min-height:100vh;padding:24px}.list-table-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.list-table-toolbar>.ant-space{flex-wrap:wrap;justify-content:flex-end}.list-table-toolbar-title{align-items:center;gap:8px;min-height:32px;display:flex}.list-table-settings-dropdown{border:1px solid var(--xnx-color-border);background:#fff;border-radius:14px;min-width:240px;padding:0;overflow:hidden;box-shadow:0 16px 32px #0f172a1f}.list-table-settings-header{border-bottom:1px solid #edf2ee;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.list-table-settings-header .ant-btn-link{color:var(--xnx-color-primary);padding-inline:0}.list-table-settings-list{flex-direction:column;gap:2px;max-height:320px;padding:8px;display:flex;overflow:auto}.list-table-settings-item{cursor:grab;border-radius:10px;align-items:center;gap:10px;padding:6px;display:flex}.list-table-settings-item:hover{background:#f7faf7}.list-table-settings-item.is-dragging{opacity:.55;background:#eef8f0}.draggable-modal .ant-modal-title{width:100%}.draggable-modal .ant-modal-content{border-radius:12px;padding:20px;overflow:hidden;box-shadow:0 24px 56px #0f172a29}.draggable-modal .ant-modal-header{transition:none}.draggable-modal .ant-modal-body{padding-top:0}.draggable-modal .ant-modal-footer{border-top:1px solid #0f172a14;margin-top:20px;padding-top:16px}.draggable-modal .ant-modal-footer>.ant-space,.draggable-modal .ant-modal-footer .ant-space{flex-wrap:wrap}.draggable-modal .ant-form-item-explain-error{display:none}.draggable-modal__headerbar{background:var(--xnx-modal-header-bg);border:1px solid var(--xnx-modal-header-border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 10px 8px 14px;display:flex}.draggable-modal__titlegroup{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.draggable-modal__titlecontent{flex:1;min-width:0}.draggable-modal__handle{appearance:none;background:var(--xnx-modal-handle-bg);border:1px solid var(--xnx-modal-handle-border);color:#4b5563;border-radius:6px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.draggable-modal__handle:hover{background:#fff;border-color:#0f172a24;transform:translateY(-1px);box-shadow:0 6px 16px #0f172a14}.draggable-modal__handle:active{transform:translateY(0);cursor:grabbing!important}.draggable-modal__close{background:var(--xnx-modal-close-bg);border:1px solid var(--xnx-modal-close-border);color:#1f2937;border-radius:6px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.draggable-modal__close:hover{background:var(--xnx-modal-close-bg-hover)!important;color:#111827!important;border-color:#0f172a24!important}.list-table-settings-item .ant-checkbox-wrapper{flex:1}.list-table-settings-drag{color:#9ca3af;cursor:grab;font-size:14px}.list-table-card .ant-table-wrapper{overflow:auto}.modal-content-stack{flex-direction:column;gap:20px;width:100%;display:flex}.modal-content-stack--compact{gap:16px}.modal-section-card{background:#fff}.modal-section-card>.ant-card-head{min-height:48px}.modal-section-card>.ant-card-head .ant-card-head-title{font-size:14px;font-weight:600}.modal-section-card>.ant-card-body{flex-direction:column;gap:16px;display:flex}.modal-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.modal-form-grid__full{grid-column:1/-1}.modal-filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 16px;display:grid}.modal-filter-bar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.modal-inline-note{color:var(--xnx-color-subtle);margin:0;display:block}.modal-scroll-region{max-height:420px;overflow:auto}.modal-json-view{color:#e5e7eb;white-space:pre-wrap;word-break:break-word;background:#0f172a;border:1px solid #e5e7eb;border-radius:12px;max-height:420px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.6;overflow:auto}.list-table-card .ant-table-container table{--ant-table-cell-padding-block-sm:0px;width:max-content;min-width:100%}.list-table-card .ant-table-thead>tr>th,.list-table-card .ant-table-tbody>tr>td{white-space:nowrap;word-break:keep-all;overflow-wrap:normal}.ant-table-summary .xnx-summary-cell{background:#fafafa;border-top:1px solid #e5e7eb;font-weight:600}.ant-table-summary .xnx-summary-cell--number{text-align:right;font-variant-numeric:tabular-nums}.ant-input-number-input{font-variant-numeric:tabular-nums;text-align:right!important}.admin-sider-shell{flex-direction:column;height:100%;display:flex}.admin-sider{border-right:1px solid #e5ece6}.admin-brand{border-bottom:1px solid #e5ece6;justify-content:flex-start;align-items:center;gap:12px;height:72px;padding:0 20px;display:flex}.admin-brand.is-collapsed{justify-content:center;padding:0}.admin-brand__mark{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:inline-flex}.admin-brand__title{color:#14532d!important;margin:0!important}.admin-brand__subtitle{color:#6b7280;font-size:12px}.admin-sider-nav{flex:1;min-height:0;overflow:auto}.admin-sider-footer{border-top:1px solid #e5ece6;padding:12px 12px 16px}.admin-sider-footer.is-collapsed{justify-content:center;display:flex}.admin-market-price-trigger{box-shadow:none;border-radius:8px;min-height:46px;font-weight:600}.admin-market-price-trigger.ant-btn-icon-only{width:46px;min-height:46px}.market-price-modal__summary{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.market-price-modal__summary-text{color:var(--xnx-color-subtle);margin:6px 0 0!important}.image-preview-modal__body{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;justify-content:center;align-items:center;min-height:360px;padding:16px;display:flex;overflow:auto}.image-preview-modal__image{object-fit:contain;max-width:100%;max-height:min(68vh,720px);display:block}.admin-header-icon-button{color:#1f2937}.admin-guide-button{color:#365314;background:#fff;border-color:#d8e2dc;border-radius:8px;height:40px}.admin-guide-button:hover{color:#15803d!important;border-color:#86efac!important}.admin-user-menu{cursor:pointer;background:#fff;border:1px solid #d8e2dc;border-radius:8px;align-items:center;gap:10px;max-width:320px;padding:7px 10px;display:flex}.admin-user-menu__avatar{background-color:#16a34a}.app-content-shell{background:#fff;border:1px solid #e5ece6;border-radius:8px;min-height:calc(100vh - 120px);padding:24px}.sales-metric-grid{grid-template-columns:repeat(5,minmax(160px,1fr));gap:12px;display:grid}.sales-metric-card{height:100%}.ant-menu-light .ant-menu-item-selected,.ant-menu-light .ant-menu-submenu-selected>.ant-menu-submenu-title{background-color:var(--xnx-color-primary-soft)!important;color:var(--xnx-color-primary-deep)!important}.ant-menu-light .ant-menu-item:hover,.ant-menu-light .ant-menu-submenu-title:hover{color:var(--xnx-color-primary-deep)!important;background-color:#f6fbf7!important}.ant-menu-light.ant-menu-inline .ant-menu-sub.ant-menu-inline{background:0 0!important}.ant-table-tbody>tr:hover>td{background-color:#f6ffed!important}.dashboard-card:hover{transition:all .3s;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.loading-overlay{z-index:var(--xnx-z-loading-overlay);background:#fffc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (width<=768px){.page-header{flex-direction:column}.operation-guide-panel__toggle{justify-content:stretch}.operation-guide-panel__button{width:100%}.operation-guide-panel__sections{grid-template-columns:1fr}.operation-flow-board__header{flex-direction:column}.operation-flow-board__notes{justify-content:flex-start;display:none}.list-filter-layout,.list-table-toolbar{flex-direction:column;align-items:stretch}.modal-meta-summary,.modal-form-grid,.modal-filter-bar{grid-template-columns:1fr}.page-header-actions,.list-filter-actions,.list-table-toolbar>.ant-space,.market-price-modal__summary{flex-wrap:wrap;width:100%;display:flex}.list-filter-actions .ant-space-item,.list-filter-actions .ant-btn{flex:1 1 0;width:100%}.app-content-shell{padding:16px}.sales-metric-grid{grid-template-columns:1fr}}@media (width>=769px) and (width<=1280px){.sales-metric-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}
