:root{--blue:#0ea5e9;--navy:#0f172a;--muted:#64748b;--line:#e2e8f0;--bg:#f8fafc;--green:#059669}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--navy)}a{color:inherit}.shell{min-height:100vh}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;font-weight:800}.brand img{width:31px;height:31px}.brand small{font-size:12px;color:var(--muted);font-weight:600}.user{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px}.page{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1440px;margin:auto}.nav{padding:25px 16px}.nav a{display:block;padding:11px 14px;margin-bottom:5px;border-radius:10px;text-decoration:none;color:#475569;font-size:14px;font-weight:600}.nav a:hover,.nav a.active{background:#e0f2fe;color:#0369a1}.content{min-width:0;padding:30px}.heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}.heading h1{font-size:28px;margin:0 0 5px}.heading p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(15,23,42,.03)}.metric-label{font-size:13px;color:var(--muted);font-weight:600}.metric{font-size:28px;font-weight:800;margin-top:8px}.metric-note{font-size:12px;color:var(--muted);margin-top:5px}.span-2{grid-column:span 2}.section{margin-top:20px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title h2{font-size:18px;margin:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid #f1f5f9;white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:#f8fafc}td.right,th.right{text-align:right}.badge{display:inline-flex;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:700;background:#f1f5f9;color:#475569}.badge.green{background:#d1fae5;color:#047857}.badge.amber{background:#fef3c7;color:#b45309}.form-card{max-width:480px;margin:7vh auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 20px 50px rgba(15,23,42,.08)}.form-card .brand{justify-content:center;margin-bottom:25px}.form-card h1{text-align:center;font-size:25px;margin:0 0 8px}.intro{text-align:center;color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 24px}.field{margin:15px 0}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.input{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;font:inherit}.input:focus{outline:2px solid #bae6fd;border-color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 16px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer;text-decoration:none}.button.full{width:100%}.button.secondary{background:#fff;color:#334155;border:1px solid #cbd5e1}.notice{padding:12px 14px;border-radius:10px;margin:15px 0;font-size:14px;background:#e0f2fe;color:#075985}.notice.error{background:#ffe4e6;color:#be123c}.help{margin-top:24px;border-top:1px solid var(--line);padding-top:18px;text-align:center;font-size:13px;color:var(--muted)}.help a,.text-link{color:#0284c7;font-weight:700;text-decoration:none}.affiliate-link{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:12px;word-break:break-all;font-size:13px}.mobile-nav{display:none}.empty{padding:30px;text-align:center;color:var(--muted)}@media(max-width:900px){.page{display:block}.nav{display:none}.mobile-nav{display:flex;overflow:auto;gap:7px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line)}.mobile-nav a{white-space:nowrap;padding:8px 11px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:700;color:#475569}.mobile-nav a.active{background:#e0f2fe;color:#0369a1}.content{padding:20px 16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 16px}.user span{display:none}}@media(max-width:540px){.grid{grid-template-columns:1fr}.span-2{grid-column:auto}.heading{display:block}.heading form{margin-top:14px}.metric{font-size:25px}.form-card{margin:0;min-height:100vh;border:0;border-radius:0;padding:28px 20px}.brand small{display:none}}