:root{--bg:#071013;--panel:#0d191d;--line:#23363b;--text:#f2f7f7;--muted:#8fa2a6;--cyan:#55f2d2;--red:#ff6473}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#123137 0,transparent 35%),var(--bg);color:var(--text);font:15px Inter,system-ui,sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}.admin-header{height:76px;display:flex;align-items:center;gap:35px;padding:0 4%;border-bottom:1px solid var(--line);background:#071013e8;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}
.brand img{width:190px;max-height:54px;object-fit:contain}.admin-header nav{display:flex;gap:8px;flex:1}.admin-header nav a,.admin-header nav span{padding:11px 15px;border-radius:10px}.admin-header nav .active{background:#173035;color:var(--cyan)}.disabled{color:#53666a}
.admin-shell{width:min(1180px,92%);margin:38px auto 80px}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.eyebrow{color:var(--cyan);font-size:11px;letter-spacing:.22em;font-weight:800}.page-heading h1{font-size:42px;margin:6px 0}.muted{color:var(--muted)}
.counter{min-width:120px;padding:18px;text-align:center;border:1px solid var(--line);border-radius:16px;background:#0c181c}.counter strong{display:block;font-size:28px;color:var(--cyan)}.counter span{color:var(--muted)}
.panel,.category-card,.login-card,.empty{background:linear-gradient(145deg,#101f23,#0a1518);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 20px 70px #0005}.panel h2{margin-top:0}
.category-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.category-form label{display:flex;flex-direction:column;gap:8px;color:#b9c7c9;font-size:13px}.category-form .wide{grid-column:1/-1}
input,textarea,select{width:100%;border:1px solid #2d4449;border-radius:10px;background:#071114;color:white;padding:12px 13px;font:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #55f2d21c}.check{display:flex;align-items:center;gap:9px;min-height:43px}.check input{width:auto}
button{border:0;font:inherit;cursor:pointer}.primary,.ghost,.danger{padding:12px 18px;border-radius:10px;font-weight:750}.primary{background:var(--cyan);color:#03110e}.ghost{background:#152428;color:white}.danger{background:#33161b;color:#ff9ba5;margin-top:18px}
.category-list{display:grid;gap:14px;margin-top:20px}.category-card{padding:0;overflow:hidden}.category-card summary{padding:20px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer}.category-card summary strong{display:block;font-size:18px}.category-card summary div>span{color:var(--muted);font-size:12px}.badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.badges>span{padding:6px 9px;border:1px solid var(--line);border-radius:999px}.badges .online{color:var(--cyan)}.badges .offline{color:#ffb45b}.category-body{padding:22px;border-top:1px solid var(--line)}
.alert{padding:13px 16px;border-radius:10px;margin:15px 0}.alert.success{background:#113329;color:#7affda}.alert.error{background:#35171d;color:#ff9ba5}.empty{text-align:center;padding:50px}.empty strong,.empty span{display:block}.empty span{color:var(--muted);margin-top:7px}
.login-page{display:grid;place-items:center;padding:25px}.login-card{width:min(440px,100%);padding:38px}.login-logo{width:240px;max-height:80px;object-fit:contain}.login-card h1{font-size:30px}.stack{display:grid;gap:18px;margin-top:25px}.stack label{display:grid;gap:8px}.back-link{display:block;color:var(--muted);margin-top:24px}
@media(max-width:760px){.admin-header{height:auto;padding:15px;flex-wrap:wrap}.admin-header nav{order:3;width:100%;overflow:auto}.admin-shell{width:94%;margin-top:24px}.category-form{grid-template-columns:1fr}.category-form .wide{grid-column:auto}.category-card summary{align-items:flex-start;flex-direction:column}.badges{justify-content:flex-start}.page-heading h1{font-size:34px}}