:root{--bg: #eef2f7;--panel: rgba(255, 255, 255, .42);--panel-soft: rgba(255, 255, 255, .62);--text: #0f172a;--muted: #5f6d82;--border: rgba(148, 163, 184, .35);--accent: #2f80ed;--accent-weak: rgba(47, 128, 237, .12);--shadow: 0 18px 40px rgba(15, 23, 42, .1);--shadow-soft: 0 8px 18px rgba(15, 23, 42, .08);--radius: 16px}:root[data-theme=dark]{--bg: #161c28;--panel: rgba(24, 32, 46, .78);--panel-soft: rgba(29, 39, 55, .9);--text: #f2f6ff;--muted: #b8c4da;--border: rgba(148, 163, 184, .34);--shadow: 0 18px 40px rgba(0, 0, 0, .35);--shadow-soft: 0 8px 18px rgba(0, 0, 0, .24)}html,body,#root{height:100%}body{margin:0;color:var(--text);font-family:SF Pro Text,SF Pro Display,Inter,Segoe UI,Helvetica Neue,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;background:radial-gradient(circle at 12% 8%,var(--accent-weak) 0%,transparent 42%),radial-gradient(circle at 88% 92%,var(--accent-weak) 0%,transparent 44%),linear-gradient(135deg,#eef2f7,#e8edf5)}:root[data-density=compact]{--radius: 12px}:root[data-density=compact] .content{padding:14px 16px 20px}:root[data-density=compact] .card{border-radius:12px}:root[data-density=compact] .topbar{margin-bottom:10px}:root[data-density=compact] .search,:root[data-density=compact] input,:root[data-density=compact] select{height:32px}:root[data-theme=dark] body{background:radial-gradient(circle at 12% 8%,var(--accent-weak) 0%,transparent 38%),radial-gradient(circle at 88% 92%,rgba(17,26,41,.8) 0%,transparent 42%),linear-gradient(135deg,#121926,#0f1521)}a{color:inherit;text-decoration:none}.container{display:grid;grid-template-rows:auto minmax(0,1fr);height:100vh;padding:12px 1in;box-sizing:border-box}.app-global-bar{display:flex;align-items:center;gap:10px;margin-bottom:10px}.app-global-search{max-width:none}.global-search-wrap{position:relative;flex:1}.sidebar{position:relative;z-index:20;margin-top:0;padding:6px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}:root[data-theme=dark] .sidebar{background:#1f293b}.menu-hamburger{width:42px;height:38px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));background:#fff;display:grid;align-content:center;gap:4px;padding:0 10px;cursor:pointer;box-shadow:inset 0 1px #ffffffe0,0 6px 14px #0f172a24}:root[data-theme=dark] .menu-hamburger{background:#1f293b}.menu-hamburger span{display:block;height:2px;border-radius:999px;background:var(--text)}.search-results-popup{position:absolute;top:calc(100% + 8px);left:0;right:auto;width:30vw;min-width:260px;max-width:calc(100vw - 44px);z-index:60;max-height:360px;overflow:auto;display:grid;gap:6px;padding:10px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel-soft) 88%,white 8%);box-shadow:var(--shadow-soft);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}.search-results-title{font-size:12px;color:var(--muted);padding:2px 2px 6px}.search-result-item{text-align:left;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--panel-soft) 84%,var(--accent-weak));color:var(--text);padding:8px 10px;cursor:pointer;display:grid;gap:2px}.search-result-item:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--panel-soft) 74%,var(--accent-weak))}.search-result-meta,.search-result-empty{font-size:11px;color:var(--muted)}.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.settings-tab{border:1px solid var(--border);background:color-mix(in srgb,var(--panel-soft) 82%,var(--accent-weak));color:var(--text);border-radius:999px;padding:7px 12px;font-weight:650;cursor:pointer}.settings-tab.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 20%,var(--panel-soft))}.alert-banner-stack{position:fixed;top:18px;right:20px;z-index:120;display:grid;gap:8px;width:min(360px,calc(100vw - 26px));pointer-events:none}.alert-banner{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:color-mix(in srgb,var(--panel-soft) 88%,white 10%);box-shadow:var(--shadow-soft);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);animation:slideInRight .26s ease}.alert-banner-title{font-size:11px;font-weight:800;letter-spacing:.01em;text-transform:uppercase}.alert-banner-message{margin-top:4px;font-weight:650;font-size:13px}.alert-banner-meta{margin-top:4px;font-size:11px;color:var(--muted)}.alert-critical,.alert-outofstock{border-color:color-mix(in srgb,#e55a78 50%,var(--border));background:color-mix(in srgb,#fff0f3 78%,var(--panel-soft))}.alert-lowstock,.alert-reorderpoint{border-color:color-mix(in srgb,#f2b560 54%,var(--border));background:color-mix(in srgb,#fff6e8 80%,var(--panel-soft))}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.brand-mark{display:flex;align-items:center;gap:10px;padding:6px 8px 10px}.brand-glyph{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:12px;font-weight:900;color:#fff;letter-spacing:.04em;background:linear-gradient(160deg,#79c2ff,#2f80ed 60%,#7a5cf5);box-shadow:0 8px 18px #2f80ed59}.brand-title{font-size:13px;font-weight:800;line-height:1.1}.brand-sub{font-size:10px;color:var(--muted)}.theme-wheel-wrap{position:relative;width:92px;height:92px;border-radius:50%;padding:4px;background:color-mix(in srgb,var(--panel-soft) 85%,var(--accent-weak));border:1px solid var(--border);box-shadow:var(--shadow-soft)}.theme-wheel{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:conic-gradient(#ff3b30,#ff9500,#fc0,#34c759,#00c7be,#32ade6,#007aff,#5856d6,#af52de,#ff2d55,#ff3b30)}.theme-wheel-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;opacity:0;cursor:pointer}.theme-wheel-dot{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 12px #00000047}.tab-menu{position:relative}.tab-menu-btn{width:100%;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel-soft) 82%,var(--accent-weak));color:var(--text);font-weight:700;padding:10px 12px;cursor:pointer}.tab-menu-list{position:absolute;top:calc(100% + 8px);left:0;min-width:290px;display:none;gap:6px;padding:10px;border-radius:16px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-soft)}:root[data-theme=dark] .tab-menu-list{background:#1f293b}.sidebar.open .tab-menu-list,.sidebar:hover .tab-menu-list,.sidebar:focus-within .tab-menu-list{display:grid}.tab-menu-item{border-radius:14px;border:1px solid color-mix(in srgb,var(--panel-soft) 74%,var(--border));color:var(--text);display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:9px 12px;background:color-mix(in srgb,var(--panel-soft) 78%,white 8%);transition:transform .16s ease,background .16s ease,border-color .16s ease}.tab-menu-item:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--panel-soft) 66%,var(--accent-weak));border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}.tab-menu-item.active{background:linear-gradient(180deg,#57a0ff47,#2f80ed33);border-color:#57a0ff85}.tab-menu-heading{margin:2px 4px 6px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:700}.dock-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:16px;line-height:1;background:color-mix(in srgb,var(--accent-weak) 65%,white 25%)}.dock-label{font-size:13px;font-weight:650;text-align:left}.content{padding:18px 20px 28px;overflow:auto;background:color-mix(in srgb,var(--panel) 82%,var(--accent-weak));border:1px solid var(--border);border-radius:24px;backdrop-filter:blur(28px) saturate(130%);-webkit-backdrop-filter:blur(28px) saturate(130%);box-shadow:var(--shadow)}.page-transition{animation:pageIn .34s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(4px) scale(.996);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.card{background:color-mix(in srgb,var(--panel-soft) 86%,var(--accent-weak));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 1100px){.grid-4{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.container{padding:12px 16px}.app-global-search{min-width:0}.dock-label{font-size:10px}}.h1{font-size:20px;font-weight:700;margin:0;letter-spacing:-.02em}.sub{font-size:12px;color:var(--muted);margin-top:4px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:12px;border:1px solid var(--border);background:var(--panel-soft)}.pill.success{background:#ebf9ef;border-color:#b4ecc3;color:#1f7a3e}.pill.warn{background:#fff5e5;border-color:#ffdba0;color:#8a5602}.pill.danger{background:#ffeef0;border-color:#f8b7c1;color:#9c2035}.pill.neutral{background:#eef3fb;border-color:#d6dfef;color:#344863}:root[data-theme=dark] .pill.success{background:#153428;color:#92f0bb;border-color:#2a6b50}:root[data-theme=dark] .pill.warn{background:#3d2c14;color:#ffd892;border-color:#725021}:root[data-theme=dark] .pill.danger{background:#471a22;color:#ffb6c1;border-color:#7d2f40}:root[data-theme=dark] .pill.neutral{background:#1f2d41;color:#c8d8f0;border-color:#334864}.btn-accent{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 74%,white),color-mix(in srgb,var(--accent) 88%,black));color:#fff;border:1px solid color-mix(in srgb,var(--accent) 68%,white);border-radius:12px;padding:9px 14px;font-weight:650;cursor:pointer;backdrop-filter:blur(10px) saturate(125%);-webkit-backdrop-filter:blur(10px) saturate(125%);box-shadow:0 10px 20px color-mix(in srgb,var(--accent) 35%,transparent)}.btn-quiet{border:1px solid var(--border);background:color-mix(in srgb,var(--panel-soft) 82%,var(--accent-weak));color:var(--text);border-radius:10px;padding:8px 10px;cursor:pointer;backdrop-filter:blur(8px) saturate(115%);-webkit-backdrop-filter:blur(8px) saturate(115%)}.btn-pill{border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,rgba(255,255,255,.84) 76%,var(--accent-weak)),color-mix(in srgb,rgba(255,255,255,.64) 82%,var(--accent-weak)));color:var(--text);border-radius:999px;padding:8px 14px;font-weight:600;cursor:pointer;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);box-shadow:inset 0 1px #ffffff9e,0 4px 10px #0f172a14}:root[data-theme=dark] .btn-pill{background:linear-gradient(180deg,color-mix(in srgb,rgba(53,64,84,.88) 84%,var(--accent-weak)),color-mix(in srgb,rgba(38,48,66,.76) 88%,var(--accent-weak)));box-shadow:inset 0 1px #ffffff14,0 4px 10px #0000003d}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.search,input,select{flex:1;max-width:520px;height:36px;border:1px solid var(--border);border-radius:10px;padding:0 12px;background:var(--panel-soft);color:var(--text);box-sizing:border-box}.mac-toggle{position:relative;width:46px;height:28px;border-radius:999px;background:#d0d8e6;border:1px solid rgba(148,163,184,.6);cursor:pointer;transition:all .2s ease;flex:0 0 auto}.mac-toggle:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.mac-toggle.on{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 72%,white),color-mix(in srgb,var(--accent) 86%,black));border-color:color-mix(in srgb,var(--accent) 72%,white)}.mac-toggle.on:after{transform:translate(18px)}:root[data-theme=dark] .mac-toggle{background:#475770;border-color:#a7b4ca73}:root[data-theme=dark] .mac-toggle.on{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 72%,white),color-mix(in srgb,var(--accent) 86%,black))}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a47;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100}.modal-card{width:min(760px,calc(100vw - 24px));padding:16px;background:color-mix(in srgb,var(--panel-soft) 88%,white 8%);backdrop-filter:blur(26px) saturate(130%);-webkit-backdrop-filter:blur(26px) saturate(130%)}:root[data-theme=dark] .modal-card{background:color-mix(in srgb,var(--panel-soft) 86%,rgba(14,19,30,.72))}.form-field{display:grid;gap:6px;font-size:12px;color:var(--muted)}.inventory-table-wrap{overflow:auto;border-radius:14px;border:1px solid var(--border);background:#ffffff8f}.inventory-action{height:28px;min-width:28px;border-radius:8px;border:1px solid var(--border);background:var(--panel-soft);cursor:pointer}.temp-highlight{animation:tempPulse 2.4s ease;outline:2px solid color-mix(in srgb,var(--accent) 70%,white);outline-offset:-2px;background:color-mix(in srgb,var(--accent) 18%,transparent)!important}@keyframes tempPulse{0%{background:color-mix(in srgb,var(--accent) 35%,transparent)!important}to{background:transparent!important}}