:root{--bg:#0b0a18;--panel:#131223;--panel2:#181529;--stroke:#27243c;--text:#f5f1ff;--muted:#9d97b2;--purple:#a78bfa;--pink:#ec80c9}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Tajawal',sans-serif;font-size:15px}button,input,textarea{font-family:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 25% 10%,#572c883a,transparent 47%),radial-gradient(ellipse at 80% 85%,#b5367930,transparent 40%),#0a0915;position:relative;overflow:hidden}
.login-glow{position:absolute;width:500px;height:500px;background:#bc74f7;opacity:.06;filter:blur(75px);border-radius:50%;pointer-events:none}
.login-card{width:min(460px,100%);border:1px solid #ffffff20;background:linear-gradient(130deg,#231831e8,#141021f2);border-radius:28px;padding:45px;box-shadow:0 35px 85px #0008;position:relative;z-index:1}
.studio-logo{height:57px;width:57px;background:linear-gradient(120deg,#c15eff,#e759a6);border-radius:18px;display:grid;place-items:center;font-size:39px;margin-bottom:25px}.label-caps,.overline{font:800 11px 'Tajawal';letter-spacing:1.7px;color:#b698df}.login-card h1{font-size:36px;letter-spacing:-.5px;margin:10px 0 7px;font-weight:900}.login-card>p{color:#aaa0bd;line-height:1.8;margin:0 0 26px}
.login-card form{display:flex;flex-direction:column;gap:10px}.login-card form label{font-weight:800;font-size:13px;color:#c7bada}input,textarea{background:#100e1d;border:1px solid #333049;color:#f4efff;border-radius:11px;outline:none;padding:13px 15px;font-size:14px;width:100%;transition:border .15s,box-shadow .15s}input:focus,textarea:focus{border-color:#ad8fff;box-shadow:0 0 0 3px #ad8fff19}textarea{resize:vertical;line-height:1.8}input:disabled{opacity:.57}.primary{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;background:linear-gradient(110deg,#9b62f4,#d867c5);color:white;font-weight:900;font-size:14px;padding:15px 22px;white-space:nowrap;box-shadow:0 7px 23px #884de83c}.primary:hover{filter:brightness(1.14)}button:disabled{opacity:.5;cursor:wait}.login-card .primary{margin-top:10px}.form-error{color:#fca6b8;min-height:24px;font-size:13px;margin:0}.back-link{color:#aaa4bd;font-size:13px;text-decoration:none;display:inline-block;margin-top:10px}
.admin-shell{display:flex;min-height:100vh}.sidebar{width:256px;min-height:100vh;position:sticky;top:0;height:100vh;flex-shrink:0;background:#100e1e;border-left:1px solid #26213a;display:flex;flex-direction:column;padding:27px 17px}.side-brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font-size:23px;font-weight:700;padding:6px 12px 35px;font-family:'Aref Ruqaa Ink','Tajawal',serif}.side-brand span{height:36px;width:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(120deg,#a663ed,#d764af);font-size:24px}.side-brand small{font-size:9px;color:#9b8dbd;border:1px solid #574466;border-radius:4px;padding:3px;margin-top:-16px}.side-caption{color:#615a7a;font-size:10px;font-weight:900;padding:0 18px 14px;letter-spacing:1px}.side-nav{display:grid;gap:5px}.side-item{display:flex;gap:13px;align-items:center;background:transparent;border:1px solid transparent;padding:15px 15px;border-radius:11px;color:#a69ab7;text-align:right;font-size:14px;font-weight:800}.side-item span{font-size:19px;width:23px}.side-item:hover{background:#ffffff08;color:white}.side-item.active{background:#754ed122;border-color:#a277e02c;color:#dfc6ff}.side-bottom{margin-top:auto;display:flex;gap:16px;flex-direction:column;padding:22px 12px 8px;border-top:1px solid #ffffff10}.side-bottom a,.side-bottom button{background:none;border:0;color:#aaa3bf;text-align:right;text-decoration:none;font-size:13px;font-weight:800;padding:0}.side-bottom button{color:#ed9fb9}.status-live{font-size:11px;font-weight:800;color:#9b92b7;display:flex;align-items:center;gap:9px}.status-live span{background:#49dba1;width:7px;height:7px;border-radius:50%}.admin-main{flex:1;min-width:0}.admin-top{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29263e;padding:0 clamp(20px,3.8vw,60px)}.top-breadcrumb{font-size:13px;color:#8d86a5;font-weight:700}.top-breadcrumb b{margin:0 10px;color:#524a65}.top-breadcrumb strong{color:#ece0ff}.admin-profile{display:flex;align-items:center;gap:10px;color:#9087ac;letter-spacing:1px;font-size:10px;font-weight:900}.profile-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#7046c4,#c564aa);color:white;font-size:17px}.mobile-brand{display:none;font-family:'Aref Ruqaa Ink','Tajawal',serif}.admin-content{max-width:1340px;margin:auto;padding:clamp(24px,3.2vw,50px)}.section-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px}.section-intro h1{font-size:clamp(28px,2.8vw,38px);margin:9px 0;font-weight:900}.section-intro p{color:#948da9;font-size:14px;margin:0;line-height:1.75}.ghost-btn{border:1px solid #353046;background:#201b32;color:#d7c8ed;font-weight:800;border-radius:11px;padding:12px 19px;white-space:nowrap}.ghost-btn:hover{border-color:#9575cf}.compact{padding:13px 19px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat-card{background:linear-gradient(140deg,#1b172e,#141221);border:1px solid #ffffff12;border-radius:18px;padding:23px 22px;display:flex;align-items:flex-start;flex-direction:column;gap:11px;min-height:195px}.stat-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;font-size:24px;font-weight:900}.violet{background:#a985ff21;color:#bca6ff}.pink{background:#e877bb1c;color:#eb8bca}.aqua{background:#57bdb71b;color:#78dbc7}.gold{background:#f4b96c1b;color:#ffc787}.stat-card small{font-size:12px;color:#a7a0bc;font-weight:800}.stat-card strong{font:900 34px 'Tajawal'}.stat-meta{font-size:10px;color:#6e6785}.overview-cols{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:21px}.admin-card{background:linear-gradient(145deg,#171429,#111021);border:1px solid #ffffff15;border-radius:18px;padding:25px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-heading h2{font-size:19px;margin:0}.live-chip{font-size:10px;letter-spacing:1px;border:1px solid #63c69c44;border-radius:20px;padding:7px 12px;color:#76d5b1;background:#58ddab0c}.muted{color:#938bab;font-size:13px}.room-list{min-height:185px}.recent-room{display:flex;align-items:center;gap:11px;padding:12px 2px;border-bottom:1px solid #ffffff10}.recent-room:last-child{border:0}.recent-icon{width:38px;height:38px;display:grid;place-items:center;background:#ffffff0d;border-radius:11px;color:#cba9ff;font-weight:900;font-size:16px}.recent-room>div{min-width:0;flex:1}.recent-room strong{display:block;font-size:13px}.recent-room small{display:block;color:#817a97;font-size:11px;margin-top:3px}.room-id{font-size:11px;letter-spacing:1px;color:#746a8d}.quick-card>p{color:#978daa;font-size:13px;line-height:1.8;margin-bottom:25px}.quick-link{display:flex;gap:12px;width:100%;align-items:center;border:1px solid #ffffff12;background:#ffffff08;color:#e8deff;border-radius:11px;padding:13px;margin-bottom:10px;text-align:right;font-size:13px;font-weight:800}.quick-link span{color:#c18af8;font-size:20px}.quick-link b{margin-right:auto;color:#9b86b6}.quick-link:hover{background:#7b54aa1e}
.toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;padding-bottom:17px}.toolbar input{max-width:490px}.content-row{display:flex;gap:15px;align-items:center;border-top:1px solid #ffffff13;padding:16px 2px;min-width:0}.content-emoji{height:48px;width:48px;background:#ffffff0c;border:1px solid #ffffff10;border-radius:13px;display:grid;place-items:center;font-size:26px;flex-shrink:0}.content-info{min-width:0;flex:1}.content-info strong{font-size:15px;display:block;word-break:break-word}.content-info small{font-size:11px;color:#807994;display:block;margin-top:4px}.item-state{font-size:11px;font-weight:900;color:#75d6a4;background:#2a7f5e1f;padding:6px 10px;border-radius:20px}.item-state.off{color:#d2a7b1;background:#8b465c24}.content-actions{display:flex;gap:5px;align-items:center}.content-actions button{border:1px solid #ffffff18;background:#ffffff0a;color:#d2c3e7;border-radius:8px;padding:9px 10px;font-size:12px;font-weight:800}.content-actions button:hover{border-color:#9065bb}.content-actions .danger-text{color:#fa9ba5}.empty-content{color:#897e9e;text-align:center;padding:35px 10px;font-size:13px}.settings-card{max-width:850px}.settings-card form{display:grid;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-weight:800;color:#c5bbd9;font-size:13px}.field label b{color:#ef8dc3}.field .help{font-size:11px;color:#89819b;line-height:1.7}.setting-toggle{border:1px solid #ffffff17;border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#ffffff06}.setting-toggle strong{font-size:14px}.setting-toggle p{font-size:11px;margin:4px 0 0;color:#8f86a8}.setting-toggle input{width:19px;height:19px;accent-color:#ac76fb;flex-shrink:0}.settings-card .primary{justify-self:start}
.modal-backdrop{position:fixed;inset:0;background:#07060bc9;backdrop-filter:blur(8px);z-index:20;display:grid;place-items:center;padding:15px}.editor-modal{width:min(830px,100%);max-height:min(94vh,1080px);overflow:auto;background:#1a162c;border:1px solid #ffffff25;box-shadow:0 25px 100px #000b;border-radius:20px}.editor-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff18;padding:23px 30px}.editor-top h2{font-size:24px;margin:7px 0 0}.icon-btn{border:1px solid #ffffff24;background:#ffffff08;color:#e7ddf4;border-radius:10px;width:36px;height:36px;font-size:26px}.editor-fields{padding:27px 30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.editor-fields .full{grid-column:1/-1}.editor-foot{border-top:1px solid #ffffff17;padding:19px 30px;display:flex;justify-content:flex-end;gap:11px}.admin-toast{position:fixed;bottom:30px;left:30px;z-index:35;opacity:0;transform:translateY(20px);pointer-events:none;transition:.2s;background:#d5a2ff;color:#1c1025;padding:15px 22px;border-radius:12px;font-weight:900;box-shadow:0 10px 40px #0005}.admin-toast.show{opacity:1;transform:translateY(0)}.admin-toast.error{background:#feb4bd}
@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.sidebar{width:205px}.admin-content{padding:26px}.overview-cols{grid-template-columns:1fr}.content-row{flex-wrap:wrap}.content-actions{width:100%;margin-right:60px}.item-state{margin-left:0}}@media(max-width:700px){.admin-shell{display:block}.sidebar{width:100%;height:auto;min-height:0;position:relative;display:block;padding:13px 14px}.side-brand,.side-caption,.side-bottom{display:none}.side-nav{display:flex;overflow-x:auto;gap:5px}.side-item{flex:0 0 auto;padding:10px;font-size:12px}.side-item span{font-size:14px;width:auto}.admin-top{height:60px;padding:0 17px}.mobile-brand{display:block;font-size:12px;font-weight:900;color:#c6a3ef}.top-breadcrumb{display:none}.admin-profile span{display:none}.admin-content{padding:24px 14px}.section-intro{align-items:start;flex-direction:column;gap:17px}.stats-grid{gap:9px}.stat-card{padding:16px;min-height:157px}.stat-card strong{font-size:28px}.stat-icon{height:34px;width:34px;font-size:18px}.admin-card{padding:15px}.toolbar{flex-wrap:wrap}.content-emoji{height:42px;width:42px}.content-info{flex-basis:calc(100% - 64px)}.content-actions{margin-right:0;width:100%;justify-content:flex-end}.editor-fields{grid-template-columns:1fr;padding:18px}.editor-top,.editor-foot{padding:18px}.login-card{padding:28px}.settings-card .primary{justify-self:stretch}}

.upload-line{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:7px}.upload-line input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.upload-button{background:#9a64e023;border:1px dashed #b086ed76;border-radius:10px;padding:11px 15px;color:#e1c4ff!important;cursor:pointer}.upload-button:hover{background:#9860d53d}