:root{--background:#050708;--surface:#0b0f12;--surface-soft:#10161b;--surface-raised:#151d23;--ink:#f7f3e9;--text:#f7f3e9;--muted:#929da8;--line:#e6be5221;--blue:#54b9d6;--cyan:#54b9d6;--green:#2ac3a4;--amber:#e3b94d;--gold:#e3b94d;--brand:#e3b94d;--purple:#aa9ad1;--red:#ff7183;--karab-gold:#e3b94d;--karab-gold-soft:#f2d37c;--karab-gold-deep:#9d741d;--karab-obsidian:#050708;--karab-panel:#0b0f12;--karab-panel-raised:#111820;--karab-border:#e6be5224;--karab-border-strong:#e6be5247;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--shadow:0 18px 46px #00000047;--shadow-strong:0 26px 72px #0000006b;--shadow-gold:0 18px 45px #9e6f1221}html{background:var(--karab-obsidian)}body{color:var(--ink);font-family:var(--font-karab), "Nirmala UI", "Segoe UI", ui-sans-serif, system-ui, sans-serif;font-feature-settings:"kern" 1, "liga" 1, "tnum" 1;text-rendering:optimizelegibility;background:radial-gradient(circle at 12% -10%,#e3b94d17,#0000 31rem),radial-gradient(circle at 92% 4%,#2ac3a40e,#0000 30rem),linear-gradient(#07090a 0%,#050708 42%,#07090b 100%)}button,input,select,textarea{font:inherit}button,a,input,select,textarea,[tabindex]:not([tabindex="-1"]){-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--karab-gold-soft);outline-offset:3px}h1,h2,h3,strong,.metric-label,.eyebrow{letter-spacing:-.018em}.metric-card strong,.income-amount,.wallet-pill,.status-badge,.metric-mini-grid,td,th{font-variant-numeric:tabular-nums}::selection{color:#fffdf7;background:#e3b94d47}*{scrollbar-color:#e3b94d57 #ffffff09;scrollbar-width:thin}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#ffffff06}::-webkit-scrollbar-thumb{background:#e3b94d52 padding-box padding-box;border:2px solid #0000;border-radius:999px}.admin-shell .primary-button,.client-shell .primary-button,.admin-shell .secondary-button,.client-shell .secondary-button,.admin-shell .icon-button,.client-shell .icon-button{border-radius:10px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s,color .16s}.admin-shell .primary-button,.client-shell .primary-button{color:#1b1404;background:linear-gradient(135deg,#edc75e,#d7a82f);border-color:#f2d37ca8;box-shadow:0 12px 28px #9d690a33}.admin-shell .primary-button:hover:not(:disabled),.client-shell .primary-button:hover:not(:disabled){background:linear-gradient(135deg,#f4d77e,#e6b941);transform:translateY(-1px);box-shadow:0 16px 34px #9d690a45}.admin-shell .secondary-button,.client-shell .secondary-button,.admin-shell .icon-button,.client-shell .icon-button{color:#d9dee2;background:#ffffff09;border-color:#e6be5229}.admin-shell .secondary-button:hover:not(:disabled),.client-shell .secondary-button:hover:not(:disabled),.admin-shell .icon-button:hover:not(:disabled),.client-shell .icon-button:hover:not(:disabled){color:#fff8e5;background:#e6be5214;border-color:#e6be5257}.admin-shell input,.admin-shell select,.admin-shell textarea,.client-shell input,.client-shell select,.client-shell textarea{color:#f4f4ef;background:#05080abd;border-color:#ffffff1a;border-radius:10px;transition:border-color .16s,box-shadow .16s,background .16s}.admin-shell input:focus,.admin-shell select:focus,.admin-shell textarea:focus,.client-shell input:focus,.client-shell select:focus,.client-shell textarea:focus{background:#080c0ef0;border-color:#e6be527a;box-shadow:0 0 0 3px #e6be5217}.admin-shell .table-panel,.admin-shell .purchase-panel,.admin-shell .claim-form,.client-shell .table-panel,.client-shell .purchase-panel,.client-shell .claim-form,.admin-shell .metric-card,.client-shell .metric-card{border-color:var(--karab-border);border-radius:var(--radius-md);box-shadow:var(--shadow);background:linear-gradient(145deg,#ffffff09,#0000 46%),#0c1115f0}.admin-shell .table-panel:before,.admin-shell .purchase-panel:before,.client-shell .table-panel:before,.client-shell .purchase-panel:before{background:linear-gradient(90deg,#0000,#f2d37cc7,#0000);height:1px}.admin-shell .eyebrow,.client-shell .eyebrow{color:var(--karab-gold-soft);letter-spacing:.09em;font-size:10px;font-weight:760}.admin-shell .muted-line,.client-shell .muted-line,.admin-shell .metric-detail,.client-shell .metric-detail{color:var(--muted);font-weight:520}@media (max-width:640px){.admin-shell .primary-button,.client-shell .primary-button,.admin-shell .secondary-button,.client-shell .secondary-button,.admin-shell .icon-button,.client-shell .icon-button{min-height:44px}}@media (prefers-reduced-motion:reduce){.admin-shell *,.admin-shell :before,.admin-shell :after,.client-shell *,.client-shell :before,.client-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.admin-shell,.client-shell{background:radial-gradient(circle at 78% -14%,#e3b94d11,#0000 34rem),#060809;min-height:100vh}.admin-shell .topbar,.client-shell .topbar{-webkit-backdrop-filter:blur(20px)saturate(120%);backdrop-filter:blur(20px)saturate(120%);background:#06090adb;border-bottom-color:#e6be521f;min-height:64px;padding-block:10px;box-shadow:0 10px 34px #0003}.admin-shell .brand,.client-shell .brand{color:#f8f5ed;letter-spacing:.015em;font-weight:780}.admin-shell .krb-logo-mark,.client-shell .krb-logo-mark{background:radial-gradient(circle at 48% 42%,#e6be521f,#0000 62%),#0d0b05;border-color:#e6be526b;box-shadow:inset 0 0 18px #e6be5217,0 8px 22px #00000040}.admin-shell .content,.client-shell .content{width:min(1500px,100%);padding-top:26px}.admin-shell .side-drawer,.client-shell .side-drawer{background:radial-gradient(circle at 10% 0,#e6be5216,#0000 19rem),linear-gradient(#0d1215fa,#06090bfb);border-right-color:#e6be5221;box-shadow:22px 0 60px #00000061}.admin-shell .side-drawer-head,.client-shell .side-drawer-head{border-bottom-color:#e6be521f}.admin-shell .drawer-brand,.client-shell .drawer-brand{color:#f5f2e9;letter-spacing:.04em;font-weight:780}.admin-shell .side-nav,.client-shell .side-nav{gap:5px;padding:14px 3px 20px}.side-nav-section,.side-nav-group{gap:5px;display:grid}.side-nav-section+.side-nav-section,.side-nav-group+.side-nav-group{border-top:1px solid #ffffff0e;margin-top:10px;padding-top:10px}.side-nav-section-label{color:#69747e;letter-spacing:.12em;text-transform:uppercase;padding:0 9px 3px;font-size:9px;font-weight:760}.side-nav-section-links,.side-nav-group-links{gap:5px;display:grid}.admin-shell .side-nav-link,.client-shell .side-nav-link{color:#9ca6ae;background:0 0;border-color:#0000;border-radius:10px;min-height:42px;padding-inline:11px;font-size:12px;font-weight:620}.admin-shell .side-nav-link:hover,.client-shell .side-nav-link:hover{color:#f2eee4;background:#e6be520e;border-color:#e6be521f;transform:translate(2px)}.admin-shell .side-nav-link.active,.client-shell .side-nav-link.active{box-shadow:inset 3px 0 0 var(--karab-gold);color:#fff8e6;background:linear-gradient(90deg,#e6be5221,#e6be5209),#ffffff05;border-color:#e6be5240}.admin-shell .side-nav-link.active svg,.client-shell .side-nav-link.active svg{color:var(--karab-gold-soft)}.topbar-context{gap:2px;min-width:0;display:grid}.topbar-context small,.topbar-context-eyebrow{color:#717d87;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:730}.admin-topbar-context{align-items:baseline;gap:7px;display:flex}.topbar-context-separator{color:#e6be526b}.topbar-context strong,.topbar-context-title{color:#f4f1e9;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:730;overflow:hidden}.topbar-context strong span{color:var(--karab-gold-soft)}.admin-shell .area-pill,.client-shell .area-pill,.admin-shell .wallet-pill,.client-shell .wallet-pill{color:#aeb7bd;background:#ffffff08;border-color:#e6be5224;border-radius:10px}.admin-shell .drawer-backdrop.open,.client-shell .drawer-backdrop.open{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000094}body.app-drawer-open{overflow:hidden}@media (min-width:1024px){.admin-shell{grid-template-columns:236px minmax(0,1fr)}.admin-shell .side-drawer{width:236px;padding:12px 11px}.admin-shell .topbar{min-height:64px;padding-inline:clamp(22px,2.3vw,36px)}.admin-shell .content{padding-inline:clamp(22px,2.3vw,36px)}}@media (max-width:1023px){.admin-shell .side-drawer,.client-shell .side-drawer{width:min(84vw,292px)}.admin-shell .content,.client-shell .content{padding-inline:clamp(15px,4vw,28px)}}@media (max-width:640px){.admin-shell .topbar,.client-shell .topbar{min-height:60px;padding:8px 14px}.admin-shell .content,.client-shell .content{padding:18px 14px 38px}.topbar-context small,.topbar-context-eyebrow,.topbar-context-separator{display:none}}