:root{--bg:#090914;--bg2:#101022;--panel:rgba(24,23,42,.82);--panel2:rgba(35,31,58,.72);--line:rgba(255,255,255,.095);--text:#fff7ff;--muted:#a89db9;--dim:#766d86;--pink:#ff8bdc;--rose:#ffb3e9;--violet:#b999ff;--blue:#8fd3ff;--mint:#7dffbd;--gold:#ffe09a;--red:#ff8fa5;--shadow:0 22px 70px rgba(0,0,0,.32)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:13px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% -5%,rgba(255,139,220,.20),transparent 32rem),radial-gradient(circle at 85% 8%,rgba(143,211,255,.13),transparent 28rem),radial-gradient(circle at 48% 105%,rgba(125,255,189,.10),transparent 34rem),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:auto,auto,auto,44px 44px,44px 44px}.app{height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);overflow:hidden}.side{background:linear-gradient(180deg,rgba(17,16,31,.98),rgba(9,9,18,.98));border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:12px;padding:6px 8px 14px}.avatar{width:50px;height:50px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,139,220,.45);box-shadow:0 0 28px rgba(255,139,220,.25);position:relative;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.brandText b{display:block;color:var(--rose);font-size:15px;letter-spacing:.08em}.brandText span{display:inline-flex;margin-top:4px;color:var(--mint);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.nav{display:grid;gap:6px;overflow:auto;padding-right:2px}.nav button{height:42px;display:flex;align-items:center;gap:11px;border:0;border-radius:14px;background:transparent;color:#b8aec8;padding:0 13px;text-align:left;text-transform:uppercase;font-weight:750;font-size:11px;letter-spacing:.055em;cursor:pointer}.nav button:hover{background:rgba(255,255,255,.045);color:#fff}.nav button.active{background:linear-gradient(90deg,rgba(255,139,220,.22),rgba(185,153,255,.11),rgba(125,255,189,.055));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,139,220,.16)}.nav i{width:18px;text-align:center;color:var(--mint);font-style:normal}.dock{margin-top:auto;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:18px;padding:14px}.dock h3{margin:0 0 10px;color:var(--rose);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.drow{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid rgba(255,255,255,.055);color:var(--muted);font-size:11px}.drow:first-of-type{border-top:0}.drow b{color:#fff}.main{overflow:auto;padding:0 24px 36px}.top{position:sticky;top:0;z-index:20;height:68px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(9,9,20,.96),rgba(9,9,20,.72));backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.crumb b{color:var(--rose);letter-spacing:.12em;text-transform:uppercase}.crumb span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.actions{display:flex;gap:8px}.actions button,.miniBtn{height:36px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:#d9d0e6;border-radius:13px;padding:0 12px;font-weight:800;cursor:pointer}.actions button:hover,.miniBtn:hover{background:rgba(255,139,220,.11);border-color:rgba(255,139,220,.28)}.actions .primary{background:linear-gradient(135deg,rgba(255,139,220,.28),rgba(125,255,189,.13));color:#fff}.view{display:none;padding-top:24px}.view.active{display:block}.hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(255,139,220,.09),rgba(185,153,255,.055),rgba(125,255,189,.035));padding:22px;box-shadow:var(--shadow)}h1{margin:0;color:var(--rose);font-size:24px;letter-spacing:.03em;text-transform:uppercase}.sub{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-top:7px}.statusPill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(125,255,189,.25);background:rgba(125,255,189,.08);color:var(--mint);border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.statusPill:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,var(--panel),rgba(12,12,25,.92));padding:18px;box-shadow:var(--shadow)}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--pink),var(--violet),var(--mint))}.card small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.card strong{display:block;margin:13px 0 6px;font-size:25px;color:#fff;text-shadow:0 0 18px rgba(255,139,220,.20)}.card span{color:var(--muted);font-size:12px}.panel{border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,var(--panel),rgba(12,12,25,.92));box-shadow:var(--shadow);overflow:hidden}.panelHead{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,139,220,.055)}.panelHead b{color:var(--rose);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.panelBody{padding:18px}.feed{display:grid;gap:12px}.msg{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start}.face{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(255,139,220,.10);border:1px solid var(--line);color:var(--rose);font-weight:900}.bubble{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.04);border-radius:16px;padding:12px 14px;color:#d9d2e5}.bubble b{display:block;color:#fff;margin-bottom:3px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;font-size:12px}.table th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.badge{display:inline-flex;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:999px;padding:4px 8px;font-size:10px;color:#ddd}.badge.ok{color:var(--mint);border-color:rgba(125,255,189,.25);background:rgba(125,255,189,.08)}.badge.warn{color:var(--gold);border-color:rgba(255,224,154,.25);background:rgba(255,224,154,.08)}.badge.bad{color:var(--red);border-color:rgba(255,143,165,.25);background:rgba(255,143,165,.08)}.bars{display:grid;gap:12px}.barRow{display:grid;grid-template-columns:90px 1fr 44px;gap:10px;align-items:center;color:var(--muted);font-size:12px}.bar{height:10px;border-radius:99px;background:rgba(255,255,255,.075);overflow:hidden}.bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--pink),var(--violet),var(--mint))}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:999px;padding:8px 11px;color:#eee;font-size:11px}.log{white-space:pre-wrap;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#c9ffdD;max-height:360px;overflow:auto}.toast{position:fixed;right:18px;top:82px;z-index:80;border:1px solid rgba(125,255,189,.25);border-left:4px solid var(--mint);background:#141428;color:#fff;border-radius:16px;box-shadow:var(--shadow);padding:12px 14px;min-width:260px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:none}.hamb{display:none}.mobileTitle{display:none}@media(max-width:980px){.app{display:block;height:auto;overflow:visible}.side{position:fixed;z-index:60;inset:0 auto 0 0;width:min(82vw,330px);transform:translateX(-105%);transition:.2s;box-shadow:24px 0 70px rgba(0,0,0,.6)}body.menu .side{transform:none}.hamb{display:grid;place-items:center;position:fixed;right:12px;top:12px;z-index:70;width:46px;height:46px;border:1px solid rgba(255,139,220,.35);border-radius:16px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#201125;font-size:24px;font-weight:900}.mobileTitle{display:block;position:fixed;left:12px;top:12px;z-index:50;height:46px;line-height:46px;color:var(--rose);font-weight:900;letter-spacing:.1em}.main{padding:64px 12px 28px}.top{position:relative;height:auto;min-height:0;padding:8px 0 14px}.crumb,.actions{display:none}.hero{padding:18px;border-radius:20px}.grid,.grid.three,.grid.two{grid-template-columns:1fr}.table{display:block;overflow:auto}.toast{left:12px;right:12px;top:70px;min-width:0}}


/* 9router-like Quota Tracker (emails masked) */
.quotaPage{background:#faf9f7;color:#25232a;border-radius:24px;padding:26px;box-shadow:var(--shadow);min-height:calc(100vh - 116px)}.quotaTitle{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid #ebe7e2;padding-bottom:20px;margin-bottom:28px}.quotaTitle h1{color:#25232a;text-transform:none;font-size:24px;letter-spacing:0;margin:0}.quotaTitle h1:before{content:"○";color:#c96f5b;margin-right:10px}.quotaTitle p{margin:4px 0 0;color:#7a7570}.quotaActions{display:flex;gap:10px}.quotaActions .miniBtn{background:white;color:#3f3a37;border-color:#e5dfd8;border-radius:8px}.providerLimits{max-width:1040px;margin:0 auto}.providerHead{display:flex;align-items:center;gap:14px;margin-bottom:18px}.providerHead b{font-size:19px;color:#25232a}.providerHead span{color:#8b8580;font-size:12px}.quotaGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quotaCard{background:white;border:1px solid #ece7e2;border-radius:10px;box-shadow:0 8px 24px rgba(40,30,20,.06);overflow:hidden}.quotaTop{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #eee9e4}.quotaIdent{display:flex;align-items:center;gap:10px}.quotaIcon{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;color:white;font-weight:900;background:#111}.quotaIcon.claude{background:#d87861}.quotaName b{display:block;color:#2d2927}.quotaName span{display:block;color:#827c78;font-size:11px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quotaTools{display:flex;align-items:center;gap:14px;color:#6b6763}.quotaToggle{width:28px;height:14px;border-radius:99px;background:#d77a62;position:relative}.quotaToggle:after{content:"";position:absolute;right:2px;top:2px;width:10px;height:10px;border-radius:50%;background:white}.quotaRows{padding:8px 14px 12px}.quotaRow{display:grid;grid-template-columns:120px 1fr 78px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #f0ece8}.quotaRow:last-child{border-bottom:0}.quotaLabel{display:flex;align-items:center;gap:8px;color:#3b3734;font-size:12px}.quotaDot{width:8px;height:8px;border-radius:50%;background:#23b64b}.quotaDot.bad{background:#d20f32}.quotaBarWrap{display:grid;grid-template-columns:1fr 48px;gap:8px;align-items:center}.quotaBar{height:4px;background:#eee7e5;border-radius:99px;overflow:hidden}.quotaBar span{display:block;height:100%;background:#40b979}.quotaBar span.bad{background:#d20f32}.quotaNum{font-size:10px;color:#7c7670}.quotaReset{font-size:11px;color:#2f2b28}.quotaReset small{display:block;color:#8b8580;font-size:10px}@media(max-width:980px){.quotaPage{padding:18px;border-radius:18px}.quotaTitle{display:block}.quotaActions{margin-top:12px}.quotaGrid{grid-template-columns:1fr}.quotaRow{grid-template-columns:1fr}.quotaBarWrap{grid-template-columns:1fr 44px}}


/* 9router-like Usage Analytics */
.analyticsPage{background:#faf9f7;color:#25232a;border-radius:24px;padding:26px;box-shadow:var(--shadow);min-height:calc(100vh - 116px)}.anaTitle{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ebe7e2;padding-bottom:18px;margin-bottom:26px}.anaTitle h1{margin:0;color:#25232a;text-transform:none;font-size:24px}.anaTitle h1:before{content:"▮";color:#d87861;margin-right:10px}.anaTitle p{margin:4px 0 0;color:#7d7771}.anaTabs{height:44px;background:#ebe9e5;border-radius:8px;padding:4px;display:flex;margin-bottom:18px}.anaTabs button{border:0;background:transparent;color:#746f69;border-radius:7px;padding:0 20px;font-weight:700;cursor:pointer}.anaTabs button.on{background:white;color:#2d2926;box-shadow:0 1px 4px rgba(0,0,0,.08)}.periods{display:flex;justify-content:flex-end;gap:3px;margin-bottom:16px}.periods button{border:1px solid #e8e2dc;background:white;color:#6d6761;padding:8px 12px;border-radius:7px;cursor:pointer}.periods button.on{background:#d87861;color:white;border-color:#d87861}.anaStats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.anaCard{background:white;border:1px solid #ebe6df;border-radius:9px;padding:16px;box-shadow:0 8px 22px rgba(40,30,20,.05)}.anaCard small{display:block;color:#7d7771;font-size:11px;text-transform:uppercase}.anaCard strong{display:block;color:#2c2824;font-size:23px;margin-top:8px}.anaCard.hot strong{color:#d87861}.anaGraphRow{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.anaGraph,.recentBox,.detailsGraph,.modelTableBox{background:white;border:1px solid #ebe6df;border-radius:9px;box-shadow:0 8px 22px rgba(40,30,20,.05)}.anaGraph{height:360px;position:relative;display:grid;place-items:center;overflow:hidden}.node{position:absolute;border:1px solid #ddd8d2;border-radius:8px;background:white;padding:10px 13px;box-shadow:0 8px 22px rgba(40,30,20,.08);font-weight:700}.node.router{left:43%;top:55%;border-color:#d87861;color:#d87861}.node.claude{left:34%;top:25%}.node.open{left:57%;top:70%}.node.free{left:14%;top:70%}.wire{position:absolute;width:190px;height:80px;border-bottom:2px solid #d8be70;border-right:2px solid #d8be70;border-radius:0 0 60px 0;left:47%;top:58%;transform:rotate(5deg);opacity:.8}.recentBox{padding:14px;max-height:360px;overflow:auto}.recentBox h3{margin:0 0 10px;color:#2d2926;font-size:13px;text-transform:uppercase}.recentRow{display:grid;grid-template-columns:1fr 70px 54px;gap:8px;border-bottom:1px solid #f0ece8;padding:6px 0;color:#6d6761;font-size:11px}.recentRow b{color:#2d2926}.detailsGraph{height:250px;margin-bottom:18px;padding:18px;position:relative}.chartSvg{width:100%;height:190px}.modelToolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modelToolbar select,.modelToolbar button{border:1px solid #e7e1db;background:white;color:#4a4540;border-radius:7px;padding:9px}.modelToolbar button.on{background:#d87861;color:white}.modelTableBox{padding:18px}.modelTable{width:100%;border-collapse:collapse}.modelTable th,.modelTable td{padding:12px;border-bottom:1px solid #eee9e3;text-align:left;font-size:12px}.modelTable th{font-size:10px;text-transform:uppercase;color:#8a837d}.hidden{display:none!important}@media(max-width:980px){.analyticsPage{padding:18px;border-radius:18px}.anaTitle{display:block}.anaStats,.anaGraphRow{grid-template-columns:1fr}.periods{justify-content:flex-start;overflow:auto}.anaGraph{height:280px}.node{font-size:11px}.recentBox{max-height:260px}}


/* Quota render/layout fix */
.quotaPage{min-height:auto!important;padding-bottom:34px!important}.providerLimits{max-width:1100px!important;margin:22px auto 0!important}.quotaGrid{min-height:180px!important}.quotaCard{min-height:156px!important}.quotaTop{background:#fff!important}.quotaRows{background:#fff!important}.quotaTools span{cursor:pointer}.quotaGrid:empty:before{content:"Loading provider quota cards…";display:block;color:#8b8580;background:#fff;border:1px solid #ece7e2;border-radius:10px;padding:24px;grid-column:1/-1}
/* Usage 1:1 polish */
.analyticsPage{padding:24px 26px 34px!important}.anaGraphRow{grid-template-columns:minmax(0,1fr) 260px!important}.anaGraph{height:315px!important}.recentBox{max-height:315px!important}.anaStats{gap:12px!important}.detailsGraph{height:270px!important}.modelTableBox{max-height:420px;overflow:auto}@media(max-width:980px){.anaGraphRow{grid-template-columns:1fr!important}.quotaGrid{grid-template-columns:1fr!important}}


/* 9router closer pass: flatter, exact-ish spacing, less Hana glow inside 9router clone pages */
#view-api,#view-quota{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.analyticsPage,.quotaPage{background:#fbfaf8!important;color:#252525!important;border-radius:18px!important;padding:22px!important;box-shadow:0 20px 70px rgba(0,0,0,.18)!important;border:1px solid #eee9e4!important}.anaTitle,.quotaTitle{height:74px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;padding:0 0 16px!important;margin:0 0 18px!important;border-bottom:1px solid #ebe7e2!important}.anaTitle h1,.quotaTitle h1{font-size:21px!important;font-weight:800!important;letter-spacing:0!important;color:#2d2926!important}.anaTitle h1:before{content:"■"!important;color:#d87861!important;font-size:16px!important;margin-right:12px!important}.quotaTitle h1:before{content:"○"!important;color:#d87861!important;font-size:17px!important;margin-right:12px!important}.anaTitle p,.quotaTitle p{font-size:11px!important;color:#8b8580!important;margin-top:4px!important}.anaTabs{height:38px!important;border:1px solid #e5e0da!important;background:#ebe9e5!important;border-radius:6px!important;padding:3px!important;margin:0 0 18px!important}.anaTabs button{height:30px!important;min-width:64px!important;border-radius:5px!important;font-size:11px!important}.anaTabs button.on{background:#fff!important}.periods{height:34px!important;margin:-2px 0 12px!important}.periods button{height:28px!important;min-width:38px!important;padding:0 10px!important;border-radius:6px!important;font-size:11px!important;background:#fff!important}.periods button.on{background:#d87861!important;color:#fff!important}.anaStats{grid-template-columns:repeat(4,1fr)!important;gap:10px!important;margin-bottom:12px!important}.anaCard{height:72px!important;border-radius:7px!important;padding:12px!important;background:#fff!important;border-color:#ede8e2!important;box-shadow:0 6px 18px rgba(40,30,20,.045)!important}.anaCard small{font-size:9px!important;color:#8a837d!important}.anaCard strong{font-size:18px!important;margin-top:7px!important;color:#282522!important;text-shadow:none!important}.anaCard.hot strong{color:#c86e5a!important}.anaGraphRow{grid-template-columns:minmax(0,1fr) 210px!important;gap:10px!important}.anaGraph{height:250px!important;background:#fff!important;border:1px solid #ede8e2!important;border-radius:6px!important;box-shadow:0 6px 18px rgba(40,30,20,.04)!important}.recentBox{height:250px!important;max-height:250px!important;border-radius:6px!important;padding:12px!important;background:#fff!important;box-shadow:0 6px 18px rgba(40,30,20,.04)!important}.recentBox h3{font-size:11px!important;margin-bottom:8px!important}.recentRow{grid-template-columns:1fr 62px 42px!important;font-size:9px!important;padding:4px 0!important}.node{font-size:10px!important;padding:6px 9px!important;border-radius:5px!important;box-shadow:0 6px 18px rgba(40,30,20,.08)!important}.node.claude{left:32%!important;top:29%!important}.node.router{left:42%!important;top:52%!important}.node.free{left:13%!important;top:70%!important}.node.open{left:57%!important;top:70%!important}.wire{left:45%!important;top:56%!important;width:170px!important;height:62px!important;border-width:1.5px!important;opacity:.7!important}.detailsGraph{height:238px!important;background:#fff!important;border-radius:7px!important}.chartSvg{height:178px!important}.modelTableBox{background:#fff!important;border-radius:7px!important}.modelTable th,.modelTable td{font-size:11px!important;padding:10px!important}.quotaPage{min-height:520px!important}.providerLimits{max-width:930px!important;margin:12px auto 0!important}.providerHead{margin-bottom:16px!important}.providerHead b{font-size:17px!important}.providerHead span{font-size:10px!important}.quotaGrid{grid-template-columns:1fr 1fr!important;gap:12px!important}.quotaCard{border-radius:7px!important;min-height:142px!important;box-shadow:0 6px 18px rgba(40,30,20,.045)!important}.quotaTop{height:50px!important}.quotaIcon{width:28px!important;height:28px!important;border-radius:6px!important}.quotaName b{font-size:12px!important}.quotaName span{font-size:10px!important}.quotaTools{gap:10px!important;font-size:12px!important}.quotaRows{padding:6px 12px 10px!important}.quotaRow{grid-template-columns:112px 1fr 70px!important;padding:8px 0!important}.quotaLabel,.quotaReset{font-size:10px!important}.quotaBar{height:4px!important}.quotaNum{font-size:9px!important}@media(max-width:980px){.anaTitle,.quotaTitle{height:auto!important;display:block!important}.anaStats,.anaGraphRow,.quotaGrid{grid-template-columns:1fr!important}.recentBox,.anaGraph{height:auto!important;min-height:230px!important}}


/* Hana learning diary */
.learnPage{min-height:calc(100vh - 110px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;background:radial-gradient(circle at 20% 0%,rgba(186,124,255,.18),transparent 34%),linear-gradient(135deg,rgba(18,18,32,.96),rgba(10,11,20,.98));box-shadow:var(--shadow)}.learnHero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:18px;margin-bottom:20px}.learnHero h1{margin:6px 0 8px;font-size:28px}.learnHero p{margin:0;color:var(--muted);max-width:780px;line-height:1.55}.eyebrow{font-size:11px;color:var(--accent);letter-spacing:.18em;font-weight:900}.learnGrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.learnMain,.learnPanel{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:18px;padding:18px}.learnMain h2,.learnPanel h3{margin:0 0 14px}.learnCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.learnCard{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;background:rgba(5,7,14,.42)}.learnCard .src{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;text-transform:uppercase}.learnCard b{display:block;margin:8px 0;color:#fff}.learnCard p{margin:7px 0;color:var(--muted);line-height:1.45;font-size:13px}.learnBadge{border-radius:999px;padding:3px 8px;background:rgba(125,246,182,.13);color:#7df6b6;font-size:10px}.learnBadge.next{background:rgba(255,205,116,.14);color:#ffd27a}.learnBadge.planned{background:rgba(181,142,255,.16);color:#cdb8ff}.learnPanel ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.55}.learnPanel li{margin:0 0 9px}.empty{color:var(--muted);padding:20px;border:1px dashed rgba(255,255,255,.16);border-radius:14px}@media(max-width:980px){.learnHero{display:block}.learnHero .miniBtn{margin-top:12px}.learnGrid,.learnCards{grid-template-columns:1fr}}


/* Real API limit monitor */
.realQuota{min-height:calc(100vh - 110px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;background:linear-gradient(135deg,rgba(15,16,26,.97),rgba(9,10,18,.98));box-shadow:var(--shadow)}.rqHero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:18px;margin-bottom:16px}.rqHero h1{margin:6px 0 8px;font-size:28px}.rqHero p{margin:0;color:var(--muted);max-width:820px;line-height:1.5}.rqActions{display:flex;gap:10px;flex-wrap:wrap}.rqSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.rqSummary>div{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:16px;padding:14px}.rqSummary small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase}.rqSummary b{display:block;font-size:26px;margin-top:6px}.rqMeta{color:var(--muted);font-size:12px;margin:4px 0 14px}.rqGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rqCard{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:18px;overflow:hidden}.rqTop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.rqIdentity{display:flex;align-items:center;gap:12px;min-width:0}.rqIcon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#111;color:white;font-weight:900}.rqIcon.claude{background:#d87861}.rqIcon.codex{background:#0f141c}.rqName{min-width:0}.rqName b{display:block;color:#fff}.rqName span{display:block;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.rqState{font-size:11px;border-radius:999px;padding:5px 9px;background:rgba(125,246,182,.12);color:#7df6b6;white-space:nowrap}.rqState.limited{background:rgba(255,91,124,.14);color:#ff9aaa}.rqState.warn{background:rgba(255,210,122,.14);color:#ffd27a}.rqRows{padding:12px 16px}.rqRow{display:grid;grid-template-columns:116px 1fr 94px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.rqRow:last-child{border-bottom:0}.rqLabel{display:flex;align-items:center;gap:8px;color:#e8e7ff;font-size:12px}.rqDot{width:8px;height:8px;border-radius:50%;background:#33d17a}.rqDot.bad{background:#ff4d6d}.rqDot.warn{background:#f5c542}.rqBar{height:7px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.rqBar span{display:block;height:100%;background:linear-gradient(90deg,#33d17a,#7df6b6)}.rqBar span.bad{background:linear-gradient(90deg,#ff4d6d,#ff9aaa)}.rqBar span.warn{background:linear-gradient(90deg,#f5c542,#ffe08a)}.rqNums{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:5px}.rqReset{font-size:11px;color:#fff}.rqReset small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.rqFoot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px 14px}.rqFoot div{border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:8px;color:var(--muted);font-size:11px}.rqFoot b{display:block;color:#fff;margin-top:3px}.rqEmpty{grid-column:1/-1;border:1px dashed rgba(255,255,255,.18);border-radius:18px;padding:24px;color:var(--muted)}@media(max-width:980px){.rqHero{display:block}.rqActions{margin-top:12px}.rqSummary,.rqGrid{grid-template-columns:1fr}.rqRow{grid-template-columns:1fr}.rqFoot{grid-template-columns:1fr}}


/* Real Usage Analytics */
.usageReal{min-height:calc(100vh - 110px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;background:linear-gradient(135deg,rgba(15,16,26,.97),rgba(9,10,18,.98));box-shadow:var(--shadow)}.urHero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:18px;margin-bottom:14px}.urHero h1{margin:6px 0 8px;font-size:28px}.urHero p{margin:0;color:var(--muted)}.urTabs{display:inline-flex;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:4px;margin:4px 0 12px}.urTabs button,.urPeriods button{border:0;background:transparent;color:var(--muted);border-radius:9px;padding:8px 13px;font-weight:800;cursor:pointer}.urTabs button.on,.urPeriods button.on{background:rgba(181,142,255,.2);color:#fff}.urPeriods{display:flex;gap:6px;justify-content:flex-end;margin:-52px 0 14px}.urPeriods button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.urStats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.urStats>div{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:16px;padding:14px}.urStats small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase}.urStats b{display:block;font-size:24px;margin-top:6px}.urSplit{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px}.urPanel{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:18px;padding:16px}.panelHead{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:12px}.panelHead b{color:#fff;font-size:14px}.urChart{width:100%;height:270px}.recentBox2{max-height:340px;overflow:auto}.recentRow{display:grid;grid-template-columns:1fr 82px 66px 55px;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:11px;color:var(--muted)}.recentRow b{color:#fff}.modelPanel{margin-top:14px;overflow:auto}.modelTable{width:100%;border-collapse:collapse}.modelTable th,.modelTable td{border-bottom:1px solid rgba(255,255,255,.07);padding:11px 9px;text-align:left;font-size:12px}.modelTable th{color:var(--muted);font-size:10px;text-transform:uppercase}.hidden{display:none!important}@media(max-width:980px){.urHero{display:block}.urPeriods{justify-content:flex-start;margin:0 0 14px;overflow:auto}.urStats,.urSplit{grid-template-columns:1fr}.recentBox2{max-height:none}}


/* Frame edge/topbar containment fix */
html,body{overflow-x:hidden}.shell,.frame,.app{max-width:100%;box-sizing:border-box}.main{min-width:0;overflow:hidden}.head{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10)!important;border-radius:22px!important;padding:16px 18px!important;margin:0 0 18px!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 40px rgba(0,0,0,.18)!important}.head:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#b58eff,#ff7ab6,#7df6b6);opacity:.9}.quick,.headActions,.actions,.topActions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:0}.quick button,.headActions button,.actions button,.topActions button,.miniBtn{max-width:100%;white-space:nowrap}.title{min-width:0}.title h1{overflow:hidden;text-overflow:ellipsis}.title .sub,.path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view{min-width:0}.main:after{content:"";display:block;height:1px;border-bottom:1px solid rgba(255,255,255,.08);margin-top:18px}.app{padding-right:clamp(10px,2vw,24px)!important;padding-left:clamp(10px,2vw,24px)!important}@media(max-width:760px){.head{border-radius:18px!important;padding:14px!important}.head,.top,.topbar{display:block!important}.quick,.headActions,.actions,.topActions{justify-content:flex-start;margin-top:10px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.title .sub,.path{white-space:normal}.app{padding-left:10px!important;padding-right:10px!important}}


/* Top edge/rounded corner real fix */
.main{padding-top:12px!important}.top{top:12px!important;height:auto!important;min-height:64px!important;margin:0 0 18px!important;padding:12px 14px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(17,16,31,.96),rgba(11,11,22,.82))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.22)!important;overflow:hidden!important}.top:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--pink),var(--violet),var(--mint));opacity:.85}.crumb{min-width:0;padding-left:8px}.actions{min-width:0;flex:1;justify-content:flex-end;flex-wrap:wrap}.actions button{height:34px;border-radius:12px}.hero{margin-top:0!important}.view{padding-top:6px!important}.app{background:transparent}@media(max-width:980px){.top{display:flex!important;position:relative!important;top:auto!important;margin:0 0 14px!important;border-radius:18px!important}.crumb,.actions{display:flex!important}.crumb{display:block!important}.actions{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:3px}.actions button{flex:0 0 auto}.mobileTitle{display:none!important}}

