:root{--bg: #f4f7fb;--panel: rgba(255, 255, 255, .92);--panel-solid: #ffffff;--sidebar: #111827;--sidebar-deep: #0d1422;--text: #182230;--muted: #6b7280;--line: #e7ebf2;--primary: #6558f5;--primary-2: #8b5cf6;--cyan: #16b8d4;--green: #14b86b;--orange: #ff9e44;--red: #ef5b5b;--shadow: 0 8px 22px rgba(25, 36, 64, .08);--shadow-soft: 0 4px 14px rgba(25, 36, 64, .06);--radius: 8px;--radius-sm: 6px;color:var(--text);background:var(--bg);font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.58}a,button,input,select,textarea{outline-color:var(--primary)}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);color:#fff;min-height:100vh;overflow:hidden;padding:24px 18px;position:sticky;top:0}.brand{align-items:center;display:flex;gap:12px;padding:2px 8px 28px;position:relative;z-index:1}.brand-mark{align-items:center;background:var(--primary);border-radius:8px;box-shadow:none;color:#fff;display:grid;font-weight:800;height:42px;justify-content:center;width:42px}.brand-name{font-size:18px;font-weight:800;letter-spacing:.3px;line-height:1.1}.brand-subtitle{color:#9ca7b8;font-size:11px;letter-spacing:1.3px;margin-top:5px;text-transform:uppercase}.sidebar-group{margin-bottom:20px;position:relative;z-index:1}.sidebar-group-title{color:#667085;font-size:11px;font-weight:800;letter-spacing:1.4px;margin:14px 12px 8px;text-transform:uppercase}.sidebar-nav{display:grid;gap:6px}.nav-item{align-items:center;background:transparent;border:0;border-radius:8px;color:#aab3c2;display:flex;gap:12px;min-height:44px;padding:0 13px;text-align:left;transition:.2s ease;width:100%}.nav-item:hover{background:#ffffff0e;color:#fff}.nav-item-active{background:var(--primary);box-shadow:none;color:#fff}.sidebar-footer{background:#ffffff0b;border:1px solid rgba(255,255,255,.08);border-radius:8px;bottom:18px;left:18px;padding:15px;position:absolute;right:18px;z-index:1}.sidebar-footer strong,.sidebar-footer span{display:block}.sidebar-footer strong{font-size:13px;margin-top:8px}.sidebar-footer span{color:#8f9bad;font-size:11px;margin-top:4px}.online-line{align-items:center;color:#aab3c2;display:flex;font-size:11px;gap:7px}.online-dot{background:#2ed980;border-radius:50%;box-shadow:0 0 0 4px #2ed9801a;display:inline-block;height:8px;width:8px}.main-content{min-width:0;padding:24px 28px 34px}.topbar{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:22px}.welcome h1{font-size:24px;letter-spacing:-.2px;margin:0}.welcome p{color:var(--muted);font-size:13px;margin:7px 0 0}.topbar-actions{align-items:center;display:flex;gap:10px}.button{align-items:center;border:0;border-radius:8px;display:inline-flex;gap:9px;justify-content:center;min-height:40px;padding:0 16px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;white-space:nowrap}.button-primary{background:var(--primary);box-shadow:none;color:#fff}.button-primary:hover{box-shadow:0 4px 12px #6558f53d;transform:translateY(-1px)}.button-secondary,.button-ghost{background:#fff;border:1px solid var(--line);color:#596579}.button-danger{background:#fff1f1;color:#d44747}.sensitive-value{align-items:center;background:transparent;border:0;color:inherit;display:inline-flex;font:inherit;font-variant-numeric:tabular-nums;gap:5px;justify-content:flex-end;line-height:1.2;padding:0;white-space:nowrap}.sensitive-value-locked{color:var(--primary)}.sensitive-value svg{flex:0 0 auto;opacity:.76}.number-cell .sensitive-value{margin-left:auto}.sensitive-inline{align-items:center;display:inline-flex;gap:5px}.summary-values .sensitive-value,.summary-values .sensitive-inline{display:inline-flex}.icon-button{align-items:center;border:0;display:inline-grid;height:38px;justify-content:center;width:38px}.icon-button-light{background:#ffffffdb;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft);color:#536076}.icon-button-soft{background:#f2f4f8;border-radius:6px;color:#637083}.profile-chip{align-items:center;background:#ffffffdb;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft);display:flex;gap:10px;padding:6px 8px 6px 7px}.avatar{align-items:center;background:var(--cyan);border-radius:6px;color:#fff;display:grid;height:32px;justify-content:center;width:32px}.profile-chip strong,.profile-chip span{display:block}.profile-chip strong{font-size:12px}.profile-chip span{color:var(--muted);font-size:10px}.profile-logout{background:transparent;border:0;color:#7a8597;display:grid;padding:5px}.page-stack{display:grid;gap:18px}.page-date{color:var(--muted);font-size:12px;margin-top:-8px}.stats-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card,.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--panel);border:1px solid rgba(229,233,241,.92);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.stat-card{border-top:2px solid var(--accent);min-height:132px;padding:20px}.stat-card-purple{--accent: var(--primary);--accent-soft: #eeeafd}.stat-card-cyan{--accent: var(--cyan);--accent-soft: #e8f9fc}.stat-card-green{--accent: var(--green);--accent-soft: #eafaf2}.stat-card-orange{--accent: var(--orange);--accent-soft: #fff6e9}.stat-card-top{display:flex;justify-content:space-between}.stat-label,.stat-meta{color:var(--muted);font-size:12px}.stat-icon{align-items:center;background:var(--accent-soft);border-radius:6px;color:var(--accent);display:grid;height:38px;justify-content:center;width:38px}.stat-value{display:block;font-size:25px;letter-spacing:-.2px;margin-top:12px}.stat-meta{display:block;margin-top:10px}.panel{min-width:0;padding:20px}.dashboard-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr)}.dashboard-bottom-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel-heading,.table-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.panel-heading h2,.table-toolbar h2{font-size:15px;margin:0}.panel-heading p,.table-toolbar p{color:var(--muted);font-size:11px;margin:4px 0 0}.summary-figure{background:#fafbfe;border:1px solid var(--line);border-radius:8px;min-height:245px;overflow:hidden;padding:18px;position:relative}.trend-chart-shell{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #edf0f5;border-radius:8px;min-height:245px;position:relative}.trend-chart{display:block;height:245px;width:100%}.trend-grid-line{stroke:#e8edf5;stroke-dasharray:4 7;stroke-width:1}.trend-area{fill:url(#sales-trend-fill)}.trend-line{fill:none;stroke:var(--primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.trend-point{fill:#fff;stroke:var(--primary);stroke-width:2}.trend-point-active{fill:var(--primary);stroke:#fff;stroke-width:2.5}.trend-active-line{stroke:#6558f538;stroke-width:1.5}.trend-date-label{fill:#8a94a5;font-size:10px}.trend-tooltip{background:#111827;border-radius:8px;box-shadow:0 12px 28px #1118272e;color:#fff;min-width:132px;padding:9px 10px;pointer-events:none;position:absolute;transform:translate(-50%,calc(-100% - 10px));z-index:2}.trend-tooltip span,.trend-tooltip strong,.trend-tooltip small{display:block}.trend-tooltip span,.trend-tooltip small{color:#aab3c2;font-size:10px}.trend-tooltip strong{font-size:14px;margin:4px 0 3px}.trend-chart-empty{align-items:center;color:var(--muted);display:grid;min-height:245px;place-items:center}.summary-values{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.summary-values div{background:#ffffffb8;border:1px solid var(--line);border-radius:8px;padding:14px}.summary-values span,.summary-values strong{display:block}.summary-values span{color:var(--muted);font-size:11px}.summary-values strong{font-size:17px;margin-top:7px}.summary-profit strong{color:var(--green)}.quick-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.quick-action{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;text-align:left;transition:.18s ease}.quick-action:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.quick-action span{align-items:center;border-radius:6px;display:grid;height:34px;justify-content:center;margin-bottom:10px;width:34px}.quick-action strong,.quick-action small{display:block}.quick-action strong{font-size:12px}.quick-action small{color:var(--muted);font-size:10px;margin-top:4px}.quick-purple span{background:#eeeafd;color:var(--primary)}.quick-cyan span{background:#e8f9fc;color:var(--cyan)}.quick-green span{background:#eafaf2;color:var(--green)}.quick-orange span{background:#fff6e9;color:var(--orange)}.recent-list{display:grid;gap:10px}.recent-order{align-items:center;background:#fff;border:1px solid #edf0f5;border-radius:8px;display:grid;gap:11px;grid-template-columns:42px minmax(0,1fr) auto auto;padding:11px}.recent-order-icon{align-items:center;border-radius:6px;color:#fff;display:grid;height:42px;justify-content:center;width:42px}.recent-order-sales{background:var(--primary)}.recent-order-purchase{background:var(--cyan)}.recent-order strong,.recent-order small{display:block}.recent-order small{color:var(--muted);font-size:10px;margin-top:4px}.recent-order-amount{text-align:right;white-space:nowrap}.toolbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.toolbar-actions select,.search-box,.field input,.field select,.field textarea,.table-input{background:#fff;border:1px solid #dfe4ed;color:#2e3a4d}.toolbar-actions select{border-radius:6px;height:40px;padding:0 10px}.locked-profit-panel{align-items:center;display:flex;gap:16px;justify-content:space-between;min-height:180px}.locked-profit-panel h2{font-size:17px;margin:0}.locked-profit-panel p{color:var(--muted);font-size:12px;margin:6px 0 0}.locked-profit-icon{align-items:center;background:#eeeafd;border-radius:8px;color:var(--primary);display:grid;flex:0 0 auto;height:48px;justify-content:center;width:48px}.profit-filter-panel{display:grid;gap:12px;position:relative;z-index:12}.profit-filter-row{align-items:end;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.segmented-control{background:#f3f5fa;border:1px solid var(--line);border-radius:8px;display:inline-flex;padding:4px}.segmented-control button{background:transparent;border:0;border-radius:6px;color:#687487;min-height:32px;padding:0 13px}.segmented-control .segmented-active{background:#fff;box-shadow:var(--shadow-soft);color:var(--primary);font-weight:700}.profit-date-form{align-items:end;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.profit-date-form label{display:grid;gap:5px}.profit-date-form span{color:var(--muted);font-size:10px}.profit-date-form input{background:#fff;border:1px solid #dfe4ed;border-radius:6px;color:#2e3a4d;height:40px;min-width:158px;padding:0 10px}.profit-limit-row{align-items:end;border-top:1px solid var(--line);display:grid;gap:10px;grid-template-columns:minmax(160px,220px) minmax(240px,1fr) auto;padding-top:12px}.profit-select-field,.profit-customer-field{display:grid;gap:5px;min-width:0}.profit-select-field span,.profit-customer-field>span{color:var(--muted);font-size:10px}.profit-select-field select,.profit-customer-field input{background:#fff;border:1px solid #dfe4ed;border-radius:6px;color:#2e3a4d;height:40px;padding:0 10px;width:100%}.profit-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profit-detail-panel{display:grid;gap:12px}.profit-ledger-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.profit-ledger-grid div{background:#f8f9fc;border:1px solid var(--line);border-radius:8px;padding:13px}.profit-ledger-grid span,.profit-ledger-grid strong{display:block}.profit-ledger-grid span{color:var(--muted);font-size:10px}.profit-ledger-grid strong{font-size:15px;margin-top:6px}.search-box{align-items:center;border-radius:8px;display:flex;gap:8px;min-height:40px;padding:0 11px}.search-box input{background:transparent;border:0;min-width:190px;outline:0}.table-card{border:1px solid var(--line);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;table-layout:fixed;width:100%}th{background:#f8f9fc;color:#8a94a5;font-size:10px;font-weight:700;padding:11px 10px;text-align:left}td{border-top:1px solid #edf0f5;color:#3a4558;font-size:12px;padding:12px 10px;vertical-align:middle}td strong,td small{display:block}td small{color:#98a1b0;font-size:10px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-no-column{width:156px}.order-no-cell{min-width:0}.order-no-cell strong{line-height:1.35;overflow-wrap:anywhere;word-break:break-all}.order-no-cell small{white-space:normal}.number-cell{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.action-cell{text-align:right;white-space:nowrap}.product-cell{align-items:center;display:flex;gap:10px;min-width:0}.product-badge{align-items:center;background:var(--primary);border-radius:6px;color:#fff;display:grid;flex:0 0 auto;font-weight:800;height:34px;justify-content:center;width:34px}.status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-weight:700;justify-content:center;min-width:58px;padding:5px 8px}.status-draft{background:#fff6e9;color:#d67c18}.status-confirmed{background:#eafaf2;color:#138d56}.status-voided{background:#fff0f0;color:#d44747}.inline-note{background:#eef3ff;border-radius:999px;color:var(--primary);display:inline-block;font-size:10px;margin-left:8px;padding:3px 7px}.text-button{align-items:center;background:transparent;border:0;color:var(--primary);display:inline-flex;gap:4px;padding:4px 5px}.text-button:disabled{color:var(--muted)}.text-success{color:var(--green)}.text-danger,.danger-text{color:var(--red)}.muted-text{color:var(--muted);font-size:11px}.order-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.pagination{align-items:center;color:var(--muted);display:flex;font-size:12px;justify-content:space-between;margin-top:14px}.pagination-actions{align-items:center;display:flex;gap:8px}.modal-backdrop{align-items:center;background:#080f1c8c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:20}.modal{animation:pop .18s ease-out;background:#fff;border-radius:8px;box-shadow:0 28px 90px #080f1c47;max-height:92vh;overflow:auto;width:min(720px,96vw)}.modal-wide{width:min(1180px,96vw)}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.modal-header,.modal-footer{align-items:center;display:flex;gap:16px;justify-content:space-between}.modal-header{border-bottom:1px solid var(--line);padding:20px 22px}.modal-header h2{font-size:17px;margin:0}.modal-header p{color:var(--muted);font-size:11px;margin:5px 0 0}.modal-body{padding:16px 18px}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;padding:14px 18px 16px}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.field span{color:#6f798a;display:block;font-size:10px;margin-bottom:6px}.field input,.field select{border-radius:6px;height:40px;outline:none;padding:0 11px;width:100%}.search-combobox{position:relative;width:100%}.search-combobox-menu{background:#fff;border:1px solid #dfe4ed;border-radius:6px;box-shadow:0 12px 28px #19244024;display:grid;left:0;max-height:220px;overflow:auto;padding:5px;position:absolute;right:0;top:calc(100% + 4px);z-index:45}.search-combobox-option{background:transparent;border:0;border-radius:6px;color:#2e3a4d;display:block;padding:8px 9px;text-align:left;width:100%}.search-combobox-option:hover,.search-combobox-option:focus,.search-combobox-option-active{background:#f2f4ff}.search-combobox-option strong,.search-combobox-option span{display:block}.search-combobox-option strong{font-size:12px}.search-combobox-option span,.search-combobox-empty{color:var(--muted);font-size:10px;margin-top:3px}.search-combobox-empty{padding:9px}.field textarea{border-radius:6px;min-height:88px;outline:none;padding:10px;resize:vertical;width:100%}.field input:focus,.field select:focus,.field textarea:focus,.table-input:focus{border-color:#7b6ef6;box-shadow:0 0 0 3px #6558f51a}.form-span{grid-column:1 / -1}.form-error{background:#fff1f1;border:1px solid #ffd5d5;border-radius:6px;color:#c93636;font-size:12px;padding:10px 12px}.sensitive-unlock-form,.order-form{display:grid;gap:12px}.order-head-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.line-table-wrap{border:1px solid var(--line);border-radius:8px;overflow-x:auto}.line-table-wrap table{min-width:1120px}.sales-line-table .col-product{width:38%}.sales-line-table .col-quantity{width:96px}.sales-line-table .col-unit{width:70px}.sales-line-table .col-price{width:112px}.sales-line-table .col-remark{width:22%}.sales-line-table .col-subtotal{width:112px}.sales-line-table .col-action{width:58px}.purchase-line-table{min-width:920px}.purchase-line-table .col-product{width:48%}.purchase-line-table .col-quantity{width:96px}.purchase-line-table .col-unit{width:70px}.purchase-line-table .col-price{width:112px}.purchase-line-table .col-subtotal{width:120px}.purchase-line-table .col-action{width:58px}.line-table-wrap th,.line-table-wrap td{padding-bottom:8px;padding-top:8px}.table-input{border-radius:6px;height:34px;padding:0 8px;width:100%}.product-name-input,.product-search .search-combobox-menu{min-width:320px}.compact-number-input{min-width:74px;text-align:right}.unit-cell{color:#687487;text-align:center;white-space:nowrap}.muted-add{align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;color:#596579;display:inline-flex;gap:6px;justify-content:center;justify-self:start;min-height:36px;padding:0 12px}.order-summary-grid{align-items:start;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 290px}.amount-panel{background:#f8f9fc;border-radius:8px;display:grid;gap:10px;padding:15px}.amount-panel div{color:#697587;display:flex;font-size:11px;justify-content:space-between}.amount-panel strong{color:#1f2a3d}.amount-total{border-top:1px dashed #dfe4ed;padding-top:10px}.amount-total strong{font-size:15px}.toast{align-items:center;background:#142136;border-radius:8px;bottom:24px;box-shadow:0 15px 35px #1421363d;color:#fff;display:flex;font-size:12px;gap:10px;padding:13px 16px;position:fixed;right:24px;z-index:30}.toast button{background:transparent;border:0;color:#fff;display:grid;padding:2px}.feedback-state{align-items:center;color:var(--muted);display:grid;gap:8px;justify-items:center;min-height:240px;padding:24px;text-align:center}.feedback-state strong{color:var(--text)}.feedback-error strong{color:var(--red)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{display:grid;gap:28px;grid-template-columns:minmax(460px,1.1fr) minmax(360px,.9fr);min-height:100vh;padding:28px}.login-intro{background:var(--sidebar);border-radius:8px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:34px;position:relative}.login-intro-copy{max-width:520px}.login-eyebrow{color:#8f9bad;font-size:12px;font-weight:800;letter-spacing:1.3px}.login-intro h1{font-size:clamp(34px,6vw,62px);line-height:1.04;margin:16px 0;max-width:650px}.login-intro p{color:#aab3c2;font-size:15px;line-height:1.8}.login-ledger{display:grid;gap:10px;max-width:420px}.login-ledger div{align-items:center;background:#ffffff0e;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:flex;justify-content:space-between;padding:14px 16px}.login-ledger span{color:#aab3c2}.login-form-wrap{align-items:center;display:grid;justify-items:center;min-width:0}.login-form{background:var(--panel);border:1px solid rgba(229,233,241,.92);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:18px;padding:28px;width:min(420px,100%)}.login-form h2{font-size:24px;margin:8px 0 4px}.login-form p{color:var(--muted);font-size:13px;margin:0}.input-with-icon{align-items:center;background:#fff;border:1px solid #dfe4ed;border-radius:8px;color:#7a8597;display:flex;gap:8px;min-height:42px;padding:0 11px}.input-with-icon input{border:0;flex:1;min-width:0;outline:0}.login-submit{width:100%}@media(max-width:1180px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.dashboard-bottom-grid{grid-template-columns:1fr}}@media(max-width:980px){.login-page{grid-template-columns:1fr}.login-intro{min-height:420px}}@media(max-width:820px){.app-shell{display:block}.sidebar{min-height:auto;position:static}.sidebar-footer{margin-top:18px;position:relative;inset:auto}.main-content{padding:18px}.topbar,.table-toolbar,.panel-heading,.locked-profit-panel,.profit-filter-row,.profit-limit-row,.profit-date-form{align-items:flex-start;flex-direction:column}.profit-limit-row{display:flex}.topbar-actions,.toolbar-actions,.profit-date-form,.profit-date-form label,.profit-select-field,.profit-customer-field{justify-content:flex-start;width:100%}.profit-date-form input{width:100%}.profile-chip,.icon-button-light{display:none}.form-grid,.order-head-grid,.order-summary-grid,.summary-values,.profit-ledger-grid{grid-template-columns:1fr}}@media(max-width:540px){.stats-grid,.quick-grid{grid-template-columns:1fr}.main-content{padding:14px}.panel,.stat-card{border-radius:8px;padding:16px}.toolbar-actions,.topbar-actions{display:grid;grid-template-columns:1fr}.search-box input{min-width:0}.login-page{padding:14px}}