:root{
  --bg:#07111e;--bg2:#0b1b2d;--panel:#0c2036;--panel2:#102a46;--text:#f4f8fc;--muted:#9fb0c4;
  --gold:#efb64f;--gold2:#ffd98c;--green:#2ed184;--blue:#4bb8f3;--purple:#a98cff;--red:#ff6174;
  --line:rgba(255,255,255,.09);--line-gold:rgba(239,182,79,.28);--shadow:0 20px 55px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:"Segoe UI",Tahoma,Arial,sans-serif}body{display:grid;grid-template-columns:270px 1fr;background:radial-gradient(circle at 75% 0,#12385d 0,#07111e 42%)}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit}.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px;background:linear-gradient(180deg,#0a1e33,#06121f);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.admin-brand{display:flex;align-items:center;gap:10px;padding:5px 8px 18px;border-bottom:1px solid var(--line)}.admin-brand img{width:72px;height:44px;object-fit:contain}.admin-brand div{display:grid}.admin-brand strong{font-size:1.15rem}.admin-brand small{color:var(--gold);font-size:.72rem}.admin-nav{display:grid;gap:6px;margin-top:16px}.admin-nav button{border:0;background:transparent;color:#c5d2df;padding:11px 12px;border-radius:13px;text-align:start;cursor:pointer;display:flex;align-items:center;gap:10px}.admin-nav button span{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.05);display:grid;place-items:center}.admin-nav button:hover,.admin-nav button.active{background:linear-gradient(90deg,rgba(239,182,79,.17),rgba(239,182,79,.035));color:var(--gold2)}.admin-nav button.active{border:1px solid rgba(239,182,79,.18)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:16px 8px 4px;display:grid;gap:8px}.sidebar-footer a{text-decoration:none;color:var(--gold2)}.sidebar-footer small{color:var(--muted)}
.admin-main{min-width:0;padding:18px}.admin-topbar{min-height:78px;display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:12px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(8,27,46,.82);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.admin-topbar h1{margin:0;font-size:1.45rem}.admin-topbar p{margin:4px 0 0;color:var(--muted);font-size:.82rem}.menu-toggle{display:none;border:1px solid var(--line);background:#102945;border-radius:12px;width:42px;height:42px}.topbar-actions{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.save-indicator{font-size:.74rem;color:var(--green);padding:7px 10px;border-radius:999px;background:rgba(46,209,132,.08);opacity:.8}
button.primary,button.secondary,button.danger,button.danger-outline,.file-button{border-radius:11px;padding:10px 14px;cursor:pointer;border:1px solid transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1b2431!important;font-weight:800}.secondary{background:#102945;border-color:var(--line)!important}.danger{background:linear-gradient(135deg,#c62e48,#ff6174);font-weight:800}.danger-outline{background:transparent;border-color:rgba(255,97,116,.45)!important;color:#ff9eaa!important}.file-button{background:#102945;border-color:var(--line);position:relative}.file-button input{position:absolute;opacity:0;pointer-events:none}
.admin-section{display:none}.admin-section.active{display:grid;gap:16px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-card,.panel{background:linear-gradient(145deg,rgba(14,43,72,.9),rgba(7,23,39,.92));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.metric-card{padding:16px;display:flex;gap:12px;align-items:center}.metric-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:900}.metric-icon.green{background:rgba(46,209,132,.12);color:var(--green)}.metric-icon.gold{background:rgba(239,182,79,.12);color:var(--gold)}.metric-icon.blue{background:rgba(75,184,243,.12);color:var(--blue)}.metric-icon.purple{background:rgba(169,140,255,.12);color:var(--purple)}.metric-card div{display:grid;gap:4px}.metric-card small{color:var(--muted)}.metric-card strong{font-size:1rem}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.7fr);gap:14px}.dashboard-side{display:grid;gap:14px}.panel{padding:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:14px}.panel-head h2{margin:0;font-size:1.02rem}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:.74rem}.panel-head a{color:var(--gold2);text-decoration:none;font-size:.76rem}.preview-frame{aspect-ratio:16/9;background:#02070d;border:1px solid var(--line);border-radius:14px;overflow:hidden}.preview-frame iframe{width:200%;height:200%;border:0;transform:scale(.5);transform-origin:top left}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.action-grid button{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:13px;padding:14px 8px;display:grid;gap:7px;cursor:pointer}.action-grid button:hover{border-color:var(--gold);background:rgba(239,182,79,.07)}.action-grid span{font-size:1.6rem}.action-grid b{font-size:.78rem}.diagnostics ul,.audio-library ul{list-style:none;margin:0;padding:0;display:grid}.diagnostics li,.audio-library li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:.78rem}.diagnostics li:last-child,.audio-library li:last-child{border-bottom:0}.diagnostics b{color:var(--green)}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid label,.large-field{display:grid;gap:7px}.form-grid label>span,.large-field>span{color:#d6e0eb;font-size:.78rem}.form-grid input,.form-grid select,.form-grid textarea,.large-field textarea{width:100%;background:#081a2d;color:var(--text);border:1px solid var(--line);border-radius:11px;padding:10px 11px;outline:0}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.large-field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(239,182,79,.08)}.form-grid textarea,.large-field textarea{resize:vertical;line-height:1.7}.full{grid-column:1/-1}.checkbox-row{display:flex!important;align-items:center;gap:9px}.checkbox-row input{width:auto!important;accent-color:var(--gold)}.subsection-title{margin:18px 0 10px;color:var(--gold2);font-weight:800}.prayer-settings-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.prayer-settings-grid label{display:grid;gap:5px;text-align:center;padding:10px;border:1px solid var(--line);border-radius:12px}.prayer-settings-grid input{width:100%;background:#071827;color:white;border:1px solid var(--line);border-radius:9px;padding:8px;text-align:center}.manual-table{overflow:auto}.manual-table table{width:100%;border-collapse:collapse;min-width:760px}.manual-table th,.manual-table td{padding:10px;border-bottom:1px solid var(--line);text-align:center}.manual-table th{color:var(--gold2);font-size:.78rem}.manual-table td:first-child{text-align:start;font-weight:800}.manual-table input{width:100%;max-width:120px;background:#071827;color:white;border:1px solid var(--line);border-radius:8px;padding:8px;text-align:center}.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.theme-grid button{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:14px;padding:9px;text-align:start;cursor:pointer}.theme-grid button.active{border-color:var(--gold);box-shadow:0 0 0 2px rgba(239,182,79,.08)}.theme-grid b,.theme-grid small{display:block}.theme-grid b{margin-top:8px;font-size:.78rem}.theme-grid small{margin-top:3px;color:var(--muted);font-size:.65rem}.theme-preview{display:block;height:90px;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.theme-preview.morocco{background:radial-gradient(circle,#23587f,#071727 70%)}.theme-preview.makkah{background:radial-gradient(circle,#3a3020,#090909 70%)}.theme-preview.ottoman{background:radial-gradient(circle,#2d6566,#09252a 70%)}.theme-preview.royal{background:radial-gradient(circle,#443c78,#0d0c28 70%)}.theme-preview.minimal{background:linear-gradient(145deg,#132638,#07111b)}.top-space{margin-top:16px}.switch-list{display:grid}.switch-list label{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.switch-list input{accent-color:var(--gold);width:20px;height:20px}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.audio-library code{direction:ltr;color:var(--gold2);font-size:.72rem}.audio-library li span{color:var(--muted)}.notice{margin-top:14px;padding:11px 13px;border-radius:11px;font-size:.75rem;line-height:1.6}.notice.warning{background:rgba(239,182,79,.08);border:1px solid rgba(239,182,79,.22);color:#f6ddb0}.notice.info{background:rgba(75,184,243,.08);border:1px solid rgba(75,184,243,.22);color:#c9eafa}.emergency-panel{border-color:rgba(255,97,116,.3)}.emergency-switch{padding:14px;border-radius:12px;background:rgba(255,97,116,.08);color:#ffd4d9}.backup-actions{display:grid;gap:9px}.about-panel{display:flex;align-items:center;gap:16px}.about-panel img{width:120px;height:80px;object-fit:contain}.about-panel h2{margin:0 0 6px}.about-panel p{margin:0;color:var(--muted);line-height:1.7}.admin-toast{position:fixed;z-index:100;bottom:20px;left:20px;padding:12px 15px;border-radius:12px;background:#0b2c49;border:1px solid var(--line-gold);box-shadow:var(--shadow)}output{color:var(--gold2);font-size:.75rem}.large-field textarea{background:#081a2d;color:white;border:1px solid var(--line);border-radius:11px;padding:11px;outline:0}
@media(max-width:1200px){body{grid-template-columns:230px 1fr}.metric-grid{grid-template-columns:1fr 1fr}.dashboard-layout{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(3,1fr)}.prayer-settings-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){body{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;transform:translateX(-105%);transition:.25s;box-shadow:20px 0 55px rgba(0,0,0,.4)}[dir="rtl"] .sidebar{inset:0 0 0 auto;transform:translateX(105%)}.sidebar.open{transform:none}.admin-main{padding:10px}.menu-toggle{display:block}.admin-topbar{align-items:flex-start}.admin-topbar p{display:none}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.save-indicator{display:none}.two-column,.form-grid.two,.form-grid.three{grid-template-columns:1fr}.theme-grid{grid-template-columns:1fr 1fr}.prayer-settings-grid{grid-template-columns:1fr 1fr}.preview-panel{padding:8px}}
@media(max-width:520px){.metric-grid{grid-template-columns:1fr}.topbar-actions .secondary{display:none}.theme-grid{grid-template-columns:1fr}.admin-topbar h1{font-size:1rem}.admin-topbar{padding:9px}.topbar-actions button{padding:8px 10px}.about-panel{display:grid;text-align:center}.about-panel img{margin:auto}}