:root{--bg:#040611;--bg2:#070b19;--panel:rgba(13,18,36,.78);--panel2:rgba(18,24,46,.88);--glass:rgba(255,255,255,.055);--line:rgba(255,255,255,.10);--line2:rgba(212,175,55,.26);--txt:#f3f7ff;--mut:#91a0bd;--mut2:#5f6f90;--gold:#d4af37;--gold2:#f0d680;--cyan:#47e7ff;--green:#46f7a6;--red:#ff5d7a;--navy:#0a1026;--shadow:0 28px 90px rgba(0,0,0,.46)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:var(--bg);color:var(--txt);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}#bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 52% -20%,rgba(212,175,55,.20),transparent 36%),radial-gradient(circle at 88% 12%,rgba(71,231,255,.12),transparent 30%),radial-gradient(circle at 10% 78%,rgba(20,47,115,.35),transparent 36%),linear-gradient(180deg,#060915,#03040b 68%,#02030a)}#bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,black 10%,black 82%,transparent)}.orb{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(92px);opacity:.28}.o1{background:var(--gold);left:-140px;top:90px}.o2{background:#1f66ff;right:-180px;bottom:-60px}.grid{display:none}main{width:min(1500px,94vw);margin:0 auto;padding:30px 0 80px}.hidden{display:none!important}.panel,.card{background:linear-gradient(145deg,rgba(19,26,51,.86),rgba(6,9,20,.82));border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(22px)}.login{width:min(430px,92vw);margin:16vh auto 0;padding:38px}.login input{margin:26px 0 14px}.mark{font-weight:950;letter-spacing:.18em;font-size:30px;color:#fff;text-shadow:0 0 40px rgba(212,175,55,.25)}h1{font-size:clamp(38px,5vw,72px);line-height:.92;margin:10px 0;background:linear-gradient(90deg,#fff,#f2d679,#8eefff);-webkit-background-clip:text;color:transparent}h2{font-size:clamp(24px,2.5vw,38px);margin:0 0 8px}h3{margin:22px 0 12px}p{color:var(--mut);line-height:1.55}input,textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(3,6,16,.72);color:var(--txt);border-radius:14px;padding:13px 14px;outline:none;transition:.18s border,.18s box-shadow}textarea{min-height:76px;resize:vertical}input:focus,textarea:focus{border-color:rgba(212,175,55,.7);box-shadow:0 0 0 4px rgba(212,175,55,.12)}button,.primary{border:0;border-radius:14px;padding:12px 16px;background:linear-gradient(135deg,#f4d979,#b8860b);color:#120d03;font-weight:850;box-shadow:0 14px 34px rgba(212,175,55,.17);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.ghost{background:rgba(255,255,255,.055);color:var(--txt);border:1px solid var(--line);box-shadow:none}.mini{padding:9px 12px;border-radius:12px;font-size:13px}.inlineBtn{width:100%;margin-top:14px;background:rgba(212,175,55,.10);color:var(--gold2);border:1px solid rgba(212,175,55,.28);box-shadow:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.eyebrow{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;margin:0 0 8px}.actions{display:flex;gap:10px;flex-wrap:wrap}.tabs{position:sticky;top:12px;z-index:20;display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;padding:10px;border:1px solid var(--line);border-radius:22px;background:rgba(5,8,20,.78);backdrop-filter:blur(24px);box-shadow:0 18px 50px rgba(0,0,0,.25)}.tabs button{background:rgba(255,255,255,.045);color:var(--mut);border:1px solid rgba(255,255,255,.075);box-shadow:none;padding:10px 14px}.tabs button.on{background:linear-gradient(135deg,rgba(212,175,55,.96),rgba(175,124,10,.98));color:#140f02}.kpis,.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.kpi,.metric{padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(0,0,0,.20));min-height:112px}.kpi span,.metric span{display:block;color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.kpi b,.metric b{display:block;font-size:34px;margin-top:8px;color:#fff}.metric small{display:block;margin-top:5px;color:var(--mut)}.opsPanel{padding:24px;margin-top:18px}.panelHead{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}.commandHero{display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden;position:relative}.commandHero:before{content:"";position:absolute;right:-90px;top:-110px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.20),transparent 68%);pointer-events:none}.toolbar{display:flex;gap:10px;margin:16px 0 22px}.toolbar input{max-width:620px}.accounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.accountCard,.agentCard{position:relative;overflow:hidden;padding:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,rgba(18,25,50,.92),rgba(5,8,18,.86));box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.055)}.accountCard:before,.agentCard:before{content:"";position:absolute;right:-70px;top:-70px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.10),transparent 70%);pointer-events:none}.accountCard.editing{border-color:rgba(212,175,55,.55);box-shadow:0 0 0 1px rgba(212,175,55,.20),0 28px 90px rgba(0,0,0,.45)}.accTop{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.accTop h3{margin:0;font-size:21px}.accTop p{margin:4px 0 0;font-size:12px;word-break:break-word}.tag,.status{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.tag{background:rgba(255,255,255,.06);color:var(--mut);border:1px solid var(--line)}.status{background:rgba(70,247,166,.10);color:var(--green);border:1px solid rgba(70,247,166,.28)}.status.bad,.bad{background:rgba(255,93,122,.10);color:var(--red);border-color:rgba(255,93,122,.28)}.usagePanel{position:relative;margin:16px 0;padding:14px;border:1px solid rgba(212,175,55,.24);border-radius:18px;background:linear-gradient(135deg,rgba(212,175,55,.10),rgba(71,231,255,.045))}.usageHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.usageHead b{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.13em}.usageHead strong{font-size:15px;text-align:right}.meter{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:12px 0 8px}.meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--cyan));box-shadow:0 0 18px rgba(212,175,55,.3)}.usageMeta{display:flex;justify-content:space-between;gap:12px;color:var(--mut);font-size:12px}.dataGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dataGrid.small{grid-template-columns:repeat(2,minmax(0,1fr))}.dataGrid span{border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.035);border-radius:14px;padding:10px;color:var(--mut);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.dataGrid b{display:block;color:#fff;font-size:12px;text-transform:none;letter-spacing:0;margin-top:5px;line-height:1.25;word-break:break-word}.noteBox{margin-top:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:16px;padding:12px;color:var(--mut);font-size:13px;line-height:1.45}.inlineEditor{position:relative;margin-top:14px;padding:16px;border:1px solid rgba(212,175,55,.35);border-radius:20px;background:rgba(8,10,18,.76)}.inlineEditor h4{margin:0 0 12px;color:var(--gold2)}.editGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.editGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.editGrid label{color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.editGrid input,.editGrid textarea{margin-top:6px;font-size:13px;text-transform:none;letter-spacing:0}.editActions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.agentGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.modelLine{margin:14px 0;padding:12px;border:1px solid rgba(212,175,55,.22);border-radius:16px;background:rgba(212,175,55,.055)}.modelLine b{display:block;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.modelLine span{display:block;margin-top:4px;font-family:JetBrains Mono,ui-monospace,monospace;color:#fff;font-size:13px;word-break:break-word}.featureGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0 24px}.featureGrid span{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:16px;padding:12px;color:#dce8ff;font-size:12px}.miniTable{border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:12px 0 22px}.miniRow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;border-bottom:1px solid rgba(255,255,255,.07);padding:10px;background:rgba(255,255,255,.026)}.miniRow:last-child{border-bottom:0}.miniRow span{font-size:12px;color:var(--mut);word-break:break-word}.alertBox{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 22px}.chip{display:inline-flex;border-radius:999px;padding:8px 10px;border:1px solid rgba(70,247,166,.28);background:rgba(70,247,166,.09);color:var(--green);font-size:12px;font-weight:800}.chip.warn{border-color:rgba(255,93,122,.28);background:rgba(255,93,122,.09);color:var(--red)}.auditItem{padding:12px;border-bottom:1px solid rgba(255,255,255,.07);color:var(--mut);font-size:13px}.empty{padding:18px;color:var(--mut)}.layout{display:none}.hero{display:none}.quota,.dates{display:none}@media(max-width:1180px){.accounts,.agentGrid{grid-template-columns:1fr}.featureGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){main{width:min(96vw,760px);padding-top:18px}.topbar,.panelHead,.commandHero{flex-direction:column;align-items:stretch}.tabs{top:0;border-radius:0;margin-left:-2vw;margin-right:-2vw;padding-left:2vw;overflow-x:auto;flex-wrap:nowrap}.tabs button{white-space:nowrap}.metricGrid,.kpis,.dataGrid,.editGrid,.featureGrid{grid-template-columns:1fr}.toolbar{flex-direction:column}.login{margin-top:10vh}.kpi b,.metric b{font-size:28px}}
.claudeAccounts{position:relative;padding:14px;border:1px solid rgba(212,175,55,.18);border-radius:26px;background:linear-gradient(135deg,rgba(212,175,55,.045),rgba(71,231,255,.025));margin-bottom:28px}.claudeAccounts:before{content:'CLAUDE LIVE';position:absolute;right:18px;top:-12px;background:#070b19;border:1px solid rgba(212,175,55,.35);border-radius:999px;padding:5px 10px;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.16em}.claudeAccounts .usagePanel{border-color:rgba(212,175,55,.42)}
.providerGroup{margin:14px 0 30px}.providerHeader{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:left;border:1px solid rgba(212,175,55,.28);border-radius:26px;padding:20px;background:linear-gradient(135deg,rgba(212,175,55,.13),rgba(71,231,255,.045),rgba(255,255,255,.035));color:var(--txt);box-shadow:0 22px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}.providerHeader h3{font-size:30px;margin:0 0 6px}.providerHeader span{display:block;color:var(--mut);font-size:14px}.providerStats{display:grid;justify-items:end;gap:3px}.providerStats b{font-size:26px;color:#fff}.providerStats small{color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.providerStats i{margin-top:8px;font-style:normal;color:#140f02;background:linear-gradient(135deg,#f2d679,#b88717);border-radius:999px;padding:7px 12px;font-weight:900}.providerGroup .claudeAccounts{margin-top:14px}.providerGroup .meter i{transition:width .8s ease}
