:root{--bg:#080d14;--panel:#101824;--panel2:#151f2e;--line:#263449;--text:#f3f7fb;--muted:#8ea0b8;--accent:#4c8dff;--green:#35d07f;--red:#ff5d68}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#132238 0,#080d14 35%);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100vh}.sidebar{position:fixed;left:0;top:0;width:240px;height:100vh;background:#0b111b;border-right:1px solid var(--line);padding:24px 16px}.brand{font-size:22px;font-weight:900;letter-spacing:1px;margin-bottom:28px}.brand span{color:var(--accent)}.sidebar a{display:block;color:#b8c4d6;text-decoration:none;padding:12px 14px;border-radius:10px;margin:6px 0}.sidebar a:hover{background:#162235;color:#fff}.main{margin-left:240px;padding:26px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.top small{color:var(--accent);font-weight:800;letter-spacing:1.5px}.top h1{margin:4px 0 0;font-size:30px}.user{background:var(--panel);border:1px solid var(--line);padding:10px 14px;border-radius:12px}.user span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:20px}.card h3{margin:0 0 8px}.metric{font-size:32px;font-weight:900}.muted{color:var(--muted)}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.action{padding:18px;border:1px solid var(--line);background:#111b29;border-radius:14px;text-decoration:none;color:white}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:min(430px,100%);background:#0f1723;border:1px solid var(--line);border-radius:20px;padding:28px}.login input,.login select{width:100%;padding:13px 14px;margin:8px 0 14px;border:1px solid #2b3b52;background:#0a111b;color:white;border-radius:10px}.btn{width:100%;padding:13px;border:0;border-radius:10px;background:var(--accent);color:white;font-weight:800;cursor:pointer}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px;border-bottom:1px solid var(--line);text-align:left}@media(max-width:900px){.sidebar{width:80px}.sidebar a{font-size:0}.brand{font-size:0}.brand:after{content:'LR';font-size:20px}.main{margin-left:80px}.grid,.actions{grid-template-columns:1fr 1fr}}@media(max-width:600px){.grid,.actions{grid-template-columns:1fr}}