:root{--ink:#1c2233;--ink-soft:#4d5570;--ink-faint:#6a7290;--navy:#2b3a67;--navy-2:#45559a;--teal:#0ea5a0;--teal-2:#34d1c9;--amber:#f5a623;--amber-2:#ffc766;--rose:#e85d75;--rose-2:#ff8aa0;--violet:#7c6fef;--violet-2:#a89dff;--moss:#3f9142;--moss-2:#67c46b;--coral:#ff7a59;--coral-2:#ffa286;--glass:#ffffff4d;--glass-strong:#ffffff85;--glass-soft:#fff3;--glass-border:#ffffff8c;--glass-border-soft:#ffffff52;--glass-edge:#ffffffc7;--glass-shadow:0 1px 2px #1c22330f, 0 12px 40px #1c223329, inset 0 1px 0 #ffffffa6;--glass-shadow-soft:0 1px 2px #1c22330d, 0 8px 28px #1c22331f, inset 0 1px 0 #fff9;--radius:18px;--radius-lg:26px;--blur:blur(22px) saturate(170%);--bg:linear-gradient(160deg, #eef2fb 0%, #e6ecf7 45%, #f2edf8 100%);--scroll-thumb:#1c223338;--toast-bg:#1c2233d9;--toast-color:#fff;--chart-line:#1c22331a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--ink:#eef1fa;--ink-soft:#b6bdd4;--ink-faint:#8a91ad;--navy:#a9a1ff;--navy-2:#8d82f5;--glass:#1e213866;--glass-strong:#2c304c8c;--glass-soft:#1e213847;--glass-border:#ffffff29;--glass-border-soft:#ffffff1a;--glass-edge:#ffffff47;--glass-shadow:0 1px 2px #0006, 0 16px 44px #00000080, inset 0 1px 0 #ffffff24;--glass-shadow-soft:0 1px 2px #00000059, 0 10px 30px #0006, inset 0 1px 0 #ffffff1a;--bg:linear-gradient(160deg, #141527 0%, #181a30 45%, #1c1730 100%);--scroll-thumb:#ffffff2e;--toast-bg:#eef1faeb;--toast-color:#1c2233;--chart-line:#ffffff1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}#root{flex-direction:column;min-height:100vh;display:flex}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#dfe6f4;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}html[data-theme=dark] body{background:#101122}h1,h2,h3,.display,.stat-num,.logo{font-family:Space Grotesk,Inter,sans-serif}.mono{font-family:SF Mono,IBM Plex Mono,monospace}a{color:inherit}button,input,select,textarea{font-family:inherit}::selection{background:#7c6fef59}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:20px}.bg{z-index:-2;background:radial-gradient(120% 120% at 12% 0%, #8bb8ff59 0%, transparent 55%), radial-gradient(120% 120% at 100% 8%, #ffaac84d 0%, transparent 50%), radial-gradient(130% 130% at 50% 100%, #6ff0e247 0%, transparent 55%), var(--bg);transition:background .6s;position:fixed;inset:0;overflow:hidden}.bg:after{content:"";background-image:linear-gradient(#1c223307 1px,#0000 1px),linear-gradient(90deg,#1c223307 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 100% at 50% 0,#000 30%,#0000 100%);mask-image:radial-gradient(120% 100% at 50% 0,#000 30%,#0000 100%)}html[data-theme=dark] .bg:after{background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px)}.blob{filter:blur(70px);opacity:.5;will-change:transform;border-radius:50%;transition:opacity .6s;position:absolute}html[data-theme=dark] .blob{opacity:.42}.b1{background:radial-gradient(circle at 30% 30%,#8fb8ff,#7c6fef 70%);width:46vw;min-width:420px;height:46vw;min-height:420px;animation:26s ease-in-out infinite alternate drift1;top:-14vw;left:-12vw}.b2{background:radial-gradient(circle at 60% 40%,#6ff0e2,#0ea5a0 72%);width:40vw;min-width:380px;height:40vw;min-height:380px;animation:30s ease-in-out infinite alternate drift2;top:6vh;right:-10vw}.b3{background:radial-gradient(circle at 40% 60%,#ffb47f,#ff7a59 72%);width:38vw;min-width:360px;height:38vw;min-height:360px;animation:34s ease-in-out infinite alternate drift3;bottom:-18vw;left:28vw}.b4{background:radial-gradient(circle,#ffa8c0,#e85d75 72%);width:30vw;min-width:300px;height:30vw;min-height:300px;animation:28s ease-in-out infinite alternate drift4;bottom:-6vw;right:18vw}@keyframes drift1{to{transform:translate(14vw,18vh)scale(1.18)rotate(20deg)}}@keyframes drift2{to{transform:translate(-12vw,22vh)scale(.9)rotate(-16deg)}}@keyframes drift3{to{transform:translate(-16vw,-16vh)scale(1.15)rotate(12deg)}}@keyframes drift4{to{transform:translate(12vw,-14vh)scale(1.2)rotate(-24deg)}}.glass{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-soft)}.app{width:100%;max-width:1240px;margin:0 auto;padding:0 20px 140px}.sidebar-layout{align-items:flex-start;gap:22px;display:flex}.main-col{flex:1;min-width:0}.topbar{z-index:60;padding-top:env(safe-area-inset-top,0px);-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);border-bottom:1px solid var(--glass-border);background:linear-gradient(#ffffff73,#fff3);transition:background .5s;position:sticky;top:0;box-shadow:0 6px 30px #1c22330d}html[data-theme=dark] .topbar{background:linear-gradient(#12142680,#12142640)}.topbar-inner{align-items:center;gap:14px;width:100%;max-width:1240px;margin:0 auto;padding:14px 20px;display:flex}.logo{letter-spacing:-.02em;color:var(--ink);flex:none;align-items:center;gap:10px;font-size:21px;font-weight:700;text-decoration:none;display:flex}.logo span.dot{color:var(--teal)}.topbar-search{flex:1;max-width:420px;margin-left:6px}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--glass-border);background:var(--glass-strong);width:40px;height:40px;color:var(--ink-soft);cursor:pointer;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:12px;justify-content:center;align-items:center;transition:transform .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.icon-btn:hover{color:var(--ink);border-color:var(--glass-edge);box-shadow:var(--glass-shadow-soft);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)scale(.96)}.theme-toggle{border:1px solid var(--glass-border);background:var(--glass-strong);width:68px;height:38px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);cursor:pointer;border-radius:999px;transition:border-color .2s;position:relative}.theme-toggle .knob{background:linear-gradient(135deg, var(--navy-2), var(--navy));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .35s cubic-bezier(.34,1.4,.64,1),background .3s;display:flex;position:absolute;top:3px;left:3px;box-shadow:inset 0 1px #fff6,0 4px 12px #2b3a6759}html[data-theme=dark] .theme-toggle .knob{background:linear-gradient(135deg, var(--violet-2), var(--violet));transform:translate(30px)}.sidebar{border-radius:var(--radius-lg);background:var(--glass);width:230px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-soft);flex-direction:column;flex:none;gap:4px;padding:12px;display:flex;position:sticky;top:90px}.side-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);padding:10px 12px 6px;font-size:11px;font-weight:600}.nav-btn{width:100%;color:var(--ink-soft);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:13px;align-items:center;gap:11px;padding:11px 13px;font-size:14.5px;font-weight:500;transition:background .15s,color .15s,transform .15s;display:flex}.nav-btn:hover{background:var(--glass-soft);color:var(--ink)}.nav-btn.active{background:linear-gradient(135deg, var(--navy-2), var(--navy));color:#fff;box-shadow:inset 0 1px #ffffff59,0 6px 16px #2b3a6759}.nav-badge-dot{background:var(--rose);border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 8px #e85d75cc}.nav-btn .badge{background:var(--rose);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #e85d7580}.bottom-nav{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:90;-webkit-backdrop-filter:blur(28px)saturate(190%);backdrop-filter:blur(28px)saturate(190%);border:1px solid var(--glass-border);background:linear-gradient(170deg,#fff9,#ffffff52);border-radius:24px;justify-content:space-around;align-items:center;padding:8px;display:none;position:fixed;box-shadow:0 14px 40px #1c223338}html[data-theme=dark] .bottom-nav{background:linear-gradient(170deg,#1e213899,#1e213861)}.bnav-item{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:3px;min-width:64px;padding:7px 12px;font-size:10px;font-weight:600;transition:color .15s,background .15s,transform .15s;display:flex;position:relative}.bnav-item:hover{color:var(--ink)}.bnav-item.active{color:var(--navy)}html[data-theme=dark] .bnav-item.active{color:var(--violet-2)}.bnav-item.active .b-icon{background:linear-gradient(135deg, var(--navy-2), var(--navy));color:#fff;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff59,0 6px 14px #2b3a6766}.bnav-item .b-icon{border-radius:11px;justify-content:center;align-items:center;width:34px;height:30px;transition:transform .25s cubic-bezier(.34,1.4,.64,1),background .2s,color .2s;display:flex}.bnav-item .b-dot{background:var(--rose);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:14px;box-shadow:0 0 8px #e85d75b3}.view{animation:.42s cubic-bezier(.22,1,.36,1) viewIn}@keyframes viewIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.rise{animation:.45s cubic-bezier(.22,1,.36,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.pop{animation:.4s cubic-bezier(.34,1.5,.64,1) both pop}@keyframes pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.stagger>*{animation:.5s cubic-bezier(.22,1,.36,1) both rise}.stagger>:first-child{animation-delay:20ms}.stagger>:nth-child(2){animation-delay:70ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.17s}.stagger>:nth-child(5){animation-delay:.22s}.stagger>:nth-child(6){animation-delay:.27s}.stagger>:nth-child(7){animation-delay:.32s}.stagger>:nth-child(8){animation-delay:.37s}.page>*+*{margin-top:24px}.page>.mask,.page>.modal{margin-top:0}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin:28px 0 0;display:flex}.page-head h1{letter-spacing:-.03em;margin:0;font-size:30px;line-height:1.1}.page-head .sub{color:var(--ink-soft);margin-top:6px;font-size:14.5px}.grad-text{background:linear-gradient(120deg, var(--navy) 0%, var(--navy-2) 45%, var(--teal) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}html[data-theme=dark] .grad-text{background:linear-gradient(120deg, #eef1fa 0%, var(--violet-2) 55%, var(--teal-2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;border:none;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .18s cubic-bezier(.34,1.4,.64,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--navy-2), var(--navy));color:#fff;box-shadow:inset 0 1px #ffffff4d,0 8px 22px #2b3a6759}.btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff4d,0 12px 30px #2b3a6766}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--glass-strong);border:1px solid var(--glass-border);color:var(--ink-soft);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.btn-ghost:hover{color:var(--ink);border-color:var(--glass-edge);transform:translateY(-1px)}.btn-teal{background:linear-gradient(135deg, var(--teal-2), var(--teal));color:#fff;box-shadow:inset 0 1px #ffffff59,0 8px 22px #0ea5a059}.btn-danger{background:linear-gradient(135deg, var(--rose-2), var(--rose));color:#fff;box-shadow:inset 0 1px #ffffff59,0 8px 22px #e85d7559}.btn-sm{border-radius:11px;padding:8px 13px;font-size:13px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.prod-card:active,.stat-card:active,.cat-card:active{transition-duration:.1s;transform:scale(.97)}.nav-btn:active,.bnav-item:active,.fchip:active,.chip:active,.icon-btn:active,.mini-btn:active{transition-duration:.1s;transform:scale(.92)}.bnav-item:active .b-icon{transform:scale(.88)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-card{border-radius:var(--radius);background:linear-gradient(165deg, var(--glass-strong), var(--glass));-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-soft);padding:20px 18px;transition:transform .22s cubic-bezier(.34,1.4,.64,1),box-shadow .22s;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--glass-shadow);transform:translateY(-3px)}.stat-card:before{content:"";background:linear-gradient(90deg, var(--sc,var(--violet)), transparent 80%);height:3px;position:absolute;top:0;left:0;right:0}.stat-ic{color:#fff;background:linear-gradient(135deg, var(--sc,var(--violet)), color-mix(in srgb, var(--sc,var(--violet)) 55%, var(--navy)));width:40px;height:40px;box-shadow:inset 0 1px 0 #ffffff59, 0 6px 16px color-mix(in srgb, var(--sc,var(--violet)) 45%, transparent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.stat-num{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:28px;font-weight:700;line-height:1}.stat-label{color:var(--ink-soft);font-size:13px;font-weight:500}.stat-foot{color:var(--ink-faint);align-items:center;gap:5px;margin-top:8px;font-size:12px;display:flex}.stat-foot .up{color:var(--moss);font-weight:600}.stat-foot .down{color:var(--rose);font-weight:600}.panel{border-radius:var(--radius-lg);background:linear-gradient(165deg, var(--glass-strong), var(--glass));-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:22px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-head h2{letter-spacing:-.01em;margin:0;font-size:18px}.panel-head .muted{color:var(--ink-faint);font-size:13px}.grid-2{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.grid-2.even{grid-template-columns:1fr 1fr}.stack{flex-direction:column;gap:16px;display:flex}.bar-row{grid-template-columns:110px 1fr minmax(54px,auto);align-items:center;gap:12px;margin:11px 0;font-size:13px;display:grid}.bar-row .bl{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bar-track{background:var(--glass-soft);border:1px solid var(--glass-border-soft);border-radius:999px;height:10px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--bc,var(--violet)), color-mix(in srgb, var(--bc,var(--violet)) 55%, var(--teal-2)));height:100%;box-shadow:0 0 12px color-mix(in srgb, var(--bc,var(--violet)) 60%, transparent);border-radius:999px;transition:width .9s cubic-bezier(.22,1,.36,1)}.bar-val{font-variant-numeric:tabular-nums;text-align:right;color:var(--ink);font-weight:600}.donut-wrap{align-items:center;gap:20px;display:flex}.donut{flex:none;width:140px;height:140px;position:relative}.donut svg{transform:rotate(-90deg)}.donut .donut-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-center .big{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700}.donut-center .sm{color:var(--ink-faint);font-size:11px}.legend{flex-direction:column;flex:1;gap:9px;min-width:0;display:flex}.legend-row{align-items:center;gap:9px;font-size:13px;display:flex}.legend-row .sw{border-radius:4px;flex:none;width:11px;height:11px;box-shadow:inset 0 1px #ffffff4d}.legend-row .ln{color:var(--ink-soft);flex:1}.legend-row .lv{font-variant-numeric:tabular-nums;font-weight:600}.spark{width:100%;height:64px}.spark path{fill:none;stroke:url(#sparkGrad);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 6px #7c6fef66)}.spark .area{fill:url(#areaGrad);stroke:none;opacity:.35}.prod-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;display:grid}.prod-card{border-radius:var(--radius);background:linear-gradient(165deg, var(--glass-strong), var(--glass));-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-soft);cursor:pointer;text-align:left;padding:18px;transition:transform .22s cubic-bezier(.34,1.4,.64,1),box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.prod-card:before{content:"";pointer-events:none;border-radius:var(--radius) var(--radius) 60% 60%;background:linear-gradient(#fff6,#0000);height:52%;position:absolute;inset:0 0 auto}html[data-theme=dark] .prod-card:before{background:linear-gradient(#ffffff0d,#0000)}.prod-card:hover{box-shadow:var(--glass-shadow);border-color:var(--glass-edge);transform:translateY(-4px)scale(1.012)}.prod-card:active{transform:translateY(-1px)scale(.99)}.prod-top{z-index:1;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:relative}.prod-ic{color:#fff;background:linear-gradient(135deg, var(--pc,var(--violet)), color-mix(in srgb, var(--pc,var(--violet)) 55%, var(--navy)));width:46px;height:46px;box-shadow:inset 0 1px 0 #ffffff59, 0 6px 16px color-mix(in srgb, var(--pc,var(--violet)) 45%, transparent);border-radius:14px;justify-content:center;align-items:center;display:flex}.status-pill{border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:700;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-pill.ok{color:var(--moss);background:#3f914229;border:1px solid #3f914259}.status-pill.low{color:var(--amber);background:#f5a62329;border:1px solid #f5a62359}.status-pill.out{color:var(--rose);background:#e85d7529;border:1px solid #e85d7559}.prod-name{letter-spacing:-.01em;z-index:1;margin:12px 0 3px;font-size:15.5px;font-weight:600;position:relative}.prod-sku{color:var(--ink-faint);z-index:1;font-family:SF Mono,monospace;font-size:11.5px;position:relative}.prod-sub-row{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;display:flex;position:relative}.prod-sub-row .prod-sku{margin:0}.prod-meta{border-top:1px solid var(--glass-border-soft);z-index:1;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;display:flex;position:relative}.prod-qty{font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.prod-qty small{color:var(--ink-faint);font-size:11px;font-weight:500}.prod-price{color:var(--teal);font-variant-numeric:tabular-nums;font-weight:700}.prod-actions{z-index:1;align-items:center;gap:6px;margin-top:12px;display:flex;position:relative}.prod-card .cat-chip{z-index:2;position:absolute;top:14px;right:14px}.chip{background:var(--glass-soft);border:1px solid var(--glass-border-soft);color:var(--ink-soft);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.chip .dot{border-radius:50%;flex:none;width:8px;height:8px;box-shadow:inset 0 1px #ffffff59}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-box{background:var(--glass-strong);border:1px solid var(--glass-border);min-width:220px;color:var(--ink-faint);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:14px;flex:1;align-items:center;gap:9px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:inset 0 1px #fff6}.search-box:focus-within{border-color:var(--violet);box-shadow:inset 0 1px #fff6,0 0 0 4px #7c6fef26}.search-box input{width:100%;color:var(--ink);background:0 0;border:none;outline:none;font-size:14px}.search-box input::placeholder{color:var(--ink-faint)}.select{border:1px solid var(--glass-border);background:var(--glass-strong);color:var(--ink);cursor:pointer;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:14px;outline:none;max-width:190px;padding:10px 14px;font-size:13.5px}.select:focus{border-color:var(--violet)}.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.seg.view-seg{flex:none}.seg.view-seg button{align-items:center;padding:8px 12px;display:inline-flex}.fchip{border:1px solid var(--glass-border-soft);background:var(--glass-strong);cursor:pointer;color:var(--ink-soft);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:999px;padding:8px 15px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.fchip:hover{color:var(--ink)}.fchip.active{background:linear-gradient(135deg, var(--navy-2), var(--navy));color:#fff;border-color:#0000;box-shadow:inset 0 1px #ffffff59,0 4px 12px #2b3a674d}.table-wrap{border-radius:var(--radius-lg);background:linear-gradient(165deg, var(--glass-strong), var(--glass));-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-soft);overflow-x:auto}table.data{border-collapse:collapse;width:100%;min-width:620px;font-size:13.5px}table.data th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);border-bottom:1px solid var(--glass-border-soft);white-space:nowrap;background:var(--glass-soft);padding:13px 16px;font-size:11px;font-weight:600}table.data td{border-bottom:1px solid var(--glass-border-soft);color:var(--ink);white-space:nowrap;padding:12px 16px}table.data tr:last-child td{border-bottom:none}table.data tbody tr{transition:background .12s}table.data tbody tr:hover{background:var(--glass-soft)}.cell-prod{align-items:center;gap:11px;display:flex}.cell-prod .mini-ic{color:#fff;background:linear-gradient(135deg, var(--pc,var(--violet)), color-mix(in srgb, var(--pc,var(--violet)) 55%, var(--navy)));border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.cell-prod .cp-name{font-weight:600}.cell-prod .cp-sub{color:var(--ink-faint);font-family:SF Mono,monospace;font-size:11.5px}.qty-cell{font-variant-numeric:tabular-nums;font-weight:700}.mov-in{color:var(--moss);font-weight:700}.mov-out{color:var(--rose);font-weight:700}.row-actions{gap:6px;display:flex}.mini-btn{border:1px solid var(--glass-border-soft);background:var(--glass-strong);width:32px;height:32px;color:var(--ink-soft);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.mini-btn:hover{color:var(--ink);border-color:var(--glass-edge);transform:translateY(-1px)}.mini-btn.danger:hover{color:var(--rose);border-color:var(--rose);background:#e85d751a}.timeline{flex-direction:column;gap:10px;display:flex}.mov-row{background:var(--glass-soft);border:1px solid var(--glass-border-soft);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:15px;align-items:center;gap:13px;padding:13px 15px;transition:transform .15s,border-color .15s;display:flex}.mov-row:hover{border-color:var(--glass-border);transform:translate(3px)}.mov-ic{color:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.mov-ic.in{background:linear-gradient(135deg, var(--moss-2), var(--moss));box-shadow:0 4px 12px #3f914259}.mov-ic.out{background:linear-gradient(135deg, var(--rose-2), var(--rose));box-shadow:0 4px 12px #e85d7559}.mov-body{flex:1;min-width:0}.mov-title{color:var(--ink);font-size:13.5px;font-weight:600}.mov-sub{color:var(--ink-faint);margin-top:1px;font-size:12px}.mov-qty{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.mov-qty.in{color:var(--moss)}.mov-qty.out{color:var(--rose)}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.cat-card{border-radius:var(--radius);background:linear-gradient(165deg, var(--glass-strong), var(--glass));-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-soft);cursor:pointer;padding:20px;transition:transform .22s cubic-bezier(.34,1.4,.64,1),box-shadow .22s;position:relative;overflow:hidden}.cat-card:before{content:"";background:color-mix(in srgb, var(--cc,var(--violet)) 25%, transparent);filter:blur(2px);border-radius:50%;width:90px;height:90px;position:absolute;top:-30px;right:-30px}.cat-card:hover{box-shadow:var(--glass-shadow);transform:translateY(-4px)}.cat-card .cc-ic{color:#fff;background:linear-gradient(135deg, var(--cc,var(--violet)), color-mix(in srgb, var(--cc,var(--violet)) 60%, var(--navy)));width:44px;height:44px;box-shadow:inset 0 1px 0 #ffffff59, 0 6px 14px color-mix(in srgb, var(--cc,var(--violet)) 45%, transparent);border-radius:13px;justify-content:center;align-items:center;margin-bottom:13px;display:flex}.cat-card h3{letter-spacing:-.01em;margin:0 0 3px;font-size:16px}.cat-card .cc-meta{color:var(--ink-faint);font-size:12.5px}.cat-card .cc-foot{border-top:1px solid var(--glass-border-soft);justify-content:space-between;align-items:center;margin-top:13px;padding-top:12px;display:flex}.cc-ic .initials{letter-spacing:-.02em;font-size:15px;font-weight:700}.me-badge{background:var(--glass-soft);border:1px solid var(--glass-border-soft);color:var(--ink-faint);vertical-align:middle;border-radius:999px;margin-left:7px;padding:2px 8px;font-size:10px;font-weight:700}.acting-as{text-overflow:ellipsis;white-space:nowrap;max-width:168px;overflow:hidden}@media (width<=620px){.acting-as{max-width:108px;padding:8px 10px;font-size:12px}}.kanban-board{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.kanban-col{border-radius:var(--radius-lg);background:linear-gradient(165deg, var(--glass-strong), var(--glass));-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-soft);min-width:0;padding:14px;transition:border-color .15s,box-shadow .15s}.kanban-col.drag-over{border-color:var(--violet);box-shadow:0 0 0 3px #7c6fef2e, var(--glass-shadow)}.kanban-col-head{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);align-items:center;gap:8px;margin-bottom:12px;padding:0 4px;font-size:12.5px;font-weight:700;display:flex}.kanban-col-dot{border-radius:50%;flex:none;width:8px;height:8px}.kanban-count{background:var(--glass-soft);border:1px solid var(--glass-border-soft);color:var(--ink-faint);text-transform:none;letter-spacing:normal;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.kanban-cards{flex-direction:column;gap:10px;min-height:64px;max-height:60vh;padding:2px;display:flex;overflow-y:auto}.kanban-empty{text-align:center;color:var(--ink-faint);border:1px dashed var(--glass-border-soft);border-radius:12px;padding:22px 10px;font-size:12.5px}.kanban-card{background:var(--glass-strong);border:1px solid var(--glass-border-soft);box-shadow:var(--glass-shadow-soft);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:14px;padding:12px 13px;transition:box-shadow .15s,border-color .15s;position:relative}.kanban-card.dragging{cursor:grabbing;z-index:50;border-color:var(--glass-edge);transition:none;box-shadow:0 18px 40px #14182847}.kanban-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.kanban-card-ic{color:#fff;background:linear-gradient(135deg, var(--pc,var(--violet)), color-mix(in srgb, var(--pc,var(--violet)) 55%, var(--navy)));border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.kanban-card-qty{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px;font-weight:700}.kanban-card-qty small{color:var(--ink-faint);font-size:10.5px;font-weight:500}.kanban-card-name{letter-spacing:-.01em;margin-bottom:8px;font-size:13.5px;font-weight:600}.mask{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:120;opacity:0;pointer-events:none;background:#14182866;transition:opacity .28s;position:fixed;inset:0}.mask.show{opacity:1;pointer-events:auto}.modal{z-index:130;background:linear-gradient(168deg, var(--glass-strong), var(--glass));-webkit-backdrop-filter:blur(36px)saturate(190%);backdrop-filter:blur(36px)saturate(190%);border:1px solid var(--glass-border);opacity:0;pointer-events:none;border-radius:26px;width:min(560px,100vw - 32px);max-height:min(720px,100vh - 40px);padding:26px;transition:transform .32s cubic-bezier(.34,1.4,.64,1),opacity .28s;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)scale(.94);box-shadow:0 30px 80px #14182866,inset 0 1px #fff6}.modal.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.modal-head h2{letter-spacing:-.02em;margin:0;font-size:20px}.modal-head .sub{color:var(--ink-soft);margin-top:4px;font-size:13px}.modal-close{border:1px solid var(--glass-border-soft);background:var(--glass-soft);width:36px;height:36px;color:var(--ink-soft);cursor:pointer;border-radius:11px;flex:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close:hover{color:var(--ink);border-color:var(--glass-edge)}.field{margin-bottom:15px}.field label{color:var(--ink);margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.field input[type=text],.field input[type=number],.field input[type=date],.field textarea,.field select{border:1px solid var(--glass-border-soft);background:var(--glass-strong);width:100%;color:var(--ink);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);resize:vertical;border-radius:12px;outline:none;padding:11px 13px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--violet);box-shadow:0 0 0 4px #7c6fef24}.field-row2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.hint{color:var(--ink-faint);margin-top:5px;font-size:11.5px}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.icon-picker{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;display:grid}.icon-opt{border:1px solid var(--glass-border-soft);background:var(--glass-soft);height:44px;color:var(--ink-soft);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .15s;display:flex}.icon-opt:hover{color:var(--ink);border-color:var(--glass-border)}.icon-opt.active{background:linear-gradient(135deg, var(--navy-2), var(--navy));color:#fff;border-color:#0000;box-shadow:inset 0 1px #ffffff59}.currency-picker{grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:8px;display:grid}.currency-opt{border:1px solid var(--glass-border-soft);background:var(--glass-soft);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:56px;font-family:inherit;transition:all .15s;display:flex}.currency-opt .co-sym{color:var(--ink);font-size:16px;font-weight:700;line-height:1}.currency-opt .co-code{letter-spacing:.04em;color:var(--ink-faint);font-size:10px;font-weight:600}.currency-opt:hover{border-color:var(--glass-border)}.currency-opt.active{background:linear-gradient(135deg, var(--navy-2), var(--navy));border-color:#0000;box-shadow:inset 0 1px #ffffff59}.currency-opt.active .co-sym,.currency-opt.active .co-code{color:#fff}.color-row{flex-wrap:wrap;gap:9px;display:flex}.color-opt{cursor:pointer;border:2px solid #0000;border-radius:10px;width:32px;height:32px;transition:transform .15s,border-color .15s;box-shadow:inset 0 1px #ffffff4d}.color-opt:hover{transform:scale(1.12)}.color-opt.active{border-color:var(--ink);transform:scale(1.12)}.stepper{align-items:center;gap:10px;display:flex}.stepper button{border:1px solid var(--glass-border-soft);background:var(--glass-strong);width:38px;height:38px;color:var(--ink-soft);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .15s;display:flex}.onboarding-content{background:linear-gradient(165deg, var(--glass-strong), var(--glass));border-radius:var(--radius-lg);width:100%;max-width:420px;color:var(--ink);box-shadow:var(--glass-shadow);margin:auto;padding:40px 32px}.onboarding-header{text-align:center;margin-bottom:24px}.company-input{margin-top:16px}.onboarding-actions{justify-content:center;gap:12px;display:flex}.stepper button:hover{color:var(--ink);border-color:var(--glass-edge);transform:scale(1.05)}.stepper input{text-align:center;width:84px;font-size:16px;font-weight:700}.qty-inline{align-items:center;gap:8px;display:flex}.setting-row{border-bottom:1px solid var(--glass-border-soft);justify-content:space-between;align-items:center;gap:14px;padding:15px 4px;display:flex}.setting-row:last-child{border-bottom:none}.setting-row .st-title{font-size:14.5px;font-weight:600}.setting-row .st-desc{color:var(--ink-faint);max-width:380px;margin-top:2px;font-size:12.5px}.seg{background:var(--glass-soft);border:1px solid var(--glass-border-soft);border-radius:12px;gap:4px;padding:4px;display:flex}.seg button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.seg button.active{background:linear-gradient(135deg, var(--navy-2), var(--navy));color:#fff;box-shadow:inset 0 1px #ffffff59}.toast{bottom:max(26px, calc(env(safe-area-inset-bottom) + 18px));z-index:220;background:var(--toast-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--toast-color);opacity:0;pointer-events:none;border:1px solid #ffffff26;border-radius:999px;max-width:calc(100vw - 40px);padding:12px 22px;font-size:13.5px;font-weight:500;transition:all .32s cubic-bezier(.34,1.4,.64,1);position:fixed;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 12px 34px #1418284d}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.install-card{border-radius:var(--radius);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background:linear-gradient(135deg,#7c6fef24,#0ea5a01a);border:1px solid #7c6fef66;align-items:center;gap:14px;margin-bottom:18px;padding:16px 18px;animation:.4s cubic-bezier(.22,1,.36,1) rise;display:flex}.install-card .ic-ic{color:#fff;background:linear-gradient(135deg, var(--violet-2), var(--violet));border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 6px 16px #7c6fef66}.install-card .ic-body{flex:1;min-width:0}.install-card .ic-title{font-size:14.5px;font-weight:700}.install-card .ic-sub{color:var(--ink-soft);margin-top:2px;font-size:12.5px}.install-close{border:1px solid var(--glass-border-soft);background:var(--glass-soft);width:32px;height:32px;color:var(--ink-soft);cursor:pointer;border-radius:10px;flex:none;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.install-close:hover{color:var(--ink);border-color:var(--glass-edge)}.install-close:active{transform:scale(.9)}@media (width<=1080px){.install-card{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 104px);z-index:95;border-radius:20px;margin-bottom:0;padding:14px 16px;animation:.45s cubic-bezier(.32,.72,.28,1) sheetUp;position:fixed;box-shadow:0 18px 50px #14182859,inset 0 1px #fff6}.install-card .ic-ic{border-radius:10px;width:36px;height:36px}}@keyframes sheetUp{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:none}}.empty{text-align:center;color:var(--ink-faint);padding:60px 20px}.empty .empty-ic{background:var(--glass-soft);border:1px solid var(--glass-border-soft);width:64px;height:64px;color:var(--ink-faint);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.empty h3{color:var(--ink);margin:0 0 6px;font-size:17px}.empty p{margin:0 0 18px;font-size:14px}.section{margin-bottom:18px}.section-title{text-transform:uppercase;letter-spacing:.09em;color:var(--ink-faint);align-items:center;gap:10px;margin:26px 0 14px;font-size:13px;font-weight:600;display:flex}.section-title:after{content:"";background:linear-gradient(90deg, var(--glass-border), transparent);flex:1;height:1px}.kpi-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.kpi{color:var(--ink-soft);font-size:12.5px}.kpi b{color:var(--ink);margin-right:3px;font-size:14px}@media (width<=1080px){.stat-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-2.even{grid-template-columns:1fr}.sidebar{display:none}.bottom-nav{display:flex}.app{padding:0 16px 132px}.topbar-inner{padding:12px 16px}}@media (width<=620px){.topbar-search{display:none}.page-head{margin:20px 0 0}.page>*+*{margin-top:18px}.page-head h1{font-size:24px}.stat-grid{gap:10px}.stat-card{padding:15px 14px}.stat-num{font-size:22px}.prod-grid{grid-template-columns:1fr 1fr;gap:10px}.prod-card{padding:14px}.field-row2{grid-template-columns:1fr;gap:0}.panel{padding:16px}.donut-wrap{flex-direction:column;align-items:center}.legend{width:100%}.bar-row{grid-template-columns:74px 1fr minmax(46px,auto);font-size:12px}.kanban-board{scroll-snap-type:x mandatory;grid-template-columns:none;gap:12px;margin:0 -16px;padding:2px 16px 6px;display:flex;overflow-x:auto}.kanban-col{scroll-snap-align:start;flex:0 0 84%}.kanban-cards{max-height:none}.seg.view-seg button{padding:8px 10px}}@media (width<=420px){.prod-grid{grid-template-columns:1fr}.theme-toggle{width:60px;height:34px}.theme-toggle .knob{width:26px;height:26px}html[data-theme=dark] .theme-toggle .knob{transform:translate(26px)}.bnav-item{min-width:0;padding:6px 4px;font-size:9px}.bnav-item .b-icon{width:28px;height:26px}}@media (prefers-reduced-motion:reduce){.blob,.bg:after{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.company-logo-preview{flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;display:flex}.logo-preview{flex-direction:column;align-items:center;gap:8px;display:flex}.company-input{width:100%;margin-top:16px}.company-input input{border:1px solid var(--glass-border);background:var(--glass-strong);width:100%;color:var(--ink);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.company-input input:focus{border-color:var(--violet);box-shadow:0 0 0 4px #7c6fef26}.muted{color:var(--ink-soft);font-size:13px}.onboarding-actions .btn{min-width:120px}.onboarding-screen{z-index:100;background:#1c2233fa;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.onboarding-content{background:linear-gradient(165deg, var(--glass-strong), var(--glass));border-radius:var(--radius-lg);width:100%;max-width:420px;color:var(--ink);box-shadow:var(--glass-shadow);text-align:center;padding:32px 24px}.onboarding-header{margin-bottom:32px}.onboarding-header h2{letter-spacing:-.02em;margin:0 0 12px;font-size:28px}.onboarding-header p{color:var(--ink-soft);font-size:15px}.onboarding-body{margin-bottom:32px}.form-group{text-align:left;margin-bottom:24px}.form-group label{color:var(--ink-soft);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-group input{border:1px solid var(--glass-border);background:var(--glass-strong);width:100%;color:var(--ink);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.form-group input:focus{border-color:var(--violet);box-shadow:0 0 0 4px #7c6fef26}.logo-preview{flex-direction:column;align-items:center;gap:12px;margin:24px 0;display:flex}.logo-mark{background:linear-gradient(135deg, var(--navy-2), var(--navy));color:#fff;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:inset 0 1px #fff6,0 6px 16px #2b3a6759}.logo-name{letter-spacing:-.02em;color:var(--ink);font-family:Space Grotesk,Inter,sans-serif;font-size:20px;font-weight:700}.muted{color:var(--ink-faint);margin-top:8px;font-size:12px}.onboarding-actions{justify-content:center;gap:16px;margin-top:32px;display:flex}.onboarding-actions .btn{min-width:140px;padding:12px 24px;font-size:15px}.logo-name-text{letter-spacing:-.01em;color:var(--ink);margin-top:8px;font-family:Space Grotesk,Inter,sans-serif;font-size:14px;font-weight:600;display:block}.logo-upload{border:1px dashed var(--glass-border);background:var(--glass-soft);text-align:center;border-radius:12px;margin-top:16px;padding:20px}.logo-upload p{color:var(--ink-soft);margin-bottom:12px;font-size:13px}.logo-upload input{margin:8px 0}.onboarding-body .form-group:last-child{margin-bottom:32px}.onboarding-screen{overflow-y:auto}.auth-card{background:linear-gradient(165deg, var(--glass-strong), var(--glass));border-radius:var(--radius-lg);width:100%;max-width:420px;color:var(--ink);box-shadow:var(--glass-shadow);text-align:center;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);margin:auto;padding:40px 32px}.auth-card.auth-loading{flex-direction:column;align-items:center;gap:18px;padding:48px 32px;display:flex}.auth-loading-label{color:var(--ink-soft);font-size:14px}.auth-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.auth-card h2{letter-spacing:-.02em;margin:0 0 8px;font-size:24px}.auth-sub{color:var(--ink-soft);margin:0 0 24px;font-size:14px;line-height:1.5}.auth-sub b{color:var(--ink)}.google-btn{border:1px solid var(--glass-border);background:var(--glass-strong);width:100%;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:13px;justify-content:center;align-items:center;gap:12px;padding:13px 18px;font-family:inherit;font-size:15px;font-weight:600;transition:all .18s;display:inline-flex}.google-btn:hover{border-color:var(--glass-edge);box-shadow:var(--glass-shadow-soft);transform:translateY(-1px)}.google-btn:disabled{opacity:.6;cursor:default;transform:none}.auth-error{background:linear-gradient(135deg, var(--rose), var(--rose-2));color:#fff;text-align:left;overflow-wrap:anywhere;word-break:break-word;border:none;border-radius:10px;margin-top:14px;padding:12px 14px;font-size:13px;font-weight:500;box-shadow:0 6px 18px #e85d7559}.auth-error-hint{color:#fffffff5;overflow-wrap:anywhere;word-break:break-word;border-top:1px dashed #ffffff73;margin-top:8px;padding-top:8px;font-size:12.5px;line-height:1.55}.auth-error-hint code{color:#fff;background:#00000047;border-radius:4px;padding:0 4px;font-size:11.5px}.auth-config{background:linear-gradient(135deg, var(--navy-2), var(--navy));text-align:left;color:#fffffff0;overflow-wrap:anywhere;word-break:break-word;border:none;border-radius:12px;margin-top:18px;padding:16px;font-size:12.5px;line-height:1.6;box-shadow:inset 0 1px #ffffff40,0 8px 22px #2b3a6759}.auth-config-title{color:#fff;margin-bottom:8px;font-weight:700}.auth-config ol{margin:0 0 8px;padding-left:18px}.auth-config b{color:#fff}.auth-config code{color:#fff;background:#fff3;border-radius:5px;padding:1px 5px;font-size:11.5px}.auth-config i{color:#ffffffd9}.auth-config p{margin:0}.auth-note{background:var(--glass-soft);border:1px solid var(--glass-border-soft);color:var(--ink);text-align:left;overflow-wrap:anywhere;word-break:break-word;border-radius:10px;margin-top:18px;padding:12px 14px;font-size:12.5px;line-height:1.55}.google-profile-chip{background:var(--glass-soft);border:1px solid var(--glass-border-soft);color:var(--ink-soft);border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:6px 14px 6px 6px;font-size:13px;display:inline-flex}.account-chip{background:var(--glass-strong);border:1px solid var(--glass-border);max-width:220px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:13px;display:flex;overflow:hidden}.account-avatar{object-fit:cover;background:linear-gradient(135deg, var(--navy-2), var(--navy));color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:inline-flex}.account-avatar.lg{width:44px;height:44px;font-size:17px}.account-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.account-role{white-space:nowrap;font-size:11px;font-weight:700}.account-panel .account-row{align-items:center;gap:14px;padding:6px 4px 16px;display:flex}.sync-dot{background:var(--ink-faint);opacity:.7;border-radius:50%;flex:none;width:10px;height:10px}.sync-dot.ok{background:var(--teal,#0ea5a0);opacity:1;box-shadow:0 0 0 4px #0ea5a02e}.sync-dot.warn{background:var(--f5a623,#f5a623);opacity:1;box-shadow:0 0 0 4px #f5a6232e}.quota-bar{background:var(--glass-soft);border:1px solid var(--glass-border-soft);border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.quota-fill{background:linear-gradient(90deg, var(--violet-2), var(--violet));border-radius:999px;height:100%;transition:width .4s}@media (width<=620px){.account-name,.account-role{display:none}.account-chip{max-width:52px;padding-right:4px}}.sign-in-btn{white-space:nowrap}.guest-banner{border-radius:var(--radius);background:linear-gradient(135deg, var(--navy-2), var(--navy));color:#fff;align-items:center;gap:14px;margin:16px 0 4px;padding:14px 44px 14px 18px;font-size:13.5px;line-height:1.5;display:flex;position:relative;box-shadow:inset 0 1px #ffffff40,0 8px 22px #2b3a674d}.guest-banner .gb-text{flex:1}.guest-banner .btn{flex:none}.guest-banner .install-close{color:#ffffffd9;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.guest-banner .install-close:hover{color:#fff}.guest-note{display:flex}.guest-note-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}@media (width<=620px){.guest-banner{flex-wrap:wrap;margin-top:12px}.guest-banner .gb-text{min-width:100%}.sign-in-btn{padding:7px 10px;font-size:12px}}