:root{color:#f7f3ff;font-synthesis:none;--bg:#060608;--panel:#111019;--panel2:#171321;--line:#342546;--purple:#9a4dff;--magenta:#e544ff;--cyan:#39d9ff;--muted:#aaa3b6;--danger:#ff4d73;background:#060608;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#1b0c27 0,transparent 28rem),var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.brand{letter-spacing:.04em;text-shadow:0 0 20px #a84cff77;font:800 2.25rem Rajdhani,sans-serif}.brand span{color:var(--cyan);letter-spacing:.15em;font-size:.65em;display:block}.brand.small{font-size:1.65rem}.eyebrow{color:#cda9ff;letter-spacing:.16em;margin:.35rem 0;font:700 .72rem Rajdhani,sans-serif}.login-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{background:linear-gradient(145deg,#15101d,#0b0a0f);border:1px solid #6d35a2;border-radius:22px;width:min(430px,100%);padding:2.5rem;box-shadow:0 24px 80px #000,0 0 50px #6e22b722}.login-card label,.form label{color:#d7cfdf;gap:.45rem;margin:1rem 0;font-size:.88rem;display:grid}input,textarea,select{color:#fff;background:#0a090e;border:1px solid #302a38;border-radius:10px;outline:none;width:100%;padding:.78rem .85rem}input:focus,textarea:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #9a4dff18}textarea{resize:vertical;line-height:1.6}.primary,.ghost,.toolbar button,.actions button,.add-block button,.image-grid button{border:1px solid var(--purple);color:#fff;background:#241438;border-radius:9px;padding:.72rem 1rem;font-weight:700}.primary{background:linear-gradient(135deg,#7131c1,#a14df8);box-shadow:0 7px 25px #8d3cff2c}.primary:disabled{opacity:.5;cursor:wait}.ghost,.toolbar button,.actions button,.add-block button,.image-grid button{background:#121018}.danger{color:var(--danger)!important;border-color:#662237!important}.error,.success,.notice{border-radius:9px;margin:1rem 0;padding:.85rem 1rem}.error{color:#ff8da7;background:#2b0d17;border:1px solid #7d1e3a}.success{color:#72f3c6;background:#0d2c22;border:1px solid #246d55}.notice{border:1px solid var(--line);color:#c3baca;background:#15121c}.shell{grid-template-columns:270px 1fr;min-height:100vh;display:grid}.shell aside{background:#0b0a0f;border-right:1px solid #241b2f;flex-direction:column;height:100vh;padding:1.4rem;display:flex;position:sticky;top:0}.shell nav{gap:.3rem;margin-top:1.5rem;display:grid}.shell nav button,.logout{color:#bcb5c7;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:.75rem;padding:.72rem;display:flex}.shell nav button:hover,.shell nav button.active{color:#fff;background:#21152f}.shell nav button.active{box-shadow:inset 3px 0 var(--purple)}svg{width:18px;height:18px}.logout{color:#ff7893;margin-top:auto}.workspace{min-width:0}.workspace>header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#09090dcc;border-bottom:1px solid #211a2a;align-items:center;height:68px;padding:0 2rem;display:flex;position:sticky;top:0}.workspace>header div{display:grid}.workspace>header span{color:var(--muted);font-size:.75rem}.workspace>main{max-width:1600px;margin:auto;padding:2rem}.title{justify-content:space-between;align-items:end;margin-bottom:1.5rem;display:flex}.title h1{margin:0;font:700 clamp(1.8rem,3vw,2.7rem) Rajdhani,sans-serif}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#121018,#0c0b10);border-radius:14px;padding:1.25rem}.panel h2{margin:.25rem 0 1rem;font:700 1.25rem Rajdhani}.panel-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.metrics{grid-template-columns:repeat(6,minmax(130px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.metrics article{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:1.2rem}.metrics strong{color:#c989ff;font:700 2rem Rajdhani;display:block}.metrics span{color:var(--muted);font-size:.78rem}.latest,.rank{border-top:1px solid #241e2b;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.9rem;display:grid}.latest span,.rank b{color:var(--muted);font-size:.8rem}.status{border:1px solid;border-radius:99px;padding:.28rem .55rem;font-size:.7rem;font-weight:700;display:inline-block}.status.published{color:#58efb5;border-color:#277e61}.status.draft{color:#d6b1ff;border-color:#683d8f}.status.archived{color:#b5b0bb;border-color:#5b5660}.toolbar{flex-wrap:wrap;gap:.8rem;margin-bottom:1rem;display:flex}.toolbar>*{width:auto}.toolbar .search{flex:1;min-width:240px;position:relative}.search svg{color:var(--muted);position:absolute;top:.8rem;left:.8rem}.search input{padding-left:2.6rem}.table-wrap{padding:0;overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px}th,td{text-align:left;border-bottom:1px solid #28212f;padding:1rem}th{color:#aaa1b4;text-transform:uppercase;font-size:.72rem}.news-cell{align-items:center;gap:.8rem;max-width:420px;display:flex}.news-cell img,.thumb{object-fit:cover;background:#21172c;border-radius:7px;width:72px;height:48px}.news-cell small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.actions{gap:.4rem;display:flex}.actions button{padding:.45rem;font-size:.68rem}.editor-grid{grid-template-columns:minmax(360px,.75fr) minmax(500px,1.25fr);gap:1rem;display:grid}.two{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form small,.panel-head span{color:var(--muted);font-size:.75rem}.upload-zone{text-align:center;border:1px dashed #7342a0;border-radius:12px;place-items:center;gap:.3rem;min-height:150px;padding:1.2rem;display:grid;position:relative;overflow:hidden}.upload-zone>img{border-radius:8px;max-width:100%;max-height:260px}.upload-zone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-zone button{z-index:2;position:relative}.blocks{gap:1rem;display:grid}.block{background:#0b0a0e;border:1px solid #2f2639;border-radius:11px;padding:1rem}.block-head{color:#ce95ff;justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex}.block-head button{color:#bbb;background:0 0;border:0;padding:.3rem}.add-block{flex-wrap:wrap;gap:.5rem;display:flex}.sticky-actions{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#09080de8;border:1px solid #2d2336;border-radius:12px;justify-content:flex-end;gap:.7rem;margin-top:1rem;padding:1rem;display:flex;position:sticky;bottom:0}.sticky-actions button{align-items:center;gap:.45rem;display:flex}.modal{z-index:20;background:#000d;padding:3rem 1rem;position:fixed;inset:0;overflow:auto}.preview{background:#08070b;border:1px solid #6d35a2;border-radius:16px;width:min(820px,100%);margin:auto;padding:2rem;position:relative}.preview .close,.close{float:right;color:#fff;background:0 0;border:0}.preview .hero,.preview figure img{object-fit:cover;border-radius:12px;width:100%;max-height:430px}.preview h1{font:700 2.6rem Rajdhani}.preview p{color:#ddd7e4;line-height:1.7}.preview .lead{color:#bcb3c5;font-size:1.15rem}.badge{color:#d5a6ff;letter-spacing:.12em;font-size:.7rem}.catalog-grid,.image-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.catalog-grid h3{margin:0}.catalog-grid p{color:var(--muted)}.image-grid article{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:.5rem;padding:.7rem;display:grid}.image-grid img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:100%}.image-grid small{color:var(--muted)}.narrow{max-width:640px}.toggle{align-items:center;grid-template-columns:auto 1fr!important;display:flex!important}.toggle input{width:auto}.loading,.splash{text-align:center;color:#c3a7df;padding:3rem}.splash{place-items:center;min-height:100vh;font:700 2rem Rajdhani;display:grid}.mobile{display:none}@media (width<=1100px){.metrics{grid-template-columns:repeat(3,1fr)}.editor-grid{grid-template-columns:1fr}.shell{grid-template-columns:230px 1fr}.workspace>main{padding:1.2rem}}@media (width<=760px){.shell{display:block}.shell aside{z-index:30;width:270px;transition:all .2s;position:fixed;left:-280px}.shell aside.open{left:0;box-shadow:20px 0 80px #000}.mobile{color:#fff;background:0 0;border:0;display:block}.workspace>header{gap:1rem;padding:0 1rem}.workspace>main{padding:1rem}.metrics{grid-template-columns:repeat(2,1fr)}.title{align-items:start;gap:1rem}.two{grid-template-columns:1fr}.sticky-actions{flex-direction:column}.login-card{padding:1.5rem}.actions{flex-wrap:wrap}}.topic-picker{gap:.65rem;margin:1rem 0;display:grid}.topic-picker>label{margin:0}.topic-search-row{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;display:grid}.topic-search-row .search{position:relative}.topic-search-row .search svg{color:var(--muted);position:absolute;top:.8rem;left:.8rem}.topic-search-row input{padding-left:2.6rem}.topic-create{white-space:nowrap;align-items:center;gap:.4rem;display:flex}.topic-create:disabled{opacity:.45;cursor:not-allowed}.topic-selected{flex-wrap:wrap;gap:.45rem;display:flex}.topic-selected button{color:#f3e8ff;background:#251535;border:1px solid #8444bd;border-radius:99px;align-items:center;gap:.35rem;padding:.42rem .65rem;display:flex}.topic-selected svg{width:14px;height:14px}.topic-results{background:#0a090e;border:1px solid #302a38;border-radius:10px;max-height:230px;overflow:auto}.topic-results>label{cursor:pointer;border-bottom:1px solid #211c27;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;margin:0;padding:.68rem .8rem;display:grid}.topic-results>label:last-child{border-bottom:0}.topic-results>label:hover{background:#17101f}.topic-results input{width:17px;height:17px;accent-color:var(--purple)}.topic-results small{color:var(--muted)}.topic-results p{color:var(--muted);margin:0;padding:1rem}@media (width<=760px){.topic-search-row{grid-template-columns:1fr}.topic-create{justify-content:center}}.video-fields{gap:.7rem;display:grid}.video-fields label{margin:0}.field-error{color:var(--danger)!important}.video-valid,.video-preview{color:#70e5ff;background:#0b1d22;border:1px solid #315d68;border-radius:9px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.video-valid a,.video-preview a{color:#d2f8ff;font-size:.72rem;font-weight:700}.video-preview{flex-wrap:wrap;margin:1rem 0}.video-preview small{color:var(--muted);flex-basis:100%}.promotion-list{gap:.75rem;display:grid}.promotion-list>article{background:#0b0a0e;border:1px solid #2d2336;border-radius:11px;grid-template-columns:150px 1fr auto;align-items:center;gap:1rem;padding:1rem;display:grid}.promotion-list img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:150px}.promotion-list h3{margin:.45rem 0 .2rem}.promotion-list p{color:var(--muted);margin:.2rem 0}.promotion-list b{color:#ff8be9}.promotion-list small{color:var(--muted);margin-top:.45rem;display:block}.promotion-form{max-width:760px}.promotion-form h2{margin-top:0;font:700 2rem Rajdhani}.promotion-form>.close{float:none;position:absolute;top:1.4rem;right:1.4rem}.promotion-form .upload-zone{min-height:130px}.title>.primary{flex-shrink:0}@media (width<=760px){.promotion-list>article{grid-template-columns:1fr}.promotion-list img{width:100%}.promotion-list .actions{justify-content:flex-start}.title{flex-wrap:wrap}.title>.primary{width:100%}}