:root{--bg:#eaf3ff;--bg-soft:#f4f9ff;--panel:#f6fbffd6;--surface:#ffffffc2;--text:#0b1f3a;--muted:#587096;--line:#0b1f3a1f;--accent:#126bff;--accent-strong:#004fd1;--teal:#00a6c7;--success:#14845d;--warning:#bb6a08;--danger:#c63d4d;--shadow:0 24px 60px #0a2a5c29;--radius-xl:32px;--radius-lg:24px;--radius-md:18px}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);margin:0;font-family:Manrope,Noto Sans SC,PingFang SC,sans-serif}body{background:radial-gradient(circle at 0 0,#126bff33,#0000 30%),radial-gradient(circle at 85% 15%,#00a6c724,#0000 26%),linear-gradient(#f4f9ff 0%,#e4efff 100%)}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f6fbffc2;height:100vh;padding:28px 18px;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 10px 24px;display:flex}.mark{color:#fff;background:linear-gradient(135deg,var(--accent),var(--teal));border-radius:16px;place-items:center;width:46px;height:46px;font-weight:800;display:grid;box-shadow:0 10px 25px #126bff38}.brand small{color:var(--muted);margin-top:3px;display:block}.nav{gap:5px;display:grid}.nav button{text-align:left;color:var(--muted);background:0 0;border:0;border-radius:12px;padding:11px 13px}.nav button:hover,.nav button.active{color:var(--accent-strong);background:#126bff1a;font-weight:700}.main{min-width:0;padding:32px}.top{justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;display:flex}.top h1{margin:0;font-size:28px}.top p{color:var(--muted);margin:5px 0 0}.auth{gap:8px;display:flex}.auth input,.filter{border:1px solid var(--line);background:#ffffffbf;border-radius:12px;padding:10px 12px}.btn{color:#fff;background:linear-gradient(135deg,var(--accent),var(--teal));border:0;border-radius:12px;padding:10px 15px;font-weight:700}.stats{grid-template-columns:repeat(5,minmax(120px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat,.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stat{border-radius:var(--radius-md);padding:17px}.stat span{color:var(--muted);font-size:13px}.stat strong{margin-top:8px;font-size:28px;display:block}.panel{border-radius:var(--radius-lg);padding:20px;overflow:auto}.toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.toolbar h2{margin:0;font-size:18px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:11px;font-weight:600}.table td{border-bottom:1px solid #0b1f3a12;max-width:340px;padding:12px 11px}.badge{color:var(--accent-strong);background:#126bff1a;border-radius:999px;padding:4px 8px;font-size:12px;display:inline-flex}.empty{text-align:center;color:var(--muted);padding:50px}.error{color:var(--danger);background:#c63d4d1a;border-radius:12px;padding:15px}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{grid-template-columns:repeat(3,1fr)}.main{padding:20px}.stats{grid-template-columns:repeat(2,1fr)}.top{flex-direction:column;align-items:flex-start}}