:root{--primary:#006948;--primary-container:#00855d;--primary-fixed:#85f8c4;--on-primary:#fff;--on-primary-fixed-variant:#005137;--secondary:#565e74;--tertiary:#825100;--tertiary-fixed:#ffddb8;--error:#ba1a1a;--error-container:#ffdad6;--surface:#f8f9ff;--surface-lowest:#fff;--surface-low:#eff4ff;--surface-c:#e5eeff;--surface-high:#dce9ff;--on-surface:#0b1c30;--on-surface-variant:#3d4a42;--outline-variant:#bccac0;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 3px #0f172a0a, 0 1px 2px -1px #0f172a08;--shadow-md:0 10px 15px -3px #0f172a0d, 0 4px 6px -4px #0f172a08}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background:linear-gradient(#f8f9ff80, #f8f9ff80), url(/assets/background-DJh42I2i.png) center / cover no-repeat fixed, var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif}h1,h2,h3,.display{font-family:Plus Jakarta Sans,Inter,sans-serif}a{color:inherit;text-decoration:none}.mono{font-variant-numeric:tabular-nums}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-bottom:1px solid #bccac04d;justify-content:space-between;align-items:center;gap:1rem;height:72px;padding:0 2rem;display:flex;position:sticky;top:0}.topbar-brand{align-items:center;gap:.5rem;display:flex}.topbar-logo{background:var(--primary);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-family:Plus Jakarta Sans;font-weight:700;display:grid}.topbar-title{font-family:Plus Jakarta Sans;font-size:18px;font-weight:700}.pill{border-radius:var(--radius-full);background:var(--surface-high);color:var(--primary);letter-spacing:.04em;text-transform:uppercase;border:1px solid #bccac066;padding:2px 10px;font-size:11px;font-weight:700}.topbar-right{align-items:center;gap:.75rem;display:flex}.topbar-user{flex-direction:column;align-items:flex-end;line-height:1.1;display:flex}.topbar-user .name{font-size:13px;font-weight:700}.topbar-user .role{color:var(--on-surface-variant);font-size:12px}.icon-btn{background:var(--surface-low);width:38px;height:38px;color:var(--on-surface-variant);cursor:pointer;border:none;border-radius:10px;place-items:center;transition:all .15s;display:grid}.icon-btn:hover{background:var(--surface-c);color:var(--on-surface)}.content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:2rem}.card{background:var(--surface-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid #bccac059;padding:1.5rem}.card-accent{position:relative;overflow:hidden}.card-accent:before{content:"";background:var(--primary);height:3px;position:absolute;top:0;left:0;right:0}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=980px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.kpi-grid{grid-template-columns:1fr}}.kpi-label{color:var(--on-surface-variant);font-size:12px;font-weight:600}.kpi-value{letter-spacing:-.03em;margin:6px 0 2px;font-family:Plus Jakarta Sans;font-size:30px;font-weight:700}.kpi-sub{color:var(--on-surface-variant);font-size:12px}.kpi-icon{float:right;background:var(--surface-low);width:36px;height:36px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.kpi-icon.amber{background:var(--tertiary-fixed);color:var(--tertiary)}.section-head{align-items:center;gap:.5rem;margin:2rem 0 1rem;display:flex}.section-bar{border-radius:var(--radius-full);background:var(--primary);width:6px;height:24px}.section-head h2{letter-spacing:-.015em;margin:0;font-size:22px}.code-hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.code-box{background:var(--surface-low);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:1rem;min-width:280px;padding:.75rem 1rem;display:flex}.code-text{letter-spacing:2px;color:var(--primary);font-family:Plus Jakarta Sans;font-size:22px;font-weight:700}.btn{cursor:pointer;border-radius:var(--radius-md);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-container)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--surface-low);color:var(--on-surface)}.btn-ghost:hover{background:var(--surface-c)}.btn-danger{background:var(--error-container);color:var(--error)}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-ok{color:var(--on-primary-fixed-variant);background:#85f8c480}.badge-amber{background:var(--tertiary-fixed);color:var(--tertiary)}.badge-muted{background:var(--surface-low);color:var(--secondary)}.tier-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=640px){.tier-grid{grid-template-columns:1fr}}.tier{border-radius:var(--radius-md);background:var(--surface-low);padding:1rem}.tier.active{background:#85f8c44d}.tier .rate{font-family:Plus Jakarta Sans;font-size:24px;font-weight:700}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--on-surface-variant);background:var(--surface-low);padding:12px 16px;font-size:11px}thead th:first-child{border-radius:8px 0 0 8px}thead th:last-child{border-radius:0 8px 8px 0}tbody td{border-bottom:1px solid var(--surface-low);padding:14px 16px;font-size:14px}tbody tr:hover{background:#eff4ff80}.form-row{flex-direction:column;gap:6px;margin-bottom:1rem;display:flex}.form-row label{color:var(--on-surface-variant);font-size:12px;font-weight:600}.input{color:var(--on-surface);background:#fff;border:1px solid #cbd5e1;border-radius:.625rem;padding:.6rem .8rem;font-family:inherit;font-size:14px}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0596691f}.grid-2{grid-template-columns:2fr 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.grid-2{grid-template-columns:1fr}}.muted{color:var(--on-surface-variant)}.empty{text-align:center;color:var(--on-surface-variant);padding:2rem}.stack{flex-direction:column;gap:1rem;display:flex}.row{align-items:center;gap:.75rem;display:flex}.spread{justify-content:space-between;align-items:center;gap:1rem;display:flex}.login-page{background:radial-gradient(1200px 600px at 70% -10%,#85f8c459,#0000);place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-md);background:#fff;border:1px solid #bccac059;padding:2rem}.login-logo{background:var(--primary);color:#fff;border-radius:16px;place-items:center;width:56px;height:56px;margin:0 auto 1rem;font-family:Plus Jakarta Sans;font-size:24px;font-weight:700;display:grid}.login-card h1{text-align:center;margin:0 0 4px;font-size:22px}.login-card .sub{text-align:center;color:var(--on-surface-variant);margin-bottom:1.5rem;font-size:14px}.login-error{background:var(--error-container);color:var(--error);border-radius:.5rem;margin-bottom:1rem;padding:.6rem .8rem;font-size:13px}.login-btn{width:100%;margin-top:.5rem}.toast{background:var(--on-surface);color:#fff;box-shadow:var(--shadow-md);z-index:100;border-radius:10px;padding:.7rem 1.1rem;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{place-items:center;min-height:60vh;display:grid}