:root{--bg:#f7f9fb;--panel:#ffffff;--ink:#102028;--muted:#5b6b76;--line:#d7dee4;--brand:#0f6b5c;--brand-ink:#ffffff;--danger:#9f1d32;--warn:#8a5a00;--ok:#146c43;--sidebar:#163240;--sidebar-ink:#e8eef2;--focus:#0b57d0;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;padding:8px;z-index:100}.skip-link:focus{left:8px}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--sidebar);color:var(--sidebar-ink);padding:20px 12px}.sidebar .brand{font-weight:700;margin:0 12px 16px}.sidebar nav{display:grid;grid-gap:4px;gap:4px}.sidebar nav a{display:block;padding:8px 12px;border-radius:8px}.sidebar nav a:hover,.sidebar nav a[aria-current=page]{background:#244657}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);background:var(--panel)}.topbar h1{margin:0;font-size:20px}.content{padding:24px}.cards,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.link-card:hover{border-color:var(--brand)}.btn{border:0;border-radius:8px;padding:8px 12px;background:var(--brand);color:var(--brand-ink);cursor:pointer}.btn.secondary{background:#e8eef0;color:var(--ink)}.btn:disabled{opacity:.6;cursor:not-allowed}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:capitalize}.badge:before{content:"";width:8px;height:8px;border-radius:99px;background:currentColor}.status-available,.status-succeeded,.status-success{color:var(--ok)}.status-failed,.status-payment-failed{color:var(--danger)}.status-pending,.status-processing,.status-review{color:var(--warn)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filters input,.filters select,.form input,.form select,.form textarea{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;width:100%}.form{display:grid;grid-gap:12px;gap:12px;max-width:480px}.table-wrap{overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:640px}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-size:14px}th{background:#eef2f5;font-weight:600}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:#fff;padding:24px;border-radius:12px;border:1px solid var(--line);display:grid;grid-gap:12px;gap:12px}.error{color:var(--danger)}.empty-state,.error-state,.skeleton{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.skeleton-row{height:14px;background:#e8eef0;border-radius:6px;margin-bottom:8px}.account-switcher{display:grid;grid-gap:8px;gap:8px;margin:0 8px 16px}.account-switcher select{border-radius:8px;border:1px solid #35586a;background:#1c3944;color:#fff;padding:8px}.promo{display:inline-block;margin-top:8px;font-size:12px;color:var(--brand);font-weight:600}.section{margin-bottom:24px}.section h2{margin:0 0 12px;font-size:18px}.landing{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}@media (max-width:960px){.shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{flex-wrap:wrap;gap:8px}table{min-width:0}.mobile-cards{display:grid;grid-gap:12px;gap:12px}.desktop-table{display:none}}@media (min-width:961px){.mobile-cards{display:none}}