:root{font-family:ui-sans-serif,system-ui,sans-serif;color:#eef1f4;background:#0d0f12}*{box-sizing:border-box}body{margin:0}.app{min-height:100dvh;display:grid;grid-template-columns:238px 1fr;background:#0d0f12}aside{border-right:1px solid #282c32;padding:22px 14px;display:flex;flex-direction:column}.brand{letter-spacing:.08em;font-size:15px}.brand b{color:#e52b45}.brand small{display:block;color:#808994;font-size:10px;margin-top:6px}nav{margin-top:36px;display:grid;gap:4px}button{font:inherit}.app button{border:0;background:transparent;color:#aeb6bf;padding:10px 11px;display:flex;gap:10px;align-items:center;text-align:left;border-radius:7px;cursor:pointer}.app nav button.active,.app nav button:hover{background:#1a1e23;color:#fff}.profile{margin-top:auto;border-top:1px solid #282c32;padding-top:14px;color:#98a2ad;font-size:12px}.profile span{display:block;overflow:hidden;text-overflow:ellipsis;margin:0 8px 8px}.content{padding:44px clamp(22px,5vw,72px);max-width:1500px;width:100%}header{margin-bottom:28px}h1{margin:5px 0 0;font-size:30px;letter-spacing:-.04em}.eyebrow{font:700 11px ui-monospace,monospace;letter-spacing:.08em;color:#e52b45;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metrics article,.bridge,.table{border:1px solid #2a2f35;background:#13161a;border-radius:9px}.metrics article{padding:17px}.metrics span{color:#929ba5;font-size:13px}.metrics b{display:block;font-size:28px;margin-top:10px}.bridge{display:flex;gap:13px;margin-top:18px;padding:17px;color:#c7cdd4}.bridge p{margin:5px 0 0;color:#929ba5;font-size:13px}.table{overflow:auto}.table table{border-collapse:collapse;width:100%;min-width:680px}.table th,.table td{padding:13px 14px;border-bottom:1px solid #272c32;text-align:left;font-size:13px;white-space:nowrap}.table th{text-transform:uppercase;font:700 10px ui-monospace,monospace;color:#9da6b0;letter-spacing:.05em}.table td{color:#d8dde2}.empty{text-align:center;color:#929ba5;padding:44px!important}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:14px;color:#8e98a3;font-size:13px}.pager button{background:#20252b;color:#e9edf1;padding:8px 12px;border-radius:6px}.pager button:disabled{opacity:.35;cursor:not-allowed}.search{margin-top:18px;background:#15191d;border:1px solid #323840;color:#f1f3f5;padding:10px 12px;border-radius:6px;width:min(360px,100%)}.login{min-height:100dvh;display:grid;place-items:center;padding:20px}.login section{width:min(430px,100%);border:1px solid #30353b;background:#13161a;padding:32px;border-radius:10px}.login h1{font-size:34px}.login p{color:#99a3ad}.login form{display:grid;gap:15px;margin-top:28px}.login label{display:grid;gap:7px;font-size:13px;color:#b7c0c9}.login input{background:#0d0f12;border:1px solid #343a42;border-radius:6px;padding:11px;color:#fff}.login button{background:#e52b45;color:#fff;border:0;border-radius:6px;padding:12px;font-weight:700;cursor:pointer}.center,.skeleton{padding:45px;color:#9fa8b2}.error{color:#ff7a8b}.box{padding:18px;border:1px solid #71303b;background:#24151a}@media(max-width:800px){.app{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #282c32;padding:14px}nav{margin-top:16px;display:flex;overflow:auto}.profile{display:none}.content{padding:28px 16px}.metrics{grid-template-columns:repeat(2,1fr)}}