:root{--bg:#0e1014;--bg-grad:radial-gradient(1200px 600px at 80% -10%, #f973160f, transparent 60%), #0e1014;--panel:#15181f;--panel-2:#1a1e27;--panel-3:#20242f;--line:#262b36;--line-2:#333a48;--text:#eef1f6;--text-2:#c7cdd9;--muted:#8b95a7;--muted-2:#6b7385;--brand:#f97316;--brand-2:#fb923c;--brand-3:#fdba74;--brand-soft:#f973161f;--brand-soft-2:#f973162e;--good:#34d399;--good-bg:#34d39924;--warn:#fbbf24;--warn-bg:#fbbf2424;--over:#f87171;--over-bg:#f8717126;--info:#818cf8;--info-bg:#818cf826;--radius:16px;--radius-sm:10px;--radius-lg:22px;--shadow-sm:0 1px 2px #00000040;--shadow:0 8px 28px #0006;--shadow-lg:0 20px 50px #00000080;--shadow-brand:0 8px 24px #f9731647;--ease:cubic-bezier(.22, .61, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard,Pretendard Variable,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:14px;line-height:1.55}h1,h2,h3{letter-spacing:-.02em;margin:0 0 8px;font-weight:700;line-height:1.25}h2{font-size:21px}h3{font-size:15px;font-weight:700}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pos{color:var(--good)}.neg{color:var(--over)}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px;border-radius:4px}.app-root{background:var(--bg-grad);grid-template:"demo demo"44px"nav main"1fr/248px 1fr;height:100vh;display:grid}.demo-bar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#f973161f,#14151c99);grid-area:demo;align-items:center;gap:12px;padding:0 18px;display:flex}.demo-badge{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#1a0f02;letter-spacing:1.5px;box-shadow:var(--shadow-brand);border-radius:6px;padding:3px 9px;font-size:10.5px;font-weight:800}.demo-text{color:var(--brand-3);font-size:12px;font-weight:500}.demo-brand{color:var(--text-2);align-items:center;gap:7px;margin-left:auto;font-size:13px;font-weight:700;display:flex}.demo-reset{color:var(--muted);border:1px solid var(--line-2);transition:all .18s var(--ease);background:0 0;border-radius:8px;padding:5px 11px;font-size:12px;font-weight:500}.demo-reset:hover{color:var(--brand-2);border-color:var(--brand);background:var(--brand-soft)}.side-nav{background:linear-gradient(180deg, var(--panel), #12141a);border-right:1px solid var(--line);grid-area:nav;padding:18px 14px;overflow-y:auto}.side-brand{color:var(--text);align-items:center;gap:9px;padding:4px 8px 6px;font-size:19px;font-weight:800;display:flex}.side-brand .logo-mark{color:var(--brand)}.side-tagline{color:var(--muted-2);letter-spacing:0;padding:0 8px 18px;font-size:11px}.nav-group{margin-bottom:20px}.nav-group-title{color:var(--muted-2);text-transform:uppercase;letter-spacing:.8px;padding:0 10px 8px;font-size:10.5px;font-weight:600}.nav-item{width:100%;color:var(--text-2);text-align:left;transition:all .16s var(--ease);background:0 0;border:none;border-radius:11px;align-items:center;gap:11px;padding:10px 11px;font-size:13.5px;font-weight:500;display:flex;position:relative}.nav-item svg{color:var(--muted);transition:color .16s var(--ease);flex-shrink:0}.nav-item:hover{background:var(--panel-2);color:var(--text)}.nav-item:hover svg{color:var(--text-2)}.nav-item.on{background:var(--brand-soft);color:var(--brand-2);font-weight:600}.nav-item.on svg{color:var(--brand-2)}.nav-item.on:before{content:"";background:var(--brand);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-14px}.side-foot{border-top:1px solid var(--line);margin-top:8px;padding:12px 10px;line-height:1.7}.view{scroll-behavior:smooth;grid-area:main;padding:26px;overflow-y:auto}.web-frame{max-width:1380px;padding:30px 40px}.app-frame{justify-content:center;padding-bottom:80px;display:flex}.mobile-canvas{background:linear-gradient(180deg, var(--panel), #13161d);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;max-width:468px;box-shadow:var(--shadow-lg);padding:20px}.tab-bar{display:none}.screen{animation:fadein .32s var(--ease)}.screen-head{margin-bottom:20px}.screen-head h2{align-items:center;gap:9px;display:flex}.screen-head p{color:var(--muted);margin:4px 0 0}.eyebrow{letter-spacing:.6px;text-transform:uppercase;color:var(--brand-2);background:var(--brand-soft);border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.card{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:18px;padding:18px}.card>h3{align-items:center;gap:8px;margin-bottom:14px;display:flex}.card-sub{color:var(--muted);margin:-8px 0 14px;font-size:12px}.brand-row{align-items:center;gap:11px;display:flex}.brand-mark{color:var(--text);font-size:21px;font-weight:800}.brand-mark .accent{color:var(--brand)}.btn-primary,.btn-ghost,.btn-soft{border-radius:var(--radius-sm);transition:all .18s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#1a0f02;box-shadow:var(--shadow-brand)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px #f9731661}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--panel-3);color:var(--text);border-color:var(--line-2)}.btn-ghost:hover{border-color:var(--brand);color:var(--brand-2)}.btn-soft{background:var(--brand-soft);color:var(--brand-2)}.btn-soft:hover{background:var(--brand-soft-2)}.big{width:100%;padding:15px 18px;font-size:15px}.btn-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.stat-grid{grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:16px;display:grid}.stat-card{background:var(--panel-2);border:1px solid var(--line);transition:border-color .2s var(--ease);border-radius:14px;padding:14px;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--line-2);height:3px;position:absolute;inset:0 0 auto}.stat-card.tone-good:after{background:var(--good)}.stat-card.tone-warn:after{background:var(--warn)}.stat-card.tone-over:after{background:var(--over)}.stat-card.alert{border-color:#f8717166}.stat-label{color:var(--muted);font-size:11.5px;font-weight:500}.stat-value{letter-spacing:-.03em;margin:4px 0 2px;font-size:24px;font-weight:800}.kpi-row{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px;display:grid}.kpi{background:var(--panel-2);border:1px solid var(--line);transition:transform .2s var(--ease), border-color .2s var(--ease);border-radius:14px;padding:16px 18px;position:relative;overflow:hidden}.kpi:hover{border-color:var(--line-2);transform:translateY(-2px)}.kpi-icon{background:var(--brand-soft);width:34px;height:34px;color:var(--brand-2);border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.kpi-label{color:var(--muted);font-size:12px;font-weight:500}.kpi-value{letter-spacing:-.03em;margin:6px 0 2px;font-size:27px;font-weight:800}.tone-good{color:var(--good)}.tone-warn{color:var(--warn)}.tone-over{color:var(--over)}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-good{background:var(--good-bg);color:var(--good)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-over{background:var(--over-bg);color:var(--over)}.chip{background:var(--panel-3);border:1px solid var(--line-2);color:var(--text-2);border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;display:inline-flex}.chip.ok{color:var(--good);background:var(--good-bg);border-color:#34d3994d}.chip b{color:var(--text)}.pill{border-radius:7px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.pill-ok,.pill-active{background:var(--good-bg);color:var(--good)}.pill-info,.pill-trial{background:var(--info-bg);color:var(--info)}.pill-suspended{background:var(--over-bg);color:var(--over)}.map-tag{background:var(--brand-soft-2);color:var(--brand-2);vertical-align:middle;border-radius:6px;align-items:center;gap:3px;margin-left:7px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.map-tag svg{width:10px;height:10px}.flash-tag{background:var(--brand);color:#1a0f02;vertical-align:middle;animation:pulseTag 1.6s var(--ease) infinite;border-radius:6px;align-items:center;gap:3px;margin-left:7px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.variant-chip{background:var(--panel-3);border:1px solid var(--line-2);border-radius:7px;margin:2px 5px 2px 0;padding:3px 9px;font-size:12px;display:inline-block}.table-wrap{border-radius:12px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line-2);white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;background:var(--panel-2);z-index:1;padding:9px 11px;font-size:11.5px;font-weight:600;position:sticky;top:0}.data-table td{border-bottom:1px solid var(--line);padding:10px 11px}.data-table.compact td,.data-table.compact th{padding:7px 9px}.data-table tbody tr{transition:background .14s var(--ease)}.data-table tbody tr:hover{background:#ffffff06}.data-table tbody tr:last-child td{border-bottom:none}.row-over{background:var(--over-bg)!important}.row-over:hover{background:#f8717133!important}.impacted{box-shadow:inset 3px 0 0 var(--brand);transition:background .3s var(--ease), box-shadow .3s var(--ease);background:var(--brand-soft)!important}.sel-row{cursor:pointer;background:var(--brand-soft-2)!important}.cell-input{background:var(--panel);border:1px solid var(--line-2);width:100%;color:var(--text);transition:border-color .16s var(--ease);border-radius:8px;padding:6px 9px;font-size:13px}.cell-input.num{text-align:right}.cell-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.cell-input:disabled{opacity:.6;cursor:not-allowed}.status-code{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.status-code.ok{color:var(--good)}.status-code.err{color:var(--over)}.plan{border-radius:7px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.plan-free{color:var(--text-2);background:#8b95a72e}.plan-pro{background:var(--brand-soft-2);color:var(--brand-2)}.plan-enterprise{background:var(--info-bg);color:var(--info)}.home-hero{border:1px solid var(--line-2);border-radius:var(--radius);background:linear-gradient(135deg,#f9731629,#1a1e2766);margin-bottom:16px;padding:16px 18px}.home-hero .greeting{font-size:15px;font-weight:700}.cta-scan{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#1a0f02;width:100%;box-shadow:var(--shadow-brand);transition:transform .18s var(--ease);border:none;border-radius:14px;justify-content:center;align-items:center;gap:9px;margin-bottom:18px;padding:16px;font-size:15.5px;font-weight:700;display:flex}.cta-scan:hover{transform:translateY(-2px)}.cta-scan:active{transform:translateY(0)}.alert-block{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;margin-bottom:14px;padding:16px}.alert-block.danger{background:linear-gradient(#f871710f,#0000);border-color:#f8717159}.alert-block h3{align-items:center;gap:7px;margin-bottom:4px;display:flex}.section-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.section-head .link{color:var(--brand-2);background:0 0;border:none;font-size:12px;font-weight:600}.menu-mini-list,.invoice-list{margin:8px 0 0;padding:0;list-style:none}.menu-mini-list li{transition:background .14s var(--ease);border-radius:10px;align-items:center;gap:11px;padding:11px 8px;display:flex}.menu-mini-list li+li{box-shadow:inset 0 1px 0 var(--line)}.menu-mini-list .m-name{flex:1;font-weight:600}.menu-mini-list li .num{min-width:72px}.menu-rank{background:var(--panel-3);width:22px;height:22px;color:var(--muted);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.clickable{cursor:pointer}.clickable:hover{background:#ffffff08}.invoice-list li{border-radius:10px;align-items:center;gap:11px;padding:10px 8px;display:flex}.invoice-list li+li{box-shadow:inset 0 1px 0 var(--line)}.inv-ico{background:var(--brand-soft);width:30px;height:30px;color:var(--brand-2);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.inv-supplier{flex:1;font-weight:600}.empty-state{text-align:center;color:var(--muted);padding:32px 16px}.empty-state .empty-ico{width:48px;height:48px;color:var(--muted-2);opacity:.7;margin:0 auto 12px}.skeleton{background:linear-gradient(100deg, var(--panel-2) 30%, var(--panel-3) 50%, var(--panel-2) 70%);background-size:200% 100%;border-radius:8px;animation:1.4s infinite shimmer}.scan-screen{max-width:100%}.scan-intro{border:1px solid var(--line-2);border-radius:var(--radius);background:linear-gradient(135deg,#f973161f,#1a1e274d);margin-bottom:16px;padding:20px}.scan-intro h3{margin-bottom:6px;font-size:16px}.scan-steps{flex-wrap:wrap;gap:10px;margin:14px 0 0;display:flex}.scan-step{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.scan-step .n{background:var(--brand-soft);width:20px;height:20px;color:var(--brand-2);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.scan-actions{flex-direction:column;gap:11px;margin-top:16px;display:flex}.hint{color:var(--muted);font-size:12px;line-height:1.6}.scan-stage{flex-direction:column;align-items:center;gap:18px;margin-bottom:18px;display:flex}.invoice-paper{box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff0a;border-radius:14px;width:max-content;max-width:100%;position:relative;overflow:hidden}.invoice-paper.scanning{box-shadow:var(--shadow-lg), 0 0 0 2px var(--brand)}.invoice-paper canvas,.uploaded-img{max-width:100%;display:block}.uploaded-img{object-fit:cover;width:360px;max-height:460px}.scan-line{border-bottom:2px solid var(--brand);height:36px;animation:scanmove 1.9s var(--ease) infinite;background:linear-gradient(#0000,#f9731647,#f973168c);position:absolute;top:0;left:0;right:0;box-shadow:0 0 22px 4px #f9731680}.scan-corner{border:2.5px solid var(--brand);pointer-events:none;width:22px;height:22px;position:absolute}.scan-corner.tl{border-bottom:none;border-right:none;border-radius:6px 0 0;top:8px;left:8px}.scan-corner.tr{border-bottom:none;border-left:none;border-radius:0 6px 0 0;top:8px;right:8px}.scan-corner.bl{border-top:none;border-right:none;border-radius:0 0 0 6px;bottom:8px;left:8px}.scan-corner.br{border-top:none;border-left:none;border-radius:0 0 6px;bottom:8px;right:8px}.analyzing{background:var(--panel-2);border:1px solid var(--line-2);border-radius:14px;align-items:center;gap:15px;width:100%;max-width:420px;padding:16px 20px;display:flex}.spinner{border:3px solid var(--line-2);border-top-color:var(--brand);border-radius:50%;flex-shrink:0;width:28px;height:28px;animation:.8s linear infinite spin}.analyzing-body{flex:1}.analyzing-body strong{font-size:14.5px}.analyze-progress{background:var(--line);border-radius:3px;height:5px;margin-top:9px;overflow:hidden}.analyze-progress>i{background:linear-gradient(90deg, var(--brand), var(--brand-2));height:100%;animation:progress 1.8s var(--ease) forwards;border-radius:3px;display:block}.analyze-tags{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.analyze-tags span{color:var(--muted);background:var(--panel-3);border-radius:6px;padding:2px 7px;font-size:10.5px}.scan-result{animation:fadein .32s var(--ease);margin-bottom:22px}.result-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.result-card{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:6px}.raw-cell{color:var(--muted);font-size:12.5px}.result-foot{flex-direction:column;gap:13px;margin-top:14px;display:flex}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;line-height:1.7;display:flex}.saved-banner{background:var(--good-bg);color:var(--good);animation:fadein .3s var(--ease);border:1px solid #34d39959;border-radius:12px;flex-wrap:wrap;align-items:center;gap:11px;padding:13px 16px;font-weight:500;display:flex}.saved-banner .grow{flex:1}.learn-chip{background:var(--brand-soft);color:var(--brand-2);border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.recent-block h3{margin-top:8px}.menu-cards{grid-template-columns:1fr;gap:12px;display:grid}.menu-card{background:var(--panel-2);border:1px solid var(--line);transition:border-color .2s var(--ease), transform .2s var(--ease);border-radius:14px;padding:16px}.menu-card:hover{border-color:var(--line-2)}.menu-card.over{background:linear-gradient(#f871710d,#0000);border-color:#f8717173}.menu-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.menu-card-head strong{font-size:15px}.menu-card-nums{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.mc-stat{background:var(--panel);border-radius:10px;padding:9px 11px}.mc-stat .l{color:var(--muted);font-size:10.5px}.mc-stat .v{margin-top:2px;font-size:14px;font-weight:700}.cost-bar{background:var(--panel);border-radius:4px;height:7px;margin-bottom:12px;overflow:hidden}.cost-bar>i{height:100%;transition:width .4s var(--ease), background .3s var(--ease);border-radius:4px;display:block}.breakdown{border-top:1px dashed var(--line-2);margin:0;padding:12px 0 0;list-style:none}.breakdown li{align-items:center;gap:9px;padding:4px 0;font-size:12.5px;display:flex}.bk-kind{color:var(--muted);border:1px solid var(--line-2);text-align:center;border-radius:6px;min-width:36px;padding:1px 6px;font-size:10px;font-weight:600}.bk-kind.prep{color:var(--brand-2);border-color:#f973164d}.bk-name{flex:1}.cascade-demo{background:linear-gradient(135deg, #f973161a, var(--panel-2));border-color:var(--line-2)}.cascade-demo>h3{color:var(--brand-2)}.cascade-controls{flex-direction:column;gap:14px;display:flex}.cascade-select-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.select{background:var(--panel);border:1px solid var(--line-2);color:var(--text);transition:border-color .16s var(--ease);border-radius:10px;padding:10px 13px;font-size:14px;font-weight:500}.select:focus{border-color:var(--brand);outline:none}.impact-pills{gap:8px;display:flex}.impact-pill{background:var(--panel);border:1px solid var(--line-2);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;display:inline-flex}.impact-pill b{color:var(--brand-2)}.slider-wrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:9px;padding:14px;display:flex}.slider-head{justify-content:space-between;align-items:baseline;display:flex}.slider-price{color:var(--brand-2);letter-spacing:-.02em;font-size:18px;font-weight:800}.slider{width:100%;accent-color:var(--brand);cursor:pointer;height:6px}.slider-marks{color:var(--muted-2);justify-content:space-between;display:flex}.manage-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.flow-hint{color:var(--muted);align-items:center;gap:8px;margin-top:4px;font-size:12px;display:flex}.flow-hint .arrow{color:var(--brand)}.dash-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.chart{width:100%;height:auto}.target-row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;margin-top:14px;padding-top:14px;display:flex}.target-row .label{color:var(--muted);font-size:12px}.gauge{flex:1;min-width:180px;max-width:260px}.profit-layout{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.donut-wrap{align-items:center;gap:16px;display:flex;position:relative}.donut{flex-shrink:0;width:140px;height:140px}.donut-center{text-align:center;pointer-events:none;position:absolute;top:70px;left:70px;transform:translate(-50%,-50%)}.donut-center .v{font-size:17px;font-weight:800}.donut-center .l{color:var(--muted);font-size:10px}.donut-legend{min-width:150px;margin:0;padding:0;font-size:12.5px;list-style:none}.donut-legend li{align-items:center;gap:8px;padding:5px 0;display:flex}.donut-legend b{font-variant-numeric:tabular-nums;margin-left:auto}.dot{border-radius:4px;flex-shrink:0;width:11px;height:11px;display:inline-block}.diagnosis{border:1px solid var(--line-2);border-radius:12px;flex:1;min-width:200px;padding:14px 16px}.diagnosis.tone-good{background:var(--good-bg);border-color:#34d3994d}.diagnosis.tone-warn{background:var(--warn-bg);border-color:#fbbf244d}.diagnosis.tone-over{background:var(--over-bg);border-color:#f871714d}.diagnosis-head{align-items:center;gap:8px;display:flex}.diagnosis strong{font-size:16px}.diagnosis p{color:var(--text-2);margin:6px 0 0;font-size:12.5px;line-height:1.6}.settings-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:11px;margin-top:16px;padding-top:16px;display:grid}.settings-grid label{color:var(--muted);flex-direction:column;gap:5px;font-size:12px;font-weight:500;display:flex}.settings-grid input{background:var(--panel);border:1px solid var(--line-2);color:var(--text);font-variant-numeric:tabular-nums;transition:border-color .16s var(--ease);border-radius:9px;padding:8px 11px;font-size:13px}.settings-grid input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.tabs{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;gap:4px;margin-bottom:18px;padding:4px;display:inline-flex}.tab{color:var(--muted);transition:all .16s var(--ease);background:0 0;border:none;border-radius:9px;padding:8px 15px;font-size:13px;font-weight:500}.tab:hover{color:var(--text-2)}.tab.on{background:var(--brand-soft-2);color:var(--brand-2);font-weight:700}.log-summary{align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.toast-stack{z-index:100;flex-direction:column;gap:11px;max-width:360px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--panel-3);border:1px solid var(--line-2);box-shadow:var(--shadow-lg);animation:toastin .34s var(--ease);border-radius:14px;gap:12px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.toast:before{content:"";background:var(--info);width:4px;position:absolute;top:0;bottom:0;left:0}.toast-over:before{background:var(--over)}.toast-warn:before{background:var(--warn)}.toast-info:before{background:var(--good)}.toast-over{border-color:#f8717180}.toast-warn{border-color:#fbbf2480}.toast-icon{font-size:19px;line-height:1.2}.toast-title{font-size:13.5px;font-weight:700}.toast-body{color:var(--muted);margin-top:3px;font-size:12.5px;line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scanmove{0%{top:-10%}to{top:100%}}@keyframes flash{0%{background:var(--brand)}to{background:var(--brand-soft-2)}}@keyframes pulseTag{0%,to{box-shadow:0 0 #f9731680}50%{box-shadow:0 0 0 4px #f9731600}}@keyframes toastin{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes progress{0%{width:4%}to{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.scan-line{display:none}.analyze-progress>i{width:100%!important}.kpi:hover,.btn-primary:hover,.cta-scan:hover{transform:none}}@media (width<=920px){.app-root{grid-template-columns:1fr;grid-template-areas:"demo""main"}.side-nav{display:none}.view,.web-frame{padding:16px 16px 84px}.app-frame{padding-bottom:84px}.mobile-canvas{max-width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;padding:2px 0}.kpi-row{grid-template-columns:repeat(2,1fr)}.dash-grid,.manage-grid{grid-template-columns:1fr}.demo-text{display:none}.tab-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:50;height:66px;padding:6px 4px 8px;padding-bottom:max(8px, env(safe-area-inset-bottom));background:#15181ff0;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-btn{color:var(--muted);transition:color .16s var(--ease);background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:4px;font-size:10px;font-weight:500;display:flex}.tab-btn svg{width:21px;height:21px}.tab-btn.on{color:var(--brand-2)}.tab-btn.on svg{stroke-width:2.1px}}@media (width<=580px){.stat-grid{grid-template-columns:1fr}.kpi-row{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.menu-card-nums{grid-template-columns:1fr;gap:8px}.tabs{width:100%;display:flex}.tab{flex:1;padding:8px 6px}h2{font-size:19px}}