.app-shell{--super-kpi-border: rgba(244, 199, 109, .24);--super-kpi-metal: linear-gradient(135deg, #ffefbe 0%, #f8cb73 38%, #fff7dd 56%, #c88926 100%);min-height:100vh;display:flex;flex-direction:column}.super-kpi-band{position:relative;overflow:hidden;padding:1.25rem 1.5rem 1.45rem;background:radial-gradient(circle at 18% 22%,rgba(255,222,151,.2),transparent 28%),radial-gradient(circle at 84% -10%,rgba(96,165,250,.3),transparent 34%),linear-gradient(125deg,#040c1cfa,#0a172cf5 54%,#183054f5);border-bottom:1px solid var(--super-kpi-border);box-shadow:inset 0 -1px #ffffff0a,0 28px 65px #02061747}.super-kpi-band:before,.super-kpi-band:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.super-kpi-band:before{width:16rem;height:16rem;top:-9rem;right:-5rem;background:radial-gradient(circle,rgba(255,239,190,.22),transparent 68%)}.super-kpi-band:after{width:18rem;height:18rem;bottom:-12rem;left:-6rem;background:radial-gradient(circle,rgba(96,165,250,.14),transparent 70%)}.super-kpi-band__content{position:relative;z-index:1;display:grid;gap:.65rem}.super-kpi-band__headline{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.super-kpi-band__label{margin:0;font-size:.88rem;letter-spacing:.03em;color:#cbd5f5}.super-kpi-band:not(.super-kpi-band--loading):not(.super-kpi-band--error) .super-kpi-band__label{background:var(--super-kpi-metal);background-clip:text;-webkit-background-clip:text;color:transparent}.super-kpi-band__total{margin:.2rem 0 0;font-size:clamp(2.7rem,7vw,5.35rem);line-height:.92;letter-spacing:-.06em;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 10px 32px rgba(2,6,23,.3)}.super-kpi-band:not(.super-kpi-band--loading):not(.super-kpi-band--error) .super-kpi-band__total{background:var(--super-kpi-metal);background-clip:text;-webkit-background-clip:text;color:transparent}.super-kpi-band__pill{align-self:center;padding:.5rem .95rem;border-radius:999px;border:1px solid rgba(248,223,160,.34);background:#09122575;color:#fff1c8;font-size:.88rem;white-space:nowrap;box-shadow:0 14px 30px #02061733}.super-kpi-band__subcopy{margin:0;max-width:60ch;color:#c3d1e3}.super-kpi-band--loading{border-bottom-color:#94a3b82e}.super-kpi-band--loading .super-kpi-band__label,.super-kpi-band--loading .super-kpi-band__total,.super-kpi-band--loading .super-kpi-band__subcopy,.super-kpi-band--loading .super-kpi-band__pill{color:#94a3b8}.super-kpi-band--loading .super-kpi-band__pill{border-color:#94a3b83d;background:#0f172a57}.super-kpi-band--error{background:radial-gradient(circle at 84% -10%,rgba(148,163,184,.16),transparent 32%),linear-gradient(125deg,#060c19fa,#0b1426f5);border-bottom-color:#94a3b829}.super-kpi-band--error .super-kpi-band__label{color:#cbd5e1}.super-kpi-band--error .super-kpi-band__total{color:#e2e8f0;font-size:clamp(1.95rem,5vw,3rem);letter-spacing:-.03em}.super-kpi-band--error .super-kpi-band__subcopy{color:#94a3b8}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0f172ae0;border-bottom:1px solid rgba(148,163,184,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-bar h1{margin:0}.top-bar nav{display:flex;gap:1rem;margin-top:.5rem}.top-bar a{text-decoration:none;padding:.35rem .75rem;border-radius:6px;color:#94a3b8;background:#94a3b814}.top-bar a.active{background:#1d4ed8;color:#fff}.user-info{display:flex;align-items:center;gap:.75rem}.user-info button{background:transparent;border:1px solid #334155;border-radius:6px;padding:.35rem .8rem;color:#e2e8f0}.content{flex:1;padding:1.5rem}.banner{padding:.75rem 1.5rem;text-align:center;background:#3b82f626;border-bottom:1px solid rgba(59,130,246,.35);color:#bfdbfe}.banner-warning{background:#fbbf241f;border-color:#fbbf2459;color:#facc15}.loading-screen{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#0f172a}.loading-card{background:#0f172aeb;border:1px solid rgba(148,163,184,.3);padding:2rem;border-radius:12px;text-align:center;max-width:420px;box-shadow:0 25px 45px #0f172a80}.permission-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ad9;display:flex;align-items:center;justify-content:center;z-index:1000}.permission-modal__content{background:#0f172af2;border:1px solid rgba(248,113,113,.4);padding:2rem;border-radius:14px;max-width:460px;text-align:center;box-shadow:0 30px 60px #0f172a99}.permission-modal__actions{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem}.permission-modal__actions button{padding:.45rem 1.1rem;border-radius:8px;border:1px solid #334155;background:#1d4ed8;color:#fff}.permission-modal__actions button.secondary{background:transparent;border-color:#64748b}.write-code-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ac7;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.write-code-modal__content{background:#0f172af2;border:1px solid rgba(59,130,246,.35);border-radius:14px;padding:2rem;width:min(420px,100%);box-shadow:0 25px 55px #0f172a99}.write-code-modal__hint{margin:.5rem 0 1.5rem;color:#cbd5f5;font-size:.9rem}.write-code-modal__form{display:flex;flex-direction:column;gap:.75rem}.write-code-modal__form input{font-size:1.1rem;letter-spacing:.2rem;text-transform:uppercase;text-align:center}.write-code-modal__error{background:#f8717126;border:1px solid rgba(248,113,113,.4);color:#fecaca;padding:.5rem .75rem;border-radius:8px;margin:0;font-size:.9rem}.write-code-modal__actions{display:flex;gap:.75rem;justify-content:flex-end}.write-code-modal__actions button{padding:.5rem 1.1rem;border-radius:8px;border:1px solid #334155;background:#1d4ed8;color:#fff}.write-code-modal__actions button.secondary{background:transparent;border-color:#64748b}.progress-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ac7;display:flex;align-items:center;justify-content:center;z-index:1050;padding:1rem}.progress-modal__content{background:#0f172af2;border:1px solid rgba(59,130,246,.35);border-radius:14px;padding:2rem;width:min(420px,100%);box-shadow:0 25px 55px #0f172a99}.login-screen{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#2563eb73,#0f172ae6)}.login-card{background:#0f172ae6;border:1px solid rgba(59,130,246,.3);padding:2rem;border-radius:16px;width:min(420px,90vw);text-align:center;box-shadow:0 30px 60px #0f172a66}.login-card p{color:#cbd5f5}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{margin:0}.form-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-actions{display:flex;justify-content:flex-end;gap:.5rem}@media (max-width: 760px){.super-kpi-band{padding:1.1rem 1rem 1.25rem}.super-kpi-band__headline,.top-bar{flex-direction:column;align-items:flex-start}.super-kpi-band__pill{align-self:flex-start;white-space:normal}.user-info{width:100%;justify-content:space-between;flex-wrap:wrap}.content,.banner,.top-bar{padding-left:1rem;padding-right:1rem}}:root{color-scheme:light dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}body{margin:0;background:#0f172a;color:#e2e8f0}h1,h2,h3,h4,legend{line-height:1.25}h1{font-size:2rem}h2{font-size:1.5rem}legend{font-size:1.25rem}h3{font-size:1.1rem}h4{font-size:1rem}a{color:inherit}button,.button{cursor:pointer;font:inherit;padding:.45rem .9rem;border-radius:8px;border:1px solid #334155;background:#1d4ed8;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;text-decoration:none;transition:background .15s ease,transform .1s ease}button:hover,.button:hover{background:#2563eb}button:focus-visible,.button:focus-visible{outline:2px solid rgba(37,99,235,.75);outline-offset:2px}button.secondary,.button.secondary{background:transparent;color:#cbd5f5;border-color:#64748b}button.secondary:hover,.button.secondary:hover{background:#94a3b829}button.danger,.button.danger{background:#dc2626;border-color:#b91c1c}button.danger:hover,.button.danger:hover{background:#ef4444}button:disabled,.button:disabled,.button[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none}input,select,textarea{font:inherit;padding:.4rem .6rem;border-radius:6px;border:1px solid #1e293b;background:#0f172a;color:#e2e8f0}label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}fieldset{border:1px solid #1e293b;border-radius:8px;padding:1rem;margin-bottom:1rem}legend{padding:0 .4rem;font-weight:600}.table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.9rem}.table-container{width:100%;overflow-x:auto;margin-top:1rem}.table-container .table{margin-top:0;min-width:100%}.table th,.table td{border:1px solid #1e293b;padding:.6rem;text-align:left;overflow-wrap:anywhere}.table th{background:#111c3a;white-space:nowrap;overflow-wrap:normal}.card{background:#0f172ab3;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:1.2rem;margin-bottom:1.5rem;box-shadow:0 20px 45px #0f172a66}.card h2{margin-top:0}.card--centered{grid-column:1 / -1;justify-self:center;width:min(100%,960px)}.card--centered.card--wide{width:min(100%,1100px)}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.actions--center{justify-content:center}.actions.actions--table{justify-content:flex-start}.badge{display:inline-block;padding:.25rem .5rem;border-radius:999px;background:#1e3a8a;font-size:.75rem}.badge.success{background:#22c55e40;color:#bbf7d0}.badge.error{background:#ef444440;color:#fecaca}.error{background:#f8717126;border:1px solid rgba(248,113,113,.5);color:#fecaca;padding:.75rem;border-radius:8px;margin:.75rem 0}.success{background:#4ade801a;border:1px solid rgba(74,222,128,.4);color:#bbf7d0;padding:.75rem;border-radius:8px;margin:.75rem 0}.grid-two-column{display:grid;gap:1rem;width:100%;grid-template-columns:minmax(0,1fr)}.grid-two-column>*:only-child{grid-column:1 / -1;justify-self:center;width:min(100%,960px)}@media (min-width: 900px){.grid-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}}.muted{color:#94a3b8;font-size:.9rem}.plan-meta{display:flex;flex-direction:column;gap:.35rem;margin:.5rem 0 1rem}.plan-meta__item{display:flex;align-items:center;gap:.25rem}.plan-meta code{font-size:.85rem}pre{background:#0b1120;padding:.75rem;border-radius:8px;overflow-x:auto}