:root{--bg: #f8fafc;--panel: #ffffff;--border: #e5e7eb;--muted: #64748b;--text: #0f172a;--brand: #0ea5e9;--brand-600: #0284c7;--accent: #22c55e;--danger: #ef4444;--shadow: 0 8px 24px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,Segoe UI,Inter,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(60rem 60rem at -10% -10%,#e0f2fe 0%,transparent 60%),radial-gradient(50rem 50rem at 120% 0%,#fce7f3 0%,transparent 55%),var(--bg)}nav{background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;box-shadow:0 4px 16px #0f172a0a}nav a{text-decoration:none;color:var(--text);padding:6px 10px;border-radius:8px}nav a:hover{background:#e2e8f0}main{padding:clamp(16px,2.5vw,32px);max-width:1024px;margin:0 auto}h1,h2,h3{margin:0 0 10px}p{line-height:1.6}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:16px}.grid{display:grid;gap:16px}.grid-tiles{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--brand);background:var(--brand);color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;transition:transform .08s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}button:hover{transform:translateY(-1px);box-shadow:var(--shadow);background:var(--brand-600);border-color:var(--brand-600)}button:disabled{opacity:.7;cursor:default;transform:none;box-shadow:none}.btn-danger{border-color:var(--danger);background:var(--danger)}.btn-danger:hover{border-color:#dc2626;background:#dc2626}button.tile{background:var(--panel);border:1px solid var(--border);color:var(--text);text-align:left}button.tile:hover{background:#f8fafc;border-color:#d1d5db}input,select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:var(--text);outline:none;transition:border-color .1s ease,box-shadow .1s ease}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0ea5e926}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}thead th{font-weight:600;background:#f1f5f9;padding:12px 10px;border-bottom:1px solid var(--border)}tbody td{padding:12px 10px;border-bottom:1px solid #f1f5f9}tbody tr:last-child td{border-bottom:none}.text-muted{color:var(--muted)}.kicker{font-size:14px;color:var(--muted);margin-bottom:6px}.balance{font-size:28px;font-weight:700}.logo{display:inline-flex;align-items:center}.logo img{display:block;height:40px}section,div[role=region]{border-radius:14px}nav a{position:relative;transition:background .12s ease,color .12s ease}button.tile{transition:transform .1s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}button.tile:hover,button.tile:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#cbd5e1}.card h2,.card h3{padding-bottom:4px}tbody tr:nth-child(odd) td{background:#fafafa}input:disabled{background:#f8fafc;color:#94a3b8}button:focus-visible{outline:none;box-shadow:0 0 0 3px #0ea5e940}main>.card{transition:box-shadow .15s ease,transform .08s ease}main>.card:hover{box-shadow:0 10px 28px #0f172a1a;transform:translateY(-1px)}nav a{position:relative;text-decoration:none;outline:none}nav a:after{content:"";position:absolute;left:10px;right:10px;bottom:-2px;height:2px;background:linear-gradient(90deg,#2563eb,#0ea5e9);transform:scaleX(0);transform-origin:left;transition:transform .18s ease;border-radius:2px}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1)}nav a[aria-current=page]:after{transform:scaleX(1)}