:root{--sidebar: #242730;--sidebar-2: #1c1f27;--topbar: #2c303a;--canvas: #f3f5f8;--card: #ffffff;--ink: #1b2330;--muted: #6d7585;--line: #e6ebf1;--pink: #ff2f86;--pink-dark: #e11d74;--green: #16a34a;--green-soft: #eefbf3;--mint: #d8f5e4;--blue: #3b82f6;--rose: #f43f5e;--amber: #e8a317;--amber-soft: #fff6df;--gold: #f5b942;--shadow: 0 1px 2px rgba(16, 24, 40, .04);--radius: 16px;--sidebar-w: 248px;--topbar-h: 64px;font-family:Inter,Segoe UI,sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) 1fr}.sidebar{background:var(--sidebar);color:#e8eaef;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand-row,.user-row{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 8px}.wordmark{display:flex;align-items:baseline;gap:2px;font-weight:700;letter-spacing:-.03em}.wordmark span:first-child{color:#2f6fed}.wordmark span:last-child{color:#ff4b93}.sidebar .wordmark span:first-child{color:#8eb7ff}.icon-btn{width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:#c5cad3;display:grid;place-items:center}.icon-btn:hover{background:#ffffff0f;color:#fff}.user-row{gap:10px;justify-content:flex-start;padding-top:8px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#3a3f4b;color:#fff;font-weight:700;flex:none}.avatar.gold{background:#f0b429;color:#5a3b00}.who{min-width:0}.who strong,.who small{display:block}.who strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who small{color:var(--gold);font-size:12px;margin-top:2px}.who small.plain{color:#aeb4c0}.nav{display:flex;flex-direction:column;gap:4px;padding:12px;overflow:auto}.nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:10px;color:#d5d8e0;font-size:14px;font-weight:500}.nav a svg{flex:none;opacity:.9}.nav a:hover{background:#ffffff0d;color:#fff}.nav a.active{background:var(--pink);color:#fff}.sidebar-foot{margin-top:auto;padding:16px;color:#8b919e;font-size:12px}.main{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:var(--topbar-h);background:var(--topbar);color:#e7e9ee;display:flex;align-items:center;gap:8px;padding:0 18px;position:sticky;top:0;z-index:5}.crumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#c9ced6;min-width:0}.crumb strong{color:#fff;font-weight:600}.top-spacer{flex:1}.top-actions{display:flex;align-items:center;gap:6px}.balance-pill{display:inline-flex;align-items:center;gap:8px;background:var(--pink);color:#fff;border-radius:999px;padding:8px 12px;font-weight:700;font-size:14px}.menu-toggle{display:none}.canvas{padding:18px;display:flex;flex-direction:column;gap:14px}.hero{display:grid;grid-template-columns:minmax(280px,1.15fr) repeat(4,minmax(120px,1fr));gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.balance-card{padding:16px 18px 14px;background:var(--green-soft);border-color:#d7f3e3}.balance-card .kicker,.open-card .kicker{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em}.kicker-label{display:inline-flex;align-items:center;gap:6px}.amount{margin:8px 0 12px;font-size:34px;line-height:1;font-weight:700;letter-spacing:-.04em}.caption{color:var(--muted);font-size:12px;font-weight:500}.pill-btn{border:0;border-radius:999px;min-height:32px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.pill-btn.green{background:#b7f0cf;color:#137a3a}.pill-btn.amber{background:#ffe08a;color:#8a5a00}.open-card{margin-top:12px;background:var(--amber-soft);border:1px solid #ffe3a8;border-radius:14px;padding:12px 14px}.open-card .amount{font-size:28px;margin:6px 0 0}.hero>.card{height:100%}.ring-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px 14px;text-align:center;height:100%}.ring-card strong{font-size:13px;font-weight:600}.ring-card span{color:var(--muted);font-size:12px;display:inline-flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.success{background:var(--green)}.dot.process{background:var(--blue)}.dot.rejected{background:var(--rose)}.dot.pending{background:var(--amber)}.updates{padding:12px 14px}.updates-head,.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.updates-head h2,.section-head h2{margin:0;font-size:14px}.updates-head h2{color:var(--pink);display:flex;align-items:center;gap:8px}.count-pill{background:#ffe4ef;color:var(--pink-dark);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.chip{flex:none;max-width:280px;border:1px solid #d9f5e4;background:#f3fff7;color:#137a3a;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip em{font-style:normal;color:#0f6b34;margin-left:6px}.linkish{color:var(--rose);font-size:13px;font-weight:600}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.action{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-weight:600;font-size:14px}.action:hover{border-color:#d5dbe3}.action-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff}.action-icon.pink{background:var(--pink)}.action-icon.blue{background:var(--blue)}.action-icon.orange{background:#f59e0b}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 16px;border-top:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:12px;font-weight:600;border-top:0}tbody tr:hover{background:#fafbfc}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.01em}.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;background:#eefbf3;color:#15803d}.status.pending,.status.processing,.status.partial{background:#fff6df;color:#92600a}.status.failed,.status.rejected{background:#fff1f2;color:#be123c}.status.success,.status.completed,.status.active{background:#eefbf3;color:#15803d}.empty{padding:28px 16px;color:var(--muted);text-align:center}.page-card{padding:16px}.page-card h1{margin:0 0 4px;font-size:20px}.lead{margin:0 0 16px;color:var(--muted)}.form{display:grid;gap:12px;max-width:520px}label{display:grid;gap:6px;font-size:13px;font-weight:600}input,select{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fff}.primary{min-height:44px;border:0;border-radius:10px;background:var(--pink);color:#fff;font-weight:700;padding:0 16px}.primary:disabled{opacity:.6;cursor:wait}.note{background:var(--amber-soft);border-radius:12px;padding:12px 14px;color:#6b4e00;font-size:14px}.error{color:#be123c;font-size:14px}.packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.pack{padding:14px}.pack strong{display:block;font-size:18px}.notice{position:fixed;right:18px;bottom:18px;width:min(280px,calc(100vw - 36px));background:#1f2430;color:#fff;border-radius:16px;padding:14px;z-index:20;display:grid;gap:4px}.notice b{font-size:14px}.notice span{color:#ff8ab8;font-size:13px}.popover{position:absolute;right:18px;top:58px;width:min(320px,calc(100vw - 36px));background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:10;padding:8px}.popover button,.popover a{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:8px;padding:8px}.popover button:hover,.popover a:hover{background:#f6f7f9}.popover small{display:block;color:var(--muted)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--canvas)}.login-card{width:min(420px,100%);padding:28px}.login-card h1{margin:8px 0;font-size:28px}.backdrop{display:none}@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr}.balance-card{grid-column:1 / -1}}@media(max-width:860px){.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;transform:translate(-100%);transition:transform .16s ease;width:min(84vw,300px)}.sidebar.open{transform:translate(0)}.menu-toggle{display:grid}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#11131873;border:0;z-index:25}.actions{grid-template-columns:1fr}.amount{font-size:28px}.notice{display:none}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}