:root{color-scheme:dark;font-family:PingFang SC,Microsoft YaHei,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--bg: #07111f;--bg-gradient: linear-gradient(135deg, #07111f, #14233c);--sidebar-bg: rgba(4, 10, 20, .92);--surface: rgba(255, 255, 255, .04);--surface-strong: rgba(255, 255, 255, .06);--shell-header-bg: rgba(7, 17, 31, .75);--border: rgba(255, 255, 255, .08);--text: #e5eef9;--text-muted: #7f92b0;--input-text: #e5eef9;--input-bg: rgba(255, 255, 255, .06);--accent: #5dd6c0;font-synthesis:weight;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Feihuasongti;src:url(/fonts/FeiHuaSongTi-2.ttf) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+4E00-9FFF,U+3400-4DBF,U+20000-2A6DF,U+2F00-2FDF,U+3000-303F,U+FF00-FFEF}@font-face{font-family:JiYingHuiPianHuiSong;src:url(/fonts/JiYingHuiPianHuiSong-subset.woff2) format("woff2"),local("JiYingHuiPianHuiSong"),local("Ji Ying Hui Pian Hui Song");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+4E00-9FFF,U+3400-4DBF,U+20000-2A6DF,U+2F00-2FDF,U+3000-303F,U+FF00-FFEF}:root{--font-stack: "Inter", "JiYingHuiPianHuiSong", "Feihuasongti", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #f4f8ff;--bg-gradient: linear-gradient(135deg, #f7fbff, #e7f0ff);--sidebar-bg: rgba(255, 255, 255, .92);--surface: rgba(255, 255, 255, .9);--surface-strong: rgba(20, 35, 60, .04);--shell-header-bg: rgba(244, 248, 255, .75);--border: rgba(20, 35, 60, .12);--text: #14233c;--text-muted: #5d718d;--input-text: #14233c;--input-bg: rgba(20, 35, 60, .04)}*{box-sizing:border-box}body{margin:0;background:var(--bg-gradient);color:var(--text);min-height:100vh;font-family:var(--font-stack);font-weight:700}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh;transition:grid-template-columns .18s ease}.app-shell.sidebar-collapsed{grid-template-columns:56px 1fr}.sidebar{background:var(--sidebar-bg);padding:24px;border-right:1px solid var(--border);transition:opacity .18s ease,transform .18s ease,width .18s ease,padding .18s ease;overflow:hidden;position:relative;display:flex;flex-direction:column}.sidebar.hidden{opacity:1;transform:none;width:56px;padding:16px 8px;border-right:1px solid var(--border);pointer-events:auto}.sidebar.hidden .brand-block,.sidebar.hidden .nav-list,.sidebar.hidden .eyebrow,.sidebar.hidden h1{display:none}.brand-block h1{margin:4px 0;font-size:1.5rem}.brand-block p{margin:0;color:var(--text-muted)}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.75rem;color:var(--accent);margin-bottom:8px}.nav-list{display:flex;flex-direction:column;gap:8px;margin:24px 0}.nav-link{background:transparent;border:1px solid transparent;color:var(--text);padding:10px 12px;border-radius:10px;text-align:left}.nav-link.active,.nav-link:hover{background:#5dd6c029;border-color:#5dd6c059}.sidebar-card,.panel,.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px}.main-content{padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.topbar h2{margin:0;font-size:1.35rem}.topbar-actions{display:flex;gap:10px}.primary-btn{background:linear-gradient(135deg,#5dd6c0,#2bb5d5);color:#00131c;border:none;padding:10px 14px;border-radius:999px;font-weight:700}.secondary-btn{background:var(--surface-strong);color:var(--text);border:1px solid var(--border);padding:8px 12px;border-radius:999px;font-weight:600;opacity:.9}.sidebar-toggle{position:absolute;top:16px;right:16px;width:32px;height:32px;border:1px solid var(--border);border-radius:999px;background:#ffffff0a;color:var(--text);display:inline-flex;align-items:center;justify-content:center;padding:0;opacity:.85}.sidebar-toggle:hover{opacity:1}.sidebar{position:relative}.sidebar .theme-toggle{margin-top:auto;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text);padding:10px 14px;border-radius:12px;display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:flex-start;transition:background .18s ease,color .18s ease}.sidebar .theme-toggle:hover{background:#ffffff24}.sidebar.hidden .theme-toggle{width:40px;padding:0;justify-content:center}.sidebar.hidden .theme-toggle .label{display:none}.sidebar.hidden .theme-toggle svg{margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#07111f85;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:24px}.modal-panel{width:min(520px,100%);max-height:min(84vh,860px);background:#fffffff2;border:1px solid rgba(255,255,255,.85);box-shadow:0 24px 60px #00000029;padding:28px;overflow-y:auto;border-radius:24px;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);color:#0f1d31}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-close{border:none;background:#0f1d3114;color:#0f1d31;font-size:1.25rem;cursor:pointer;width:34px;height:34px;border-radius:999px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;grid-column:1 / -1;margin-top:12px}.content-stack{display:flex;flex-direction:column;gap:18px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric-card h3{font-size:1.8rem;margin:4px 0 6px}.metric-card span{color:var(--text-muted)}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.panel-head h3{margin:0}.panel-head span{color:var(--text-muted);font-size:.9rem}.activity-list{padding-left:18px;color:var(--text-muted);display:flex;flex-direction:column;gap:10px}.activity-list li span{display:block;margin-top:4px;color:var(--text-muted);font-size:.85rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid input,.form-grid select,.note-form input,.note-form textarea{background:#fff;color:#0f1d31;border:1px solid rgba(15,29,49,.12);padding:12px 14px;border-radius:12px}.form-grid select{min-height:46px}.form-grid>*{min-width:0}.note-form{display:flex;flex-direction:column;gap:10px}.note-form textarea{min-height:110px;resize:vertical}.table-wrap{overflow-x:auto}.notes-list{display:flex;flex-direction:column;gap:10px}.note-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px}.note-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.note-card p{margin:0 0 6px;color:var(--text-muted)}.note-card small{color:var(--text-muted)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border)}.inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.inventory-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px}.inventory-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.status-pill{padding:5px 8px;border-radius:999px;font-size:.75rem;font-weight:700}.status-pill.in-stock{background:#5dd6c02e;color:#1f8f7c}.status-pill.low-stock{background:#ffbb492e;color:#9b5e00}.status-pill.out-of-stock{background:#ff5d5d2e;color:#a12e2e}:root:lang(zh) body,:root:lang(zh) .app-shell,:root:lang(zh) .main-content,:root:lang(zh) .sidebar{-webkit-text-stroke:.35px rgba(0,0,0,.18);text-shadow:.25px 0 rgba(0,0,0,.12),-.25px 0 rgba(0,0,0,.12),0 .25px rgba(0,0,0,.06)}.cjk-bold{-webkit-text-stroke:.35px rgba(0,0,0,.18);text-shadow:.25px 0 rgba(0,0,0,.12),-.25px 0 rgba(0,0,0,.12)}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:min(560px,100%);background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:36px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}.login-card h1{margin:0}.login-hint{color:var(--text-muted);margin:0}.login-users{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;width:100%;margin:10px 0}.login-user{background:var(--surface-strong);border:1px solid var(--border);color:var(--text);border-radius:14px;padding:14px 10px;display:flex;flex-direction:column;gap:4px;transition:border-color .15s ease,transform .15s ease}.login-user:hover{border-color:var(--accent);transform:translateY(-2px)}.login-user span{color:var(--text-muted);font-size:.8rem}.user-block{position:relative;display:flex;flex-direction:column;gap:6px;align-items:flex-start;background:var(--surface-strong);border:1px solid var(--border);border-radius:12px;padding:10px 12px;margin-top:12px}.role-chip{background:#5dd6c029;color:var(--accent);border-radius:999px;padding:2px 10px;font-size:.75rem}.sidebar.hidden .user-block{display:none}.user-name{background:none;border:none;color:var(--text);padding:0;display:inline-flex;align-items:center;gap:6px;pointer-events:none}.user-name .caret{display:none}.user-menu{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.tab-row{display:flex;gap:8px;flex-wrap:wrap}.tab{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:8px 14px;border-radius:999px;font-weight:600}.tab.active{background:#5dd6c029;border-color:#5dd6c066;color:var(--text)}.pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap;margin:1px 2px}.pill-ok{background:#5dd6c02e;color:#1f8f7c}.pill-warn{background:#ffbb4933;color:#9b5e00}.pill-danger{background:#ff5d5d33;color:#c03535}.pill-info{background:#5d96ff2e;color:#3b6fd4}.pill-muted{background:var(--surface-strong);color:var(--text-muted)}:root[data-theme=dark] .pill-ok{color:#6fe3cd}:root[data-theme=dark] .pill-warn{color:#ffc966}:root[data-theme=dark] .pill-danger{color:#ff8484}:root[data-theme=dark] .pill-info{color:#8ab2ff}.mini-btn{background:var(--surface-strong);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:4px 11px;font-size:.8rem;font-weight:600;white-space:nowrap}.mini-btn:hover{border-color:var(--accent)}.mini-btn.danger{color:#ff8484}.mini-btn.danger:hover{border-color:#ff8484}.action-cell{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.link-btn{background:none;border:none;color:var(--accent);padding:0;font-weight:700;text-decoration:underline}.inline-select{background:var(--input-bg);color:var(--input-text);border:1px solid var(--border);border-radius:8px;padding:4px 8px}.muted-cell{color:var(--text-muted)}.row-disabled td{opacity:.5}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field-label{font-size:.8rem;color:var(--text-muted);font-weight:600}.field input,.field select,.field textarea{background:#fff;color:#0f1d31;border:1px solid rgba(15,29,49,.12);padding:10px 12px;border-radius:10px;width:100%}.note-form .field input,.note-form .field select{width:100%}.readonly-input{background:#0f1d310d!important;color:#5d718d!important}.modal-panel.wide{width:min(720px,100%)}.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.todo-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto}.todo-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--surface-strong);border:1px solid var(--border);border-radius:10px;padding:9px 12px}.todo-side{display:flex;gap:6px;align-items:center;white-space:nowrap}.empty-hint{color:var(--text-muted);font-size:.9rem}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;margin-bottom:12px}.detail-grid p{margin:4px 0}.modal-panel h4{margin:14px 0 6px}.history-list{margin:0;padding-left:18px;color:var(--text-muted);display:flex;flex-direction:column;gap:4px;font-size:.9rem}.error-list{color:#c03535}.event-form{display:flex;gap:8px;margin-top:10px}.event-form input[type=text],.event-form input:not([type]){flex:1;background:#fff;color:#0f1d31;border:1px solid rgba(15,29,49,.12);padding:9px 12px;border-radius:10px}.file-pick{cursor:pointer;display:inline-flex;align-items:center;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-panel{border-color:#ffbb4980}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.stock-zero{color:#ff8484;font-weight:700}.stock-low{color:#ffc966;font-weight:700}:root[data-theme=light] .stock-zero{color:#c03535}:root[data-theme=light] .stock-low{color:#9b5e00}.delta-pos{color:#1f8f7c;font-weight:700}.delta-neg{color:#c03535;font-weight:700}:root[data-theme=dark] .delta-pos{color:#6fe3cd}:root[data-theme=dark] .delta-neg{color:#ff8484}.tier-cell{max-width:280px}.tier-chip{display:inline-block;background:var(--surface-strong);border:1px solid var(--border);border-radius:8px;padding:2px 8px;margin:2px;font-size:.78rem;color:var(--text-muted)}.tier-add-row{display:grid;grid-template-columns:1fr 90px 100px auto;gap:8px;margin-top:12px}.tier-add-row input,.tier-add-row select{background:#fff;color:#0f1d31;border:1px solid rgba(15,29,49,.12);padding:8px 10px;border-radius:10px;min-width:0}.modal-panel table th,.modal-panel table td{border-bottom:1px solid rgba(15,29,49,.1)}.panel-head-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.panel-head-actions span{color:var(--text-muted);font-size:.85rem}.import-result{background:var(--surface-strong);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.import-result p{margin:0 0 6px}.global-search{position:relative;width:min(340px,100%)}.global-search-input{width:100%;background:var(--input-bg);color:var(--input-text);border:1px solid var(--border);border-radius:999px;padding:9px 16px}.search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:transparent}.global-search-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(420px,90vw);max-height:60vh;overflow-y:auto;background:var(--surface-strong);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:0 20px 50px #00000040;z-index:210;display:flex;flex-direction:column;gap:12px}.search-group h4{margin:0 0 6px;font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.search-result{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;background:none;border:none;border-radius:10px;padding:8px 10px;text-align:left;color:var(--text)}.search-result:hover{background:var(--surface)}.search-result span{color:var(--text-muted);font-size:.82rem}@media (max-width: 1100px){.card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}.agenda-shell{display:flex;min-height:620px;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 14px 44px #14140f1a}.agenda-side{width:380px;flex:0 0 380px;background:#26302a;color:#e8ede9;padding:32px 30px;display:flex;flex-direction:column}.agenda-kicker{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.2em;color:#8fa896;text-transform:uppercase}.agenda-greeting{font-size:25px;font-weight:300;margin-top:10px;line-height:1.35}.agenda-greeting b{font-weight:600;color:#8fd6a8}.agenda-timeline{margin-top:26px;display:flex;flex-direction:column;flex:1}.agenda-timeline-item{display:flex;gap:14px}.agenda-timeline-rail{display:flex;flex-direction:column;align-items:center}.agenda-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.agenda-dot.danger{background:#f0906a}.agenda-dot.warn{background:#e0b45a}.agenda-dot.info{background:#6ea8e0}.agenda-dot.ok{background:#8fd6a8}.agenda-dot.muted{background:#5c6b60}.agenda-timeline-line{flex:1;width:2px;background:#38443b;margin:4px 0;min-height:14px}.agenda-timeline-body{padding-bottom:20px}.agenda-timeline-label{font-family:DM Mono,monospace;font-size:11px}.agenda-timeline-label.danger{color:#f0906a}.agenda-timeline-label.warn{color:#e0b45a}.agenda-timeline-label.info{color:#6ea8e0}.agenda-timeline-label.ok{color:#8fd6a8}.agenda-timeline-label.muted{color:#9fb3a5}.agenda-timeline-title{font-size:14px;margin-top:3px}.agenda-timeline-sub{font-size:12px;color:#9fb3a5;margin-top:2px}.agenda-timeline-empty{color:#9fb3a5;font-size:13px;padding:10px 0}.agenda-stats{display:flex;gap:22px;border-top:1px solid #38443b;padding-top:18px;flex-wrap:wrap}.agenda-stat-label{font-family:DM Mono,monospace;font-size:10px;color:#8fa896;text-transform:uppercase;letter-spacing:.05em}.agenda-stat-value{font-size:24px;font-weight:300;margin-top:4px;color:#e8ede9}.agenda-main{flex:1;display:flex;flex-direction:column;padding:32px 36px;min-width:0;background:var(--surface);color:var(--text)}.agenda-main-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.agenda-main-head b{font-size:16px;font-weight:700}.agenda-main-head .hint{font-size:12px;color:var(--text-muted)}.agenda-main-head button.link{margin-left:auto;font-size:12px;color:var(--accent);background:none;border:none;padding:0;cursor:pointer;font-weight:600}.agenda-list{margin-top:14px}.agenda-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--border);font-size:13.5px}.agenda-row-head{font-size:11px;color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:8px}.agenda-col-name{width:150px;flex:0 0 auto}.agenda-col-status{width:110px;flex:0 0 auto;font-size:12px}.agenda-col-fill{flex:1;font-size:12px;color:var(--text-muted)}.agenda-col-value{font-weight:600;font-family:DM Mono,monospace}.agenda-bar-track{height:6px;background:var(--surface-strong);border-radius:3px}.agenda-bar-fill{height:6px;border-radius:3px}.agenda-footer-card{margin-top:auto;background:var(--surface-strong);border-radius:14px;padding:16px 18px}.agenda-footer-head{display:flex;align-items:baseline}.agenda-footer-head b{font-size:13.5px;font-weight:700}.agenda-footer-head span{margin-left:auto;font-size:12px;color:var(--text-muted)}.agenda-chip-row{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.agenda-chip{flex:1;min-width:110px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px;text-align:center}.agenda-chip div{font-size:13px}.agenda-chip button{margin-top:4px;font-size:11px;color:var(--accent);background:none;border:none;padding:0;cursor:pointer;font-weight:600}.agenda-mini-list{margin-top:12px;display:flex;flex-direction:column;gap:9px;font-size:12.5px;color:var(--text-muted)}.agenda-mini-list .delta-pos,.agenda-mini-list .delta-neg{font-family:DM Mono,monospace}@media (max-width: 1100px){.agenda-shell{flex-direction:column}.agenda-side{width:100%;flex:0 0 auto}}.shell{min-height:100vh;display:flex;flex-direction:column}.shell-header{display:flex;align-items:center;gap:22px;padding:14px 28px;border-bottom:1px solid var(--border);background:var(--shell-header-bg);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);position:sticky;top:0;z-index:200}.shell-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}.shell-logo{width:32px;height:32px;border-radius:9px;background:#4c7a52;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 auto}.shell-brand span{font-weight:700;color:var(--text);font-size:16px;white-space:nowrap}.shell-pillnav{display:flex;gap:4px;background:var(--surface-strong);border-radius:24px;padding:5px;font-size:14px;overflow-x:auto;scrollbar-width:none;min-width:0}.shell-pillnav::-webkit-scrollbar{display:none}.shell-pill{padding:8px 16px;border-radius:20px;color:var(--text-muted);background:none;border:none;white-space:nowrap;font:inherit;cursor:pointer;flex:0 0 auto}.shell-pill.active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 2px #0000001f}.shell-right{margin-left:auto;display:flex;align-items:center;gap:12px;flex:0 0 auto}.shell-icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface-strong);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;padding:0}.shell-icon-btn:hover{border-color:var(--accent)}.shell-search-wrap{position:relative}.shell-search-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(380px,90vw);z-index:260}.shell-user{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer;background:none;border:none;padding:0;font:inherit;color:inherit}.shell-user-info{text-align:right;line-height:1.25}.shell-user-name{font-size:14px;font-weight:600;color:var(--text)}.shell-user-role{font-size:11px;color:var(--text-muted)}.shell-avatar{width:40px;height:40px;border-radius:50%;background:#d8ecdd;color:#2f5c37;display:flex;align-items:center;justify-content:center;font-weight:600;flex:0 0 auto}:root[data-theme=dark] .shell-avatar{background:#294e33;color:#a9d9b4}.shell-user-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:150px;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:0 14px 34px #00000040;z-index:260;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.shell-main{flex:1;padding:26px 32px;min-width:0}.stat-row{display:flex;gap:12px;flex-wrap:wrap}.stat-tile{flex:1;min-width:140px;background:var(--surface-strong);border-radius:12px;padding:14px 16px}.stat-tile-label{font-size:12px;color:var(--text-muted)}.stat-tile-value{font-size:24px;font-weight:600;margin-top:4px;color:var(--text)}.stat-tile-value.accent-blue{color:#3a7bd5}.stat-tile-value.accent-green{color:#4c9a6a}.stat-tile-value.accent-amber{color:#c08a3a}.stat-tile-value.accent-red{color:#c0503b}.segmented{display:flex;gap:4px;background:var(--surface-strong);border-radius:12px;padding:4px;font-size:13px;flex-wrap:wrap}.segmented-item{padding:7px 14px;border-radius:9px;color:var(--text-muted);background:none;border:none;font:inherit;cursor:pointer;white-space:nowrap}.segmented-item.active{background:var(--surface);font-weight:600;box-shadow:0 1px 2px #0000000f;color:var(--text)}.search-box{height:38px;background:var(--surface-strong);border:1px solid var(--border);border-radius:20px;display:flex;align-items:center;padding:0 16px;gap:8px;min-width:0}.search-box input{border:none;background:none;outline:none;color:var(--text);font:inherit;width:100%;min-width:0}.search-box input::placeholder{color:var(--text-muted)}.page-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-head-actions{margin-left:auto;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.kanban-board{display:flex;gap:14px;flex:1;min-height:0;overflow-x:auto;margin-top:20px}.kanban-col{flex:1;min-width:240px;background:var(--surface-strong);border-radius:14px;padding:14px 12px;display:flex;flex-direction:column;min-height:0}.kanban-col-head{display:flex;align-items:center;gap:8px;padding:0 4px 12px;font-size:13px;font-weight:700}.kanban-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.kanban-cards{overflow-y:auto;display:flex;flex-direction:column;gap:10px;min-height:0}.kanban-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:13px 14px;text-align:left;cursor:pointer}.kanban-card:hover{border-color:var(--accent)}.kanban-card-title{font-size:14px;font-weight:600}.kanban-card-sub{font-size:12px;color:var(--text-muted);margin-top:3px}.kanban-card-note{font-size:12px;color:var(--text-muted);margin-top:8px}.kanban-card-time{font-size:11px;color:var(--text-muted);opacity:.8;margin-top:8px}.kanban-card-actions{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}.switch{width:42px;height:24px;border-radius:12px;background:#d5d7d0;position:relative;border:none;cursor:pointer;flex:0 0 auto;padding:0}.switch.on{background:#4c9a6a}.switch-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s ease}.switch.on .switch-knob{left:21px}.rule-row{display:flex;align-items:center;padding:18px 0;border-bottom:1px solid var(--border);gap:16px;flex-wrap:wrap}.rule-row-label{font-size:15px;font-weight:500;color:var(--text)}.rule-row-hint{font-size:12px;color:var(--text-muted);margin-top:3px}.stepper{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden;flex:0 0 auto}.stepper button{width:34px;text-align:center;color:var(--text-muted);background:none;border:none;padding:8px 0;cursor:pointer;font:inherit}.stepper-value{width:70px;text-align:center;font-family:DM Mono,monospace;border-left:1px solid var(--border);border-right:1px solid var(--border);padding:8px 0}.approval-row{display:flex;align-items:center;padding:16px 18px;border:1px solid var(--border);border-radius:12px;margin-bottom:10px;background:var(--surface);gap:14px;flex-wrap:wrap}.approval-type{width:120px;flex:0 0 auto}.approval-body{flex:1;min-width:160px}.approval-title{font-size:14px;font-weight:500}.approval-meta{font-size:12px;color:var(--text-muted);margin-top:3px}.approval-time{font-size:12px;color:var(--text-muted);width:90px;flex:0 0 auto}.approval-actions{display:flex;gap:8px;flex:0 0 auto}.approve-btn{background:#4c7a52;color:#fff;border-radius:18px;padding:8px 16px;font-size:13px;border:none;cursor:pointer}.reject-btn{border:1px solid #e0c3c0;color:#c0503b;border-radius:18px;padding:8px 16px;font-size:13px;background:none;cursor:pointer}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column}.product-card-head{display:flex;align-items:center;gap:12px}.product-swatch{width:46px;height:46px;border-radius:10px;flex:0 0 auto}.product-code{font-family:DM Mono,monospace;font-size:12px;color:var(--text-muted)}.product-name{font-size:15px;font-weight:600}.product-stock{margin-left:auto;text-align:right}.product-stock-label{font-size:11px;color:var(--text-muted)}.product-stock-value{font-family:DM Mono,monospace;font-size:15px}.product-tiers{margin-top:14px;border-top:1px solid var(--border);padding-top:10px}.product-tier-row{display:flex;font-size:13px;padding:4px 0}.product-tier-row span:first-child{flex:1;color:var(--text-muted)}.product-tier-row span:last-child{font-family:DM Mono,monospace}.product-price-row{margin-top:12px;display:flex;gap:8px}.product-floor-block{flex:1;background:#fbede3;border-radius:8px;padding:8px 10px}.product-floor-block .label{font-size:11px;color:#c08a3a}.product-floor-block .value{font-family:DM Mono,monospace;font-size:14px;color:#c0503b}.product-tier-block{flex:1;background:var(--surface-strong);border-radius:8px;padding:8px 10px}.product-tier-block .label{font-size:11px;color:var(--text-muted)}.product-tier-block .value{font-family:DM Mono,monospace;font-size:14px}.product-maintain-link{display:block;margin-top:10px;text-align:center;font-size:12px;color:var(--accent);border:1px solid var(--border);border-radius:8px;padding:7px;background:none;cursor:pointer;font:inherit}.trend-chart{display:flex;align-items:flex-end;gap:12px;height:180px;margin-top:20px}.trend-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.trend-bar{width:100%;border-radius:6px 6px 0 0;background:#c9dccf;min-height:2px}.trend-bar.current{background:#4c9a6a}.trend-bar-label{font-size:11px;color:var(--text-muted)}.detail-shell{flex:1;display:flex;min-height:0}.detail-side{width:340px;flex:0 0 340px;border-right:1px solid var(--border);padding:24px 26px;display:flex;flex-direction:column;overflow-y:auto}.detail-back{font-size:13px;color:var(--text-muted);background:none;border:none;padding:0;cursor:pointer;text-align:left;font:inherit}.detail-name{font-size:24px;font-weight:700;color:var(--text);margin-top:14px}.detail-contact{font-size:13px;color:var(--text-muted);margin-top:4px}.detail-protection-card{margin-top:18px;background:#fbeee3;border:1px solid #f2d9c2;border-radius:12px;padding:14px 16px}.detail-protection-card .label{font-size:12px;color:#c08a3a}.detail-protection-card .value{font-size:20px;font-weight:600;color:#c0503b;margin-top:2px}.detail-protection-card .hint{font-size:12px;color:#a06a3a;margin-top:4px}.detail-protection-card button{margin-top:10px;width:100%;background:var(--surface);border:1px solid #eeddc9;border-radius:8px;padding:7px;text-align:center;font-size:12px;color:#c08a3a;cursor:pointer;font:inherit}.detail-stats-row{margin-top:18px;display:flex;gap:0}.detail-stats-row>div{flex:1}.detail-stats-row .label{font-size:11px;color:var(--text-muted)}.detail-stats-row .value{font-family:DM Mono,monospace;font-size:16px;margin-top:2px}.detail-actions{margin-top:auto;padding-top:18px;display:flex;gap:10px}.detail-actions button{flex:1;border-radius:20px;padding:9px;text-align:center;font-size:13px;border:1px solid var(--border);background:none;color:var(--text);cursor:pointer;font:inherit}.detail-actions button.primary{background:#4c7a52;color:#fff;border:none}.detail-main{flex:1;padding:24px 30px;overflow-y:auto;display:flex;flex-direction:column}.detail-tabs{display:flex;gap:20px;font-size:14px;border-bottom:1px solid var(--border);padding-bottom:12px}.detail-tabs button{background:none;border:none;padding:0 0 12px;margin-bottom:-13px;font:inherit;color:var(--text-muted);cursor:pointer}.detail-tabs button.active{font-weight:600;color:var(--text);border-bottom:2px solid #4c9a6a}.followup-timeline{margin-top:20px}.followup-item{display:flex;gap:16px}.followup-rail{display:flex;flex-direction:column;align-items:center}.followup-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:0 0 auto;background:#6a7264}.followup-line{flex:1;width:2px;background:var(--border);margin:4px 0}.followup-body{padding-bottom:20px}.followup-meta{font-size:12px;color:var(--text-muted)}.followup-meta b{color:var(--text);font-weight:600}.followup-text{font-size:14px;margin-top:3px}.followup-form{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.followup-form select{flex:0 0 auto}.followup-form input{flex:1;min-width:160px}.export-grid{display:flex;gap:14px;flex-wrap:wrap}.export-card{flex:1;min-width:260px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}.export-card-title{font-size:15px;font-weight:600}.export-card-desc{font-size:12px;color:var(--text-muted);margin-top:5px;line-height:1.5}.export-card-row{margin-top:14px;display:flex;gap:8px;align-items:center}.export-range{flex:1;height:34px;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;padding:0 12px;font-size:12px;color:var(--text-muted)}.export-btn{background:#4c7a52;color:#fff;border-radius:9px;padding:8px 14px;font-size:13px;border:none;cursor:pointer;white-space:nowrap}.mono{font-family:DM Mono,monospace}.flag-below-floor{color:#c0503b;font-size:11px;margin-left:6px;white-space:nowrap}@media (max-width: 900px){.shell-header{padding:10px 14px;gap:10px;flex-wrap:wrap}.shell-pillnav{order:3;width:100%}.shell-main{padding:12px}.product-grid{grid-template-columns:1fr}.stat-row{flex-wrap:wrap}.stat-tile{min-width:45%}.kanban-board{flex-direction:column}.kanban-col{min-width:0}.detail-shell{flex-direction:column}.detail-side{width:100%;flex:0 0 auto;border-right:none;border-bottom:1px solid var(--border)}}@media (max-width: 900px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar,.sidebar.hidden{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px;width:auto;padding:8px 12px;border-right:none;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;overflow:visible}.sidebar-toggle{display:none}.sidebar.hidden .brand-block,.sidebar.hidden h1{display:block}.sidebar.hidden .nav-list{display:flex}.brand-block .eyebrow,.sidebar .eyebrow{display:none}.brand-block h1{font-size:1rem;margin:0}.sidebar.hidden .user-block{display:flex}.user-block{margin:0 0 0 auto;padding:0;background:none;border:none}.user-name{pointer-events:auto;background:var(--surface-strong);border:1px solid var(--border);border-radius:999px;padding:7px 13px}.user-name .caret{display:inline;font-size:.7rem;color:var(--text-muted)}.user-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:150px;flex-direction:column;gap:10px;align-items:flex-start;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:0 14px 34px #00000059;z-index:300}.user-menu.open{display:flex}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:transparent}.nav-list{order:3;width:100%;flex-direction:row;overflow-x:auto;margin:0;gap:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-list::-webkit-scrollbar{display:none}.nav-link{white-space:nowrap;padding:7px 11px;font-size:.9rem;flex:0 0 auto}.sidebar .theme-toggle,.sidebar.hidden .theme-toggle{margin:0;width:36px;height:36px;padding:0;justify-content:center;border-radius:999px}.sidebar .theme-toggle .label{display:none}.card-grid,.card-grid.four,.panel-grid,.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.form-grid{grid-template-columns:1fr;gap:10px}.detail-grid{grid-template-columns:1fr}.tier-add-row{grid-template-columns:1fr 1fr}.main-content{padding:10px}.content-stack{gap:10px}.topbar{flex-direction:row;align-items:center;margin-bottom:10px;gap:8px;flex-wrap:wrap}.topbar .eyebrow{display:none}.topbar h2{font-size:1.1rem}.topbar-actions{flex-wrap:wrap}.global-search{order:5;width:100%}.global-search-panel{width:100%;left:0;right:auto}.panel,.metric-card,.inventory-card{padding:10px 12px;border-radius:12px}.panel-head{margin-bottom:8px;flex-wrap:wrap;gap:6px}.panel-head h3{font-size:.95rem}.panel-head span{font-size:.75rem}.metric-card p{margin:0 0 2px;font-size:.78rem;color:var(--text-muted)}.metric-card h3{font-size:1.3rem;margin:2px 0 3px}.metric-card span{font-size:.72rem}th,td{padding:7px 6px;font-size:.82rem}.todo-list li{padding:7px 10px;font-size:.85rem}.activity-list{gap:6px;font-size:.85rem}}
