:root{--bg-main:#1a1918;--bg-deep:#141312;--panel-top:#262422f5;--panel-bottom:#1a1918eb;--border-soft:#ffc8961a;--border-strong:#ffc89633;--text-main:#f5ede4;--text-soft:#a89485;--text-dim:#6e5c52;--accent-orange:#e8784b;--accent-orange-dim:#e8784b2e;--accent-orange-glow:#e8784b38;--accent-amber:#f0a847;--accent-warm:#d4622b;--accent-sand:#c4a882;--accent-stone:#8a7a6e;--accent-cyan:#e8784b;--accent-emerald:#f0a847;--accent-gold:#e8784b;--accent-rose:#d4622b;--accent-teal:#c4a882;--accent-slate:#8a7a6e;--font-body:"Aptos", "Segoe UI Variable Text", "Segoe UI", sans-serif;--font-display:"Bahnschrift", "Aptos Display", "Trebuchet MS", sans-serif;--shadow-lg:0 24px 80px #0000007a;--shadow-sm:0 10px 24px #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text-main);font:16px/1.5 var(--font-body);background:radial-gradient(circle at top left, #e8784b1f, transparent 30%), radial-gradient(circle at bottom right, #d4622b14, transparent 28%), linear-gradient(180deg, #ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), linear-gradient(180deg, var(--bg-deep) 0%, var(--bg-main) 58%, #0f0e0d 100%);background-size:auto,auto,160px 160px,160px 160px,auto;margin:0}#root{min-height:100vh}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}h1,h2,strong{font-family:var(--font-display);letter-spacing:-.02em}h1{margin:0;font-size:clamp(2.4rem,4vw,3.9rem);line-height:.96}h2{margin:0;font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1.1}p{margin:0}img{max-width:100%;display:block}::selection{color:#1a1312;background:#e8784bd1}.login-screen{color:#f5ede4;background:radial-gradient(circle at 82% 6%,#e8784b2e,#0000 32%),radial-gradient(circle at 14% 80%,#d4622b1a,#0000 28%),linear-gradient(112deg,#131211 0%,#1a1918 48%,#201e1b 76%,#2a2420 100%);grid-template-rows:auto 1fr auto;min-height:100vh;padding:58px min(10vw,184px) 28px;display:grid;position:relative;overflow:hidden}.login-screen:before{content:"";pointer-events:none;background:radial-gradient(circle at 40% 40%,#e8784b0a,#0000 22%),linear-gradient(90deg,#ffc89605,#0000 42%);position:absolute;inset:0}.login-screen__header,.login-screen__footer,.login-card{z-index:1;position:relative}.login-screen__header{justify-content:space-between;align-items:center;display:flex}.login-screen__brand{color:#f5ede4;letter-spacing:-.08em;font-size:clamp(1.45rem,2vw,1.9rem)}.login-screen__theme{color:#f5ede499;background:#e8784b0f;border:1px solid #e8784b33;border-radius:999px;place-items:center;width:34px;height:34px;display:grid}.login-card{place-self:center;width:min(100%,520px);transform:translate(80px,-18px)}.login-card__eyebrow{color:#f5ede46b;letter-spacing:.28em;margin-bottom:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:800}.login-card h1{color:#f5ede4;letter-spacing:-.08em;margin-bottom:30px;font-family:Inter,Segoe UI Variable Display,Segoe UI,sans-serif;font-size:clamp(3.1rem,6vw,5rem);font-weight:450;line-height:.96}.login-card h1 em{color:#e8784b;letter-spacing:-.09em;font-style:italic;font-weight:430}.login-card h1 em:after{content:".";color:#f0a847;font-style:normal}.login-form{gap:24px;display:grid}.login-form__field{gap:8px;display:grid}.login-form label,.login-form__links a{color:#f5ede466;letter-spacing:.18em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;font-weight:800}.login-form input{color:#f5ede4;background:#e8784b0a;border:1px solid #e8784b33;border-radius:10px;outline:none;width:100%;height:44px;padding:0 16px;box-shadow:inset 0 1px #ffc89608}.login-form input::placeholder{color:#f5ede459}.login-form input:focus{border-color:#e8784b99;box-shadow:0 0 0 4px #e8784b1a}.login-form small{color:#f5ede45c;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.74rem;font-weight:700}.login-form__footer{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.login-form__error{color:#e87849;background:#e8784b14;border:1px solid #e8784b33;border-radius:8px;margin:-4px 0 0;padding:8px 12px;font-size:.8rem}.agent-secret-banner{background:#e8784b14;border:1px solid #e8784b4d;border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.agent-secret-banner strong{color:#e87849}.agent-secret-banner p{color:#ffffff80;margin:2px 0 0;font-size:.78rem}.agent-secret-value{color:#e8d5b0;white-space:nowrap;background:#0000004d;border-radius:8px;flex:1;min-width:0;padding:8px 12px;font-family:Fira Mono,monospace;font-size:.8rem;overflow-x:auto}.login-form__links{gap:8px;display:grid}.login-form__links a{width:fit-content;text-decoration:none}.login-form__links a:hover{color:#f5ede4bf}.login-form button{color:#1a1312;background:#f0dece;border-radius:999px;min-width:78px;height:38px;padding:0 18px;font-size:.86rem;font-weight:800;box-shadow:0 8px 24px #e8784b2e}.login-screen__footer{color:#f5ede45c;border-top:1px solid #e8784b1f;justify-content:space-between;gap:20px;padding-top:18px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.74rem;display:flex}.dashboard-shell{grid-template-columns:236px minmax(0,1fr);gap:14px;min-height:100vh;padding:14px;display:grid}.sidebar,.panel,.summary-card{border:1px solid var(--border-soft);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#262320f5,#1a1918eb)}.sidebar{border-radius:22px;flex-direction:column;align-self:start;gap:16px;min-height:calc(100vh - 28px);padding:16px;animation:.7s cubic-bezier(.16,1,.3,1) both rise-up;display:flex;position:sticky;top:14px}.brand{align-items:center;gap:14px;display:flex}.brand__mark{color:#1a1312;width:42px;height:42px;font-family:var(--font-display);letter-spacing:.08em;background:linear-gradient(135deg,#e8784bf2,#d4622bd1);border-radius:14px;place-items:center;font-weight:700;display:grid}.brand__eyebrow,.topbar__eyebrow,.panel__eyebrow,.sidebar__note-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px;font-size:.76rem;font-weight:700}.brand__name{color:var(--text-main);font-size:1.12rem;display:block}.sidebar__nav{gap:8px;display:grid}.nav-item{width:100%;color:inherit;text-align:left;background:#ffffff05;border:1px solid #0000;border-radius:16px;align-items:center;gap:10px;padding:10px;transition:transform .24s,border-color .24s,background .24s;display:flex}.nav-item:hover{border-color:var(--border-strong);background:#ffffff0a;transform:translate(4px)}.nav-item--active{background:linear-gradient(135deg,#e8784b29,#d4622b14);border-color:#e8784b57}.nav-item__icon{min-width:32px;height:32px;color:var(--accent-orange);letter-spacing:.12em;background:#e8784b12;border-radius:11px;flex:none;place-items:center;font-size:.68rem;font-weight:700;display:grid}.nav-item__copy{gap:2px;display:grid}.nav-item__copy strong{color:var(--text-main);font-size:.9rem}.nav-item__copy small{color:var(--text-dim)}.sidebar__note{background:linear-gradient(160deg,#e8784b1a,#ffffff08);border:1px solid #e8784b2e;border-radius:18px;margin-top:auto;padding:14px}.sidebar__note h2{margin-bottom:8px;font-size:1rem}.sidebar__note p:last-child{color:var(--text-soft)}.sidebar__footer{color:var(--text-soft);align-items:center;gap:10px;font-size:.82rem;display:flex}.status-dot{background:var(--accent-orange);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 6px #e8784b29}.dashboard-main{flex-direction:column;gap:14px;display:flex}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;animation:.72s cubic-bezier(.16,1,.3,1) both rise-up;display:flex}.topbar h1{font-size:clamp(1.8rem,2.8vw,2.7rem)}.dashboard-main h2{font-size:clamp(1rem,1.4vw,1.35rem)}.topbar__summary{max-width:680px;color:var(--text-soft);margin-top:6px}.topbar__controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.lang-switcher{background:#262320cc;border:1px solid #e8784b2e;border-radius:8px;gap:2px;padding:3px;display:flex}.lang-btn{color:var(--text-soft);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 8px;font-size:.72rem;font-weight:600;transition:background .15s,color .15s}.lang-btn:hover{color:var(--text-main)}.lang-btn--active{color:var(--accent-orange);background:#e8784b38}.filter-pill,.profile-chip{border:1px solid var(--border-soft);min-height:38px;color:var(--text-main);background:#14120fb8;border-radius:13px;padding:0 12px}.filter-pill{align-items:center;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.filter-pill:hover{border-color:var(--border-strong);background:#111c2adb;transform:translateY(-1px)}.filter-pill--active{background:linear-gradient(135deg,#e8784b29,#1a1918e0);border-color:#e8784b66}.profile-chip{align-items:center;gap:12px;display:flex}.profile-chip__flag{color:var(--text-dim);letter-spacing:.12em;font-size:.8rem}.profile-chip__user{width:32px;height:32px;color:var(--accent-orange);background:#e8784b29;border-radius:12px;place-items:center;font-weight:700;display:grid}.panel{border-radius:20px;padding:16px;animation:.76s cubic-bezier(.16,1,.3,1) both rise-up;position:relative;overflow:hidden}.panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#e8784b1a,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;bottom:-112px;left:-72px}.panel>*{z-index:1;position:relative}.access-panel{grid-template-columns:minmax(0,.9fr) minmax(360px,.75fr);align-items:center;gap:18px;display:grid}.access-panel__copy p:last-child,.empty-state p{color:var(--text-soft);margin-top:8px}.api-key-form{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;gap:8px;padding:12px;display:grid}.api-key-form label{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:700}.api-key-form small{color:var(--text-soft)}.api-key-form__row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.api-key-form input,.api-key-form button{border-radius:13px;min-height:42px}.api-key-form input{border:1px solid var(--border-soft);width:100%;color:var(--text-main);background:#03080fb8;outline:none;padding:0 12px}.api-key-form input:focus{border-color:#e8784b80;box-shadow:0 0 0 3px #e8784b14}.api-key-form button{color:#03131c;background:linear-gradient(135deg, var(--accent-cyan), var(--accent-emerald));padding:0 16px;font-weight:800}.empty-state{max-width:760px}.compact-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.75fr);gap:14px;display:grid}.compact-grid--wide{grid-template-columns:minmax(0,.95fr) minmax(360px,.8fr)}.quota-bar{background:#ffffff14;border-radius:999px;height:12px;margin:8px 0 14px;overflow:hidden}.quota-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-cyan), var(--accent-emerald));height:100%;display:block}.mini-stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mini-stat-row div{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:12px}.mini-stat-row span{color:var(--text-dim);font-size:.78rem;display:block}.mini-stat-row strong{color:var(--text-main);margin-top:4px;font-size:1.08rem;display:block}.key-access-panel{gap:16px;display:grid}.key-access-panel__hint{color:var(--text-soft);line-height:1.5}.secret-copy-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.secret-copy-row code{white-space:nowrap;color:#e8d5b0;background:#ffffff08;border:1px solid #ffffff0f;border-radius:13px;min-width:0;padding:11px 13px;font-family:Fira Mono,monospace;font-size:.82rem;overflow-x:auto}.key-selector{gap:8px;display:grid}.key-selector label{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:700}.key-selector select{border:1px solid var(--border-soft);min-height:42px;color:var(--text-main);background:#03080fb8;border-radius:13px;outline:none;padding:0 12px}.key-selector select:focus{border-color:#e8784b80;box-shadow:0 0 0 3px #e8784b14}.key-selector small{color:var(--text-soft);font-size:.78rem}.savings-panel{flex-direction:column;gap:14px;display:flex}.savings-comparison{align-items:center;gap:10px;display:flex}.savings-price{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;flex:1;padding:14px 16px}.savings-price--ours{background:#e8784b14;border-color:#e8784b47}.savings-price__label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;font-size:.75rem;display:block}.savings-price--direct .savings-price__value{color:var(--text-soft);font-size:1.18rem;font-weight:700;-webkit-text-decoration:line-through #ffffff40;text-decoration:line-through #ffffff40}.savings-price--ours .savings-price__value{color:var(--accent-orange);font-size:1.3rem;font-weight:700}.savings-arrow{color:var(--text-dim);flex-shrink:0}.savings-badge{background:linear-gradient(135deg,#e8784b24,#f0a84714);border:1px solid #e8784b42;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.savings-badge__amount{color:var(--accent-orange);font-size:1rem;font-weight:700}.savings-badge__pct{color:var(--text-soft);font-size:.8rem}.activity-list{display:grid}.activity-list__item{border-top:1px solid #ffffff0f;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 0;display:grid}.activity-list__item:first-child{border-top:0;padding-top:0}.activity-list__item div{gap:2px;display:grid}.activity-list__item div:last-child{text-align:right}.activity-list__item strong{color:var(--text-main)}.activity-list__item span{color:var(--text-soft);font-size:.86rem}.hero-panel{grid-template-columns:minmax(0,1.45fr) minmax(260px,.78fr);align-items:end;gap:24px;display:grid}.status-pill,.panel__tag,.health-badge,.status-chip{letter-spacing:.04em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.status-pill{color:var(--accent-orange);background:#e8784b1f;border:1px solid #e8784b3d;margin-bottom:14px;padding:8px 12px}.hero-panel__copy p{max-width:660px;color:var(--text-soft);margin-top:14px}.hero-panel__stats{gap:14px;display:grid}.hero-stat{background:linear-gradient(160deg,#e8784b1a,#ffffff0a);border:1px solid #e8784b2e;border-radius:22px;padding:18px}.hero-stat--outlined{background:#ffffff08;border-style:dashed;border-color:#f0b34847}.hero-stat span,.stat-strip span,.pulse-metric span,.action-card__meta span,.summary-card__label{color:var(--text-dim);font-size:.82rem;display:block}.hero-stat strong{color:var(--text-main);margin:8px 0 4px;font-size:clamp(1.8rem,3vw,2.6rem);display:block}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.summary-card{--card-accent:var(--accent-cyan);--card-glow:#e8784b33;border-radius:18px;min-height:88px;padding:12px;animation:.78s cubic-bezier(.16,1,.3,1) both rise-up;position:relative;overflow:hidden}.summary-card:before{content:"";background:radial-gradient(circle, var(--card-glow), transparent 72%);border-radius:50%;width:136px;height:136px;position:absolute;bottom:-42px;right:-34px}.summary-card:after{content:"";background:linear-gradient(135deg,#ffffff0a,#0000 44%);position:absolute;inset:0}.summary-card>*{z-index:1;position:relative}.summary-card--emerald{--card-accent:var(--accent-emerald);--card-glow:#f0a84738}.summary-card--cyan{--card-accent:var(--accent-cyan);--card-glow:#e8784b38}.summary-card--gold{--card-accent:var(--accent-gold);--card-glow:#f0b34833}.summary-card--teal{--card-accent:var(--accent-teal);--card-glow:#18b7a033}.summary-card--violet{--card-accent:#b47cff;--card-glow:#d4622b33}.summary-card--indigo{--card-accent:#f0a847;--card-glow:#f0a84733}.summary-card--rose{--card-accent:var(--accent-rose);--card-glow:#ff7b8c2e}.summary-card--slate{--card-accent:var(--accent-slate);--card-glow:#8fa7be33}.summary-card__body{align-items:center;gap:10px;display:flex}.summary-card__icon{width:36px;height:36px;color:var(--card-accent);background:color-mix(in srgb, var(--card-accent) 16%, transparent);border:1px solid color-mix(in srgb, var(--card-accent) 22%, transparent);letter-spacing:.1em;border-radius:12px;flex:none;place-items:center;font-size:.58rem;font-weight:800;display:grid}.summary-card__copy{min-width:0}.summary-card__label{color:var(--text-soft);font-size:.78rem;font-weight:700;display:block}.summary-card__metric{align-items:baseline;gap:8px;margin:2px 0 1px;display:flex}.summary-card__unit{color:var(--card-accent);font-size:clamp(.9rem,1.2vw,1.05rem);font-weight:700}.summary-card__value{color:var(--text-main);margin:0;font-size:clamp(1.18rem,1.6vw,1.55rem);line-height:1;display:block}.summary-card__detail{color:var(--text-soft);font-size:.76rem}.overview-grid,.detail-grid,.activity-grid{gap:14px;display:grid}.overview-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.95fr)}.detail-grid{grid-template-columns:minmax(0,1.28fr) minmax(320px,.92fr)}.activity-grid{grid-template-columns:minmax(0,1.42fr) minmax(300px,.88fr)}.panel__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.panel__tag{color:var(--text-soft);background:#ffffff0a;border:1px solid #ffffff14;padding:6px 10px}.trend-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:8px;display:grid}.trend-bars__item{flex-direction:column;align-items:center;gap:6px;display:flex}.trend-bars__track{background:linear-gradient(#ffffff0a,#ffffff03);border:1px solid #ffffff0f;border-radius:14px;align-items:flex-end;width:100%;height:160px;padding:6px;display:flex}.trend-bars__fill{transform-origin:bottom;background:linear-gradient(#e8784b61,#e8784bfa);border-radius:10px;width:100%;min-height:22px;animation:.9s cubic-bezier(.16,1,.3,1) both grow-bar;box-shadow:0 18px 32px #e8784b2e}.trend-bars--compact .trend-bars__track{height:118px}.trend-bars__item strong,.distribution-table__model strong,.health-item__main strong,.action-card__meta strong{color:var(--text-main)}.stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.stat-strip div,.pulse-metric,.action-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;padding:16px}.stat-strip strong,.pulse-metric strong{color:var(--text-main);margin-top:8px;font-size:1.2rem;display:block}.pulse-panel__body{grid-template-columns:minmax(220px,240px) minmax(0,1fr);align-items:center;gap:22px;display:grid}.pulse-gauge{aspect-ratio:1;border-radius:50%;place-items:center;width:min(100%,220px);margin:0 auto;padding:16px;display:grid;box-shadow:inset 0 0 32px #ffffff0a,0 24px 40px #0000003d}.pulse-gauge__core{background:radial-gradient(circle at top,#18b7a029,#060c14f0 70%);border:1px solid #ffffff0f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;display:flex}.pulse-gauge__core strong{color:var(--text-main);font-size:2rem}.pulse-gauge__core span{color:var(--text-soft);font-size:.9rem}.pulse-metrics{gap:12px;display:grid}.pulse-metric{gap:10px;display:grid}.pulse-metric small,.distribution-table__model small,.health-item__main small,.action-card p,.activity-table__row span,.distribution-table__row span,.health-item__meta span{color:var(--text-soft)}.distribution-table{display:grid}.distribution-table__head,.distribution-table__row{grid-template-columns:minmax(180px,1.4fr) 110px 110px minmax(140px,1fr);align-items:center;gap:16px;display:grid}.distribution-table__head{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;padding-bottom:14px;font-size:.8rem}.distribution-table__row{border-top:1px solid #ffffff0f;padding:18px 0}.distribution-table__model{gap:4px;display:grid}.distribution-table__bar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.distribution-table__track,.health-item__track{background:#ffffff14;border-radius:999px;width:100%;height:9px;overflow:hidden}.distribution-table__fill{border-radius:inherit;background:linear-gradient(90deg,#e8784b8c,#e8784b);height:100%;display:block}.health-list,.action-list{gap:14px;display:grid}.health-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;padding:16px}.health-item__main,.health-item__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.health-item__main{margin-bottom:10px}.health-item__main div,.action-card__meta{gap:4px;display:grid}.health-item__meta{margin-bottom:12px;font-size:.9rem}.health-item__fill{border-radius:inherit;background:linear-gradient(90deg,#e8784b73,#e8784b);height:100%}.health-badge{padding:7px 12px}.health-badge--ok,.status-chip--ok{color:var(--accent-emerald);background:#e8784b1f;border:1px solid #e8784b3d}.health-badge--info,.status-chip--info{color:var(--accent-amber);background:#f0a8471f;border:1px solid #f0a8473d}.health-badge--warn,.status-chip--warn{color:var(--accent-gold);background:#f0b3481f;border:1px solid #f0b3483d}.activity-table{display:grid}.activity-table__head,.activity-table__row{grid-template-columns:72px 120px minmax(180px,1fr) 130px 90px 90px;align-items:center;gap:14px;display:grid}.activity-table__head{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;padding-bottom:14px;font-size:.8rem}.activity-table__row{border-top:1px solid #ffffff0f;padding:16px 0}.activity-table__endpoint{color:var(--text-main)!important}.status-chip{width:fit-content;padding:7px 10px}.action-card{position:relative;overflow:hidden}.action-card:after{content:"";background:radial-gradient(circle,#e8784b1f,#0000 72%);border-radius:50%;width:120px;height:120px;position:absolute;inset:auto -48px -60px auto}.action-card>*{z-index:1;position:relative}.action-card__meta{margin-bottom:12px}.summary-card:nth-child(2){animation-delay:60ms}.summary-card:nth-child(3){animation-delay:.12s}.summary-card:nth-child(4){animation-delay:.18s}.summary-card:nth-child(5){animation-delay:.24s}.summary-card:nth-child(6){animation-delay:.3s}@keyframes rise-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes grow-bar{0%{transform:scaleY(.12)}to{transform:scaleY(1)}}@media (width<=1440px){.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1180px){.dashboard-shell{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}.sidebar__nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel,.access-panel,.compact-grid,.compact-grid--wide,.overview-grid,.detail-grid,.activity-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.login-screen{padding:32px 20px 22px}.login-card{transform:none}.login-form__footer,.login-screen__footer{flex-direction:column}.login-form button{align-self:flex-start}.dashboard-shell{gap:12px;padding:12px}.topbar{flex-direction:column}.topbar__controls{justify-content:flex-start}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.api-key-form__row,.mini-stat-row,.savings-comparison{flex-direction:column}.secret-copy-row,.pulse-panel__body{grid-template-columns:1fr}.distribution-table__head,.distribution-table__row,.activity-table__head,.activity-table__row{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-table__head span:nth-child(5),.activity-table__head span:nth-child(6),.activity-table__row span:nth-child(5),.activity-table__row span:nth-child(6){justify-self:start}}.period-picker{position:relative}.period-trigger{border:1px solid var(--border-soft);height:34px;color:var(--text-soft);cursor:pointer;white-space:nowrap;background:#26232099;border-radius:10px;align-items:center;gap:7px;padding:0 13px;font-size:.79rem;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.period-trigger:hover,.period-trigger--open{color:var(--text-main);border-color:#e8784b66}.period-chevron{opacity:.6;transition:transform .18s}.period-chevron--up{transform:rotate(180deg)}.period-dropdown{z-index:9999;background:#1c1a18;border:1px solid #e8784b2e;border-radius:14px;min-width:340px;animation:.16s dropdownFade;position:fixed;overflow:hidden;box-shadow:0 12px 40px #000000b3,0 0 0 1px #ffffff0a}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.period-presets-grid{grid-template-columns:1fr 1fr;gap:4px;padding:10px;display:grid}.period-preset-btn{color:var(--text-soft);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 14px;font-size:.81rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.period-preset-btn:hover{color:var(--text-main);background:#e8784b1a}.period-preset-btn--active{color:var(--accent-orange);background:#e8784b29;border-color:#e8784b59;font-weight:600}.period-custom-range{border-top:1px solid #ffffff0f;align-items:flex-end;gap:10px;padding:12px 14px;display:flex}.period-custom-range__inputs{flex:1;align-items:flex-end;gap:8px;display:flex}.period-date-field{flex-direction:column;flex:1;gap:4px;display:flex}.period-date-field__label{color:var(--text-soft);white-space:nowrap;font-size:.7rem;font-weight:500}.period-date-field__input{border:1px solid var(--border-soft);height:32px;color:var(--text-main);cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#262320cc;border-radius:8px;width:100%;padding:0 9px;font-size:.78rem;transition:border-color .15s}.period-date-field__input:focus{border-color:#e8784b66;outline:none}.period-apply-btn{height:32px;color:var(--accent-orange);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#e8784b33,#e8784b14);border:1px solid #e8784b59;border-radius:8px;padding:0 16px;font-size:.79rem;font-weight:600;transition:background .15s,opacity .15s}.period-apply-btn:hover:not(:disabled){background:linear-gradient(135deg,#e8784b52,#e8784b26)}.period-apply-btn:disabled{opacity:.38;cursor:not-allowed}.trend-bars--dense{gap:3px}.trend-bars--dense .trend-bars__item strong,.trend-bars--dense .trend-bars__item small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.55rem;overflow:hidden}.apikeys-page{flex-direction:column;gap:14px;animation:.74s cubic-bezier(.16,1,.3,1) both rise-up;display:flex}.apikeys-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.apikeys-search{flex:220px;align-items:center;gap:8px;min-width:220px;max-width:280px;display:flex;position:relative}.apikeys-search svg{color:var(--text-dim);pointer-events:none;position:absolute;left:12px}.apikeys-search input{border:1px solid var(--border-soft);width:100%;height:40px;color:var(--text-main);background:#262320b3;border-radius:12px;outline:none;padding:0 14px 0 38px;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.apikeys-search input::placeholder{color:var(--text-dim)}.apikeys-search input:focus{border-color:#e8784b80;box-shadow:0 0 0 3px #e8784b17}.apikeys-select{border:1px solid var(--border-soft);height:40px;color:var(--text-main);font:inherit;appearance:none;cursor:pointer;background:#262320b3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236e5c52' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 10px center no-repeat;border-radius:12px;outline:none;padding:0 32px 0 14px;font-size:.88rem;transition:border-color .2s}.apikeys-select:focus{border-color:#e8784b80}.apikeys-btn-ghost{border:1px solid var(--border-soft);width:40px;height:40px;color:var(--text-soft);background:#262320b3;border-radius:12px;place-items:center;transition:border-color .2s,color .2s;display:grid}.apikeys-btn-ghost:hover{color:var(--accent-orange);border-color:#e8784b66}.apikeys-btn-primary{color:#1a1312;white-space:nowrap;background:linear-gradient(135deg,#e8784b,#d4622b);border-radius:12px;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:.88rem;font-weight:700;transition:opacity .2s,transform .2s;display:inline-flex;box-shadow:0 8px 24px #e8784b38}.apikeys-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.apikeys-table-wrap{border:1px solid var(--border-soft);box-shadow:var(--shadow-lg);background:linear-gradient(#262320f5,#1a1918eb);border-radius:20px;overflow:hidden}.apikeys-table{border-collapse:collapse;width:100%}.apikeys-table thead tr{border-bottom:1px solid var(--border-soft)}.apikeys-table th{text-align:left;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;padding:13px 18px;font-size:.75rem;font-weight:700}.apikeys-table td{padding:0}.apikeys-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:80px 20px;display:flex}.apikeys-empty__icon{border:1px solid var(--border-soft);width:62px;height:62px;color:var(--text-dim);background:#e8784b0f;border-radius:18px;place-items:center;margin-bottom:6px;display:grid}.apikeys-empty strong{color:var(--text-main);font-size:1.05rem}.apikeys-empty p{color:var(--text-soft);max-width:320px;font-size:.9rem}.apikeys-empty .apikeys-btn-primary{margin-top:8px}.agents-page{flex-direction:column;gap:14px;animation:.72s cubic-bezier(.16,1,.3,1) both rise-up;display:flex}.agents-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.agents-stat{border:1px solid var(--border-soft);background:linear-gradient(#262320f5,#1a1918eb);border-radius:18px;padding:16px}.agents-stat span{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.agents-stat strong{color:var(--text-main);font-size:clamp(1.3rem,2vw,1.8rem);display:block}.agents-stat--accent{background:linear-gradient(160deg,#e8784b1a,#1a1918f0);border-color:#e8784b4d}.agents-stat--accent strong{color:var(--accent-orange)}.agents-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.agents-header__hint{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.agent-create-row{background:#e8784b0a;border:1px dashed #e8784b5c;border-radius:16px;align-items:center;gap:10px;padding:14px 16px;display:flex}.agent-create-input{height:40px;color:var(--text-main);font:inherit;background:#262320cc;border:1px solid #e8784b4d;border-radius:12px;outline:none;flex:1;padding:0 14px;font-size:.9rem}.agent-create-input:focus{border-color:#e8784b99;box-shadow:0 0 0 3px #e8784b17}.agents-list{border:1px solid var(--border-soft);box-shadow:var(--shadow-lg);background:linear-gradient(#262320f5,#1a1918eb);border-radius:20px;overflow:hidden}.agent-row{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(150px,1.4fr) minmax(150px,1.2fr) minmax(110px,.8fr) 80px 80px minmax(130px,.9fr) 90px 80px;align-items:center;gap:12px;padding:14px 18px;transition:background .18s;display:grid}.agent-row:last-child{border-bottom:0}.agent-row:not(.agent-row--head):hover{background:#e8784b08}.agent-row--head{background:#ffffff05;padding:11px 18px}.agent-row--head span{color:var(--text-dim);letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;font-weight:700}.agent-row--paused{opacity:.55}.agent-name{align-items:center;gap:10px;display:flex}.agent-avatar{width:32px;height:32px;color:var(--accent-orange);text-transform:uppercase;background:linear-gradient(135deg,#e8784b47,#d4622b2e);border:1px solid #e8784b3d;border-radius:10px;flex:none;place-items:center;font-size:.9rem;font-weight:800;display:grid}.agent-name strong{color:var(--text-main);font-size:.92rem}.agent-key-cell{align-items:center;gap:8px;display:flex}.agent-key-cell code{color:var(--text-soft);border:1px solid var(--border-soft);background:#ffffff0a;border-radius:7px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem}.agent-copy-btn{border:1px solid var(--border-soft);width:26px;height:26px;color:var(--text-dim);background:#ffffff0a;border-radius:7px;place-items:center;font-size:.8rem;transition:border-color .2s,color .2s;display:grid}.agent-copy-btn:hover{color:var(--accent-orange);border-color:#e8784b66}.agent-usage-cell{gap:5px;display:grid}.agent-usage-cell span{color:var(--text-main);font-size:.9rem;font-weight:600}.agent-mini-bar{background:#ffffff12;border-radius:999px;height:4px;overflow:hidden}.agent-mini-bar div{border-radius:inherit;background:linear-gradient(90deg, #e8784b99, var(--accent-orange));height:100%;transition:width .4s}.agent-cell{color:var(--text-main);font-size:.9rem}.agent-cell--cost{color:var(--accent-orange);font-weight:700}.agent-cell--dim{color:var(--text-dim);font-size:.82rem}.agent-status{border-radius:999px;align-items:center;width:fit-content;height:26px;padding:0 10px;font-size:.76rem;font-weight:700;display:inline-flex}.agent-status--active{color:var(--accent-orange);background:#e8784b1f;border:1px solid #e8784b3d}.agent-status--paused{color:var(--text-dim);border:1px solid var(--border-soft);background:#ffffff0d}.agent-actions{align-items:center;gap:6px;display:flex}.agent-action-btn{border:1px solid var(--border-soft);width:30px;height:30px;color:var(--text-dim);background:#ffffff08;border-radius:9px;place-items:center;transition:border-color .2s,color .2s,background .2s;display:grid}.agent-action-btn:hover{color:var(--accent-orange);background:#e8784b0f;border-color:#e8784b66}.agent-action-btn--danger:hover{color:#e05a40;background:#dc503c14;border-color:#dc503c80}@media (width<=1100px){.agents-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.agent-row{grid-template-columns:1fr 1fr;gap:8px}.agent-row--head{display:none}}@media (width<=640px){.sidebar,.panel,.summary-card{border-radius:22px}.sidebar{padding:18px}.sidebar__nav,.summary-grid,.stat-strip{grid-template-columns:1fr}.trend-bars{gap:10px}.trend-bars__track{height:180px}.distribution-table__head,.activity-table__head{display:none}.distribution-table__row,.activity-table__row{grid-template-columns:1fr;gap:8px;padding:14px 0}.health-item__main,.health-item__meta,.panel__header{flex-direction:column;align-items:flex-start}}