:root{--bg:#f5f7fb;--ink:#182032;--muted:#72809a;--primary:#6c5ce7;--line:#e7eaf1;--side:#11182a}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--primary);text-decoration:none}.auth-body{min-height:100vh;background:radial-gradient(circle at 15% 20%,#e9e4ff 0,transparent 28%),radial-gradient(circle at 85% 80%,#dff5ff 0,transparent 30%),#f8f9fc}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:28px}.auth-card{width:min(440px,100%);background:#fff;padding:38px;border:1px solid #edf0f5;border-radius:22px;box-shadow:0 22px 70px rgba(38,45,70,.1)}.auth-logo{margin:auto;width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#7c6cf2,#5644d5);color:#fff;font-weight:800;font-size:25px;box-shadow:0 10px 24px #6c5ce744}.auth-card h1{text-align:center;margin:20px 0 7px;font-size:25px}.auth-card>p{text-align:center;color:var(--muted);margin:0 0 26px}.auth-card label{display:block;font-size:13px;font-weight:650;margin:15px 0 0}.auth-card input{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #dfe3eb;border-radius:10px;font:inherit;outline:none}.auth-card input:focus{border-color:#7969ee;box-shadow:0 0 0 3px #7969ee1b}.auth-card button{width:100%;border:0;border-radius:10px;padding:14px;margin-top:22px;background:linear-gradient(135deg,#7463eb,#5b48d7);color:#fff;font-weight:700;font-size:15px;cursor:pointer}.auth-foot{text-align:center;border-top:1px solid var(--line);margin-top:25px;padding-top:22px;font-size:14px;color:var(--muted)}.flash{padding:12px 14px;border-radius:9px;margin:14px 0;font-size:14px}.flash.error{background:#fff0f1;color:#bb3343}.flash.success{background:#eafaf2;color:#168653}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:var(--side);color:#fff;padding:24px 16px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:20px;font-weight:800;padding:0 9px 25px}.brand span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#6c5ce7}.sidebar nav{flex:1}.sidebar nav small{display:block;color:#68728b;font-size:10px;font-weight:800;letter-spacing:1.4px;margin:24px 12px 8px}.sidebar nav a{display:flex;gap:13px;align-items:center;color:#aab2c7;padding:12px;border-radius:9px;margin:3px 0}.sidebar nav a.active{background:#6c5ce7;color:#fff}.sidebar nav a.disabled{opacity:.5}.side-user{border-top:1px solid #273048;padding:18px 6px 0;display:flex;gap:11px;align-items:center}.avatar{width:38px;height:38px;border-radius:11px;background:#282f48;display:grid;place-items:center;font-weight:800}.side-user b,.side-user small{display:block}.side-user b{font-size:13px}.side-user small{color:#79839b;margin-top:3px}.main{margin-left:252px;min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.menu{display:none;border:0;background:none;font-size:22px}.logout{font-size:14px;color:#65708a}.content{padding:32px}.welcome{background:linear-gradient(125deg,#171d34,#292453);color:#fff;border-radius:18px;padding:31px 34px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 15px 40px #21264a26}.welcome span{font-size:10px;letter-spacing:1.5px;color:#9f94f5;font-weight:800}.welcome h1{margin:8px 0;font-size:27px}.welcome p{margin:0;color:#adb4cc}.date{background:#ffffff12;border:1px solid #ffffff1c;border-radius:10px;padding:11px 15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.stats article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;gap:15px;align-items:center}.stat-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;font-weight:800}.purple{background:#eeeaff;color:#6551dc}.green{background:#e4f8ef;color:#1b9a65}.blue{background:#e5f4ff;color:#258bc5}.stats small,.stats strong{display:block}.stats small{font-size:10px;color:#929aae;letter-spacing:.7px}.stats strong{margin-top:5px}.empty{min-height:310px;background:#fff;border:1px dashed #d9ddea;border-radius:16px;display:grid;place-content:center;text-align:center;padding:30px}.empty-icon{margin:auto;width:55px;height:55px;border-radius:16px;background:#f0edff;color:#6c5ce7;display:grid;place-items:center;font-size:25px}.empty h2{margin:17px 0 7px;font-size:19px}.empty p{color:var(--muted);margin:0}@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:none}.main{margin-left:0}.menu{display:block}.content{padding:18px}.stats{grid-template-columns:1fr}.welcome{align-items:flex-start}.date{display:none}.auth-card{padding:28px 22px}}