*{box-sizing:border-box}body{color:#fff;background:#08070d;margin:0;font-family:Inter,system-ui,Arial}input,textarea,select,button{font:inherit}a{color:inherit}.app{grid-template-columns:260px 1fr;min-height:100vh;display:grid}aside{background:#050509;border-right:1px solid #ffffff1f;height:100vh;padding:24px;position:sticky;top:0}.brand{align-items:center;gap:10px;margin-bottom:30px;display:flex}.brand img{-o-object-fit:contain;object-fit:contain;width:42px;height:42px}aside a,aside button{color:#cfc6dc;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;width:100%;margin:6px 0;padding:13px 14px;text-decoration:none;display:block}aside a.active,aside a:hover,aside button:hover{color:#fff;background:#8b2cf5}main{width:100%;max-width:1500px;padding:36px}.page-head{margin-bottom:22px}.page-head h1{margin:0 0 6px;font-size:34px}.page-head p{color:#b7adc9;margin:0}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.card,.form,.row,.notice{background:#12111a;border:1px solid #ffffff1f;border-radius:18px;padding:20px}.card{text-decoration:none;transition:all .2s}.card.clickable:hover{border-color:#8b2cf5;transform:translateY(-3px)}.card span{text-transform:capitalize;color:#b7adc9}.card b{margin-top:8px;font-size:40px;display:block}.card small{color:#8b2cf5;font-weight:700}.notice{color:#ded3ff;border-color:#8b2cf573;margin-bottom:16px}.form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.form.narrow{max-width:620px}.form input,.form textarea,.form select,.login input,.uploadBox input{color:#fff;background:#0d0c14;border:1px solid #ffffff2e;border-radius:12px;width:100%;min-height:54px;padding:14px}.form textarea{resize:vertical;min-height:96px}.form button,.row button,.login button{color:#fff;cursor:pointer;background:#8b2cf5;border:0;border-radius:12px;padding:12px 16px;font-weight:800}.form button.ghost,.row button{background:#252232}.row button.danger{background:#5b1b28}.form-actions{align-items:center;gap:10px;display:flex}.uploadBox{gap:8px;display:grid}.uploadBox label{color:#b7adc9;font-weight:800}.imagePreview{-o-object-fit:cover;object-fit:cover;border:1px solid #ffffff24;border-radius:14px;width:160px;height:95px}.avatarPreview{-o-object-fit:cover;object-fit:cover;border:2px solid #8b2cf5;border-radius:50%;width:74px;height:74px}.table{gap:12px;display:grid}.row{align-items:center;gap:16px;display:flex}.row-main{flex:1}.row p{color:#b7adc9;margin:.35rem 0}.row small{color:#8b2cf5}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.thumb{-o-object-fit:cover;object-fit:cover;border:1px solid #ffffff1f;border-radius:12px;width:90px;height:60px}.avatar{-o-object-fit:cover;object-fit:cover;border:2px solid #8b2cf5;border-radius:50%;width:60px;height:60px}.login{background:radial-gradient(circle,#8b2cf540,#0000 40%),#08070d;place-items:center;min-height:100vh;display:grid}.login form{background:#12111a;border:1px solid #ffffff1f;border-radius:24px;gap:14px;width:min(420px,92%);padding:30px;display:grid}.login img{width:90px}.login p{color:#ffb3c0}@media (width<=900px){.app{grid-template-columns:1fr}aside{height:auto;position:static}.cards,.form{grid-template-columns:1fr}.row{align-items:flex-start}.row-actions{margin-top:10px}main{padding:20px}}