:root{font-family:Inter,Arial,sans-serif;color:#eee;background:#101113}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;background:#bfc2c6;color:#101113;border-radius:7px;padding:11px 16px;font-weight:650}button:disabled{opacity:.5}input,select{display:block;width:100%;padding:11px;background:#191b1e;border:1px solid #505257;border-radius:6px;color:#fff;margin-top:7px}label{text-transform:capitalize;color:#c6c6c6;font-size:13px}.center{min-height:100vh;display:grid;place-content:center;padding:24px}.login{width:min(400px,90vw);padding:32px;background:#1b1d20;border:1px solid #444;border-radius:16px;display:grid;gap:18px}.brand{font-weight:900;letter-spacing:2px;font-size:26px}.brand span{font-size:14px;color:#a8a8a8}.login h1{font-size:24px;margin:0}.login p{color:#aaa;margin:0}.error{color:#ffb4b4!important;background:#442323;padding:12px;border-radius:6px}.shell{display:flex;min-height:100vh}aside{width:240px;background:#191b1d;border-right:1px solid #343639;padding:26px 16px;display:flex;flex-direction:column;gap:10px}aside small{font-size:10px;letter-spacing:2px;color:#999}nav{display:grid;gap:7px;margin-top:32px}nav button,.signout{text-align:left;background:transparent;color:#ccc;font-weight:500}nav .selected{background:#373a3d;color:#fff}.signout{margin-top:auto}main{flex:1;min-width:0;padding:34px;max-width:1400px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}header h1{margin:8px 0;font-size:30px}header small{letter-spacing:2px;color:#999}.pill{border:1px solid #555;border-radius:30px;padding:8px 13px;color:#bbb;font-size:12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.metric,.panel{background:#1c1e21;border:1px solid #35383b;border-radius:12px;padding:22px}.metric small{color:#aaa;display:block;margin-bottom:18px}.metric strong{font-size:25px}.panel{margin-top:20px}.panel h2{font-size:19px;margin:0 0 18px}.panel p{color:#aaa}.record{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;align-items:end}.record button{height:42px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;padding:12px;border-bottom:1px solid #3b3d40;white-space:nowrap}th{color:#aaa;text-transform:capitalize}@media(max-width:650px){.shell{display:block}aside{width:100%;padding:15px}nav{display:flex;overflow-x:auto;margin-top:10px}nav button{white-space:nowrap}.signout{align-self:flex-end}main{padding:20px}header h1{font-size:24px}}