/* scroll fix: long dashboard pages must be readable */
html,body{min-height:100%;height:100%;overflow:hidden}
.app{height:100vh;overflow:hidden}
.side{height:100vh;overflow-y:auto;overscroll-behavior:contain}
.main{height:100vh;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:48px}
.view{min-height:auto;padding-bottom:32px}
.panel,.card,.learnCard{min-height:0}
@media(max-width:900px){html,body{overflow:auto}.app{height:auto;min-height:100vh;overflow:visible}.main{height:auto;min-height:100vh;overflow:visible}.side{height:auto;max-height:70vh}}


/* hana upgrades safe: charts/security/error */
.hanaChart{width:100%;height:220px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);padding:12px;box-sizing:border-box}.hanaChart svg{width:100%;height:100%}.chartLine{fill:none;stroke:#ff78c8;stroke-width:3}.chartFill{fill:rgba(255,120,200,.18)}.chartDot{fill:#fff;stroke:#ff78c8;stroke-width:2}.chartAxis{stroke:rgba(255,255,255,.13)}.chartLabel{font-size:10px;fill:rgba(255,255,255,.55)}
.securityGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.secItem{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:16px;padding:14px}.secItem b{display:block;margin:7px 0}.secState{display:inline-block;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;background:rgba(124,255,178,.12);color:#7cffb2}.secState.warn{background:rgba(255,209,102,.13);color:#ffd166}.secItem p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.errBox{display:none;margin:12px 0;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,107,107,.25);background:rgba(255,107,107,.08);color:#ffd8d8}.errBox.on{display:block}


/* mobile/PWA polish */
@media(max-width:760px){
  body{font-size:14px}.app{display:block}.side{position:sticky;top:0;z-index:20;border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:12px;background:rgba(16,9,25,.94);backdrop-filter:blur(18px)}
  .brand{margin-bottom:8px}.brand h1{font-size:18px}.nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.nav button{white-space:nowrap;min-width:max-content;padding:10px 12px}.dock,.mini{display:none}.main{padding:14px;height:auto;min-height:100vh;overflow:visible}.hero{display:block;padding:18px}.hero h1{font-size:24px}.grid,.grid.two,.grid.three{grid-template-columns:1fr!important}.card strong{font-size:24px}.panel{overflow:hidden}.tableWrap,.rqGrid,.securityGrid{overflow-x:auto}.topbar{position:sticky;top:0;z-index:15;background:rgba(16,9,25,.82);backdrop-filter:blur(18px);border-radius:16px;padding:10px}.hanaChart{height:180px}.learnCard,.secItem{padding:12px}.feed{max-height:none}
}
@media(display-mode:standalone){.topbar:before{content:'✨ App mode';font-size:12px;color:var(--muted);margin-right:8px}}


/* mobile overflow hard fix */
html,body{max-width:100%;overflow-x:hidden}.app,.main,.view,.hero,.panel,.card{box-sizing:border-box;max-width:100%}img,svg,canvas,pre,code{max-width:100%}
@media(max-width:760px){
  body{width:100vw;overflow-x:hidden}.app{width:100vw;max-width:100vw;overflow-x:hidden}.main{width:100%;max-width:100vw;padding:12px;overflow-x:hidden}.view{width:100%;max-width:100%;overflow-x:hidden}.hero{width:100%;max-width:100%;margin:0;padding:16px;border-radius:22px}.topbar{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;gap:8px}.topbar .crumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar button{max-width:46vw;overflow:hidden;text-overflow:ellipsis}.side{width:100%;max-width:100vw;box-sizing:border-box;overflow:hidden}.nav{max-width:100%;overflow-x:auto}.panel,.card,.learnCard,.secItem{width:100%;max-width:100%;box-sizing:border-box}.grid,.grid.two,.grid.three{width:100%;max-width:100%;display:grid;grid-template-columns:minmax(0,1fr)!important}.hero h1{overflow-wrap:anywhere}.sub,p,.bubble,.learnCard{overflow-wrap:anywhere}.rqGrid,.securityGrid{grid-template-columns:minmax(0,1fr)!important}.hanaChart{max-width:100%;overflow:hidden}.hamb{right:12px!important;top:12px!important}
}


/* responsive polish v2: desktop control center, mobile compact app */
:root{--mobile-pad:12px}
@media(min-width:761px){.main{padding:24px 28px}.hero{min-height:170px}.panel{border-radius:24px}.card{border-radius:22px}.view{animation:hanaFade .18s ease-out}@keyframes hanaFade{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}}
@media(max-width:760px){
  html,body{background:#0b0712}.app{background:radial-gradient(circle at 50% -10%,rgba(255,120,200,.22),transparent 36%),linear-gradient(180deg,#130b1f,#08060d)}
  .side{position:sticky;top:0;z-index:50;width:100%;padding:10px var(--mobile-pad) 8px;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(12,7,19,.82);backdrop-filter:blur(18px);box-shadow:0 10px 26px rgba(0,0,0,.22)}
  .brand{display:flex;align-items:center;gap:10px;margin:0 0 8px}.logo{width:34px;height:34px;border-radius:13px}.brand h1{font-size:16px;letter-spacing:.12em}.brand .muted,.brand small{font-size:10px}.brand > div{min-width:0}.brand h1,.brand .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nav{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 7px;margin:0 -2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.nav::-webkit-scrollbar{display:none}.nav button{scroll-snap-align:start;min-width:max-content;padding:8px 11px;border-radius:999px;font-size:12px;letter-spacing:.01em;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.nav button.on{background:linear-gradient(135deg,rgba(255,120,200,.32),rgba(124,92,255,.25));border-color:rgba(255,255,255,.18)}
  .main{padding:var(--mobile-pad);gap:12px}.topbar{top:0;margin:0 0 12px;border-radius:18px;min-height:42px;display:flex;align-items:center;justify-content:space-between}.topbar .crumb{font-size:11px;letter-spacing:.12em}.topbar button,.hero button,.panel button{padding:8px 11px;border-radius:12px;font-size:12px}.hamb{width:44px;height:44px;border-radius:16px;right:12px!important;top:12px!important;font-size:22px;box-shadow:0 10px 26px rgba(255,120,200,.28)}
  .hero{padding:18px 16px;margin:0 0 12px;border-radius:24px;min-height:0;background:linear-gradient(135deg,rgba(255,120,200,.20),rgba(124,92,255,.12));box-shadow:0 16px 36px rgba(0,0,0,.22)}.hero h1{font-size:25px;line-height:1.04;letter-spacing:.02em;margin:8px 0}.hero .kicker{font-size:10px;letter-spacing:.18em}.hero .sub{font-size:13px;line-height:1.45;max-height:3.1em;overflow:hidden}.statusPill{font-size:11px;padding:7px 10px;margin-top:10px;display:inline-flex}
  .grid,.grid.two,.grid.three{gap:10px}.card{padding:13px;border-radius:18px;min-height:auto}.card small{font-size:10px}.card strong{font-size:23px;line-height:1.05}.card span{font-size:12px}.panel{padding:13px;border-radius:18px;margin-bottom:12px}.panelHead{gap:8px;align-items:flex-start}.panelHead b,.panel h2,.panel h3{font-size:16px}.panel .muted{font-size:12px;line-height:1.45}.panelBody{padding-top:8px}.feed{gap:8px}.msg{gap:8px}.face{width:28px;height:28px;border-radius:10px;font-size:12px}.bubble{padding:10px 11px;border-radius:14px;font-size:12px;line-height:1.4}
  .learnCard{border-radius:16px;padding:12px;margin-bottom:10px}.learnCard .src{gap:6px;flex-wrap:wrap}.learnCard b{font-size:14px}.learnCard p{font-size:12px;line-height:1.45}.learnBadge{font-size:10px;padding:4px 7px}.hanaChart{height:160px;padding:8px}.securityGrid{gap:10px}.secItem{border-radius:16px;padding:12px}.secItem b{font-size:13px}.secItem p{font-size:12px}.rqCard{border-radius:16px;padding:12px}.rqTop{gap:8px}.rqName b{font-size:13px}.rqName span{font-size:11px}.rqRow{grid-template-columns:1fr;gap:6px}.rqFoot{grid-template-columns:repeat(3,minmax(0,1fr));font-size:11px}.tableWrap,table{font-size:12px}.dock,.mini{display:none!important}
}
@media(max-width:420px){.hero h1{font-size:23px}.main{padding:10px}.side{padding-left:10px;padding-right:10px}.topbar button{max-width:42vw}.card strong{font-size:21px}.panel{padding:12px}.nav button{padding:8px 10px}}


/* 9router-like quota tracker polish */
.rqGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rqCard{position:relative;border:1px solid rgba(255,255,255,.075);background:linear-gradient(180deg,rgba(22,24,36,.88),rgba(13,16,26,.92));border-radius:18px;padding:0;overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)}.rqTop{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid rgba(255,255,255,.055)}.rqIdentity{display:flex;align-items:center;gap:11px;min-width:0}.rqIcon{width:25px;height:25px;border-radius:9px;display:grid;place-items:center;font-size:12px;background:rgba(255,255,255,.07);color:#dfe7ff}.rqIcon.claude{background:linear-gradient(135deg,#ff7f68,#ff5a8a);color:white;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 18px rgba(255,96,128,.25)}.rqName{min-width:0}.rqName b{display:block;color:#f3f5ff;font-size:13px;line-height:1.1;text-transform:lowercase}.rqName span{display:block;color:rgba(222,229,255,.58);font-size:11px;line-height:1.25;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rqState{font-size:10px;font-weight:800;border-radius:999px;padding:5px 8px;background:rgba(124,255,178,.10);color:#8dffc0;border:1px solid rgba(124,255,178,.14);text-transform:lowercase}.rqState.limited,.rqState.warn{background:rgba(255,82,130,.12);color:#ff7aa8;border-color:rgba(255,82,130,.18)}.rqRows{padding:10px 16px 8px}.rqRow{display:grid;grid-template-columns:88px minmax(0,1fr) 72px;gap:11px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.045)}.rqRow:last-child{border-bottom:0}.rqLabel{display:flex;align-items:center;gap:8px;color:rgba(236,241,255,.82);font-size:11px;text-transform:lowercase}.rqDot{width:7px;height:7px;border-radius:999px;background:#ff4f93;box-shadow:0 0 12px rgba(255,79,147,.55)}.rqDot.warn{background:#ffd166;box-shadow:0 0 12px rgba(255,209,102,.45)}.rqDot.bad{background:#ff4f93}.rqBar{height:5px;border-radius:99px;background:rgba(255,255,255,.085);overflow:hidden;box-shadow:inset 0 1px 1px rgba(0,0,0,.35)}.rqBar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ff4f93,#ff83b8);box-shadow:0 0 14px rgba(255,79,147,.36)}.rqBar span.warn{background:linear-gradient(90deg,#ffd166,#ffe39a)}.rqBar span.bad{background:linear-gradient(90deg,#ff4f93,#ff83b8)}.rqNums{display:flex;align-items:center;justify-content:space-between;margin-top:5px;color:rgba(236,241,255,.52);font-size:10px}.rqNums b{color:rgba(236,241,255,.80);font-size:10px}.rqReset{text-align:left;color:rgba(236,241,255,.64);font-size:10px;line-height:1.2;text-transform:lowercase}.rqReset b{display:block;color:#f1f4ff;font-size:10px;margin-bottom:2px}.rqReset small{font-size:10px;color:rgba(236,241,255,.46)}.rqFoot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 14px 14px;border-top:1px solid rgba(255,255,255,.055)}.rqFoot>div{min-height:38px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.025);border-radius:10px;padding:8px 9px;color:rgba(236,241,255,.55);font-size:10px}.rqFoot b{display:block;color:#f2f5ff;font-size:13px;margin-top:3px}.rqEmpty{grid-column:1/-1;color:var(--muted);padding:18px;border:1px dashed rgba(255,255,255,.12);border-radius:18px}.quotaHero{margin-bottom:14px}.quotaHero .sub{max-width:720px}@media(max-width:980px){.rqGrid{grid-template-columns:1fr}.rqRow{grid-template-columns:78px minmax(0,1fr) 66px}.rqName span{max-width:190px}}@media(max-width:760px){.rqGrid{gap:11px}.rqCard{border-radius:16px}.rqTop{padding:12px 13px 10px}.rqRows{padding:8px 13px}.rqRow{grid-template-columns:1fr;gap:7px;padding:9px 0}.rqReset{text-align:left}.rqFoot{padding:9px 12px 12px;gap:6px}.rqFoot>div{padding:7px}.rqName span{max-width:220px}.rqState{font-size:9px}}


/* backups list */
.backupList{display:grid;gap:10px}.backupItem{display:grid;grid-template-columns:110px minmax(0,1fr) 90px 170px;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.035);border-radius:14px;padding:11px 12px}.backupKind{font-size:11px;font-weight:800;text-transform:uppercase;color:#ffd1f0}.backupName{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.backupMeta{font-size:12px;color:var(--muted)}@media(max-width:760px){.backupItem{grid-template-columns:1fr;gap:5px}.backupName{white-space:normal;overflow-wrap:anywhere}.backupMeta{font-size:11px}}


/* auto panels: lifeline, mistakes, performance */
.autoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.autoItem{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:15px;padding:12px}.autoItem b{display:block;margin-bottom:5px}.autoMeta{color:var(--muted);font-size:12px;line-height:1.4}.autoBadge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;background:rgba(124,255,178,.12);color:#7cffb2}.autoBadge.warn{background:rgba(255,209,102,.13);color:#ffd166}.autoBadge.critical{background:rgba(255,107,107,.13);color:#ff8b8b}


@media(max-width:980px){
  body.menu{overflow:auto}
  body.menu:after{display:none!important}
  .hamb{display:grid!important;place-items:center!important;position:fixed!important;right:16px!important;top:calc(18px + env(safe-area-inset-top,0px))!important;width:48px!important;height:48px!important;border-radius:18px!important;z-index:120!important;border:1px solid rgba(255,210,250,.50)!important;background:linear-gradient(135deg,#ff8bdc,#d66dff)!important;color:#201125!important;font-size:25px!important;font-weight:900!important;box-shadow:0 10px 26px rgba(255,120,220,.28)!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  body.menu .hamb{background:linear-gradient(135deg,#9fffd0,#d7b6ff)!important;color:#101018!important}
  .side{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;height:auto!important;min-height:0!important;max-height:none!important;width:100vw!important;max-width:100vw!important;z-index:105!important;display:block!important;padding:22px 14px 14px!important;background:linear-gradient(180deg,rgba(18,10,26,.98),rgba(13,8,20,.94))!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important;box-shadow:0 16px 44px rgba(0,0,0,.35)!important;transform:translateY(-115%)!important;transition:transform .22s ease!important;overflow:hidden!important}
  body.menu .side{transform:translateY(0)!important}
  .side .brand{padding:0 68px 14px 8px!important;margin:0!important}
  .side .avatar{width:52px!important;height:52px!important;border-radius:18px!important}
  .side .brandText b{font-size:16px!important;letter-spacing:.10em!important}
  .side .brandText span{font-size:11px!important}
  .side .nav{display:flex!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;padding:8px 2px 4px!important;scrollbar-width:none!important}
  .side .nav::-webkit-scrollbar{display:none!important}
  .side .nav button{flex:0 0 auto!important;height:46px!important;border-radius:999px!important;padding:0 18px!important;font-size:12px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important}
  .side .nav button.active{background:linear-gradient(90deg,rgba(255,139,220,.32),rgba(185,153,255,.18))!important}
  .side .dock{display:none!important}
  .mobileTitle{display:none!important}
  .main{padding-top:86px!important}
}

/* Hana V1 mobile header polish: prevent horizontal overflow while preserving design. */
@media(max-width:980px){
  html,body{max-width:100%;overflow-x:hidden!important;}
  .frame,.main,.view,.page,#app{max-width:100vw!important;overflow-x:hidden!important;}
  .top,.editorChrome,.head,.header,.chromeActions,.topActions{max-width:100%!important;min-width:0!important;}
  .top{display:flex!important;align-items:center!important;gap:8px!important;overflow:hidden!important;}
  .top h1,.topTitle,.titleBlock{min-width:0!important;overflow:hidden!important;}
  .top h1{font-size:15px!important;letter-spacing:.18em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .chromeActions,.topActions,.actions{display:flex!important;gap:6px!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:thin;max-width:48vw!important;padding-bottom:2px!important;}
  .chromeActions button,.topActions button,.actions button,.action,.icoBtn{height:34px!important;min-width:max-content!important;padding:0 11px!important;border-radius:12px!important;font-size:12px!important;}
  .hero,.uplink,.statGrid,.feedBox,.pulseFeed,.view{max-width:100%!important;}
}
@media(max-width:430px){
  .chromeActions,.topActions,.actions{max-width:42vw!important;}
  .chromeActions button,.topActions button,.actions button,.action,.icoBtn{height:32px!important;padding:0 9px!important;font-size:11px!important;}
  .top h1{font-size:13px!important;letter-spacing:.16em!important;}
}


/* Full dynamic cockpit upgrade */
.cockpitHero{background:radial-gradient(circle at 18% 12%,rgba(255,139,220,.35),transparent 35%),radial-gradient(circle at 88% 18%,rgba(125,246,182,.2),transparent 30%),linear-gradient(135deg,rgba(32,25,54,.92),rgba(13,13,28,.9))!important;position:relative;overflow:hidden}.cockpitHero:after{content:"";position:absolute;inset:-60%;background:conic-gradient(from 90deg,transparent,rgba(255,255,255,.08),transparent 18%);animation:spin 14s linear infinite}.cockpitHero>*{position:relative;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}.cockpitGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin:16px 0}.holo{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important}.orbWrap{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center}.orb{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;margin:auto;background:radial-gradient(circle at 35% 30%,#fff,#ffb3e9 18%,#b999ff 42%,#11142a 72%);box-shadow:0 0 60px rgba(255,139,220,.42),inset 0 0 30px rgba(255,255,255,.35);animation:pulseOrb 3.8s ease-in-out infinite}.orb.warn{filter:hue-rotate(35deg)}.orb.bad{filter:hue-rotate(115deg) saturate(1.4)}.orb span{font-weight:900;letter-spacing:.26em;color:#171326;text-shadow:0 1px 0 rgba(255,255,255,.6)}@keyframes pulseOrb{50%{transform:scale(1.035);box-shadow:0 0 90px rgba(255,139,220,.56),inset 0 0 38px rgba(255,255,255,.42)}}.vitals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vitals div,.radarItem,.miniFeed>div,.runbook code{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:15px;padding:12px}.vitals small{display:block;color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.12em}.vitals b{font-size:22px}.radarList,.miniFeed{display:grid;gap:9px}.radarItem{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.dot{width:10px;height:10px;border-radius:50%;background:#7dffbd;box-shadow:0 0 15px #7dffbd}.dot.warn{background:#ffe09a;box-shadow:0 0 15px #ffe09a}.dot.bad{background:#ff8fa5;box-shadow:0 0 15px #ff8fa5}.runbook{display:grid;gap:9px}.runbook code{display:block;white-space:normal;color:#ffe09a}.timeline{display:grid;gap:8px}.tick{display:grid;grid-template-columns:80px 1fr;gap:12px;border-left:2px solid rgba(255,139,220,.4);padding:6px 0 6px 12px}.tick time{color:var(--muted);font-size:12px}.freshBad{color:#ff8fa5!important}.freshWarn{color:#ffe09a!important}@media(max-width:980px){.cockpitGrid,.orbWrap{grid-template-columns:1fr}.orb{width:150px;height:150px}.vitals{grid-template-columns:1fr}}

.lifeCard em{display:block;margin-top:8px;font-style:normal;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;color:var(--gold);letter-spacing:.04em}.lifeCard strong{background:linear-gradient(90deg,var(--pink),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Recovery + study + provider health upgrade */
.recoveryHero{background:radial-gradient(circle at 15% 20%,rgba(125,255,189,.22),transparent 32%),linear-gradient(135deg,rgba(14,34,42,.88),rgba(22,17,40,.9))!important}.recoverySteps,.providerHealth{display:grid;gap:10px}.recStep,.provDetail{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:16px;padding:13px;display:grid;gap:6px}.recStep b,.provDetail b{font-size:15px}.recStep small,.provDetail small{color:var(--muted);line-height:1.35}.studyGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.studyGrid>div{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:14px;padding:12px}.studyGrid small{display:block;color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.12em}.studyGrid b{font-size:19px}.provTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.provBadge{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;background:rgba(124,255,178,.13);color:#7cffb2}.provBadge.limited{background:rgba(255,224,154,.14);color:#ffe09a}.provBadge.error,.provBadge.unavailable{background:rgba(255,143,165,.14);color:#ff8fa5}@media(max-width:760px){.studyGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Performance/security full upgrade */
.perfHero{background:radial-gradient(circle at 18% 20%,rgba(143,211,255,.22),transparent 34%),linear-gradient(135deg,rgba(12,28,48,.9),rgba(24,18,44,.9))!important}.budgetMeters{display:grid;gap:10px}.meterItem{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:15px;padding:12px}.meterTop{display:flex;justify-content:space-between;gap:10px}.meterBar{height:9px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:9px}.meterBar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--mint),var(--blue));max-width:100%}.meterBar span.warn{background:linear-gradient(90deg,var(--gold),var(--red))}.secFull{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:15px;padding:12px}.secFull b{display:block}.secFull small{color:var(--muted)}.lazyPending{content-visibility:auto;contain-intrinsic-size:600px}

/* Learning to action + anatomy + score */
.appliedHero{background:radial-gradient(circle at 20% 18%,rgba(255,224,154,.22),transparent 34%),linear-gradient(135deg,rgba(42,26,16,.9),rgba(22,18,42,.92))!important}.scoreBox{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:start}.scoreBox>strong{font-size:44px;line-height:1;border-radius:24px;padding:22px 10px;text-align:center;background:rgba(255,255,255,.06);color:var(--mint)}.badgeGrid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.dataBadge{font-size:11px;font-weight:900;border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.08)}.dataBadge.live{color:#7dffbd}.dataBadge.stale{color:#ffe09a}.dataBadge.estimate{color:#8fd3ff}.dataBadge.unknown{color:#ff8fa5}.dataBadge.readonly{color:#ffb3e9}.anatomyLayers{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.layerCard,.actionItem{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:16px;padding:13px}.layerCard b,.actionItem b{display:block}.layerCard small,.actionItem small{color:var(--muted)}.actionList{display:grid;gap:9px}.actionStatus{float:right;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900;background:rgba(124,255,178,.13);color:#7dffbd}.actionStatus.partial{background:rgba(255,224,154,.14);color:#ffe09a}@media(max-width:760px){.scoreBox{grid-template-columns:1fr}.scoreBox>strong{font-size:36px}}

/* final applied ops additions */
.decisionTree,.legendGrid{display:grid;gap:10px}.decisionNode,.legendItem{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:16px;padding:13px}.decisionNode b,.legendItem b{display:block}.decisionNode small,.legendItem small{display:block;color:var(--muted);margin-top:4px}.sev-green{color:#7dffbd}.sev-yellow{color:#ffe09a}.sev-orange{color:#ffbd7a}.sev-red,.sev-critical{color:#ff8fa5}.panelBadge{display:inline-block;border-radius:999px;padding:3px 8px;margin-left:6px;font-size:10px;font-weight:900;background:rgba(125,255,189,.12);color:#7dffbd}.panelBadge.stale{background:rgba(255,224,154,.14);color:#ffe09a}.panelBadge.estimate{background:rgba(143,211,255,.14);color:#8fd3ff}

.selfTestGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.selfTestItem{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:15px;padding:12px}.selfTestItem b{display:block}.selfTestItem small{color:var(--muted)}.test-ok{color:#7dffbd}.test-warn{color:#ffe09a}.test-fail{color:#ff8fa5}

/* Study Room */
.studyHero{background:radial-gradient(circle at 18% 20%,rgba(255,179,233,.24),transparent 34%),linear-gradient(135deg,rgba(35,20,48,.92),rgba(13,24,42,.9))!important}.studyLoop{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.loopStep{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:16px;padding:13px;text-align:center;color:var(--muted);font-weight:800}.loopStep.on{color:var(--gold);background:rgba(255,224,154,.11);box-shadow:0 0 22px rgba(255,224,154,.08)}.loopStep.done{color:#7dffbd}.miniFeed .doneTag{display:inline-block;margin-right:6px;color:#7dffbd;font-weight:900}

/* Hana request 2026-04-27: rainbow blinking SHINY HANA brand + signal wave */
.hanaBrandFx{position:relative;min-width:128px}.hanaBrandFx b{display:inline-block;background:linear-gradient(90deg,#ff244f,#ff9f1c,#ffe600,#36ff7a,#20d7ff,#7a5cff,#ff4fd8,#ff244f);background-size:700% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:0 0 14px rgba(255,120,220,.35),0 0 28px rgba(32,215,255,.18);animation:hanaRainbowShift 2.2s linear infinite,hanaBrandBlink 1.15s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,255,255,.10))}.hanaBrandFx span{animation:hanaStatusPulse 1.4s ease-in-out infinite}.hanaWave{display:flex;align-items:end;gap:3px;height:18px;margin-top:7px}.hanaWave em{display:block;width:4px;height:5px;border-radius:999px;background:linear-gradient(180deg,#fff,#7dffbd,#8fd3ff);box-shadow:0 0 9px rgba(125,255,189,.75);animation:hanaWaveBeat .88s ease-in-out infinite}.hanaWave em:nth-child(1){animation-delay:0s;background:linear-gradient(180deg,#ff244f,#ff8bdc)}.hanaWave em:nth-child(2){animation-delay:.08s;background:linear-gradient(180deg,#ff9f1c,#ffe09a)}.hanaWave em:nth-child(3){animation-delay:.16s;background:linear-gradient(180deg,#ffe600,#7dffbd)}.hanaWave em:nth-child(4){animation-delay:.24s;background:linear-gradient(180deg,#36ff7a,#7dffbd)}.hanaWave em:nth-child(5){animation-delay:.32s;background:linear-gradient(180deg,#20d7ff,#8fd3ff)}.hanaWave em:nth-child(6){animation-delay:.40s;background:linear-gradient(180deg,#7a5cff,#b999ff)}.hanaWave em:nth-child(7){animation-delay:.48s;background:linear-gradient(180deg,#ff4fd8,#ff8bdc)}@keyframes hanaRainbowShift{0%{background-position:0% 50%}100%{background-position:100% 50%}}@keyframes hanaBrandBlink{0%,100%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.72;transform:translateY(-1px) scale(1.025)}}@keyframes hanaStatusPulse{0%,100%{opacity:1;text-shadow:0 0 7px rgba(125,255,189,.55)}50%{opacity:.58;text-shadow:0 0 16px rgba(125,255,189,.95)}}@keyframes hanaWaveBeat{0%,100%{height:5px;opacity:.55;transform:scaleY(.75)}35%{height:18px;opacity:1;transform:scaleY(1)}65%{height:9px;opacity:.82;transform:scaleY(.9)}}
@media (prefers-reduced-motion:reduce){.hanaBrandFx b,.hanaBrandFx span,.hanaWave em{animation:none}.hanaBrandFx b{background-size:100% 100%;opacity:1}.hanaWave em{height:10px;opacity:.85}}

/* Mobile visibility boost for Hana signal wave */
.hanaBrandFx .hanaWave{display:flex!important;align-items:end!important;gap:4px!important;height:22px!important;margin-top:8px!important;min-width:92px!important;opacity:1!important;visibility:visible!important}.hanaBrandFx .hanaWave em{width:5px!important;min-height:7px!important;box-shadow:0 0 10px currentColor,0 0 18px rgba(255,139,220,.35)!important}@media(max-width:980px){.brand{align-items:center}.hanaBrandFx{min-width:170px}.hanaBrandFx b{font-size:26px;letter-spacing:.18em}.hanaBrandFx span{font-size:15px;letter-spacing:.18em}.hanaBrandFx .hanaWave{height:24px!important;margin-top:9px!important}.hanaBrandFx .hanaWave em{width:6px!important;border-radius:999px!important}}

/* Mobile visibility boost for Hana signal wave */
.hanaBrandFx .hanaWave{display:flex!important;align-items:end!important;gap:4px!important;height:22px!important;margin-top:8px!important;min-width:92px!important;opacity:1!important;visibility:visible!important}.hanaBrandFx .hanaWave em{width:5px!important;min-height:7px!important;box-shadow:0 0 10px currentColor,0 0 18px rgba(255,139,220,.35)!important}@media(max-width:980px){.brand{align-items:center}.hanaBrandFx{min-width:170px}.hanaBrandFx b{font-size:26px;letter-spacing:.18em}.hanaBrandFx span{font-size:15px;letter-spacing:.18em}.hanaBrandFx .hanaWave{height:24px!important;margin-top:9px!important}.hanaBrandFx .hanaWave em{width:6px!important;border-radius:999px!important}}


/* 2026-04-28 Hana web/global study: accessibility/performance polish */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
button:focus-visible,[data-view]:focus-visible,a:focus-visible{outline:3px solid #8fd3ff!important;outline-offset:3px!important;box-shadow:0 0 0 6px rgba(143,211,255,.18)!important}
.nav button[aria-current=page]{border-color:rgba(143,211,255,.55)!important;background:rgba(143,211,255,.12)!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.view{animation:none!important}.cockpitHero:after,.orb{animation:none!important}}

/* Hana live-risk/status-contract cards */
.actionItem.liveRisk{border-left:3px solid rgba(143,211,255,.75)}
.actionItem.liveRisk.low{border-left-color:rgba(78,245,180,.8)}
.actionItem.liveRisk.medium,.actionItem.liveRisk.low-medium{border-left-color:rgba(255,198,87,.85)}
.actionItem.statusContract{border-left:3px solid rgba(181,148,255,.85)}

/* 2026-04-28 cockpit quicklook upgrade */
.quicklook{margin:0 0 14px}.qlGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:16px}.qlChip{border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-radius:16px;padding:12px;min-height:76px}.qlChip small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.qlChip b{display:block;margin-top:8px;font-size:16px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qlChip.src{border-color:rgba(125,255,189,.18)}.qlChip.brain{border-color:rgba(185,153,255,.25)}.qlChip.body{border-color:rgba(143,211,255,.22)}.qlChip.warn{border-color:rgba(255,224,154,.28)}.qlChip.safe{border-color:rgba(255,139,220,.20)}.qlStrip{display:grid;gap:8px;padding:0 16px 16px;color:var(--muted);font-size:12px}.qlStrip div,.cockpitExtra .miniFeed div{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);border-radius:12px;padding:10px}.panel :focus-visible,.nav button:focus-visible,.actions button:focus-visible,.miniBtn:focus-visible{outline:3px solid rgba(125,255,189,.75);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:1180px){.qlGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.qlGrid{grid-template-columns:1fr}.qlChip{min-height:auto}.cockpitExtra{grid-template-columns:1fr!important}}

/* 2026-04-29 full cockpit parity upgrade */
.fcCommand{position:relative;overflow:hidden;border-color:rgba(125,255,189,.18)!important}.fcCommand:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 20% 10%,rgba(125,255,189,.12),transparent 30%),radial-gradient(circle at 90% 30%,rgba(255,139,220,.14),transparent 28%);pointer-events:none}.fcCommand>*{position:relative;z-index:1}.fcHero{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.fcHero h2{margin:0;color:#fff;font-size:22px}.fcHero p{margin:5px 0 0;color:var(--muted)}.fcPulseBtn{position:relative;overflow:hidden}.fcPulseBtn:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-120%);transition:.35s}.fcPulseBtn:hover:after{transform:translateX(120%)}.fcGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:16px 18px}.fcChip{border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));border-radius:18px;padding:13px;min-height:86px;transition:transform .16s ease,border-color .16s ease,background .16s ease}.fcChip:hover,.fcChip:focus-visible{transform:translateY(-2px);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.075)}.fcChip small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.fcChip b{display:block;margin-top:8px;color:#fff;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fcChip span{display:block;margin-top:5px;color:var(--dim);font-size:11px}.fcChip.ok{border-color:rgba(125,255,189,.24)}.fcChip.warn{border-color:rgba(255,224,154,.32)}.fcChip.bad{border-color:rgba(255,143,165,.34)}.fcChip.info{border-color:rgba(143,211,255,.25)}.fcLanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 18px 18px}.fcLanes h3{margin:0 0 10px;color:var(--rose);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.fcFeed{display:grid;gap:8px}.fcLine{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:14px;padding:10px 12px;border-left:3px solid rgba(143,211,255,.5)}.fcLine b{display:block;color:#fff}.fcLine small{display:block;color:var(--muted);margin-top:3px}.fcLine.ok{border-left-color:#7dffbd}.fcLine.warn{border-left-color:#ffe09a}.fcLine.bad{border-left-color:#ff8fa5}.fcProviderMatrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;padding:16px}.fcProvider{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:16px;padding:12px;display:grid;gap:8px}.fcProvider b{display:block}.fcProvider small,.fcMeta{color:var(--muted);font-size:12px}.fcState{justify-self:start;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;background:rgba(125,255,189,.12);color:#7dffbd}.fcState.warn,.fcState.limited{background:rgba(255,224,154,.14);color:#ffe09a}.fcState.unavailable,.fcState.error{background:rgba(255,143,165,.14);color:#ff8fa5}.fcOpsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.fcOpsCard{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:16px;padding:13px}.fcOpsCard small{display:block;color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.1em}.fcOpsCard b{display:block;margin-top:7px;color:#fff;font-size:14px}@media(max-width:1180px){.fcGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.fcLanes,.fcOpsGrid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.fcHero{display:block}.fcHero .miniBtn{margin-top:12px}.fcGrid,.fcLanes,.fcOpsGrid{grid-template-columns:1fr}.fcChip{min-height:auto}.fcCommand{border-radius:20px}}
@media(prefers-reduced-motion:reduce){.fcChip,.fcPulseBtn:after{transition:none!important}.fcChip:hover,.fcChip:focus-visible{transform:none!important}}