:root{color-scheme:dark;--bg:#09090b;--panel:#141417;--panel2:#1a1a1e;--line:#2b2b31;--muted:#93939d;--red:#e60000;--red2:#ff3030;--green:#3ddc84;--orange:#ff9f32;--blue:#55a7ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f5f7;font:14px -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;display:grid;grid-template-columns:238px 1fr;height:100vh;overflow:hidden}aside{background:#0e0e11;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:22px 18px 18px}.brandmark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#ff3434,#9d0000);display:grid;place-items:center;font-size:22px;font-weight:800;box-shadow:0 8px 22px #e6000038}.brand strong{display:block;font-size:14px}.brand span{display:block;color:var(--muted);font-size:11px;margin-top:3px}nav{padding:8px;flex:1}.navitem{width:100%;border:0;background:transparent;color:#c7c7ce;border-radius:9px;padding:10px 12px;text-align:left;margin:2px 0;font:inherit;cursor:pointer}.navitem:hover{background:#ffffff0b}.navitem.active{background:#e600001d;color:#fff}.navitem i{display:inline-block;width:25px;color:var(--red2);font-style:normal}.sync{padding:14px;border-top:1px solid var(--line)}.sync small{display:block;color:var(--muted);line-height:1.35;margin-bottom:10px}.sync button{width:100%;border:0;border-radius:9px;background:var(--red);color:#fff;padding:10px;font-weight:650;cursor:pointer}.sync button:hover{background:#ff1717}main{overflow:auto;padding:30px 32px 48px}.titlebar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.titlebar h1{font-size:30px;margin:0 0 7px;letter-spacing:-.7px}.titlebar p{margin:0;color:var(--muted)}.date{color:var(--muted);font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:18px}.metric,.panel{background:linear-gradient(155deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:15px}.metric{padding:17px}.metric .top{display:flex;justify-content:space-between;align-items:center}.metric .icon{font-size:17px}.metric .value{font-size:31px;font-weight:750;letter-spacing:-1px}.metric .label{color:var(--muted);margin-top:11px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.panel h2{font-size:14px;margin:0;padding:15px 16px;border-bottom:1px solid var(--line)}.empty{height:128px;display:grid;place-items:center;color:var(--muted)}.empty b{display:block;text-align:center;color:var(--green);font-size:23px;margin-bottom:7px}.action{display:flex;gap:12px;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}.action:last-child{border-bottom:0}.action strong{display:block;font-size:13px}.action span{display:block;color:var(--muted);font-size:11px;margin-top:4px;max-width:430px}.badge{align-self:flex-start;color:#ff6a6a;background:#e600001d;border-radius:20px;padding:4px 8px;font-size:10px;white-space:nowrap}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.search{width:280px;background:#16161a;border:1px solid var(--line);border-radius:9px;color:#fff;padding:9px 11px;outline:none}.search:focus{border-color:#e60000}.tablewrap{border:1px solid var(--line);border-radius:13px;overflow:auto;background:var(--panel);max-height:calc(100vh - 155px)}table{border-collapse:collapse;width:max-content;min-width:100%}th{position:sticky;top:0;z-index:2;background:#202026;color:#aaaab4;text-align:left;font-size:11px;padding:11px 13px;border-bottom:1px solid var(--line);min-width:160px}td{padding:11px 13px;border-bottom:1px solid #242429;max-width:250px;min-width:160px;line-height:1.35}tr:hover td{background:#ffffff08}.high{color:#ff5858;font-weight:650}.muted{color:var(--muted)}@media(max-width:1000px){body{grid-template-columns:205px 1fr}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}
