/* StormFlix Admin v4 — spacious control panel + multi-source library editor */
:root{--a4-bg:#07090d;--a4-surface:#0d1118;--a4-surface2:#121823;--a4-surface3:#171e2a;--a4-border:#252f3d;--a4-soft:#8f9bad;--a4-text:#f5f7fb;--a4-red:#ff5264;--a4-orange:#ff8054;--a4-green:#4be29a;--a4-yellow:#f5c451;--a4-blue:#5aa7ff}
body{background:radial-gradient(circle at 70% -10%,#151923 0,transparent 32%),var(--a4-bg);font-size:14px}.app{grid-template-columns:272px minmax(0,1fr)}aside{padding:28px 18px 20px;background:linear-gradient(180deg,#090d14,#0a0e15 72%,#080b11);box-shadow:20px 0 60px #0002}aside .brand{font-size:25px;padding:0 7px}aside .sub{padding:0 7px;margin-top:2px;color:#687487}aside nav{margin-top:26px;gap:3px}.nav-group{padding:20px 11px 7px;font-size:9px;color:#5e6a7b;letter-spacing:.16em}aside nav button{padding:10px 12px;border:1px solid transparent;border-radius:10px;font-size:13px}aside nav button.active{background:linear-gradient(90deg,#1b2330,#131923);border-color:#252f3d;box-shadow:inset 3px 0 0 var(--a4-red),0 8px 24px #0002}.aside-bottom{border-top:1px solid #1d2531;padding-top:12px}main{max-width:none!important;width:100%;padding:0 34px 64px!important;overflow:min(0,1fr)}main>header{margin:0 -34px 28px!important;padding:24px 34px 20px!important;position:sticky;top:0;z-index:20;background:rgba(7,9,13,.88);backdrop-filter:blur(18px);border-bottom:1px solid #1c2531!important}main>header h1{font-size:30px;margin:2px 0}.who{padding:8px 11px;border:1px solid #26303e;border-radius:999px;background:#0d121a}.notice{position:fixed;right:28px;top:82px;z-index:100;min-height:0;max-width:480px;padding:0;border-radius:10px}.notice:not(:empty){padding:11px 14px;background:#2a1118;border:1px solid #60303a;box-shadow:0 16px 50px #0008}.notice.ok:not(:empty){background:#0d261c;border-color:#27543f}.panel,.card{border-color:var(--a4-border);background:linear-gradient(145deg,#111721,#0c1118);box-shadow:0 16px 45px #0001}.primary{background:linear-gradient(135deg,var(--a4-red),var(--a4-orange));box-shadow:0 10px 28px #ff526428}.dashboard-shell{display:grid;gap:18px}.dashboard-banner{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:18px}.dashboard-welcome{position:relative;overflow:hidden;border:1px solid #293342;border-radius:20px;padding:25px 27px;background:linear-gradient(130deg,#151c27,#0d1219)}.dashboard-welcome:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-140px;top:-190px;background:radial-gradient(circle,#ff526433,transparent 68%)}.dashboard-welcome h2{font-size:27px;margin:2px 0 7px}.dashboard-welcome p{max-width:720px;color:var(--a4-soft);margin:0}.status-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.status-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #2b3543;background:#101720;border-radius:999px;padding:7px 10px;font-size:12px;color:#b9c2d0}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--a4-green);box-shadow:0 0 12px #4be29a99}.dashboard-system{border:1px solid #293342;border-radius:20px;padding:20px;background:linear-gradient(145deg,#121824,#0d1219);display:grid;gap:12px}.dashboard-system .system-row{display:flex;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid #222c39}.dashboard-system .system-row:last-child{border:0;padding-bottom:0}.dashboard-system span{color:var(--a4-soft)}.dashboard-system b{text-align:right}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px}.metric-card{min-height:112px;padding:17px 18px;border:1px solid #283240;border-radius:16px;background:linear-gradient(145deg,#141b25,#0d1219);display:flex;flex-direction:column;justify-content:space-between}.metric-card strong{font-size:28px;letter-spacing:-.03em}.metric-card span{color:var(--a4-soft);font-size:12px}.metric-card small{color:#667286}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.65fr);gap:18px}.dashboard-card{border:1px solid #283240;border-radius:18px;background:#0d1219;padding:20px}.dashboard-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.dashboard-card-head h3{margin:0;font-size:17px}.dashboard-card-head button{padding:7px 10px}.mini-library-list{display:grid;gap:8px}.mini-library-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid #222c39;background:#101620;border-radius:11px}.mini-library-row b{display:block}.mini-library-row small{color:var(--a4-soft)}.source-health{font-size:11px;padding:5px 8px;border-radius:999px;border:1px solid #2f6048;color:#69e7aa;background:#10251b}.source-health.partial{border-color:#665323;color:#f5c451;background:#251f0f}.source-health.offline{border-color:#65313a;color:#ff8998;background:#271217}.quick-actions{display:grid;gap:9px}.quick-action{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px!important;border:1px solid #293342!important;background:#111822!important;border-radius:11px!important;color:var(--a4-text)!important;text-align:left!important}.quick-action:hover{background:#171f2b!important;border-color:#394657!important}.section-intro{align-items:center;padding:3px 2px 5px}.section-intro h2{font-size:23px;margin:0}.section-intro p{font-size:13px}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.library-card{border:1px solid #283240;border-radius:17px;background:linear-gradient(145deg,#121925,#0d1219);padding:18px;display:grid;gap:15px}.library-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.library-card h3{font-size:19px;margin:0 0 3px}.library-card p{margin:0;color:var(--a4-soft)}.library-kind-badge{font-size:10px;text-transform:uppercase;letter-spacing:.08em;border:1px solid #364253;border-radius:999px;padding:5px 8px;color:#bac4d2}.library-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.library-stat{padding:10px;border:1px solid #232d3a;border-radius:11px;background:#0d131b}.library-stat strong{display:block;font-size:18px}.library-stat span{color:var(--a4-soft);font-size:10px;text-transform:uppercase}.library-source-preview{display:grid;gap:7px}.library-source-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;background:#0b1017;border:1px solid #202a36}.library-source-item .source-led{width:8px;height:8px;border-radius:50%;background:#ff7385}.library-source-item.online .source-led{background:var(--a4-green);box-shadow:0 0 9px #4be29a88}.library-source-item code{font-size:11px;color:#b4bfcd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-source-item small{color:#697587}.library-scan-note{min-height:18px;color:#7e8b9e;font-size:11px}.library-actions{display:flex;gap:7px;flex-wrap:wrap}.library-actions button{border:1px solid #2b3543;background:#151c27;color:#e9edf4;border-radius:9px;padding:8px 10px;cursor:pointer}.library-actions button:hover{background:#1c2532}.library-actions .danger{color:#ff8392}.library-editor-card{margin:8px 0 20px;border:1px solid #334052;border-radius:19px;background:linear-gradient(145deg,#111925,#0b1119);box-shadow:0 24px 70px #0004;overflow:hidden}.library-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:21px 22px;border-bottom:1px solid #25303d;background:#101722}.library-editor-head h2{font-size:22px;margin:2px 0 4px}.library-editor-head p:not(.kicker){margin:0;color:var(--a4-soft)}.library-editor-close{width:auto!important}.library-main-fields{display:grid;grid-template-columns:minmax(240px,1.25fr) minmax(210px,.75fr) minmax(230px,.7fr);gap:13px;padding:20px 22px}.field{display:grid;gap:6px}.field>span{font-size:11px;font-weight:700;text-transform:uppercase;color:#7e8b9d;letter-spacing:.04em}.field input,.field select,.source-path-wrap input{width:100%;background:#0a1017;border:1px solid #2a3543;border-radius:10px;padding:11px 12px;color:#f5f7fb;outline:none}.field input:focus,.field select:focus,.source-path-wrap input:focus{border-color:#55657b;box-shadow:0 0 0 3px #5a6c8620}.toggle-field{display:flex;align-items:center;gap:10px;border:1px solid #2a3543;border-radius:11px;background:#0d141d;padding:10px 12px}.toggle-field input{width:17px;height:17px}.toggle-field span{display:grid}.toggle-field small{color:var(--a4-soft)}.library-sources-block{margin:0 22px;border:1px solid #293544;border-radius:14px;background:#0a1017;overflow:hidden}.library-sources-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px;border-bottom:1px solid #222d3a}.library-sources-head h3{margin:0 0 2px;font-size:15px}.library-sources-head p{margin:0;color:var(--a4-soft);font-size:12px}.library-sources-head button{border:1px solid #344254;background:#151e2a;color:#fff;border-radius:9px;padding:8px 10px;cursor:pointer}.library-source-list{display:grid}.library-source-row{display:grid;grid-template-columns:90px minmax(280px,1fr) 120px auto;gap:10px;align-items:center;padding:11px 13px;border-bottom:1px solid #1d2733}.library-source-row:last-child{border:0}.source-index{display:grid}.source-index b{font-size:17px}.source-index span{font-size:10px;color:#718094;text-transform:uppercase}.source-path-wrap{display:flex;gap:7px;min-width:0}.source-path-wrap button{border:1px solid #344254;background:#151e2a;color:#fff;border-radius:9px;padding:8px 10px;white-space:nowrap;cursor:pointer}.source-state{color:#78869a;font-size:11px}.source-state.online{color:var(--a4-green)}.source-remove{border:1px solid #49303a!important;background:#211219!important;color:#ff8796!important;border-radius:8px;padding:8px 10px}.source-remove:disabled{opacity:.32}.library-kind-hint{margin:14px 22px 0;padding:10px 12px;border-left:3px solid #4d6a91;background:#0d151f;color:#91a0b3;border-radius:0 8px 8px 0;font-size:12px}.library-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 22px 20px}.library-editor-footer .primary{min-width:180px}.table-wrap{border-radius:14px}table{font-size:13px}@media(min-width:1700px){.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1250px){.metric-grid{grid-template-columns:repeat(3,1fr)}.dashboard-banner,.dashboard-columns{grid-template-columns:1fr}.library-main-fields{grid-template-columns:1fr 1fr}.toggle-field{grid-column:1/-1}.library-source-row{grid-template-columns:75px minmax(0,1fr) auto}.source-state{display:none}}@media(max-width:900px){.app{display:block}.app aside{position:relative;height:auto}.app main{padding:0 16px 50px!important}.app main>header{margin:0 -16px 20px!important;padding:18px 16px!important}.library-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.library-main-fields{grid-template-columns:1fr}.toggle-field{grid-column:auto}.library-source-row{grid-template-columns:1fr}.source-index{display:flex;align-items:center;gap:8px}.source-path-wrap{flex-direction:column}.source-remove{justify-self:start}.library-editor-footer{align-items:stretch;flex-direction:column}.library-editor-footer .primary{width:100%}.dashboard-banner,.dashboard-columns{display:grid}}@media(max-width:560px){.metric-grid{grid-template-columns:1fr 1fr}.library-stats{grid-template-columns:1fr 1fr}.library-sources-head{align-items:flex-start;flex-direction:column}.mini-library-row{grid-template-columns:1fr}.dashboard-welcome{padding:20px}}