:root{--ink:#0c1a2d;--ink2:#18304d;--muted:#718096;--brand:#087b72;--brand2:#174f7d;--brand-soft:#e8f5f3;--bg:#f3f6f9;--line:#dde5ec;--white:#fff;--danger:#b23a3a;--success:#19764a;--warning:#a66a16;--shadow:0 16px 42px rgba(12,26,45,.08);--radius:16px}*{box-sizing:border-box}html{font-size:15px}body{margin:0;font-family:Inter,Cairo,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}html[dir=rtl] body{font-family:Cairo,Inter,sans-serif}a{color:inherit}button,input,select,textarea{font-family:inherit}.form-trap{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.auth-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 12% 10%,rgba(8,123,114,.17),transparent 29%),radial-gradient(circle at 90% 90%,rgba(23,79,125,.14),transparent 30%),linear-gradient(135deg,#f8fbfc,#eef3f7);padding:28px}.login-card,.install-card{width:min(470px,100%);background:rgba(255,255,255,.96);border:1px solid rgba(221,229,236,.95);border-radius:25px;padding:34px;box-shadow:0 26px 75px rgba(12,26,45,.13);position:relative;backdrop-filter:blur(12px)}.install-card{width:min(780px,100%)}.brand-mark{width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,var(--brand),var(--brand2));color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px;box-shadow:0 12px 29px rgba(8,123,114,.22)}.login-card h1,.install-card h1{margin:20px 0 6px;font-size:25px;letter-spacing:-.025em}.login-card>p,.install-card>p{color:var(--muted);margin:0 0 22px}.lang-pill{position:absolute;top:25px;inset-inline-end:25px;text-decoration:none;font-size:11px;font-weight:800;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.form-grid hr{border:0;border-top:1px solid var(--line);width:100%}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;margin-bottom:13px;color:#33445a}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:10px 12px;font:inherit;font-size:13px;background:#fbfcfd;color:var(--ink);outline:none;transition:.18s}input:focus,select:focus,textarea:focus{background:#fff;border-color:#73b8b1;box-shadow:0 0 0 4px rgba(8,123,114,.08)}textarea{resize:vertical}.btn{border:0;border-radius:10px;padding:10px 14px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;gap:8px;justify-content:center;align-items:center;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--brand),#086861);color:#fff;box-shadow:0 8px 20px rgba(8,123,114,.16)}.btn.secondary{background:#fff;border:1px solid var(--line);color:#304159}.btn.danger{background:#fff3f3;color:var(--danger);border:1px solid #efcccc}.btn:disabled{opacity:.65;cursor:wait;transform:none}.full{width:100%}.alert{padding:11px 13px;border-radius:11px;margin:14px 0;font-size:12px;border:1px solid transparent}.alert.error{background:#fff2f2;color:var(--danger);border-color:#f1d0d0}.alert.success{background:#edf9f2;color:var(--success);border-color:#cce8d7}.muted{color:var(--muted);font-size:11px}.back-link{display:block;text-align:center;margin-top:18px;color:var(--muted);text-decoration:none;font-size:12px}.admin-shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,#0c1d32 0%,#102640 100%);color:#d9e3ed;padding:19px 13px 25px;position:sticky;top:0;height:100vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#31506d transparent;z-index:70}.side-brand{display:flex;align-items:center;gap:11px;padding:4px 9px 17px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:10px}.side-brand .brand-mark{width:41px;height:41px;border-radius:13px;box-shadow:none}.side-brand>div:last-child{display:flex;flex-direction:column}.side-brand strong{color:#fff;font-size:14px}.side-brand .muted{color:#7890a8;text-transform:uppercase;letter-spacing:.11em;font-size:8px}.side-group{margin:20px 10px 7px;color:#69849d;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.15em}.side-link{display:flex;align-items:center;gap:10px;padding:9px 11px;margin:3px 0;border-radius:10px;text-decoration:none;font-size:12px;font-weight:600;color:#c2d0dd;transition:.17s;position:relative}.side-link .nav-icon{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.055);display:grid;place-items:center;color:#8fa7ba;font-size:12px;flex:0 0 auto}.side-link:hover,.side-link.active{background:rgba(255,255,255,.08);color:#fff}.side-link.active:before{content:"";position:absolute;inset-inline-start:-2px;top:9px;bottom:9px;width:3px;background:#5dd3bb;border-radius:4px}.side-link.active .nav-icon{background:rgba(93,211,187,.14);color:#72dec7}.admin-main{min-width:0}.topbar{height:74px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 27px;position:sticky;top:0;z-index:45;gap:12px}.topbar-title{display:flex;flex-direction:column;line-height:1.25}.topbar h1{font-size:17px;margin:0;letter-spacing:-.015em}.topbar-title span{font-size:9px;color:var(--muted);margin-top:3px}.topbar-actions{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.pill{min-height:36px;padding:7px 10px;border:1px solid var(--line);background:#fff;border-radius:10px;text-decoration:none;font-size:10px;font-weight:700;display:inline-flex;align-items:center;gap:6px;color:#3d4c60}.pill:hover{border-color:#c9d6df;background:#fbfcfd}.user-chip{display:flex;align-items:center;gap:8px;padding:5px 9px 5px 5px;border:1px solid var(--line);border-radius:12px;background:#fff}.user-avatar{width:28px;height:28px;border-radius:9px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:10px;font-weight:800}.user-meta{display:flex;flex-direction:column;line-height:1.2}.user-meta b{font-size:10px}.user-meta small{font-size:8px;color:var(--muted)}.admin-content{padding:27px;max-width:1700px;width:100%;margin-inline:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:19px}.page-head h2{margin:0;font-size:23px;letter-spacing:-.025em}.page-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.page-head .form-actions{margin-top:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:0 4px 16px rgba(12,26,45,.025)}.stat-card{position:relative;overflow:hidden;min-height:125px}.stat-card:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;background:var(--brand-soft);inset-inline-end:-38px;bottom:-47px}.stat-card-top{display:flex;align-items:center;justify-content:space-between}.stat-icon{width:37px;height:37px;border-radius:11px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:13px;font-weight:800}.stat-card span{color:var(--muted);font-size:10px}.stat-card b{display:block;font-size:28px;margin-top:13px;line-height:1}.stat-card small{display:block;color:#91a0af;font-size:9px;margin-top:8px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.panel{min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.panel h3{margin:0;font-size:14px}.panel-kicker{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.metric-line{display:flex;align-items:end;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf1f4}.metric-line:last-child{border-bottom:0}.metric-line span{font-size:11px;color:var(--muted)}.metric-line b{font-size:15px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 14px rgba(12,26,45,.025)}.data-table{width:100%;border-collapse:collapse;min-width:780px}.data-table th,.data-table td{padding:11px 13px;border-bottom:1px solid #edf1f4;text-align:start;font-size:11px;vertical-align:middle}.data-table th{background:#f8fafb;color:#68788d;font-size:9px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table tbody tr:hover{background:#fbfdfd}.data-table tbody tr:last-child td{border-bottom:0}.row-actions{display:flex;gap:6px;align-items:center}.row-actions form{margin:0}.row-actions a,.row-actions button{font:inherit;font-size:9px;font-weight:700;border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 8px;text-decoration:none;cursor:pointer;white-space:nowrap}.row-actions a:hover,.row-actions button:hover{border-color:#bfd0dc}.row-actions .del{color:var(--danger);background:#fff8f8}.toolbar{display:flex;gap:8px;margin-bottom:12px;align-items:center}.toolbar input{max-width:330px;background:#fff}.pagination{display:flex;gap:6px;margin-top:13px;flex-wrap:wrap}.pagination a{min-width:31px;text-align:center;padding:6px 8px;border:1px solid var(--line);background:#fff;border-radius:8px;text-decoration:none;font-size:10px}.pagination a.active{background:var(--brand);border-color:var(--brand);color:#fff}.modal-card,.form-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 4px 16px rgba(12,26,45,.025)}.form-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 14px}.form-cols .span-2{grid-column:1/-1}.form-actions{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}.badge-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#edf5f7;color:#4c6573;font-size:9px;font-weight:700}.dashboard-list{display:grid}.dashboard-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eef2f5;padding:10px 0;font-size:10px}.dashboard-list>div:last-child{border-bottom:0}.dashboard-list a{text-decoration:none;font-weight:700;color:#2e435d}.mobile-menu{display:none;width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:17px;cursor:pointer}.sidebar-overlay{display:none}.system-note{background:linear-gradient(135deg,#edf8f6,#f5f9fd);border:1px solid #d7e8e5;border-radius:13px;padding:12px 14px;color:#52706e;font-size:10px}.is-loading{position:relative;opacity:.75}@media(max-width:1180px){.admin-shell{grid-template-columns:230px minmax(0,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.topbar{padding-inline:20px}.admin-content{padding:22px}}@media(max-width:820px){.admin-shell{display:block}.sidebar{position:fixed;z-index:100;inset-block:0;inset-inline-start:-290px;width:272px;transition:.22s;box-shadow:20px 0 50px rgba(0,0,0,.17)}html[dir=rtl] .sidebar{box-shadow:-20px 0 50px rgba(0,0,0,.17)}.sidebar.open{inset-inline-start:0}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(8,18,31,.45);z-index:90;opacity:0;visibility:hidden;transition:.2s}.sidebar-overlay.open{opacity:1;visibility:visible}.mobile-menu{display:grid;place-items:center}.topbar{padding:0 13px;height:68px}.topbar-title span,.topbar-actions .view-site,.user-meta,.topbar-actions .logout-text{display:none}.user-chip{padding:4px}.admin-content{padding:15px}.grid-2{grid-template-columns:1fr}.form-cols{grid-template-columns:1fr}.form-cols .span-2{grid-column:auto}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.page-head{align-items:flex-start;flex-direction:column}.page-head>div:last-child{width:100%}.page-head .form-actions .btn{flex:1}.toolbar input{max-width:none;flex:1}}@media(max-width:520px){.auth-bg{padding:12px}.login-card,.install-card{padding:25px 20px;border-radius:20px}.cards{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:112px;padding:14px}.stat-card b{font-size:24px}.admin-content{padding:12px}.topbar h1{font-size:14px}.topbar-actions{gap:5px}.pill{padding:6px 8px}.panel,.form-panel{padding:15px}.grid-2{gap:10px;margin-top:10px}.form-actions{width:100%}.footer-actions{flex-direction:column}}
/* System & Website Settings */
.settings-status{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:10px;font-weight:700;color:#56677a}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(25,118,74,.09)}.settings-shell{display:grid;grid-template-columns:225px minmax(0,1fr);gap:15px;align-items:start}.settings-tabs{display:grid;gap:5px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:8px;position:sticky;top:90px;box-shadow:0 4px 16px rgba(12,26,45,.025)}.settings-tab{display:flex;align-items:center;gap:9px;padding:10px;border-radius:10px;text-decoration:none;color:#536477;font-size:11px}.settings-tab>span{width:29px;height:29px;border-radius:9px;background:#f2f6f8;display:grid;place-items:center;color:#6d8193}.settings-tab:hover{background:#f7fafb}.settings-tab.active{background:var(--brand-soft);color:var(--brand)}.settings-tab.active>span{background:#fff;color:var(--brand)}.settings-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 16px rgba(12,26,45,.025);overflow:hidden}.settings-card-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(180deg,#fff,#fbfcfd)}.settings-card-head>div{display:flex;align-items:center;gap:12px}.settings-icon{width:42px;height:42px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:800}.settings-card-head h3{margin:0;font-size:15px}.settings-card-head p{margin:3px 0 0;color:var(--muted);font-size:10px}.settings-grid{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:5px 15px}.settings-grid .span-2{grid-column:1/-1}.field-hint{font-size:9px;color:var(--muted);font-weight:500}.setting-toggle{grid-column:1/-1!important;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding:13px 14px;border:1px solid #e7edf2;border-radius:12px;background:#fbfcfd}.setting-toggle>div{display:flex;flex-direction:column;gap:3px}.setting-toggle small{font-size:9px;color:var(--muted);font-weight:500}.switch{position:relative;flex:0 0 auto;width:43px;height:24px}.switch input{position:absolute;opacity:0;pointer-events:none}.switch i{display:block;width:43px;height:24px;border-radius:999px;background:#ccd6df;cursor:pointer;transition:.18s}.switch i:after{content:"";position:absolute;width:18px;height:18px;top:3px;inset-inline-start:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.15);transition:.18s}.switch input:checked+i{background:var(--brand)}.switch input:checked+i:after{inset-inline-start:22px}.warning-chip{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff4df;border:1px solid #f0d7a4;color:#8a5a0f;font-size:9px;font-weight:800}.settings-footer{border-top:1px solid var(--line);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fbfcfd}.settings-footer>div:first-child{display:flex;flex-direction:column}.settings-footer b{font-size:10px}.settings-footer span{font-size:9px;color:var(--muted)}.settings-footer .form-actions{margin:0}.settings-grid input[type=color]{height:43px;padding:5px;cursor:pointer}.settings-grid select{max-height:44px}@media(max-width:980px){.settings-shell{grid-template-columns:1fr}.settings-tabs{position:static;display:flex;overflow:auto;white-space:nowrap}.settings-tab{flex:0 0 auto}.settings-grid{grid-template-columns:1fr}.settings-grid .span-2{grid-column:auto}.setting-toggle{grid-column:auto!important}}@media(max-width:620px){.settings-card-head,.settings-footer{align-items:flex-start;flex-direction:column}.settings-footer .form-actions{width:100%}.settings-footer .btn{flex:1}.settings-grid{padding:15px}.settings-card-head{padding:15px}.settings-tab b{font-size:10px}.settings-status{display:none}}
.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:inherit;background:#fff;padding:3px}
.client-admin-stats{margin-bottom:2px}.client-admin-tabs{display:flex;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:14px;padding:7px}.client-admin-tabs .settings-tab{position:relative}.client-admin-tabs .settings-tab em{font-style:normal;min-width:18px;height:18px;border-radius:9px;background:#b23a3a;color:#fff;display:grid;place-items:center;font-size:8px;margin-inline-start:auto}.client-badge-pending{background:#fff7e9!important;color:#956118!important}.client-badge-active{background:#eaf8f0!important;color:#1d7448!important}.client-badge-rejected,.client-badge-suspended{background:#fff0f0!important;color:#a43d3d!important}.client-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.client-review-grid>div{display:flex;flex-direction:column;padding:11px;border:1px solid #e8edf1;background:#fafcfd;border-radius:11px}.client-review-grid .span-2{grid-column:1/-1}.client-review-grid small{font-size:8px;color:var(--muted)}.client-review-grid b{font-size:10px;margin-top:3px;word-break:break-word}.client-admin-message{padding:14px;border-radius:12px;background:#f8fafb;border:1px solid #e8edf1;font-size:11px;color:#4d5e72;margin-bottom:15px}.admin-ticket-thread{display:grid;gap:10px;max-height:560px;overflow:auto;padding-inline-end:3px}.admin-ticket-message{max-width:88%;padding:11px 13px;border:1px solid #e4eaee;border-radius:13px;background:#f6f8fa}.admin-ticket-message.staff{margin-inline-start:auto;background:#eaf7f4;border-color:#cfe8e2}.admin-ticket-message>div{display:flex;justify-content:space-between;gap:12px}.admin-ticket-message b{font-size:9px}.admin-ticket-message span{font-size:8px;color:var(--muted)}.admin-ticket-message p{margin:6px 0 0;font-size:10px;color:#4b5d71}@media(max-width:760px){.client-review-grid{grid-template-columns:1fr}.client-review-grid .span-2{grid-column:auto}}