*{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}}.mobileMenuBtn,.closeMenuBtn,.sidebarOverlay{display:none}.sidebarTop{display:block}@media (width<=900px){.app{min-height:100vh;display:block}main{width:100%;max-width:100%;padding:78px 14px 24px!important}.mobileMenuBtn{z-index:4000;color:#fff;background:#8b2cf5;border:0;border-radius:12px;justify-content:center;align-items:center;width:46px;height:42px;font-size:24px;font-weight:900;position:fixed;top:14px;left:14px;box-shadow:0 12px 30px #00000059;display:flex!important}aside{z-index:3500;box-shadow:20px 0 60px #00000073;background:#050509!important;border-right:1px solid #ffffff24!important;width:86%!important;max-width:330px!important;height:100vh!important;padding:18px!important;transition:left .25s!important;position:fixed!important;top:0!important;left:-86%!important;overflow-y:auto!important}aside.open{left:0!important}.sidebarOverlay{z-index:3000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000094;display:block;position:fixed;inset:0}.sidebarTop{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.brand{margin-bottom:0!important}.closeMenuBtn{color:#fff;cursor:pointer;background:#12111a;border:1px solid #ffffff29;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:28px;line-height:1;display:flex!important}aside a,aside button{margin:7px 0;padding:14px;font-size:16px}.cards,.form{grid-template-columns:1fr!important}.form{padding:18px!important}.row{flex-direction:column;align-items:stretch!important;gap:12px!important}.row-actions{grid-template-columns:1fr 1fr;width:100%;gap:8px!important;margin-top:4px!important;display:grid!important}.row-actions button{width:100%}.thumb{width:100%;height:150px}.avatar{width:72px;height:72px}.page-head h1{font-size:28px!important}}