:root{--color-bg-page:#f4f5f4;--color-bg-sidebar:#fff;--color-bg-panel:#fff;--color-bg-subtle:#f7f8f7;--color-bg-hover:#f0f2f1;--color-bg-disabled:#eff1f0;--color-text-primary:#1f2523;--color-text-secondary:#5a6460;--color-text-tertiary:#98a19d;--color-border:#e2e5e3;--color-border-strong:#cdd2cf;--color-brand:#20624c;--color-brand-hover:#1a5240;--color-brand-active:#154435;--color-brand-soft:#eaf3ee;--color-brand-border:#c4dccf;--color-success:#2f7d50;--color-success-soft:#eaf4ee;--color-warning:#b7791f;--color-warning-soft:#fbf3e2;--color-danger:#c0392b;--color-danger-soft:#faecea;--color-info:#2f6690;--color-info-soft:#eaf1f7;--color-focus-ring:#20624c;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-size-page-title:20px;--font-size-title:18px;--font-size-section:15px;--font-size-body:14px;--font-size-aux:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-input:6px;--radius-button:6px;--radius-panel:8px;--radius-modal:10px;--radius-badge:4px;--shadow-pop:0 4px 16px #1f25231a;--shadow-modal:0 8px 32px #1f252324;--control-height:36px;--control-height-sm:28px;--control-height-lg:44px;--input-height:36px;--table-row-height:48px;--table-row-dense:40px;--menu-item-height:40px;--sidebar-width:224px;--topbar-height:56px;--content-padding:24px}@media (width<=1279px){:root{--content-padding:20px}}@media (width<=767px){:root{--content-padding:12px;--topbar-height:52px}}:root{color:var(--color-text-primary);background:var(--color-bg-subtle);font-synthesis:none;--teal:var(--color-brand);--teal-dark:var(--color-brand-hover);--teal-soft:var(--color-bg-subtle);--amber:var(--color-warning);--amber-soft:var(--color-warning-soft);--ink:var(--color-text-primary);--muted:var(--color-text-secondary);--line:var(--color-border);--surface:var(--color-bg-panel);--surface-strong:var(--color-bg-panel);--shadow-sm:0 1px 2px color-mix(in srgb, var(--color-text-primary) 24%, transparent), 0 8px 24px color-mix(in srgb, var(--color-text-primary) 24%, transparent);--shadow-lg:0 24px 70px color-mix(in srgb, var(--color-text-primary) 24%, transparent);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.55}.loading-page,.empty-state{text-align:center;min-height:100vh;color:var(--muted);place-content:center;display:grid}.loading-page{padding:var(--space-6);background:var(--color-bg-page)}.loading-skeleton{gap:var(--space-3);width:min(960px,100%);display:grid}.loading-skeleton span{border-radius:var(--radius-input);background:var(--color-bg-disabled);animation:1.2s ease-in-out infinite alternate skeleton-pulse;display:block}.skeleton-title{width:180px;height:28px}.skeleton-control{width:360px;max-width:80%;height:var(--input-height);margin-bottom:var(--space-2)}.skeleton-row{width:100%;height:var(--table-row-height)}@keyframes skeleton-pulse{0%{opacity:.55}to{opacity:1}}.app-shell{grid-template-columns:228px minmax(0,1fr);min-height:100vh;display:grid}.skip-link{z-index:200;border-radius:var(--radius-panel);background:var(--ink);color:#fff;padding:9px 12px;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus-visible{transform:translateY(0)}.sidebar{border-right:1px solid var(--line);background:var(--color-bg-subtle);flex-direction:column;height:100vh;padding:22px 16px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:0 7px 22px;font-size:15px;display:flex}.brand-mark{border-radius:var(--radius-panel);background:var(--teal);color:#fff;place-items:center;width:44px;height:44px;display:grid}.brand-mark.small{border-radius:var(--radius-panel);flex:none;width:32px;height:32px}.brand-logo{object-fit:contain;object-position:center;width:112px;height:32px}.brand-logo.small{flex:none;width:70px;height:28px}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:var(--color-text-secondary);border-radius:var(--radius-panel);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:11px 12px;display:flex}.sidebar nav button:hover{background:var(--color-bg-subtle);color:var(--ink)}.sidebar-user{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:auto;padding:17px 6px 0;display:grid}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user small{color:var(--muted);margin-top:2px}.avatar{background:var(--color-bg-subtle);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.icon-button{color:var(--muted);background:0 0;border:0;padding:6px}.content{background:var(--color-bg-subtle);min-width:0;padding:30px clamp(24px,4vw,64px) 60px}.page-header{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding-bottom:24px;display:grid}.page-header h1{letter-spacing:-.035em;margin:3px 0 0;font-size:clamp(28px,3vw,40px)}.page-header h1 span{color:var(--color-text-secondary);font-weight:600}.eyebrow{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.back-button,.text-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;padding:7px 0;display:inline-flex}.back-button:hover,.text-button:hover{color:var(--teal)}.header-actions{justify-self:end}.primary-button,.secondary-button{border-radius:var(--radius-panel);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:600;display:inline-flex}.primary-button{background:var(--teal);color:#fff}.primary-button.compact{min-height:38px;margin-left:auto}.secondary-button{background:var(--surface);border-color:var(--color-border);color:var(--color-text-secondary)}.secondary-button:hover{border-color:var(--color-border-strong)}.meta-line{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:23px 0;display:grid}.meta-line div{border-right:1px solid var(--line);padding-right:18px}.meta-line div:last-child{border-right:0}.meta-line span,.meta-line strong{display:block}.meta-line span{color:var(--muted);margin-bottom:6px;font-size:12px}.meta-line strong{font-size:14px}.teal-text{color:var(--teal)}.status-rail{align-items:center;padding:30px 0 34px;display:flex}.status-node{align-items:center;gap:12px;min-width:172px;display:flex}.status-node strong,.status-node span{display:block}.status-node strong{font-size:16px}.status-node div span{margin-top:4px;font-size:13px}.status-node.done div span{color:var(--teal)}.status-node.pending div span{color:var(--amber)}.status-orb{color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:600;display:grid!important}.status-node.done .status-orb{background:var(--teal)}.status-node.pending .status-orb{background:var(--amber)}.rail-line{background:var(--color-border);width:clamp(55px,10vw,170px);height:2px;margin:0 15px}.rail-line.filled{background:var(--teal)}.detail-grid{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:clamp(28px,4vw,54px);display:grid}.main-column{min-width:0}.section-block{border-top:1px solid var(--line);padding:28px 0}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:15px;display:flex}.section-heading h2,.side-section h2{margin:4px 0 0;font-size:20px}.read-only{color:var(--muted);font-size:12px}.description-box{white-space:pre-wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);color:var(--color-text-secondary);padding:18px 20px;line-height:1.85}.requirement-note{background:var(--amber-soft);color:var(--color-warning);border-radius:var(--radius-input);gap:12px;margin-top:14px;padding:13px 15px;display:flex}.requirement-note p{margin:4px 0 0;line-height:1.55}textarea,input,select{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--surface);width:100%;color:var(--ink);outline:none;padding:12px 14px}textarea{resize:vertical;line-height:1.65}textarea:focus-visible,input:focus-visible,select:focus-visible{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 24%, transparent)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb, var(--color-brand) 24%, transparent);outline-offset:2px}textarea:disabled{color:var(--color-text-secondary);background:var(--color-bg-subtle)}.field-label{color:var(--color-text-secondary);margin-top:16px;font-size:13px;font-weight:600;display:block}.field-label textarea{margin-top:8px;font-weight:400;display:block}.receipt-actions{justify-content:space-between;align-items:center;gap:18px;margin-top:16px;display:flex}.helper{color:var(--muted);font-size:12px;line-height:1.5}.success-pill{color:var(--teal);background:var(--teal-soft);border-radius:var(--radius-badge);align-items:center;gap:5px;padding:5px 9px;font-size:12px;font-weight:600;display:inline-flex}.save-message{color:var(--teal);font-size:13px}.info-column{border-left:1px solid var(--line);padding-left:28px}.side-section{border-top:1px solid var(--line);padding:22px 0}.side-section:first-child{border-top:0;padding-top:0}.reminder-row{align-items:center;gap:11px;margin:17px 0 5px;display:flex}.reminder-row span,.reminder-row strong{display:block}.reminder-row span{color:var(--muted);margin-bottom:4px;font-size:12px}.reminder-editor{gap:8px;margin-top:10px;display:grid}dl{margin:15px 0 0}dl div{grid-template-columns:74px 1fr;gap:10px;padding:8px 0;display:grid}dt{color:var(--muted)}dd{margin:0}blockquote{border-left:3px solid var(--teal);background:var(--teal-soft);color:var(--color-brand-hover);margin:14px 0 0;padding:11px 13px}.timeline{margin-top:17px}.timeline-item{grid-template-columns:16px 1fr;gap:10px;padding-bottom:19px;display:grid;position:relative}.timeline-item:before{content:"";background:var(--color-border);width:1px;position:absolute;top:12px;bottom:0;left:5px}.timeline-item:last-child:before{display:none}.timeline-item>span{border:2px solid var(--color-border-strong);background:var(--color-bg-subtle);z-index:1;border-radius:50%;width:11px;height:11px;margin-top:3px}.timeline-item.done>span{border-color:var(--teal);background:var(--teal)}.timeline-item strong,.timeline-item small{display:block}.timeline-item strong{font-size:13px}.timeline-item small{color:var(--muted);margin-top:4px}.login-shell{background:var(--color-bg-page);place-items:center;min-height:100vh;padding:clamp(24px,5vw,72px);display:grid}.login-stage{border:1px solid color-mix(in srgb, var(--color-text-primary) 24%, transparent);border-radius:var(--radius-modal);background:var(--surface-strong);width:min(1040px,100%);box-shadow:var(--shadow-lg);grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);display:grid;overflow:hidden}.login-intro{color:#fff;background:var(--color-brand);flex-direction:column;justify-content:center;min-height:590px;padding:clamp(42px,6vw,76px);display:flex}.login-brand{letter-spacing:.08em;align-items:center;gap:12px;margin-bottom:auto;font-size:13px;font-weight:600;display:flex}.login-intro .brand-mark{background:color-mix(in srgb, var(--color-bg-panel) 80%, transparent);border:1px solid color-mix(in srgb, var(--color-bg-panel) 80%, transparent)}.login-intro .eyebrow{color:var(--color-brand-border);margin-top:64px}.login-intro h1{letter-spacing:-.045em;margin:15px 0 18px;font-size:clamp(36px,4vw,54px);line-height:1.12}.login-intro>p:not(.eyebrow){max-width:520px;color:color-mix(in srgb, var(--color-bg-panel) 80%, transparent);margin:0;font-size:16px;line-height:1.8}.login-features{color:color-mix(in srgb, var(--color-bg-panel) 80%, transparent);gap:12px;margin:42px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.login-features li{align-items:center;gap:10px;display:flex}.login-panel{align-self:center;padding:clamp(38px,5vw,62px)}.login-panel h2{letter-spacing:-.03em;margin:9px 0 7px;font-size:30px}.login-copy{color:var(--muted);margin-bottom:24px}.login-panel form{gap:15px;display:grid}.login-submit{width:100%;margin-top:5px}.login-help{color:var(--muted);text-align:center;margin:18px 0 0;font-size:12px}.login-panel label{gap:7px;font-size:13px;font-weight:600;display:grid}.form-error{color:var(--color-danger);margin:0;font-size:13px}.list-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.list-header h1{letter-spacing:-.04em;margin:5px 0 7px;font-size:clamp(30px,3.2vw,44px)}.page-copy{color:var(--muted);margin:0}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.stat-grid button{text-align:left;border:1px solid var(--line);border-radius:var(--radius-modal);background:var(--surface);color:var(--muted);padding:17px 18px}.stat-grid button:hover,.stat-grid button.selected{border-color:color-mix(in srgb, var(--color-brand) 24%, transparent);background:var(--teal-soft);color:var(--teal-dark)}.stat-grid span,.stat-grid strong{display:block}.stat-grid span{font-size:12px}.stat-grid strong{color:var(--ink);margin-top:7px;font-size:25px}.list-panel{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);overflow:hidden}.dashboard-header{justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px;display:flex}.dashboard-header h1{letter-spacing:-.045em;margin:7px 0 8px;font-size:clamp(32px,4vw,50px)}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.dashboard-metrics button{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface-strong);text-align:left;min-height:150px;box-shadow:var(--shadow-sm);padding:22px;position:relative}.dashboard-metrics span,.dashboard-metrics strong,.dashboard-metrics small{display:block}.dashboard-metrics span{color:var(--muted);font-size:13px;font-weight:600}.dashboard-metrics strong{color:var(--ink);letter-spacing:-.04em;margin:14px 0 10px;font-size:38px}.dashboard-metrics small{color:var(--teal);font-weight:600}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:18px;display:grid}.dashboard-panel{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface-strong);min-width:0;box-shadow:var(--shadow-sm);padding:23px}.dashboard-panel .section-heading{margin-bottom:17px}.priority-list{display:grid}.priority-list>button{border:0;border-top:1px solid var(--line);color:var(--ink);text-align:left;background:0 0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:15px 3px;display:grid}.priority-list>button:first-child{border-top:0}.priority-list>button:hover strong{color:var(--teal-dark)}.priority-icon{border-radius:var(--radius-modal);background:var(--amber-soft);width:38px;height:38px;color:var(--amber);place-items:center;display:grid}.priority-list span small,.priority-list span strong,.priority-list span em{display:block}.priority-list span small{color:var(--teal);letter-spacing:.08em;font-size:10px;font-weight:600}.priority-list span strong{text-overflow:ellipsis;white-space:nowrap;margin:4px 0;overflow:hidden}.priority-list span em{color:var(--muted);font-size:12px;font-style:normal}.priority-list time{color:var(--muted);white-space:nowrap;font-size:12px}.quick-panel>button{border:0;border-top:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.quick-panel>button span strong,.quick-panel>button span small{display:block}.quick-panel>button span small{color:var(--muted);margin-top:4px}.quick-panel>button>svg:first-child{color:var(--teal)}.dashboard-empty{min-height:230px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:8px;display:grid}.dashboard-empty svg{color:var(--teal)}.list-toolbar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;font-size:12px;display:flex}.view-switcher{gap:var(--space-1);padding:var(--space-3) var(--space-4) 0;display:flex}.view-switcher button{min-height:34px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-bg-surface);color:var(--color-text-secondary);font-weight:500}.view-switcher button:hover,.view-switcher button.selected{border-color:var(--color-brand);background:var(--color-brand-soft);color:var(--color-brand-strong)}.view-switcher-divider{width:1px;min-height:26px;margin:4px var(--space-1);background:var(--color-border)}.list-pagination{min-height:52px;padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--color-text-muted);display:flex}.list-pagination>div{align-items:center;gap:var(--space-3);display:flex}.list-pagination strong{text-align:center;min-width:48px;color:var(--color-text);font-weight:500}.list-pagination button{align-items:center;gap:var(--space-1);display:inline-flex}.role-list{gap:var(--space-4);display:grid}.role-editor{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);padding:0;overflow:clip}.role-summary{padding:var(--space-4) var(--space-5);cursor:pointer;list-style-position:inside}.role-summary:hover{background:var(--color-surface-subtle)}.role-summary:focus-visible{outline:3px solid color-mix(in srgb, var(--color-brand) 24%, transparent);outline-offset:-3px}.role-editor-body{padding:0 var(--space-5) var(--space-5);border-top:1px solid var(--color-border)}.role-editor .section-heading small{margin-top:var(--space-1);color:var(--color-text-muted);display:block}.role-meta-form{margin:var(--space-4) 0}.admin-change-reason{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);grid-template-columns:minmax(120px,auto) minmax(240px,420px);display:grid}.permission-check-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.permission-check-grid>label{min-height:52px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);align-items:flex-start;gap:var(--space-2);background:var(--color-surface-subtle);cursor:pointer;display:flex}.permission-check-grid>label.critical{border-color:var(--color-warning)}.permission-check-grid input{width:16px;height:16px;margin-top:2px}.permission-check-grid span,.permission-check-grid small{display:block}.permission-check-grid strong{font-weight:500}.permission-check-grid small{color:var(--color-text-muted);margin-top:2px}.role-save-row{margin-top:var(--space-4);gap:var(--space-3);grid-template-columns:1fr auto;display:grid}.permission-node-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(180px,1fr) minmax(140px,.8fr) minmax(220px,1.4fr) minmax(150px,1fr) auto;display:grid}.permission-node-row>div:first-child strong,.permission-node-row>div:first-child small{display:block}.permission-node-row>div:first-child small{margin-top:var(--space-1);color:var(--color-text-muted)}.permission-node-row .form-error{grid-column:1/-1}.inline-checks{align-items:center;gap:var(--space-4);flex-wrap:wrap;min-height:40px;display:flex}.inline-checks label{align-items:center;gap:var(--space-1);font-weight:400;display:inline-flex}.search-field{width:min(460px,100%);position:relative}.search-field svg{color:var(--muted);position:absolute;top:12px;left:13px}.search-field input{background:var(--color-bg-subtle);padding-left:40px}.table-head,.sample-row{grid-template-columns:1.15fr 1.5fr .7fr 1fr 22px;align-items:center;gap:18px;display:grid}.table-head{background:var(--color-bg-subtle);color:var(--muted);padding:12px 18px;font-size:11px;font-weight:600}.sample-row{border:0;border-top:1px solid var(--line);background:var(--surface);text-align:left;width:100%;color:var(--ink);padding:17px 18px}.sample-row:first-of-type{border-top:0}.sample-row:hover{background:var(--color-bg-subtle)}.sample-row strong,.sample-row small{display:block}.sample-row small{color:var(--muted);margin-top:5px;line-height:1.4}.sample-summary{-webkit-line-clamp:2;color:var(--color-text-secondary);-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.status-pill{border-radius:var(--radius-badge);width:fit-content;padding:5px 9px;font-weight:600;margin:0!important;font-size:11px!important;display:inline-flex!important}.status-pill.waiting_boss{color:var(--color-warning);background:var(--amber-soft)}.status-pill.waiting_sales_receipt{color:var(--color-info);background:var(--color-info-soft)}.status-pill.completed{color:var(--teal-dark);background:var(--teal-soft)}.status-pill.withdrawn{color:var(--color-text-secondary);background:var(--color-bg-subtle)}.dual-state{font-size:10px}.empty-list{text-align:center;color:var(--muted);padding:60px 20px}.empty-list h2{color:var(--ink);margin:12px 0 5px}.empty-list p{margin:0}.empty-list .primary-button{width:fit-content;margin:var(--space-4) auto 0}.table-empty{grid-column:1/-1}.create-form{gap:18px;width:min(900px,100%);margin:26px auto 0;display:grid}.create-form>section{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);padding:24px}.create-form label,.action-block label{color:var(--color-text-secondary);gap:8px;font-size:13px;font-weight:600;display:grid}.create-form textarea,.action-block textarea{font-weight:400}.form-grid{grid-template-columns:repeat(2,1fr);gap:17px;display:grid}.form-grid .span-2{grid-column:span 2}.required-note{color:var(--color-danger);font-size:12px}.form-actions{justify-content:flex-end;gap:10px;display:flex}.action-block{border:1px solid color-mix(in srgb, var(--color-brand) 24%, transparent);border-radius:var(--radius-modal);background:var(--color-bg-subtle);margin:18px 0;padding:22px}.danger-text{color:var(--color-danger);background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;display:inline-flex}.customer-head,.customer-row{grid-template-columns:1.3fr 1.1fr .75fr .7fr 22px;align-items:center;gap:18px;display:grid}.customer-head{background:var(--color-bg-subtle);color:var(--muted);padding:12px 18px;font-size:11px;font-weight:600}.customer-row{border:0;border-top:1px solid var(--line);background:var(--surface);text-align:left;width:100%;color:var(--ink);padding:17px 18px}.customer-row:hover{background:var(--color-bg-subtle)}.customer-row strong,.customer-row small{display:block}.customer-row small{color:var(--muted);margin-top:5px;line-height:1.4}.customer-status{border-radius:var(--radius-badge);width:fit-content;padding:5px 9px;font-weight:600;margin:0!important;font-size:11px!important;display:inline-flex!important}.customer-status.active{color:var(--teal-dark);background:var(--teal-soft)}.customer-status.prospect{color:var(--color-info);background:var(--color-info-soft)}.customer-status.paused{color:var(--color-warning);background:var(--amber-soft)}.customer-status.inactive{color:var(--color-text-secondary);background:var(--color-bg-subtle)}.customer-detail-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:clamp(28px,4vw,54px);padding-top:24px;display:grid}.customer-side{border-left:1px solid var(--line);padding-left:28px}.detail-list div{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr}.detail-list dd{white-space:pre-wrap;line-height:1.55}.contact-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.contact-card{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);padding:16px}.contact-card>div{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:13px;display:grid}.contact-card strong,.contact-card small{display:block}.contact-card small{color:var(--muted);margin-top:3px}.contact-card p{color:var(--color-text-secondary);align-items:center;gap:8px;margin:8px 0 0;font-size:13px;display:flex}.primary-tag{color:var(--teal);background:var(--teal-soft);border-radius:var(--radius-badge);padding:4px 7px;font-size:10px;font-weight:600}.address-box{background:var(--color-bg-subtle);border-radius:var(--radius-panel);gap:10px;margin-top:15px;padding:13px;display:flex}.address-box p,.side-copy{white-space:pre-wrap;color:var(--color-text-secondary);margin:0;line-height:1.6}.danger-outline{border:1px solid var(--color-danger-soft);min-height:40px;color:var(--color-danger);border-radius:var(--radius-panel);background:0 0;padding:0 14px;font-weight:600}.contact-editor{gap:12px;display:grid}.contact-edit-card{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--color-bg-subtle);padding:17px}.contact-edit-head{grid-template-columns:1fr auto auto;align-items:center;gap:12px;margin-bottom:14px;display:grid}.checkbox-label{grid-template-columns:auto 1fr;align-items:center;gap:7px!important;display:flex!important}.checkbox-label input{width:auto}.product-head,.product-row{grid-template-columns:1.35fr .9fr .55fr .55fr 22px;align-items:center;gap:18px;display:grid}.product-head{background:var(--color-bg-subtle);color:var(--muted);padding:12px 18px;font-size:11px;font-weight:600}.product-row{border:0;border-top:1px solid var(--line);background:var(--surface);text-align:left;width:100%;color:var(--ink);padding:17px 18px}.product-row:hover{background:var(--color-bg-subtle)}.product-row strong,.product-row small{display:block}.customer-code-head,.customer-code-row{grid-template-columns:.75fr 1.15fr .95fr 1fr 22px}.product-row small{color:var(--muted);margin-top:5px;line-height:1.4}.code-form{border:1px solid color-mix(in srgb, var(--color-brand) 24%, transparent);border-radius:var(--radius-modal);background:var(--color-bg-subtle);margin:12px 0 18px;padding:18px}.code-form label{color:var(--color-text-secondary);gap:7px;font-size:12px;font-weight:600;display:grid}.code-form .form-actions{margin-top:15px}.code-table{border:1px solid var(--line);border-radius:var(--radius-panel);overflow:hidden}.code-head,.code-row{grid-template-columns:1fr 1.3fr .8fr 20px;align-items:center;gap:13px;display:grid}.code-head{background:var(--color-bg-subtle);color:var(--muted);padding:10px 13px;font-size:11px;font-weight:600}.code-row{border:0;border-top:1px solid var(--line);background:var(--surface);text-align:left;width:100%;color:var(--ink);padding:13px}.code-row:hover{background:var(--color-bg-subtle)}.code-row small{color:var(--muted);margin-top:4px;display:block}.price-card{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);margin-top:13px;padding:15px}.price-card span,.price-card strong,.price-card small{display:block}.price-card span,.price-card small{color:var(--muted);font-size:11px}.price-card strong{color:var(--teal-dark);margin:6px 0;font-size:20px}.header-button-group{gap:9px;display:flex}.work-form{border:1px solid color-mix(in srgb, var(--color-brand) 24%, transparent);border-radius:var(--radius-panel);background:var(--color-bg-subtle);margin:0 0 18px;padding:22px}.work-form label{color:var(--color-text-secondary);gap:7px;font-size:12px;font-weight:600;display:grid}.work-form .form-actions{margin-top:16px}.follow-panel .list-toolbar{align-items:center}.workspace-tabs{gap:5px;display:flex}.workspace-tabs button{border-radius:var(--radius-input);color:var(--muted);background:0 0;border:0;padding:9px 13px;font-weight:600}.workspace-tabs button.active{background:var(--teal-soft);color:var(--teal-dark)}.task-list{display:grid}.task-card{border-top:1px solid var(--line);grid-template-columns:34px 1fr;gap:13px;padding:18px;display:grid}.task-card:first-child{border-top:0}.task-card.overdue{background:var(--color-bg-panel)}.task-check{border:2px solid var(--color-border-strong);color:#fff;background:#fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.task-check.completed{border-color:var(--teal);background:var(--teal)}.task-title{align-items:center;gap:8px;display:flex}.task-title strong{font-size:15px}.task-card p{color:var(--muted);margin:6px 0 10px;font-size:12px}.task-card small{color:var(--teal-dark);margin-top:9px;display:block}.task-times{color:var(--color-text-secondary);flex-wrap:wrap;gap:8px 18px;font-size:12px;display:flex}.priority,.overdue-tag{border-radius:var(--radius-badge);padding:3px 7px;font-size:10px;font-weight:600}.priority.low{color:var(--color-text-secondary);background:var(--color-bg-subtle)}.priority.normal{color:var(--color-info);background:var(--color-info-soft)}.priority.high{color:var(--color-warning);background:var(--amber-soft)}.priority.urgent,.overdue-tag{color:var(--color-danger);background:var(--color-danger-soft)}.follow-history{padding:8px 20px}.follow-history>article{grid-template-columns:18px 1fr;gap:12px;padding:16px 0 20px;display:grid;position:relative}.follow-history>article:before{content:"";background:var(--line);width:1px;position:absolute;top:32px;bottom:-4px;left:5px}.follow-history>article:last-child:before{display:none}.follow-marker{background:var(--teal);border-radius:50%;width:11px;height:11px;margin-top:5px}.follow-head{align-items:center;gap:9px;display:flex}.follow-head span{color:var(--teal-dark);background:var(--teal-soft);border-radius:var(--radius-badge);padding:3px 7px;font-size:10px}.follow-head time{color:var(--muted);margin-left:auto;font-size:11px}.follow-history p{margin:9px 0;line-height:1.65}.follow-history blockquote{margin:8px 0}.follow-history small{color:var(--muted)}.order-head,.order-row{grid-template-columns:1.2fr 1fr .8fr .65fr .65fr 22px;align-items:center;gap:16px;display:grid}.order-head{background:var(--color-bg-subtle);color:var(--muted);padding:12px 18px;font-size:11px;font-weight:600}.order-row{border:0;border-top:1px solid var(--line);background:var(--surface);text-align:left;width:100%;color:var(--ink);padding:17px 18px}.order-row:hover{background:var(--color-bg-subtle)}.order-row strong,.order-row small{display:block}.order-row small{color:var(--muted);margin-top:5px}.order-status{border-radius:var(--radius-badge);width:fit-content;color:var(--color-info);background:var(--color-info-soft);padding:5px 9px;font-weight:600;margin:0!important;font-size:11px!important;display:inline-flex!important}.order-status.completed{color:var(--teal-dark);background:var(--teal-soft)}.order-status.cancelled{color:var(--color-text-secondary);background:var(--color-bg-subtle)}.order-status.shipped,.order-status.customer_received{color:var(--color-info);background:var(--color-info-soft)}.order-item-editor{gap:12px;display:grid}.order-item-editor article{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--color-bg-subtle);padding:17px}.order-item-editor label{color:var(--color-text-secondary);gap:7px;font-size:12px;font-weight:600;display:grid}.order-total{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:18px;margin-top:17px;padding-top:16px;display:flex}.order-total span{color:var(--muted)}.order-total strong{color:var(--teal-dark);font-size:22px}.order-flow{border-bottom:1px solid var(--line);grid-template-columns:repeat(8,1fr);padding:26px 0;display:grid}.order-flow div{color:var(--color-border-strong);justify-items:center;gap:7px;display:grid;position:relative}.order-flow div:after{content:"";background:var(--line);width:84%;height:2px;position:absolute;top:13px;left:58%}.order-flow div:last-child:after{display:none}.order-flow div>span{background:var(--color-border);width:28px;height:28px;color:var(--color-text-secondary);z-index:1;border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.order-flow div.done>span{background:var(--teal);color:#fff}.order-flow div.current>span{background:var(--amber);color:#fff}.order-flow div.done:after{background:var(--teal)}.order-flow small{text-align:center;font-size:10px}.order-detail-items{border:1px solid var(--line);border-radius:var(--radius-panel);overflow:hidden}.order-detail-head,.order-detail-row{grid-template-columns:1.4fr .5fr .7fr .8fr;align-items:center;gap:14px;display:grid}.order-detail-head{background:var(--color-bg-subtle);color:var(--muted);padding:10px 13px;font-size:11px;font-weight:600}.order-detail-row{border-top:1px solid var(--line);padding:14px 13px}.order-detail-row strong,.order-detail-row small{display:block}.order-detail-row small{color:var(--muted);margin-top:4px}.full-button{width:100%;margin:14px 0}.cancel-box{gap:9px;margin-top:12px;display:grid}.supplier-head,.supplier-row{grid-template-columns:1.35fr 1.2fr .75fr .6fr 22px;align-items:center;gap:16px;display:grid}.supplier-head{background:var(--color-bg-subtle);color:var(--muted);padding:12px 18px;font-size:11px;font-weight:600}.supplier-row{border:0;border-top:1px solid var(--line);background:var(--surface);text-align:left;width:100%;color:var(--ink);padding:17px 18px}.supplier-row:hover{background:var(--color-bg-subtle)}.supplier-row strong,.supplier-row small{display:block}.supplier-row small{color:var(--muted);margin-top:5px}.supplier-contact{border-bottom:1px solid var(--line);padding:12px 0}.supplier-contact p{color:var(--muted);margin:5px 0}.supplier-contact small{color:var(--teal-dark)}.stock-form{margin-bottom:20px}.inventory-message{margin:0 0 14px}.stock-head,.stock-row{grid-template-columns:1.4fr repeat(3,.6fr);align-items:center;gap:18px;display:grid}.stock-head{background:var(--color-bg-subtle);color:var(--muted);padding:12px 18px;font-size:11px;font-weight:600}.stock-row{border-top:1px solid var(--line);padding:17px 18px}.stock-row strong,.stock-row small{display:block}.stock-row small{color:var(--muted);margin-top:4px}.stock-row>strong:last-child{color:var(--teal-dark);font-size:17px}.stock-row .zero-stock{color:var(--color-danger)!important}.stock-document-list article{border-top:1px solid var(--line);align-items:center;gap:12px;padding:16px 18px;display:flex}.stock-document-list article>div:first-child{flex:1}.stock-document-list strong,.stock-document-list small{display:block}.stock-document-list small{color:var(--muted);margin-top:5px}.document-status{border-radius:var(--radius-badge);background:var(--color-warning-soft);color:var(--color-warning);padding:5px 9px;font-size:11px;font-weight:600}.document-status.confirmed{background:var(--teal-soft);color:var(--teal-dark)}.compact{padding:7px 10px!important;font-size:11px!important}.shipment-form{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--color-bg-subtle);gap:12px;margin:14px 0;padding:14px;display:grid}.shipment-form label{color:var(--color-text-secondary);gap:6px;font-size:11px;font-weight:600;display:grid}.delivery-box{gap:9px;margin-top:14px;display:grid}.attachment-dock{z-index:30;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--surface);width:min(390px,100vw - 110px);box-shadow:0 18px 48px color-mix(in srgb, var(--color-text-primary) 24%, transparent);position:fixed;bottom:20px;right:22px;overflow:hidden}.attachment-dock.collapsed{width:auto}.attachment-dock-toggle{background:var(--color-text-primary);color:#fff;border:0;align-items:center;gap:9px;width:100%;padding:11px 14px;display:flex}.attachment-dock-toggle strong{border-radius:var(--radius-badge);background:color-mix(in srgb, var(--color-bg-panel) 80%, transparent);min-width:23px;padding:2px 6px}.attachment-dock-body{max-height:62vh;padding:15px;overflow:auto}.attachment-tabs{gap:6px;margin-bottom:12px;display:flex}.attachment-tabs button{border:1px solid var(--line);border-radius:var(--radius-input);background:var(--color-bg-subtle);color:var(--muted);flex:1;padding:7px;font-size:11px}.attachment-tabs button.active{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-dark)}.attachment-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.attachment-heading h3{margin:3px 0 0}.attachment-upload{border-radius:var(--radius-panel);background:var(--color-bg-subtle);grid-template-columns:.8fr 1.2fr;gap:8px;margin-bottom:13px;padding:11px;display:grid}.attachment-upload .file-button{cursor:pointer;grid-column:1/-1;justify-content:center}.attachment-upload .file-button input{display:none}.attachment-upload small{color:var(--muted);grid-column:1/-1;line-height:1.45}.attachment-list{gap:7px;display:grid}.attachment-list article{border:1px solid var(--line);border-radius:var(--radius-panel);align-items:center;gap:8px;padding:9px;display:flex}.attachment-list article>div{flex:1;min-width:0}.attachment-list strong,.attachment-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.attachment-list small{color:var(--muted);margin-top:3px;font-size:10px}.attachment-list a{text-decoration:none}.attachment-empty{color:var(--muted);text-align:center;margin:8px 0}.global-search-button{border:1px solid color-mix(in srgb, var(--color-bg-panel) 80%, transparent);border-radius:var(--radius-panel);background:color-mix(in srgb, var(--color-bg-panel) 80%, transparent);color:var(--color-bg-subtle);text-align:left;align-items:center;gap:10px;margin:4px 12px 8px;padding:10px 12px;display:flex}.global-search-button:hover{background:color-mix(in srgb, var(--color-bg-panel) 80%, transparent)}.search-overlay{z-index:80;background:color-mix(in srgb, var(--color-text-primary) 24%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:start center;padding:10vh 20px 20px;display:grid;position:fixed;inset:0}.global-search-panel{overscroll-behavior:contain;border-radius:var(--radius-panel);background:var(--surface);width:min(720px,100%);max-height:76vh;box-shadow:0 30px 80px color-mix(in srgb, var(--color-text-primary) 24%, transparent);overflow:auto}.admin-dialog{overscroll-behavior:contain;border-radius:var(--radius-panel);background:var(--surface);width:min(520px,100%);max-height:80vh;box-shadow:0 30px 80px color-mix(in srgb, var(--color-text-primary) 24%, transparent);gap:16px;padding:24px;display:grid;overflow:auto}.global-search-panel form{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:16px;display:grid}.global-search-panel form input{border:0;outline:none;padding:10px 2px;font-size:15px}.global-search-results{padding:8px}.global-search-results>button{border-radius:var(--radius-panel);text-align:left;width:100%;color:var(--ink);background:0 0;border:0;grid-template-columns:68px 1fr auto;align-items:center;gap:12px;padding:13px;display:grid}.global-search-results>button:hover{background:var(--color-bg-subtle)}.global-search-results strong,.global-search-results small{display:block}.global-search-results small{color:var(--muted);margin-top:4px}.search-kind{border-radius:var(--radius-badge);background:var(--teal-soft);width:fit-content;color:var(--teal-dark);padding:4px 7px;font-size:10px;font-weight:600}.search-empty{color:var(--muted);justify-items:center;gap:5px;padding:38px;display:grid}.freshness{color:var(--muted);align-self:flex-end;font-size:11px}.report-filters{border:1px solid var(--line);border-radius:var(--radius-modal);background:var(--surface);align-items:end;gap:12px;margin:22px 0;padding:14px;display:flex}.report-filters label{color:var(--muted);gap:6px;font-size:11px;font-weight:600;display:grid}.report-kpis{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px;display:grid}.report-kpis article{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);gap:6px;padding:20px;display:grid}.report-kpis span{color:var(--muted);font-size:12px;font-weight:600}.report-kpis strong{color:var(--teal-dark);font-variant-numeric:tabular-nums;font-size:34px}.report-kpis small{color:var(--muted);line-height:1.5}.report-kpis .risk strong,.period-metrics .risk strong{color:var(--color-danger)}.report-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.report-section{padding:20px}.period-metrics{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.period-metrics div{border-radius:var(--radius-panel);background:var(--color-bg-subtle);gap:5px;padding:12px;display:grid}.period-metrics span,.currency-list>span{color:var(--muted);font-size:11px}.period-metrics strong{font-variant-numeric:tabular-nums;font-size:22px}.currency-list{border-top:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:16px;padding-top:14px;display:flex}.currency-list strong{color:var(--teal-dark)}.status-bars{gap:12px;display:grid}.status-bars>div{grid-template-columns:90px 1fr 25px;align-items:center;gap:10px;font-size:12px;display:grid}.status-bars>div>div{border-radius:var(--radius-badge);background:var(--color-bg-subtle);height:8px;overflow:hidden}.status-bars i{border-radius:inherit;background:var(--teal);height:100%;display:block}.action-lists{gap:7px;display:grid}.action-lists button{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--color-bg-subtle);text-align:left;color:var(--ink);gap:4px;padding:11px;display:grid}.action-lists button:hover{border-color:var(--teal)}.action-lists small{color:var(--muted)}.metric-definitions{border:1px solid var(--line);border-radius:var(--radius-panel);color:var(--muted);margin:20px 0;padding:15px 18px}.metric-definitions summary{cursor:pointer;color:var(--ink);font-weight:600}.metric-definitions p{line-height:1.6}.admin-create{margin:18px 0}.admin-user-head,.admin-user-row{grid-template-columns:1.1fr .75fr 1fr 1.1fr;align-items:center;gap:16px;display:grid}.admin-user-head{background:var(--color-bg-subtle);color:var(--muted);padding:12px 18px;font-size:11px;font-weight:600}.admin-user-row{border-top:1px solid var(--line);padding:15px 18px}.admin-user-row strong,.admin-user-row small{display:block}.admin-user-row small{color:var(--muted);margin-top:4px}.admin-actions{flex-wrap:wrap;gap:7px;display:flex}.active-user{color:var(--teal-dark)}.inactive-user{color:var(--color-danger)}.audit-filters{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);grid-template-columns:1.2fr .8fr .8fr auto;gap:10px;margin:18px 0;padding:14px;display:grid}.audit-summary{color:var(--muted);padding:13px 16px;font-size:11px}.audit-list details{border-top:1px solid var(--line)}.audit-list summary{cursor:pointer;grid-template-columns:1.2fr .7fr .8fr;align-items:center;gap:12px;padding:14px 16px;display:grid}.audit-list summary strong,.audit-list summary small{display:block}.audit-list summary small,.audit-list time{color:var(--muted);margin-top:4px;font-size:11px}.audit-list details>div{color:var(--muted);overflow-wrap:anywhere;padding:2px 16px 14px;font-size:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1050px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.brand strong,.sidebar nav span,.sidebar-user>span:nth-child(2),.global-search-button span{display:none}.sidebar nav button{justify-content:center}.brand{justify-content:center;padding-inline:0}.sidebar-user{grid-template-columns:1fr;justify-items:center}.detail-grid{grid-template-columns:1fr}.info-column{border-left:0;border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:22px;padding:18px 0 0;display:grid}.table-head,.sample-row{grid-template-columns:1fr 1.3fr .8fr 22px}.table-head span:nth-child(3),.sample-row>span:nth-child(3){display:none}.customer-head,.customer-row{grid-template-columns:1.2fr 1fr .7fr 22px}.customer-head span:nth-child(4),.customer-row>span:nth-child(4){display:none}.customer-detail-grid{grid-template-columns:1fr}.customer-side{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.product-head,.product-row{grid-template-columns:1.3fr .8fr .7fr 22px}.product-head span:nth-child(3),.product-row>span:nth-child(3){display:none}.order-head,.order-row{grid-template-columns:1.2fr 1fr .8fr .65fr 22px}.order-head span:nth-child(4),.order-row>span:nth-child(4){display:none}.supplier-head,.supplier-row{grid-template-columns:1.3fr 1fr .6fr 22px}.supplier-head span:nth-child(3),.supplier-row>span:nth-child(3){display:none}.stock-head,.stock-row{grid-template-columns:1.3fr repeat(3,.55fr)}}@media (width<=760px){.app-shell{display:block}.sidebar{flex-direction:row;align-items:center;width:100%;height:auto;padding:12px 16px;position:static}.sidebar nav{overscroll-behavior-x:contain;gap:4px;margin-left:auto;display:flex;overflow-x:auto}.sidebar-user{display:none}.sidebar nav button{flex:none;padding:9px 12px}.brand strong{display:block}.content{padding:22px 18px 42px}.login-shell{padding:16px}.login-stage{border-radius:var(--radius-modal);display:block}.login-intro{min-height:auto;padding:28px}.login-intro h1{font-size:30px}.login-intro .eyebrow{margin-top:36px}.login-features{display:none}.login-panel{padding:30px 26px}.dashboard-page{padding-top:28px}.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-header .primary-button{width:100%}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics button{min-height:132px;padding:17px}.dashboard-grid{grid-template-columns:1fr}.priority-list>button{grid-template-columns:auto minmax(0,1fr) auto}.priority-list time{display:none}.page-header{grid-template-columns:1fr auto}.back-button{display:inline-flex}.page-header h1{font-size:27px}.header-actions{grid-column:1/-1;justify-self:stretch;display:flex}.header-actions>button{width:100%}.meta-line{grid-template-columns:repeat(2,1fr)}.meta-line div:nth-child(2){border-right:0}.status-rail{flex-wrap:wrap;align-items:flex-start;gap:16px}.rail-line{width:32px;margin:20px 0 0}.status-node{min-width:132px}.status-rail .compact{width:100%;margin:0}.info-column{grid-template-columns:1fr}.receipt-actions{flex-direction:column;align-items:stretch}.receipt-actions .primary-button{width:100%}.list-header{flex-direction:column;align-items:stretch}.list-header .primary-button{width:100%}.stat-grid{grid-template-columns:repeat(2,1fr)}.list-toolbar{flex-direction:column;align-items:stretch}.table-head{display:none}.sample-row{grid-template-columns:1fr auto;gap:10px}.sample-row>span:nth-child(2),.sample-row>span:nth-child(3){display:none}.sample-row>span:nth-child(4){grid-row:2}.sample-row>svg{grid-area:1/2/3}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.create-form>section{padding:18px}.customer-stats{grid-template-columns:repeat(2,1fr)}.customer-head{display:none}.customer-row{grid-template-columns:1fr auto}.customer-row>span:nth-child(2),.customer-row>span:nth-child(4){display:none}.customer-row>span:nth-child(3){grid-row:2}.customer-row>svg{grid-area:1/2/3}.contact-grid{grid-template-columns:1fr}.product-stats{grid-template-columns:repeat(2,1fr)}.product-head{display:none}.product-row{grid-template-columns:1fr auto}.product-row>span:nth-child(n+2){display:none}.code-head,.code-row{grid-template-columns:1fr 1fr 18px}.code-head span:nth-child(3),.code-row>span:nth-child(3){display:none}.header-button-group{width:100%}.header-button-group button{flex:1}.task-times{gap:5px;display:grid}.follow-head{flex-wrap:wrap;align-items:flex-start}.follow-head time{width:100%;margin-left:0}.order-head{display:none}.order-row{grid-template-columns:1fr auto}.order-row>span:nth-child(n+2):not(:nth-child(5)){display:none}.order-row>span:nth-child(5){grid-row:2}.order-row>svg{grid-area:1/2/3}.order-flow{grid-template-columns:repeat(8,90px);overflow-x:auto}.order-detail-head,.order-detail-row{grid-template-columns:1fr .7fr}.order-detail-head span:nth-child(2),.order-detail-head span:nth-child(3),.order-detail-row>span:nth-child(2),.order-detail-row>span:nth-child(3),.supplier-head{display:none}.supplier-row{grid-template-columns:1fr auto}.supplier-row>span:nth-child(n+2){display:none}.stock-head,.stock-row{grid-template-columns:1.2fr .7fr .7fr}.stock-head span:nth-child(3),.stock-row>span:nth-child(3){display:none}.stock-document-list article{flex-wrap:wrap;align-items:flex-start}.attachment-dock{width:calc(100vw - 24px);bottom:12px;right:12px}.report-filters{flex-direction:column;align-items:stretch}.report-kpis,.report-grid{grid-template-columns:1fr}.period-metrics{grid-template-columns:repeat(2,1fr)}.global-search-panel form{grid-template-columns:auto 1fr auto}.global-search-panel form .primary-button{grid-column:1/-1}.admin-user-head{display:none}.admin-user-row,.audit-filters,.audit-list summary{grid-template-columns:1fr}}:root{color:var(--color-text-primary);background:var(--color-bg-page);font-family:var(--font-family);--teal:var(--color-brand);--teal-dark:var(--color-brand-hover);--teal-soft:var(--color-brand-soft);--amber:var(--color-warning);--amber-soft:var(--color-warning-soft);--ink:var(--color-text-primary);--muted:var(--color-text-secondary);--line:var(--color-border);--surface:var(--color-bg-panel);--surface-strong:var(--color-bg-panel);--shadow-sm:none;--shadow-lg:var(--shadow-modal)}body{font-size:var(--font-size-body);background:var(--color-bg-page)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:var(--color-bg-page)}.app-main{min-width:0}.topbar{z-index:40;height:var(--topbar-height);padding:0 var(--content-padding);border-bottom:1px solid var(--color-border);background:var(--color-bg-panel);grid-template-columns:minmax(120px,1fr) minmax(280px,400px) minmax(0,1fr);align-items:center;display:grid;position:sticky;top:0}.topbar>strong{font-size:var(--font-size-title);font-weight:600}.topbar-search{height:var(--control-height);align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-input);background:var(--color-bg-subtle);color:var(--color-text-secondary);text-align:left;grid-column:2;display:flex}.topbar-search span{flex:1}.topbar-search kbd{color:var(--color-text-tertiary);font:inherit;font-size:var(--font-size-aux);border:0}.mobile-menu-button,.nav-backdrop{display:none}.sidebar{width:var(--sidebar-width);padding:0 var(--space-3) var(--space-4);border-right:1px solid var(--color-border);background:var(--color-bg-sidebar)}.brand{min-height:var(--topbar-height);padding:0 var(--space-2);gap:var(--space-2);font-size:14px;font-weight:600}.brand-logo,.brand-logo.small{object-fit:contain}.global-search-button{display:none}.sidebar nav{gap:var(--space-1);padding-top:var(--space-3);overflow-y:auto}.nav-item{display:contents}.nav-group-label{margin:var(--space-3) var(--space-4) var(--space-1);color:var(--color-text-tertiary);font-size:var(--font-size-aux);font-weight:500}.nav-group-label:first-child{margin-top:0}.sidebar nav button{min-height:var(--menu-item-height);padding:0 var(--space-4);gap:var(--space-2);border-radius:var(--radius-button);color:var(--color-text-secondary);font-weight:400;position:relative}.sidebar nav button:hover{background:var(--color-bg-hover)}.sidebar nav button.active{background:var(--color-brand-soft);color:var(--color-brand);box-shadow:none;font-weight:600}.sidebar nav button.active:before{content:"";background:var(--color-brand);border-radius:0 2px 2px 0;width:3px;height:20px;position:absolute;left:0}.nav-lock{color:var(--color-text-tertiary);margin-left:auto}.sidebar-user{padding:var(--space-3) var(--space-1) 0;border-color:var(--color-border)}.avatar{background:var(--color-bg-subtle);width:28px;height:28px}.content{padding:var(--content-padding) var(--content-padding) var(--space-10);background:var(--color-bg-page)}.page-header,.list-header,.dashboard-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.page-header h1,.list-header h1,.dashboard-header h1{margin:var(--space-1) 0;font-size:var(--font-size-title);letter-spacing:0;font-weight:600;line-height:26px}.dashboard-page{padding-top:var(--content-padding)}.dashboard-header{align-items:center}.eyebrow{font-size:var(--font-size-aux);letter-spacing:0;text-transform:none;font-weight:500;line-height:18px}.page-copy{font-size:13px;line-height:20px}.section-heading h2{font-size:var(--font-size-section);font-weight:600;line-height:22px}.primary-button,.secondary-button{min-height:var(--control-height);padding:0 var(--space-4);border-radius:var(--radius-button);font-weight:500}.primary-button{background:var(--color-brand)}.primary-button:hover{background:var(--color-brand-hover)}.secondary-button{background:var(--color-bg-panel);border-color:var(--color-border-strong)}input,select,textarea{border-radius:var(--radius-input);border-color:var(--color-border-strong);background:var(--color-bg-panel)}input,select{min-height:var(--input-height)}.list-panel,.dashboard-panel,.create-form>section,.detail-panel,.modal-card{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-bg-panel);box-shadow:none}.dashboard-grid{gap:var(--space-4)}.dashboard-panel{padding:var(--space-5)}.dashboard-metrics{gap:var(--space-3);margin-bottom:var(--space-4)}.dashboard-metrics.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-metrics button{min-height:92px;padding:var(--space-4);border-radius:var(--radius-panel);box-shadow:none}.dashboard-metrics button:hover{border-color:var(--color-brand-border);transform:none}.dashboard-metrics strong{margin:var(--space-2) 0 var(--space-1);font-size:24px;font-weight:600}.priority-icon{border-radius:var(--radius-button);width:32px;height:32px}.priority-list>button{min-height:var(--table-row-height);padding:var(--space-2) 0}.stat-grid{gap:var(--space-2);margin-bottom:var(--space-3);display:flex;overflow-x:auto}.stat-grid button{min-width:136px;min-height:var(--control-height);justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-3);border-radius:var(--radius-button);display:flex}.stat-grid strong{margin:0;font-size:14px;font-weight:600}.table-head,.customer-head,.product-head,.order-head,.supplier-head,.stock-head{min-height:40px;padding:var(--space-2) var(--space-4);background:var(--color-bg-subtle);color:var(--color-text-secondary);font-size:13px;font-weight:500}.sample-row,.customer-row,.product-row,.order-row,.supplier-row,.stock-row{min-height:var(--table-row-height);padding:10px var(--space-4)}.list-panel{border-radius:var(--radius-panel)}.list-toolbar{min-height:52px;padding:var(--space-2) var(--space-4)}.table-head{background:var(--color-bg-subtle);min-height:40px;color:var(--color-text-secondary);font-size:13px;font-weight:500}.sample-row,.customer-row,.product-row,.order-row,.supplier-row,.stock-row{min-height:var(--table-row-height)}.status-pill,.status-badge,.tag{border-radius:var(--radius-badge)}.status-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.workflow-help{margin:var(--space-3) 0 0;padding:var(--space-3);border-radius:var(--radius-input);background:var(--color-info-soft);color:var(--color-info);font-size:13px}.sample-filters{gap:var(--space-2);display:flex;overflow-x:auto}.sample-filters button{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:136px;padding:0 var(--space-3);min-height:var(--control-height);border-radius:var(--radius-button);display:flex}.sample-filters strong{margin:0;font-size:14px}.sample-table .table-head,.sample-table .sample-row{gap:var(--space-3);grid-template-columns:minmax(160px,1.1fr) minmax(220px,1.6fr) 110px 86px 86px 110px 18px}.workflow-badge{width:fit-content;min-height:24px;padding:2px var(--space-2);border-radius:var(--radius-badge);font-size:var(--font-size-aux);white-space:nowrap;align-items:center;font-weight:500;display:inline-flex}.workflow-badge.boss.pending{color:var(--color-warning);background:var(--color-warning-soft)}.workflow-badge.boss.completed{color:var(--color-success);background:var(--color-success-soft)}.workflow-badge.sales.waiting{color:var(--color-info);background:var(--color-info-soft)}.workflow-badge.sales.received{color:var(--color-success);background:var(--color-success-soft)}.mobile-sample-statuses{display:none}.form-page{max-width:none}.form-page>.page-header,.form-page>form{max-width:720px}.create-form{gap:0;margin:0}.create-form>section{padding:var(--space-6) 0;border:0;border-bottom:1px solid var(--color-border);background:0 0;border-radius:0}.create-form>section:first-child{padding-top:0}.create-form .form-actions{padding-top:var(--space-5)}.field-help{color:var(--color-text-secondary);font-size:var(--font-size-aux);margin:0;font-weight:400;line-height:18px}.field-help .text-button{margin-left:var(--space-1)}.permission-group{margin-top:var(--space-4)}.permission-group h3{margin:0 0 var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:600}.legacy-migration-panel .description-box{margin-top:var(--space-4)}.legacy-migration-panel .description-box.warning{background:var(--color-warning-soft)}.legacy-migration-panel .description-box ul{margin:var(--space-2) 0 0;padding-left:var(--space-5)}main.content:not(.list-page):not(.dashboard-page):not(.report-page):not(.settings-page)>.page-header,main.content:not(.list-page):not(.dashboard-page):not(.report-page):not(.settings-page)>.meta-line,main.content:not(.list-page):not(.dashboard-page):not(.report-page):not(.settings-page)>.status-rail,main.content:not(.list-page):not(.dashboard-page):not(.report-page):not(.settings-page)>.detail-grid,main.content:not(.list-page):not(.dashboard-page):not(.report-page):not(.settings-page)>.customer-detail-grid,main.content:not(.list-page):not(.dashboard-page):not(.report-page):not(.settings-page)>.order-detail-grid{max-width:960px}.description-box,.requirement-note{border-radius:var(--radius-input);box-shadow:none}.code-row.read-only-row{cursor:default}.code-row.read-only-row:hover{background:var(--color-bg-panel)}.price-card{padding:var(--space-3) 0;border:0;border-bottom:1px solid var(--color-border);background:0 0;border-radius:0}.order-flow{grid-template-columns:repeat(4,minmax(0,1fr))}.order-flow div{column-gap:var(--space-2);grid-template-columns:auto minmax(0,1fr)}.order-flow div>strong,.order-flow div>small{grid-column:2}.order-flow div>strong{font-size:13px;font-weight:600}.order-flow div>small{margin-top:2px}.cancelled-banner{align-items:center;gap:var(--space-3);max-width:960px;margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-bg-subtle);color:var(--color-text-secondary);display:flex}.cancelled-banner strong{color:var(--color-text-primary)}.login-shell{padding:var(--space-6);background:var(--color-bg-page);position:relative}.login-shell:before{content:"";background:var(--color-brand);height:4px;position:fixed;inset:0 0 auto}.login-stage{width:min(380px,100%);box-shadow:none;background:0 0;border:0;border-radius:0;display:block;overflow:visible}.login-identity{justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);text-align:left;display:flex}.login-identity h1{font-size:var(--font-size-page-title);margin:0;font-weight:600;line-height:28px}.login-identity p{color:var(--color-text-secondary);font-size:var(--font-size-aux);margin:2px 0 0}.login-panel{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-bg-panel)}.login-panel h2{margin:0 0 var(--space-5);font-size:var(--font-size-title);letter-spacing:0;font-weight:600}.login-panel label{gap:var(--space-2);font-size:13px;font-weight:500}.login-panel form{gap:var(--space-4)}.login-submit{min-height:var(--control-height-lg);margin-top:var(--space-1)}.login-help{margin:var(--space-4) 0 0;color:var(--color-text-tertiary);text-align:center;font-size:var(--font-size-aux)}.form-error{color:var(--color-danger)}@media (width<=1279px) and (width>=768px){.app-shell{grid-template-columns:56px minmax(0,1fr)}.sidebar{width:56px;padding-inline:var(--space-2)}.brand strong,.sidebar nav span,.sidebar-user>span:nth-child(2){display:none}.brand,.sidebar nav button{justify-content:center;padding-inline:0}.nav-group-label{display:none}.sidebar-user{grid-template-columns:1fr;justify-items:center}.topbar{grid-template-columns:minmax(120px,1fr) minmax(240px,360px) minmax(0,1fr)}.permission-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.app-shell{display:block}.app-main{min-height:100vh}.topbar{padding:0 var(--space-3);grid-template-columns:40px minmax(0,1fr) 40px}.topbar>strong{text-align:center;font-size:16px}.topbar-search{background:0 0;border:0;grid-column:3;justify-content:center;width:40px;padding:0}.topbar-search span,.topbar-search kbd{display:none}.mobile-menu-button{width:40px;height:40px;color:var(--color-text-primary);background:0 0;border:0;place-items:center;padding:0;display:grid}.sidebar{z-index:80;width:82vw;max-width:320px;height:100vh;padding:0 var(--space-3) var(--space-4);flex-direction:column;align-items:stretch;transition:transform .16s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.sidebar.is-open{transform:translate(0)}.sidebar .brand strong,.sidebar nav span,.sidebar-user>span:nth-child(2),.sidebar .nav-group-label{display:block}.sidebar nav{margin:0;display:grid;overflow-y:auto}.sidebar nav button{padding:0 var(--space-4);justify-content:flex-start}.sidebar-user{grid-template-columns:auto 1fr auto;justify-items:stretch;display:grid}.nav-backdrop{z-index:70;background:color-mix(in srgb, var(--color-text-primary) 24%, transparent);border:0;display:block;position:fixed;inset:0}.content{padding:var(--content-padding) var(--content-padding) 76px}.login-shell{padding:var(--space-4)}.login-panel{padding:var(--space-5);border:0}.dashboard-header,.list-header{gap:var(--space-4)}.dashboard-header h1,.list-header h1,.page-header h1{font-size:var(--font-size-title)}.dashboard-metrics,.dashboard-metrics.three-up{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics button{min-height:88px}.dashboard-panel{padding:var(--space-4)}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:flex}.sample-filters{display:flex}.sample-filters button{min-width:132px}.sample-table .sample-row{gap:var(--space-2);padding:var(--space-3);grid-template-columns:minmax(0,1fr) auto}.sample-table .sample-row>span:first-child{grid-area:1/1}.sample-table .sample-row>span:nth-child(2){-webkit-line-clamp:2;color:var(--color-text-secondary);-webkit-box-orient:vertical;grid-area:2/1;display:-webkit-box;overflow:hidden}.sample-table .sample-row>span:nth-child(3),.sample-table .sample-row>span:nth-child(4),.sample-table .sample-row>span:nth-child(5),.sample-table .sample-row>span:nth-child(6){display:none!important}.sample-table .mobile-sample-statuses{gap:var(--space-1);flex-wrap:wrap;grid-area:3/1;display:flex}.sample-table .sample-row>svg{grid-area:1/2/4}:is(.list-header:has(.primary-button),.dashboard-header:has(.primary-button)){padding-bottom:var(--space-4)}.list-header>.primary-button,.dashboard-header>.primary-button{z-index:55;right:var(--space-3);bottom:max(var(--space-3), env(safe-area-inset-bottom));left:var(--space-3);width:auto;min-height:var(--control-height-lg);box-shadow:var(--shadow-pop);position:fixed}.form-actions{z-index:30;margin:0 calc(-1 * var(--space-3));padding:var(--space-3);border-top:1px solid var(--color-border);background:var(--color-bg-panel);position:sticky;bottom:0}.order-flow{grid-template-columns:repeat(4,minmax(100px,1fr));overflow-x:auto}.permission-check-grid,.role-save-row,.permission-node-row,.admin-change-reason{grid-template-columns:1fr}}