@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#07090d;color:#edf2f8;font-family:'Noto Sans Arabic','Inter',sans-serif;background-image:radial-gradient(circle at 10% 0,#122039 0,transparent 30%),radial-gradient(circle at 100% 25%,#1b1230 0,transparent 28%)}.admin-top{position:sticky;top:0;z-index:20;height:72px;padding:0 max(20px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(7,9,13,.82);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px)}.admin-top b{font:800 12px 'Inter';letter-spacing:1px}.admin-top span{display:block;color:#657085;font:500 9px 'Inter';margin-top:4px}.admin-top nav{display:flex;gap:10px}.admin-top a{color:#b9c3d2;text-decoration:none;border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:9px 13px;font-size:11px}.admin-wrap{width:min(1180px,calc(100% - 28px));margin:50px auto 100px}.admin-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.admin-title span,.panel-head span{font:700 9px 'Inter';letter-spacing:1.5px;color:#6c7a90}.admin-title h1{font-size:36px;margin:6px 0 0}.admin-title p{color:#788499;font-size:12px}.panel{background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:24px;margin-bottom:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:20px}.panel-head b{font:700 13px 'Inter'}label{display:block;color:#9ba7b8;font-size:11px;margin-bottom:14px}input,textarea{width:100%;margin-top:7px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#0b0e14;color:#eef3f8;padding:12px 13px;outline:none;font:500 12px 'Noto Sans Arabic','Inter';transition:.2s}input:focus,textarea:focus{border-color:rgba(109,231,255,.48);box-shadow:0 0 0 3px rgba(109,231,255,.06)}textarea{resize:vertical}.grid2,.grid3{display:grid;gap:12px}.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:.4fr 1fr auto}.repeat-list{display:grid;gap:10px}.repeat-row,.repeat-card{position:relative}.repeat-row{display:grid;gap:8px;align-items:center}.repeat-row.two{grid-template-columns:.4fr 1fr 42px}.repeat-card{border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:15px;background:rgba(0,0,0,.12)}button{cursor:pointer;border:0}.add{margin-top:13px;border:1px solid rgba(120,239,255,.2);color:#b8f8ff;background:rgba(120,239,255,.06);border-radius:11px;padding:10px 13px;font:600 11px 'Noto Sans Arabic'}.remove{align-self:end;margin-bottom:14px;border:1px solid rgba(255,105,105,.18);color:#ff9f9f;background:rgba(255,95,95,.05);border-radius:10px;padding:10px 12px}.repeat-row .remove{margin:0;height:42px}.thumb{width:130px;height:75px;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.08)}.hint{display:block;color:#657187;font-size:9px;margin-top:10px}.savebar{position:sticky;bottom:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;background:rgba(14,18,25,.9);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(20px);border-radius:17px;padding:12px 14px;margin-top:18px;box-shadow:0 20px 50px rgba(0,0,0,.35)}.savebar span{font-size:11px;color:#7f8b9e}.savebar button,.login-card button{background:linear-gradient(135deg,#dfffff,#7feaff,#b9aaff);color:#071017;font-weight:800;border-radius:12px;padding:12px 19px}.success{padding:13px 16px;border-radius:13px;border:1px solid rgba(116,255,165,.22);background:rgba(116,255,165,.06);color:#a2ffc2;font-size:11px;margin-bottom:14px}.login-page{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,calc(100% - 28px));padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 40px 110px rgba(0,0,0,.45);backdrop-filter:blur(24px)}.admin-logo{width:54px;height:54px;border:1px solid rgba(111,231,255,.27);border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(111,231,255,.16),rgba(171,132,255,.15));font:800 13px 'Inter'}.login-card h1{margin:20px 0 5px}.login-card p{color:#758197;font-size:11px;margin-bottom:24px}.login-card button{width:100%;margin-top:6px}.back{display:block;text-align:center;color:#6f7a8d;text-decoration:none;font-size:10px;margin-top:18px}.alert{background:rgba(255,91,91,.07);border:1px solid rgba(255,91,91,.2);color:#ff9b9b;border-radius:11px;padding:10px 12px;font-size:10px;margin-bottom:12px}@media(max-width:700px){.admin-title{display:block}.admin-title p{margin-top:8px}.grid2,.grid3{grid-template-columns:1fr}.repeat-row.two{grid-template-columns:1fr}.admin-top{padding:0 14px}.admin-top span{display:none}.admin-top a{font-size:9px;padding:8px}.panel{padding:17px}.savebar span{display:none}.savebar button{width:100%}}

