:root{--ink:#191421;--muted:#756e79;--brand:#b636a7;--line:#ebe7ed;--bg:#f7f5f8}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}.brand{color:var(--brand);letter-spacing:-3px;font-size:30px;font-style:italic;font-weight:900}.eyebrow{color:var(--brand);letter-spacing:.14em;text-transform:uppercase;margin:18px 0 6px;font-size:11px;font-weight:900}h1,h2,p{margin-top:0}h1{margin-bottom:7px;font-size:32px}.muted{color:var(--muted)}.login-shell{background:radial-gradient(circle at top right,#f2ddef,transparent 42%),var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:24px;width:min(450px,100%);padding:42px;box-shadow:0 24px 70px #2817291a}.primary-button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;height:48px;margin-top:22px;font-weight:800}.notice{color:#a32f37;background:#fff0f0;border-radius:9px;margin-top:18px;padding:12px 14px;font-size:13px}.shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#211a25;flex-direction:column;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.admin-tag{color:#d6cbd8;letter-spacing:.16em;background:#ffffff18;border-radius:5px;align-self:flex-start;margin:7px 0 35px;padding:4px 8px;font-size:9px;font-weight:900}nav{gap:7px;display:grid}nav a{color:#cfc5d1;border-radius:9px;padding:12px 14px;font-size:14px;font-weight:700;text-decoration:none}nav a:first-child,nav a:hover{background:var(--brand);color:#fff}aside footer{border-top:1px solid #ffffff20;gap:10px;margin-top:auto;padding-top:18px;display:grid}aside footer span{text-overflow:ellipsis;color:#cabfcd;font-size:11px;overflow:hidden}.sign-out{color:#fff;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:13px;font-weight:800}.content{width:100%;max-width:1500px;padding:42px clamp(24px,4vw,64px) 80px}.content>header{justify-content:space-between;align-items:center;gap:20px;display:flex}.content>header .eyebrow{margin-top:0}.live{color:#357248;background:#f4fbf6;border:1px solid #dcebe0;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:800;display:flex}.live i{background:#38aa5e;border-radius:50%;width:8px;height:8px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:30px 0;display:grid}.metric{border:1px solid var(--line);background:#fff;border-top-width:4px;border-radius:16px;gap:16px;min-height:125px;padding:22px;display:grid;box-shadow:0 4px 16px #1c141e08}.metric span{color:var(--muted);font-size:13px;font-weight:700}.metric strong{font-size:32px}.metric.purple{border-top-color:#b436a5}.metric.blue{border-top-color:#4b79da}.metric.orange{border-top-color:#e28c45}.metric.green{border-top-color:#36a96b}.panel{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:22px;overflow:hidden;box-shadow:0 4px 18px #1c141e08}.panel-title{padding:22px 24px}.panel-title h2{margin-bottom:5px;font-size:18px}.panel-title p{color:var(--muted);margin-bottom:0;font-size:13px}.activity{border-top:1px solid #f1eef2;grid-template-columns:42px minmax(180px,1fr) 100px 110px 110px;align-items:center;gap:14px;padding:15px 24px;display:grid}.avatar{border-radius:10px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:900;display:grid}.avatar.business,.kind.business{color:#3765bc;background:#edf3ff}.avatar.agency,.kind.agency{color:#aa632c;background:#fff1e7}.avatar.affiliate,.kind.affiliate{color:#2c7c4b;background:#eaf8ef}.person{gap:3px;display:grid}.person strong{font-size:14px}.person span,.activity time{color:var(--muted);font-size:12px}.kind,.status{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-self:start;padding:5px 9px;font-size:10px;font-weight:850}.status{color:#665e69;background:#f2eff3}.panel-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;display:flex}.panel-top form{gap:8px;padding-right:24px;display:flex}.panel-top input{border:1px solid #dcd6de;border-radius:9px;outline:none;width:min(300px,28vw);height:42px;padding:0 13px}.panel-top input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #b436a51f}.panel-top button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:0 16px;font-weight:800}.tabs{border-bottom:1px solid var(--line);gap:4px;padding:0 24px;display:flex}.tabs a{color:var(--muted);border-bottom:2px solid #0000;padding:14px 18px 12px;font-size:13px;font-weight:750;text-decoration:none}.tabs a.active{border-color:var(--brand);color:var(--brand)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #f1eef2;padding:15px 24px;font-size:13px}th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#fcfbfc;font-size:10px}td:first-child{gap:3px;display:grid}td:first-child span{color:var(--muted);font-size:12px}.empty{color:var(--muted);text-align:center;padding:38px 24px}.limit{color:var(--muted);margin:0;padding:14px 24px;font-size:11px}@media (max-width:900px){.shell{grid-template-columns:1fr}aside{flex-direction:row;align-items:center;height:auto;padding:15px 20px;position:static}.admin-tag,aside nav{display:none}aside footer{border:0;grid-auto-flow:column;align-items:center;margin:0 0 0 auto;padding:0}.content{padding:26px 18px 60px}.metrics{grid-template-columns:repeat(2,1fr)}.activity{grid-template-columns:42px 1fr auto}.activity .status,.activity time{display:none}.panel-top{flex-direction:column;align-items:stretch}.panel-top form{padding:0 24px 20px}.panel-top input{width:100%}}@media (max-width:560px){.metric{min-height:105px;padding:16px}.metric strong{font-size:25px}.live{display:none}.activity{padding:13px 16px}.tabs{padding:0 10px;overflow:auto}.tabs a{padding-inline:12px}.login-card{padding:28px 22px}aside footer span{display:none}}