:root{--bg:#09101c;--panel:#111b2d;--panel2:#17243a;--text:#f2f6ff;--muted:#8ea0bd;--line:#263650;--accent:#6d5dfc;--cyan:#21d4c2;--danger:#ff5d72;--shadow:0 18px 55px #02050b55;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#192b4a 0,transparent 35%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.app aside{position:fixed;inset:0 auto 0 0;width:230px;padding:26px 18px;background:#0c1423e8;border-right:1px solid var(--line);backdrop-filter:blur(16px);display:flex;flex-direction:column;z-index:5}.logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px;padding:0 8px 28px}.logo b,.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--accent),#b34cff);box-shadow:0 10px 30px #6d5dfc66}.app nav{display:grid;gap:6px}.app nav a,.logout{padding:12px 14px;border-radius:11px;color:var(--muted);font-weight:650}.app nav a:hover,.logout:hover{background:var(--panel2);color:var(--text)}.logout{margin-top:auto}.content{padding:38px 42px;margin-left:230px;max-width:1600px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-head h1{font-size:30px;margin:0 0 5px}.page-head p,.muted{color:var(--muted);margin:0}.button,button{border:0;border-radius:10px;background:linear-gradient(135deg,var(--accent),#8d5dfc);padding:11px 18px;color:white;font-weight:750;cursor:pointer;box-shadow:0 8px 24px #6d5dfc2d}.button:hover,button:hover{filter:brightness(1.1)}.stats{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:16px;margin-bottom:22px}.stat{position:relative;padding:22px;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.stat span{color:var(--muted);font-size:14px}.stat strong{display:block;font-size:35px;margin-top:8px}.dot{position:absolute;right:20px;top:22px;width:11px;height:11px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.panel{padding:22px;background:#101a2be6;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);margin-bottom:20px}.panel h2{margin:0 0 14px;font-size:19px}.panel p{color:var(--muted);line-height:1.65}.grid-series{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.series-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow);transition:.2s}.series-card:hover{transform:translateY(-3px);border-color:#586e99}.series-card img{width:100%;height:285px;object-fit:cover;background:#16243b;display:block}.series-card div{padding:15px}.series-card h3{margin:9px 0 7px;font-size:16px}.series-card p{margin:0;color:var(--muted)}.pill{font-size:11px;background:#6d5dfc27;color:#bcb4ff;border:1px solid #6d5dfc55;padding:4px 8px;border-radius:30px}.import-form,.form-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.import-form input[type=file]{flex:1;border:1px dashed #506383;padding:12px;border-radius:10px;color:var(--muted)}input,textarea,select{background:#0a1322;border:1px solid #344763;border-radius:9px;padding:11px 12px;color:var(--text);outline:0}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6d5dfc22}.form-row input{min-width:145px;flex:1}.hint{font-size:13px;margin-bottom:0!important}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse;min-width:780px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}td small{display:block;color:var(--muted);margin-top:4px}.ua{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions{display:flex;gap:7px;justify-content:flex-end}.actions form{margin:0}.small{font-size:12px;padding:7px 10px}.secondary{background:#263650;box-shadow:none}.danger{background:#ff5d7225;color:#ff8f9e;border:1px solid #ff5d7255;box-shadow:none}.status{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:12px;font-weight:750}.status.ok{background:#21d4c21d;color:#50eedf}.status.off{background:#ff5d721d;color:#ff8f9e}.alert{padding:13px 15px;border-radius:10px;margin-bottom:18px;background:#21d4c21c;border:1px solid #21d4c255;color:#79f3e7}.alert.error{background:#ff5d721c;border-color:#ff5d7255;color:#ffa3af}.empty{text-align:center;color:var(--muted);padding:40px}.auth{display:grid;place-items:center;padding:25px}.auth .content{margin:0;padding:0;width:100%;max-width:420px}.login-card{background:#101a2bea;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:34px}.login-card .brand-mark{margin:0 auto 15px;font-weight:900;font-size:20px}.login-card h1{text-align:center;margin:0}.login-card>p{text-align:center;margin:7px 0 25px}.login-card form{display:grid;gap:16px}.login-card label{display:grid;gap:7px;color:var(--muted);font-size:13px}.login-card input{width:100%}.login-card button{margin-top:4px}.auth .content{display:block}@media(max-width:900px){.app aside{position:static;width:auto;height:auto;flex-direction:row;align-items:center;overflow:auto;padding:13px}.logo{padding:0;margin-right:10px}.logo span{display:none}.app nav{display:flex}.app nav a,.logout{white-space:nowrap;padding:9px 11px}.logout{margin:0 0 0 auto}.content{margin-left:0;padding:24px 16px}.stats{grid-template-columns:repeat(2,1fr)}.grid-series{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.series-card img{height:230px}}@media(max-width:520px){.stats{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.app nav a:nth-child(5){display:none}}