.panel.highlight{border-color:rgba(124,235,255,.18);background:linear-gradient(145deg,rgba(92,217,255,.075),rgba(159,120,255,.035))}.hint.big{font-size:10.5px;line-height:1.9;margin:-4px 0 16px;color:#8190a5}.logo-thumb{object-fit:contain;background:#fff;padding:6px;width:92px;height:92px}.company-item{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
/* V4 Control Center */
.admin-top .nav-accent{border-color:rgba(131,243,255,.24);color:#c9fbff;background:rgba(131,243,255,.07)}
.design-studio{border-color:rgba(131,243,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 30px 90px rgba(0,0,0,.18)}
.design-hero{display:flex;align-items:center;justify-content:space-between;padding:18px;border:1px solid rgba(131,243,255,.12);background:linear-gradient(135deg,rgba(131,243,255,.06),rgba(170,140,255,.04));border-radius:16px;margin-bottom:22px}.design-hero strong{font:800 16px 'Inter'}.design-hero p{color:#7d899b;font-size:10px;margin:5px 0 0}.design-hero a{color:#d9fbff;text-decoration:none;border:1px solid rgba(131,243,255,.18);padding:9px 12px;border-radius:10px;font-size:10px}
.subhead{font-size:12px;margin:24px 0 12px;color:#d9e6f4}.color-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.color-grid label{border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:10px;background:rgba(0,0,0,.12);margin:0}.color-grid input[type=color]{height:52px;padding:3px;cursor:pointer}.color-grid small{display:block;margin-top:7px;font:600 8px 'Inter';direction:ltr;text-align:center;color:#68758a}
.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.control-grid label{position:relative;margin:0}.control-grid label>small{position:absolute;left:10px;bottom:13px;color:#59677a;font:700 8px 'Inter'}.control-grid select{width:100%;margin-top:7px;background:#0b0e14;color:#eef3f8;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:12px}.font-current{margin-top:6px!important;color:#7790a7!important;font-size:9px!important}.font-upload{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:14px}.font-upload label{margin:0}.file-ok{color:#8dffba;font-size:10px;padding-bottom:13px}.codearea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;direction:ltr;text-align:left;line-height:1.7;background:#070a0f}
@media(max-width:1000px){.color-grid{grid-template-columns:repeat(4,1fr)}.control-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.color-grid{grid-template-columns:1fr 1fr}.control-grid,.font-upload{grid-template-columns:1fr}.design-hero{align-items:flex-start;gap:12px;flex-direction:column}.design-hero a{width:100%;text-align:center}}
/* V4 Analytics */
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.metric-grid article{padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))}.metric-grid span{display:block;color:#8390a4;font-size:10px}.metric-grid strong{display:block;font:800 34px 'Inter';margin:10px 0 4px}.metric-grid small{color:#556277;font:600 8px 'Inter'}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bar-row{margin:15px 0}.bar-row>div{display:flex;justify-content:space-between;gap:15px;margin-bottom:7px}.bar-row b{font-size:10px}.bar-row span{color:#657187;font:600 9px 'Inter'}.bar-row>i{display:block;height:5px;background:rgba(255,255,255,.05);border-radius:99px;overflow:hidden}.bar-row em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#83f3ff,#aa8cff)}.table-scroll{overflow:auto}.visitor-table{width:100%;border-collapse:collapse;min-width:1050px}.visitor-table th,.visitor-table td{padding:11px 10px;border-bottom:1px solid rgba(255,255,255,.055);text-align:right;font-size:9.5px;white-space:nowrap}.visitor-table th{color:#718096;font-weight:700;background:rgba(255,255,255,.025);position:sticky;top:0}.visitor-table td{color:#aeb9c8}.visitor-table .ltr{direction:ltr;text-align:left}.visitor-table .mono{font-family:ui-monospace,monospace;color:#c5f9ff}.visitor-table .path,.path{max-width:300px;overflow:hidden;text-overflow:ellipsis}.visitor-table .ref{max-width:300px;overflow:hidden;text-overflow:ellipsis;color:#718096}.danger-zone{display:flex;align-items:center;justify-content:space-between;border-color:rgba(255,91,91,.16)}.danger-zone b{font-size:12px}.danger-zone p{color:#738095;font-size:10px}.danger-zone button{background:rgba(255,91,91,.08);border:1px solid rgba(255,91,91,.2);color:#ff9c9c;padding:10px 13px;border-radius:10px}.privacy-note{font-size:9px;color:#5f6d81;line-height:1.9;padding:0 6px}.analytics-wrap{width:min(1380px,calc(100% - 28px))}
@media(max-width:900px){.metric-grid{grid-template-columns:1fr 1fr}.analytics-grid{grid-template-columns:1fr}}@media(max-width:600px){.metric-grid{grid-template-columns:1fr 1fr}.metric-grid strong{font-size:26px}.danger-zone{align-items:flex-start;gap:16px;flex-direction:column}.danger-zone form,.danger-zone button{width:100%}}
/* V5 Ultra */
.admin-langs{display:flex;gap:4px;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:3px}.admin-langs button{background:transparent;color:#69778c;padding:7px 9px;border-radius:9px;font:800 9px Inter}.admin-langs button.active{background:rgba(131,243,255,.11);color:#d9fdff}.lang-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lang-fields label{margin:0}.lang-badge{display:inline-grid;place-items:center;min-width:30px;height:20px;padding:0 6px;border-radius:6px;margin-inline-end:6px;font:800 8px Inter;text-transform:uppercase}.lang-badge.ku{background:rgba(131,243,255,.1);color:#9ef5ff}.lang-badge.ar{background:rgba(141,255,186,.09);color:#a6ffc9}.lang-badge.en{background:rgba(170,140,255,.11);color:#c3b2ff}.lang-row{display:grid;grid-template-columns:1fr 1.3fr;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:13px;margin:8px 0;background:rgba(255,255,255,.012)}select{width:100%;margin-top:7px;background:#0b0e14;color:#eef3f8;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:12px}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.media-card{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;background:rgba(0,0,0,.14)}.media-card h3{margin:0 0 12px;font:800 13px Inter}.media-card>img,.media-card>video,.media-empty{width:100%;height:180px;border-radius:13px;object-fit:cover;border:1px solid rgba(255,255,255,.07);background:#06080c}.media-empty{display:grid;place-items:center;color:#354257;font:800 10px Inter;letter-spacing:1px}.remove-media{display:flex;gap:14px}.remove-media label{display:flex;align-items:center;gap:7px}.remove-media input{width:auto;margin:0}.gallery-admin-grid{display:grid;grid-template-columns:repeat(2,1fr)}.gallery-preview{width:100%;height:210px;object-fit:cover;border-radius:13px;border:1px solid rgba(255,255,255,.08);margin-bottom:12px}.remove.floating{position:absolute;top:10px;left:10px;z-index:2;margin:0}.repeat-card{position:relative}html[dir=ltr] .admin-title,html[dir=ltr] .panel,html[dir=ltr] label,html[dir=ltr] .panel-head{text-align:left}html[dir=ltr] .visitor-table th,html[dir=ltr] .visitor-table td{text-align:left}
@media(max-width:850px){.lang-fields,.media-grid,.gallery-admin-grid{grid-template-columns:1fr}.lang-row{grid-template-columns:1fr}.admin-top{height:auto;min-height:72px;gap:8px}.admin-top nav{flex-wrap:wrap;justify-content:flex-end}}
/* V6 albums */
.album-admin-card{grid-column:1/-1}.album-cover-preview{width:100%;max-height:260px;object-fit:cover;border-radius:18px;margin:12px 0;border:1px solid rgba(255,255,255,.08)}.album-current-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:12px}.media-mini{padding:7px!important;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025)}.media-mini img,.media-mini video{width:100%;height:90px;object-fit:cover;border-radius:10px;display:block}.media-mini span{display:flex;gap:6px;align-items:center;font-size:10px;margin-top:7px}.media-mini input{width:auto!important}
/* V7 — clearer admin workspace */
:root{--v7side:220px}.v7-side{position:fixed;z-index:40;top:86px;bottom:18px;right:18px;width:var(--v7side);padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:rgba(5,8,13,.88);backdrop-filter:blur(24px);box-shadow:0 22px 60px rgba(0,0,0,.26);overflow:auto}.v7-side-brand{display:flex;align-items:center;gap:10px;padding:7px 6px 15px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:9px}.v7-side-brand>b{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(131,243,255,.2),rgba(170,140,255,.16));color:#dffcff;font:900 12px Inter;border:1px solid rgba(131,243,255,.16)}.v7-side-brand span{font:800 9px/1.4 Inter;color:#7d8ca0;letter-spacing:1.5px}.v7-side-links{display:grid;gap:3px}.v7-side-links button{width:100%;border:0;border-radius:11px;background:transparent;color:#8190a4;padding:10px 11px;text-align:right;font:700 10px Inter;cursor:pointer}.v7-side-links button:hover,.v7-side-links button.active{background:rgba(131,243,255,.075);color:#d8fbff}.v7-side-analytics{display:block;margin-top:10px;padding:11px;border-radius:12px;background:rgba(141,255,186,.07);border:1px solid rgba(141,255,186,.1);color:#a9ffca;font:800 10px Inter;text-align:center}.v7-main{padding-right:calc(var(--v7side) + 38px)}.v7-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 16px}.v7-overview article{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:inset 0 1px rgba(255,255,255,.025)}.v7-overview article.live{border-color:rgba(141,255,186,.14);background:linear-gradient(145deg,rgba(141,255,186,.055),rgba(255,255,255,.012))}.v7-overview span,.v7-overview small{display:block;font:700 9px Inter;color:#6f7e92}.v7-overview strong{display:block;font:900 31px Inter;color:#eefcff;margin:8px 0 4px}.v7-overview .live strong{color:#a7ffca}.panel{scroll-margin-top:98px}.panel-head{position:sticky;top:75px;z-index:5;background:rgba(8,11,17,.82);backdrop-filter:blur(18px);padding:11px 12px;margin:-4px -4px 15px;border-radius:12px}.v7-menu{display:none;position:fixed;right:13px;bottom:13px;z-index:80;width:48px;height:48px;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:#0b1018;color:#d8fbff;font-size:18px}
html[dir=ltr] .v7-side{right:auto;left:18px}html[dir=ltr] .v7-main{padding-right:0;padding-left:calc(var(--v7side) + 38px)}html[dir=ltr] .v7-side-links button{text-align:left}
@media(max-width:1100px){.v7-overview{grid-template-columns:repeat(2,1fr)}.v7-side{transform:translateX(125%);transition:.25s}.v7-side.open{transform:none}.v7-main{padding-right:0}.v7-menu{display:grid;place-items:center}html[dir=ltr] .v7-main{padding-left:0}html[dir=ltr] .v7-side{transform:translateX(-125%)}html[dir=ltr] .v7-side.open{transform:none}}
@media(max-width:560px){.v7-overview{grid-template-columns:1fr 1fr}.v7-overview article{padding:14px}.v7-overview strong{font-size:24px}.admin-wrap{width:min(100% - 16px,1380px)}.panel{padding:13px;border-radius:17px}.panel-head{top:64px}}
.v7-metrics{grid-template-columns:repeat(6,1fr)}.online-card{border-color:rgba(141,255,186,.18)!important;background:linear-gradient(145deg,rgba(141,255,186,.07),rgba(255,255,255,.015))!important}.online-card strong{color:#a8ffcb!important}@media(max-width:1100px){.v7-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.v7-metrics{grid-template-columns:1fr 1fr}}