:root{--bg:#0b0c16;--bg2:#07080e;--card:#121324;--card2:#171930;--line:#232644;--blue:#6366f1;--blue2:#818cf8;--purple:#8b5cf6;--text:#f8fafc;--muted:#94a3b8;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#38bdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}.container{width:92%;max-width:1180px;margin:auto}.top{background:var(--bg2);color:var(--muted);padding:9px 0;font-size:13px;border-bottom:1px solid var(--line)}.top .container,.nav .container{display:flex;justify-content:space-between;align-items:center}.nav{background:rgba(11,12,22,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav .container{min-height:74px}.brand{font-size:23px;font-weight:900;color:#fff}.brand span,.gold{color:var(--blue2)}.links{display:flex;gap:24px;align-items:center;font-weight:700}.links a{color:#dbe2f3}.links a:hover{color:#a5b4fc}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff!important;padding:12px 19px;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(99,102,241,.2)}.btn:hover{filter:brightness(1.08)}.hero{padding:85px 0;background:radial-gradient(circle at 70% 20%,rgba(99,102,241,.18),transparent 38%),var(--bg)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.hero h1{font-size:54px;line-height:1.05;margin:12px 0;color:#fff}.hero p{font-size:18px;line-height:1.7;color:var(--muted)}.hero img{width:100%;border-radius:22px;border:1px solid var(--line);box-shadow:0 20px 60px #0008}.section{padding:75px 0}.center{text-align:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.card{background:linear-gradient(180deg,var(--card),#0f1020);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 14px 40px rgba(0,0,0,.16)}.card:hover{border-color:#41468a}.card h3{margin-top:0;color:#fff}.card p{color:var(--muted);line-height:1.6}.price{font-weight:800;margin:12px 0;color:#a5b4fc}.form{max-width:760px;margin:30px auto;background:var(--card);padding:28px;border-radius:14px;border:1px solid var(--line)}.form input,.form select,.form textarea,.panel input,.panel textarea,.panel select{width:100%;padding:12px 13px;margin:7px 0 15px;background:#080912;border:1px solid var(--line);border-radius:8px;color:var(--text);outline:none}.form input:focus,.form select:focus,.form textarea:focus,.panel input:focus,.panel textarea:focus,.panel select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(99,102,241,.12)}.footer{background:var(--bg2);color:#fff;padding:50px 0;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer a{display:block;margin:10px 0;color:var(--muted)}.page{min-height:55vh;padding:60px 0}.page article{background:var(--card);padding:34px;border:1px solid var(--line);border-radius:14px}.notice{padding:13px 15px;border-radius:9px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.28);color:#c7d2fe;margin:15px 0}.small{font-size:12px;color:var(--muted)}
/* ADMIN */
.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:var(--bg)}.admin-sidebar{position:sticky;top:0;height:100vh;background:var(--bg2);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column}.admin-brand{padding:5px 10px 25px;border-bottom:1px solid var(--line);margin-bottom:18px}.admin-brand strong{font-size:20px;display:block}.admin-brand span{color:#a5b4fc;font-size:12px;letter-spacing:1.5px}.admin-nav{display:flex;flex-direction:column;gap:7px}.admin-nav a{padding:12px 13px;border-radius:9px;color:#b7c0d5;font-size:14px;font-weight:650;transition:.2s}.admin-nav a:hover,.admin-nav a.active{background:rgba(99,102,241,.13);color:#fff}.admin-nav a.logout{margin-top:15px;color:#fca5a5;border-top:1px solid var(--line);border-radius:0;padding-top:20px}.admin-sidebar-foot{margin-top:auto;padding:15px 10px 0;color:#59637b;font-size:11px}.admin-main{min-width:0}.admin-topbar{height:72px;border-bottom:1px solid var(--line);background:rgba(11,12,22,.92);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:10}.admin-topbar h1{font-size:18px;margin:0}.admin-topbar .admin-user{color:var(--muted);font-size:13px}.admin{max-width:1320px;margin:0 auto;padding:30px 32px 50px}.admin h2{margin:0 0 20px;color:#fff}.admin .cards{margin-top:0}.admin .card{position:relative;overflow:hidden}.admin .card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--blue),var(--purple))}.admin .card h3{font-size:13px;color:var(--muted);font-weight:650;margin:0 0 12px}.admin .card h2{font-size:34px;margin:0;color:#fff}.admin-stat-note{font-size:12px;color:#657089;margin-top:9px}.panel{background:var(--card);padding:22px;border:1px solid var(--line);border-radius:13px;margin-bottom:18px}.panel h3{margin-top:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.table{width:100%;border-collapse:collapse;background:var(--card);min-width:720px}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:#0e0f1c}.table td{font-size:14px}.table tr:last-child td{border-bottom:0}.admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:22px}.admin-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-quick a{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;color:#dce3f5}.admin-quick a:hover{border-color:var(--blue);background:var(--card2)}.admin-quick strong{display:block;margin-bottom:5px}.admin-quick span{font-size:12px;color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--success);margin-right:6px}
@media(max-width:900px){.links{display:none}.hero-grid,.cards,.footer-grid,.admin-grid{grid-template-columns:1fr}.hero h1{font-size:38px}.hero{padding:45px 0}.top .container{gap:10px;flex-wrap:wrap}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-nav{display:grid;grid-template-columns:repeat(2,1fr)}.admin-sidebar-foot{display:none}.admin-topbar{padding:0 18px}.admin{padding:22px 16px}.admin-quick{grid-template-columns:1fr}}

/* =========================================================
   SERVICES MANAGEMENT + AUTOMATIC WEBSITE SYNC
========================================================= */
.admin-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.admin-page-head h2{margin:4px 0 8px;font-size:28px}.admin-page-head p,.panel-head-row p{margin:0;color:var(--muted);line-height:1.6;max-width:760px}.admin-kicker{font-size:11px;letter-spacing:.14em;color:var(--blue2);font-weight:800}.service-admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.service-admin-stat{background:linear-gradient(180deg,var(--card),#0e1020);border:1px solid var(--line);border-radius:13px;padding:18px 20px}.service-admin-stat span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.service-admin-stat strong{font-size:28px}.service-success{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.28);color:#bbf7d0}.service-error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#fecaca}.panel-head-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.panel-head-row h3{margin:0 0 6px}.admin-link-btn,.mini-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#0b0c16;color:#dbe4f7;border-radius:8px;padding:9px 13px;font-size:12px;font-weight:750;cursor:pointer}.admin-link-btn:hover,.mini-action:hover{border-color:var(--blue);background:rgba(99,102,241,.1)}.service-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.service-form-grid label{display:block;color:#dbe4f7;font-size:12px;font-weight:750;margin-bottom:1px}.service-form-grid small{display:block;margin-top:-9px;margin-bottom:12px;color:#68738c;font-size:11px}.field-span-2{grid-column:1/-1}.service-form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px;margin-top:4px}.switch-row{display:flex!important;align-items:center;gap:11px;margin:0!important}.switch-row input{width:18px!important;height:18px;margin:0!important;accent-color:var(--blue)}.switch-row span{display:block}.switch-row b{display:block}.switch-row small{margin:3px 0 0}.service-list-panel{margin-top:22px}.service-filters{display:grid;grid-template-columns:minmax(220px,1fr) 220px auto auto;gap:10px;align-items:center;margin-bottom:15px}.service-filters input,.service-filters select{margin:0}.service-table strong{color:#fff}.table-sub{color:#68738c;font-size:11px;margin-top:4px}.category-pill,.order-pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:750}.category-pill{background:rgba(99,102,241,.1);color:#c7d2fe;border:1px solid rgba(99,102,241,.18)}.order-pill{background:#0a0b14;color:#94a3b8;border:1px solid var(--line);min-width:32px;justify-content:center}.inline-form{display:inline;margin:0}.status-badge{border:1px solid transparent;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;cursor:pointer}.status-badge.is-active{background:rgba(34,197,94,.1);color:#86efac;border-color:rgba(34,197,94,.25)}.status-badge.is-hidden{background:rgba(148,163,184,.08);color:#94a3b8;border-color:rgba(148,163,184,.16)}.row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.danger-action{color:#fca5a5}.danger-action:hover{border-color:rgba(239,68,68,.6);background:rgba(239,68,68,.08)}.admin-empty{text-align:center;padding:28px;color:var(--muted)}

.section-intro p{max-width:700px;margin:10px auto 0;color:var(--muted);line-height:1.65}.service-category-tabs{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:28px 0 4px}.service-filter{border:1px solid var(--line);background:var(--card);color:#cbd5e1;border-radius:999px;padding:9px 14px;font-weight:750;font-size:12px;cursor:pointer}.service-filter:hover,.service-filter.active{border-color:var(--blue);background:linear-gradient(135deg,rgba(99,102,241,.18),rgba(139,92,246,.16));color:#fff}.service-cards{align-items:stretch}.service-card{display:flex;flex-direction:column}.service-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.service-category-label{display:inline-flex;width:max-content;max-width:100%;padding:6px 9px;border-radius:999px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);color:#c7d2fe;font-size:10px;font-weight:800;letter-spacing:.03em}.service-price{font-size:13px;font-weight:900;color:#a5b4fc}.service-card h3{font-size:20px;margin-bottom:10px}.service-card p{flex:1}.service-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.service-card-actions .btn{padding:10px 14px;font-size:12px}.service-detail-link{color:#a5b4fc;font-size:12px;font-weight:800}.service-detail-link:hover{color:#fff}.service-empty-state{margin:30px auto 0;max-width:720px;text-align:center;background:var(--card);border:1px dashed var(--line);border-radius:14px;padding:30px;color:var(--muted)}

.service-detail-page{background:radial-gradient(circle at 20% 0,rgba(99,102,241,.12),transparent 35%),var(--bg)}.service-detail-card{max-width:900px;margin:0 auto;background:linear-gradient(180deg,var(--card),#0e1020);border:1px solid var(--line);border-radius:18px;padding:38px}.service-back-link{display:inline-block;margin-bottom:24px;color:var(--muted);font-size:13px}.service-back-link:hover{color:#fff}.service-detail-card h1{font-size:42px;line-height:1.12;margin:14px 0 12px}.service-detail-lead{font-size:18px;color:#b8c2d7;line-height:1.7}.service-detail-price{display:inline-flex;margin:8px 0 22px;padding:9px 12px;border-radius:10px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.22);font-weight:800;color:#c7d2fe}.service-detail-content{padding:22px 0;border-top:1px solid var(--line);color:var(--muted);line-height:1.8}.service-detail-actions{display:flex;align-items:center;gap:18px;margin-top:22px}

@media(max-width:900px){.admin-page-head{flex-direction:column}.service-admin-stats{grid-template-columns:1fr}.service-form-grid{grid-template-columns:1fr}.field-span-2{grid-column:auto}.service-form-footer{align-items:flex-start;flex-direction:column}.service-filters{grid-template-columns:1fr}.service-card-actions{align-items:stretch;flex-direction:column}.service-card-actions .btn,.service-detail-link{text-align:center;justify-content:center}.service-detail-card{padding:25px 20px}.service-detail-card h1{font-size:32px}.service-detail-actions{align-items:stretch;flex-direction:column}.service-detail-actions .btn{width:100%}}

/* =========================================================
   V3 - CUSTOMER PORTAL / SETTINGS / LIGHT + DARK THEME
========================================================= */
.theme-toggle{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:9px;min-width:38px;height:38px;padding:0 10px;cursor:pointer;font-weight:800}.theme-toggle:hover{border-color:var(--blue);background:var(--card2)}.site-logo{max-height:46px;max-width:190px;display:block;object-fit:contain}.admin-user{display:flex;align-items:center;gap:9px}

/* settings */
.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;padding:7px;background:var(--card);border:1px solid var(--line);border-radius:12px}.settings-tab{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:8px;font-weight:750;cursor:pointer}.settings-tab.active,.settings-tab:hover{background:rgba(99,102,241,.14);color:var(--text)}.settings-section{display:none}.settings-section.active{display:block}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.settings-grid label{display:block;font-size:12px;font-weight:750;color:var(--text);margin-bottom:1px}.settings-grid small{display:block;color:var(--muted);margin-top:-9px;margin-bottom:12px}.branding-preview{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}.branding-preview>div{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:12px;min-width:160px}.branding-preview span{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.branding-preview img{height:54px;max-width:180px;object-fit:contain}.smtp-test-panel{margin-top:18px}.inline-test{display:flex;gap:10px;align-items:center}.inline-test input{margin:0;max-width:420px}.settings-savebar{position:sticky;bottom:16px;z-index:6;background:rgba(18,19,36,.96);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:13px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 16px 45px rgba(0,0,0,.2)}.settings-savebar span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.admin-stats-5{grid-template-columns:repeat(5,1fr)}.request-detail-box{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px;color:var(--muted);line-height:1.65;margin-bottom:15px}

/* account auth */
.account-auth{min-height:70vh;padding:60px 20px;background:radial-gradient(circle at 50% 0,rgba(99,102,241,.16),transparent 35%),var(--bg);display:flex;align-items:flex-start;justify-content:center}.auth-card{width:100%;max-width:480px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.auth-brand{font-size:13px;letter-spacing:.12em;font-weight:900;color:var(--muted);margin-bottom:22px}.auth-brand span{color:var(--blue2)}.auth-card h1{margin:0 0 8px;font-size:32px}.auth-card>p{color:var(--muted);line-height:1.6}.auth-card label{display:block;font-size:12px;font-weight:750;margin-top:14px}.auth-card input{width:100%;padding:13px 14px;margin-top:7px;background:var(--bg);border:1px solid var(--line);border-radius:9px;color:var(--text);outline:none}.auth-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(99,102,241,.12)}.auth-submit{width:100%;margin-top:20px}.auth-separator{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;margin:22px 0}.auth-separator:before,.auth-separator:after{content:"";height:1px;background:var(--line);flex:1}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:11px;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:12px 15px;font-weight:750}.google-btn:hover{border-color:var(--blue)}.google-btn b{display:flex;width:24px;height:24px;border-radius:50%;background:#fff;color:#4285f4;align-items:center;justify-content:center;font-family:Arial}.auth-foot{text-align:center!important;font-size:13px}.auth-foot a{color:var(--blue2);font-weight:800}.error-notice{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#fecaca}

/* customer dashboard */
.account-page{min-height:70vh;padding:55px 0 75px;background:radial-gradient(circle at 15% 0,rgba(99,102,241,.12),transparent 32%),var(--bg)}.account-head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:28px}.account-head h1{font-size:38px;margin:7px 0 8px}.account-head p{margin:0;color:var(--muted)}.account-kicker{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--blue2)}.account-actions{display:flex;gap:9px}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;padding:10px 14px;color:var(--text);font-weight:750}.ghost-btn:hover{border-color:var(--blue)}.account-theme{height:auto}.account-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.account-summary>div{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:20px}.account-summary span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.account-summary strong{font-size:30px}.account-panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:23px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.panel-title h2{margin:0 0 5px}.panel-title p{margin:0;color:var(--muted);font-size:13px}.request-list{display:grid;gap:12px}.request-item{display:flex;justify-content:space-between;gap:20px;padding:18px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.request-main{min-width:0;flex:1}.request-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.request-title-row h3{margin:0;font-size:17px}.request-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin:8px 0}.request-main p{color:var(--muted);font-size:13px;line-height:1.6;margin:10px 0 0}.request-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:10px}.request-amount{text-align:right}.request-amount small{display:block;color:var(--muted);font-size:10px}.request-amount strong{font-size:20px}.request-status{display:inline-flex;align-items:center;width:max-content;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:850;white-space:nowrap;border:1px solid var(--line);background:rgba(148,163,184,.08);color:var(--muted)}.status-pending{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.25);color:#fbbf24}.status-processing{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.25);color:#7dd3fc}.status-awaiting_payment{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.26);color:#c4b5fd}.status-paid,.status-completed{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.25);color:#86efac}.status-cancelled{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.25);color:#fca5a5}.empty-state{text-align:center;padding:45px 20px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.empty-state h3{color:var(--text);margin-top:0}

/* light theme */
html[data-theme="light"]{--bg:#f5f7fb;--bg2:#ffffff;--card:#ffffff;--card2:#eef2ff;--line:#dbe2ee;--text:#101828;--muted:#667085;--blue:#4f46e5;--blue2:#4f46e5;--purple:#7c3aed}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}html[data-theme="light"] .top{background:#0f172a;color:#cbd5e1;border-bottom-color:#1e293b}html[data-theme="light"] .nav{background:rgba(255,255,255,.96)}html[data-theme="light"] .brand{color:#111827}html[data-theme="light"] .links a{color:#344054}html[data-theme="light"] .links a:hover{color:var(--blue)}html[data-theme="light"] .hero{background:radial-gradient(circle at 70% 20%,rgba(99,102,241,.12),transparent 38%),#f8fafc}html[data-theme="light"] .hero h1,html[data-theme="light"] .card h3,html[data-theme="light"] .admin h2,html[data-theme="light"] .service-table strong{color:var(--text)}html[data-theme="light"] .hero img{box-shadow:0 20px 50px rgba(15,23,42,.12)}html[data-theme="light"] .card{background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.06)}html[data-theme="light"] .form,html[data-theme="light"] .panel{background:#fff}html[data-theme="light"] .form input,html[data-theme="light"] .form select,html[data-theme="light"] .form textarea,html[data-theme="light"] .panel input,html[data-theme="light"] .panel textarea,html[data-theme="light"] .panel select{background:#f8fafc;color:#101828}html[data-theme="light"] .footer{background:#0f172a;color:#fff}html[data-theme="light"] .footer a{color:#cbd5e1}html[data-theme="light"] .page article{background:#fff}html[data-theme="light"] .admin-shell{background:#f5f7fb}html[data-theme="light"] .admin-sidebar{background:#fff}html[data-theme="light"] .admin-brand strong{color:#101828}html[data-theme="light"] .admin-nav a{color:#475467}html[data-theme="light"] .admin-nav a:hover,html[data-theme="light"] .admin-nav a.active{background:#eef2ff;color:#3730a3}html[data-theme="light"] .admin-topbar{background:rgba(255,255,255,.96)}html[data-theme="light"] .table{background:#fff}html[data-theme="light"] .table th{background:#f8fafc}html[data-theme="light"] .admin-link-btn,html[data-theme="light"] .mini-action{background:#fff;color:#344054}html[data-theme="light"] .service-admin-stat{background:#fff}html[data-theme="light"] .order-pill{background:#f8fafc}html[data-theme="light"] .service-filter{background:#fff;color:#475467}html[data-theme="light"] .service-filter:hover,html[data-theme="light"] .service-filter.active{color:#3730a3;background:#eef2ff}html[data-theme="light"] .service-detail-card{background:#fff}html[data-theme="light"] .settings-savebar{background:rgba(255,255,255,.96);box-shadow:0 15px 40px rgba(15,23,42,.12)}html[data-theme="light"] .error-notice{color:#b42318}html[data-theme="light"] .status-pending{color:#b54708}html[data-theme="light"] .status-processing{color:#026aa2}html[data-theme="light"] .status-awaiting_payment{color:#6941c6}html[data-theme="light"] .status-paid,html[data-theme="light"] .status-completed{color:#027a48}html[data-theme="light"] .status-cancelled{color:#b42318}

@media(max-width:1200px){.admin-stats-5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.settings-grid .field-span-2{grid-column:auto}.admin-stats-5{grid-template-columns:1fr 1fr}.account-head,.panel-title{flex-direction:column}.account-summary{grid-template-columns:1fr}.request-item{flex-direction:column}.request-side{align-items:flex-start}.request-amount{text-align:left}.inline-test{flex-direction:column;align-items:stretch}.settings-savebar{position:static;flex-direction:column;align-items:stretch}.settings-savebar .btn{width:100%}}
@media(max-width:600px){.admin-stats-5{grid-template-columns:1fr}.auth-card{padding:24px 18px}.account-head h1{font-size:31px}.request-title-row{align-items:flex-start;flex-direction:column}.account-actions{width:100%}.account-actions>*{flex:1}.settings-tabs{display:grid;grid-template-columns:1fr 1fr}}

/* =========================================================
   PROFESSIONAL ADMIN LOGIN
========================================================= */
.admin-login-body{min-height:100vh;margin:0;background:var(--bg);overflow-x:hidden}.admin-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(460px,1.05fr) minmax(520px,.95fr);background:var(--bg)}.admin-login-showcase{position:relative;overflow:hidden;background:#070914;border-right:1px solid var(--line)}.admin-login-showcase:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-220px;top:-170px;background:radial-gradient(circle,rgba(99,102,241,.27) 0,rgba(139,92,246,.12) 36%,transparent 68%)}.admin-login-showcase:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;left:-180px;bottom:-180px;background:radial-gradient(circle,rgba(56,189,248,.12),transparent 68%)}.admin-login-showcase-inner{position:relative;z-index:2;min-height:100vh;max-width:760px;margin-left:auto;padding:46px 64px 38px;display:flex;flex-direction:column}.admin-login-brand{display:inline-flex;align-items:center;gap:13px;width:max-content}.admin-login-logo-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#1c1f47,#111329);border:1px solid #323766;color:#a5b4fc;font-size:22px;font-weight:950;box-shadow:0 12px 30px rgba(0,0,0,.28)}.admin-login-logo-img{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#fff;border:1px solid rgba(255,255,255,.13);overflow:hidden;padding:6px}.admin-login-logo-img img{max-width:100%;max-height:100%;object-fit:contain}.admin-login-brand-copy{display:flex;flex-direction:column;gap:3px}.admin-login-brand-copy strong{font-size:20px;letter-spacing:-.02em;color:#fff}.admin-login-brand-copy small{font-size:10px;letter-spacing:.22em;color:#858eaa;font-weight:800}.admin-login-intro{margin:auto 0 42px;max-width:620px}.admin-login-kicker{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:850;letter-spacing:.16em;color:#a5b4fc}.admin-login-kicker i{width:7px;height:7px;border-radius:50%;background:#818cf8;box-shadow:0 0 0 6px rgba(129,140,248,.09)}.admin-login-intro h1{font-size:clamp(38px,4.4vw,64px);line-height:1.03;letter-spacing:-.045em;margin:19px 0 20px;color:#fff;max-width:680px}.admin-login-intro p{margin:0;color:#9aa4bf;line-height:1.75;font-size:16px;max-width:590px}.admin-login-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:38px}.admin-login-feature{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid rgba(148,163,184,.12);border-radius:13px;background:rgba(255,255,255,.025);backdrop-filter:blur(8px)}.admin-login-feature-icon{flex:0 0 31px;height:31px;display:grid;place-items:center;border-radius:8px;background:rgba(99,102,241,.12);color:#a5b4fc;font-size:10px;font-weight:900;border:1px solid rgba(129,140,248,.16)}.admin-login-feature b{display:block;color:#e7eafd;font-size:13px;margin:1px 0 4px}.admin-login-feature small{display:block;color:#737e99;font-size:11px;line-height:1.45}.admin-login-showcase-foot{padding-top:20px;border-top:1px solid rgba(148,163,184,.12);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#66718b;font-size:11px}.admin-login-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-right:7px;box-shadow:0 0 0 4px rgba(34,197,94,.09)}.admin-login-main{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:92px 40px 55px;background:radial-gradient(circle at 85% 5%,rgba(99,102,241,.12),transparent 30%),var(--bg)}.admin-login-main-actions{position:absolute;top:26px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between}.admin-login-back{font-size:12px;font-weight:750;color:var(--muted);transition:.2s}.admin-login-back:hover{color:var(--text)}.admin-login-theme{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;display:grid;place-items:center;font-size:17px}.admin-login-theme:hover{border-color:var(--blue)}html[data-theme="dark"] .admin-login-theme .theme-light-icon{display:none}html[data-theme="light"] .admin-login-theme .theme-dark-icon{display:none}.admin-login-card-wrap{width:100%;max-width:480px}.admin-login-card{background:linear-gradient(180deg,rgba(18,19,36,.98),rgba(12,13,25,.98));border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:0 28px 85px rgba(0,0,0,.30)}.admin-login-mobile-brand{display:none}.admin-login-title>span{font-size:10px;letter-spacing:.17em;font-weight:900;color:var(--blue2)}.admin-login-title h2{font-size:34px;letter-spacing:-.035em;margin:9px 0 8px;color:var(--text)}.admin-login-title p{margin:0 0 27px;color:var(--muted);font-size:13px;line-height:1.6}.admin-login-alert{display:flex;gap:11px;align-items:flex-start;margin:-5px 0 22px;padding:12px 13px;border:1px solid rgba(239,68,68,.25);background:rgba(239,68,68,.075);border-radius:11px;color:#fecaca}.admin-login-alert>span{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:50%;background:rgba(239,68,68,.14);font-weight:900}.admin-login-alert b{display:block;font-size:12px;margin-bottom:2px}.admin-login-alert small{display:block;font-size:11px;color:#fda4af}.admin-login-form label{display:block;font-size:12px;font-weight:750;color:var(--text);margin-bottom:8px}.admin-login-label-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.admin-login-label-row label{margin:0}.admin-login-label-row span{color:var(--muted);font-size:10px}.admin-login-field{position:relative}.admin-login-field input{width:100%;height:51px;padding:0 50px 0 46px;border:1px solid var(--line);border-radius:11px;background:#080912;color:var(--text);outline:none;font-size:14px;transition:.2s}.admin-login-field input::placeholder{color:#5f6980}.admin-login-field input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(99,102,241,.11);background:#0b0c16}.admin-login-field-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:#68738d;z-index:2}.admin-login-field-icon svg{display:block;width:100%;height:100%}.admin-login-field:focus-within .admin-login-field-icon{color:#a5b4fc}.admin-login-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#8b96af;padding:8px;font-size:10px;font-weight:800;cursor:pointer}.admin-login-password-toggle:hover{color:#c7d2fe}.admin-login-submit{width:100%;height:52px;margin-top:24px;border:0;border-radius:11px;background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;gap:11px;font-weight:850;font-size:13px;cursor:pointer;box-shadow:0 14px 30px rgba(99,102,241,.24);transition:.2s}.admin-login-submit:hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 16px 35px rgba(99,102,241,.31)}.admin-login-submit:active{transform:translateY(0)}.admin-login-security-note{display:flex;align-items:flex-start;gap:11px;margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.admin-login-shield{width:30px;height:30px;flex:0 0 30px;color:#22c55e;padding:5px;border:1px solid rgba(34,197,94,.16);background:rgba(34,197,94,.07);border-radius:9px}.admin-login-shield svg{width:100%;height:100%}.admin-login-security-note b{display:block;font-size:11px;color:var(--text);margin:1px 0 4px}.admin-login-security-note small{display:block;color:var(--muted);font-size:10px;line-height:1.5}.admin-login-copyright{text-align:center;color:#59637a;font-size:10px;margin:18px 0 0}.admin-login-card input:-webkit-autofill,.admin-login-card input:-webkit-autofill:hover,.admin-login-card input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px #080912 inset;transition:background-color 5000s ease-in-out 0s}

html[data-theme="light"] .admin-login-showcase{background:#10152a;border-right-color:#202a46}html[data-theme="light"] .admin-login-main{background:radial-gradient(circle at 85% 5%,rgba(79,70,229,.10),transparent 30%),#f4f6fb}html[data-theme="light"] .admin-login-card{background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.11)}html[data-theme="light"] .admin-login-field input{background:#f8fafc;color:#101828}html[data-theme="light"] .admin-login-field input:focus{background:#fff}html[data-theme="light"] .admin-login-card input:-webkit-autofill,html[data-theme="light"] .admin-login-card input:-webkit-autofill:hover,html[data-theme="light"] .admin-login-card input:-webkit-autofill:focus{-webkit-text-fill-color:#101828;-webkit-box-shadow:0 0 0 1000px #f8fafc inset}html[data-theme="light"] .admin-login-alert{color:#b42318}html[data-theme="light"] .admin-login-alert small{color:#b42318}

@media(max-width:1050px){.admin-login-shell{grid-template-columns:1fr}.admin-login-showcase{display:none}.admin-login-main{min-height:100vh;padding:90px 22px 45px}.admin-login-mobile-brand{display:flex;align-items:center;gap:11px;margin-bottom:28px;padding-bottom:21px;border-bottom:1px solid var(--line)}.admin-login-mobile-brand>div{display:flex;flex-direction:column}.admin-login-mobile-brand strong{font-size:15px}.admin-login-mobile-brand small{font-size:9px;letter-spacing:.15em;color:var(--muted);font-weight:850}.admin-login-mobile-brand .admin-login-logo-mark{width:42px;height:42px;border-radius:11px;font-size:19px}.admin-login-mobile-brand .admin-login-logo-img{width:44px;height:44px}}
@media(max-width:560px){.admin-login-main{padding:76px 15px 32px}.admin-login-main-actions{top:18px;left:18px;right:18px}.admin-login-card{padding:25px 20px;border-radius:17px}.admin-login-title h2{font-size:29px}.admin-login-copyright{padding:0 10px}}

/* =========================================================
   PRO SUITE UPDATE — REQUESTS / PORTAL / ADMIN
========================================================= */
.nav-count{display:inline-flex;min-width:20px;height:20px;padding:0 6px;border-radius:999px;align-items:center;justify-content:center;background:#5b5cf0;color:#fff;font-size:11px;margin-left:8px}.notification-bell{position:relative;font-size:18px;text-decoration:none}.notification-bell span{position:absolute;right:-8px;top:-9px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center}.admin-top-sub{display:block;font-size:12px;opacity:.6;margin-top:3px}
.admin-filter-row{display:grid;grid-template-columns:minmax(240px,1fr) 220px auto auto;gap:10px;align-items:center}.admin-request-layout,.customer-request-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:20px;align-items:start}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0}.detail-grid>div{border:1px solid var(--border,#252b45);background:var(--panel-2,#0c1020);border-radius:12px;padding:14px}.detail-grid span{display:block;font-size:11px;opacity:.62;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.message-thread{display:flex;flex-direction:column;gap:10px;margin:14px 0}.message-bubble{max-width:84%;border-radius:14px;padding:12px 14px;border:1px solid var(--border,#252b45);background:var(--panel-2,#0c1020)}.message-bubble.customer-msg{margin-left:auto;background:rgba(91,92,240,.12);border-color:rgba(91,92,240,.35)}.message-bubble.internal-msg{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.35)}.message-bubble p{margin:5px 0 6px}.message-bubble small{opacity:.55}.file-row{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border,#252b45);border-radius:10px;margin:8px 0;text-decoration:none;color:inherit}.timeline{border-left:2px solid rgba(91,92,240,.35);margin-left:7px;padding-left:17px}.timeline>div{position:relative;padding:0 0 18px}.timeline>div:before{content:"";position:absolute;left:-23px;top:4px;width:10px;height:10px;border-radius:50%;background:#6d5dfc}.timeline b,.timeline span{display:block}.timeline span{font-size:11px;opacity:.55;margin-top:3px}.timeline p{margin:5px 0 0;font-size:13px;opacity:.8}.check-line{display:flex!important;align-items:center;gap:8px;margin:10px 0}.check-line input{width:auto!important}.payment-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px;border:1px solid var(--border,#252b45);border-radius:12px;margin-top:16px}.payment-summary span{opacity:.6}.payment-summary strong{font-size:22px}.requirements-preview{margin:22px 0}.notification-list{padding:0!important}.notification-item{display:flex;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--border,#252b45)}.notification-item:last-child{border-bottom:0}.notification-item.unread{background:rgba(91,92,240,.08)}.notification-item p{margin:4px 0}.notification-item small{opacity:.5}.settings-list-link{display:block;padding:13px;border:1px solid var(--border,#252b45);border-radius:10px;margin:8px 0;color:inherit;text-decoration:none}.settings-list-link span{display:block;font-size:12px;opacity:.55;margin-top:3px}.dashboard-health{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dashboard-health>div{padding:14px;border:1px solid var(--border,#252b45);border-radius:12px}.dashboard-health span{display:block;font-size:11px;opacity:.6}.dashboard-health b{display:block;font-size:19px;margin-top:4px}.mini-chart{display:flex;align-items:flex-end;gap:16px;height:180px;padding:18px 10px 0}.mini-chart-col{flex:1;text-align:center;min-width:30px}.mini-chart-bar{width:100%;max-width:54px;margin:0 auto 8px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#7c65ff,#4263eb);position:relative;min-height:8px}.mini-chart-bar span{position:absolute;top:-20px;left:0;right:0;font-size:11px;font-weight:700}.mini-chart-col small{opacity:.6}.backup-card{max-width:760px}.backup-card code{background:rgba(127,127,127,.15);padding:2px 6px;border-radius:5px}.maintenance-screen{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at top,#172554,#070b16 55%)}.maintenance-card{max-width:650px;text-align:center;padding:50px 35px;background:rgba(12,16,32,.88);border:1px solid #2b3454;border-radius:24px;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.4)}.maintenance-card h1{font-size:42px;margin:18px 0 12px}.narrow-container{max-width:760px!important}.auth-help{text-align:right;margin:-5px 0 12px}.auth-help a{font-size:13px}.admin-login-body{margin:0;min-height:100vh;background:#070b16}.admin-login-pro{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.admin-login-visual{display:flex;align-items:center;padding:8vw;background:radial-gradient(circle at 20% 20%,rgba(83,79,255,.28),transparent 36%),linear-gradient(145deg,#081126,#0b1020 60%,#10183a);color:#fff}.admin-login-visual h1{font-size:56px;line-height:1.05;max-width:720px;margin:16px 0}.admin-login-visual p{max-width:650px;font-size:17px;line-height:1.7;opacity:.78}.login-security-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.login-security-pills span{padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.05);font-size:12px}.admin-login-form{display:grid;place-items:center;padding:35px;background:var(--bg,#0a0e1b)}.admin-login-form .auth-card{width:min(460px,100%)}
.request-status.status-submitted{background:rgba(59,130,246,.15);color:#60a5fa}.request-status.status-under_review{background:rgba(139,92,246,.15);color:#a78bfa}.request-status.status-documents_required{background:rgba(245,158,11,.14);color:#fbbf24}.request-status.status-awaiting_payment{background:rgba(236,72,153,.14);color:#f472b6}.request-status.status-paid{background:rgba(16,185,129,.14);color:#34d399}.request-status.status-processing{background:rgba(6,182,212,.14);color:#22d3ee}.request-status.status-completed{background:rgba(34,197,94,.14);color:#4ade80}.request-status.status-rejected,.request-status.status-cancelled{background:rgba(239,68,68,.14);color:#f87171}
@media(max-width:980px){.admin-request-layout,.customer-request-layout,.admin-login-pro{grid-template-columns:1fr}.admin-login-visual{min-height:380px;padding:55px 30px}.admin-login-visual h1{font-size:42px}.admin-filter-row{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}
@media(max-width:650px){.admin-filter-row{grid-template-columns:1fr}.notification-item{flex-direction:column}.dashboard-health{grid-template-columns:1fr 1fr}.mini-chart{gap:7px}.admin-login-visual h1{font-size:34px}.message-bubble{max-width:95%}}


/* =========================================================
   V5 - SERVICE GRID FIX + BACKUP CONTROLS
========================================================= */
.services-section{background:linear-gradient(180deg,var(--bg),rgba(99,102,241,.025))}.section-title{max-width:760px;margin:0 auto 32px}.section-title h2{font-size:36px;line-height:1.15;margin:8px 0 10px;color:var(--text)}.section-title p{margin:0;color:var(--muted);line-height:1.65}.section-kicker{display:inline-flex;font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--blue2)}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px;align-items:stretch}.service-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:235px;padding:24px;background:linear-gradient(180deg,var(--card),rgba(15,16,32,.94));border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 38px rgba(0,0,0,.14);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden}.service-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--purple));opacity:.9}.service-card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.55);box-shadow:0 20px 45px rgba(0,0,0,.22)}.service-card[hidden]{display:none!important}.service-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.service-card h3{margin:0 0 11px;font-size:21px;line-height:1.35;color:var(--text)}.service-card p{margin:0;color:var(--muted);line-height:1.7;font-size:14px;flex:1}.service-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}.service-card-actions .btn{padding:10px 14px;font-size:12px;white-space:nowrap}.service-detail-link{display:inline-flex;align-items:center;color:var(--blue2);font-size:12px;font-weight:850}.service-category-tabs{margin-top:0;margin-bottom:4px}.request-wrap{max-width:1000px}.request-form{max-width:100%;padding:30px}
.backup-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:20px;align-items:start}.backup-switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;margin:0 0 18px!important;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.backup-switch-row span{display:block}.backup-switch-row b{display:block;color:var(--text);margin-bottom:4px}.backup-switch-row small{display:block;color:var(--muted)}.backup-switch-row input{appearance:none;width:50px!important;height:28px!important;margin:0!important;border:1px solid var(--line)!important;border-radius:999px!important;background:#20243a!important;position:relative;cursor:pointer;flex:0 0 auto}.backup-switch-row input:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;left:4px;top:3px;transition:.2s}.backup-switch-row input:checked{background:linear-gradient(135deg,var(--blue),var(--purple))!important;border-color:transparent!important}.backup-switch-row input:checked:before{transform:translateX(21px)}.backup-options{margin-bottom:4px}.backup-meta{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.backup-meta span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.backup-meta b{font-size:13px}.backup-card form{margin:0}
html[data-theme="light"] .service-card{background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.07)}html[data-theme="light"] .backup-switch-row{background:#f8fafc}html[data-theme="light"] .backup-switch-row input{background:#d7ddea!important}
@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-layout{grid-template-columns:1fr}}
@media(max-width:650px){.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.service-card-actions{align-items:stretch;flex-direction:column}.service-card-actions .btn,.service-detail-link{width:100%;justify-content:center;text-align:center}.section-title h2{font-size:30px}.request-form{padding:22px}.backup-switch-row{align-items:flex-start}.backup-options{grid-template-columns:1fr}}

/* =========================================================
   V6 - PREMIUM CUSTOMER PORTAL + CUSTOMER CRM + INTEGRATIONS
========================================================= */
.customer-app-body{margin:0;background:var(--bg);color:var(--text)}.customer-shell{min-height:100vh;display:grid;grid-template-columns:265px minmax(0,1fr)}.customer-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 18px;background:linear-gradient(180deg,#090d1b,#0b1022);border-right:1px solid #202641;z-index:80}.customer-brand{display:flex;align-items:center;gap:7px;padding:2px 12px 24px;color:#fff;text-decoration:none;font-size:20px;font-weight:900}.customer-brand span{color:#fff}.customer-brand b{color:#818cf8}.customer-brand img{max-width:170px;max-height:42px;object-fit:contain}.customer-user-card{display:flex;align-items:center;gap:11px;padding:14px;margin-bottom:18px;border:1px solid #242b49;background:rgba(255,255,255,.035);border-radius:14px}.customer-user-card>div:last-child{min-width:0}.customer-user-card strong,.customer-user-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-user-card strong{font-size:13px;color:#fff}.customer-user-card small{font-size:10px;color:#818aa7;margin-top:3px}.customer-avatar,.customer-mini-avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:50%;font-weight:900;background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff}.customer-avatar{width:39px;height:39px}.customer-avatar.large{width:70px;height:70px;font-size:25px}.customer-mini-avatar{width:34px;height:34px}.customer-side-nav{display:flex;flex-direction:column;gap:5px}.customer-side-nav a,.customer-side-bottom a,.customer-side-bottom button{display:flex;align-items:center;gap:12px;padding:12px 13px;border:0;border-radius:10px;color:#aab2cc;background:transparent;text-decoration:none;font-size:13px;font-weight:700;cursor:pointer;text-align:left}.customer-side-nav a:hover,.customer-side-bottom a:hover,.customer-side-bottom button:hover{background:rgba(99,102,241,.12);color:#fff}.customer-side-nav a:first-child{background:linear-gradient(90deg,rgba(79,70,229,.25),rgba(139,92,246,.08));color:#fff;border:1px solid rgba(99,102,241,.25)}.customer-side-bottom{margin-top:auto;border-top:1px solid #202641;padding-top:13px}.customer-app-main{min-width:0}.customer-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 30px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);position:sticky;top:0;z-index:60}.customer-topbar>div{display:flex;align-items:center;gap:12px}.customer-topbar strong,.customer-topbar small{display:block}.customer-topbar small{font-size:10px;color:var(--muted);margin-top:2px}.customer-top-actions a{color:var(--muted);text-decoration:none;font-size:12px;font-weight:800}.customer-top-actions .customer-new-btn,.customer-primary-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff!important;text-decoration:none;font-size:12px;font-weight:850;box-shadow:0 9px 24px rgba(79,70,229,.25)}.customer-menu-btn{display:none;border:0;background:transparent;color:var(--text);font-size:22px}.customer-content{padding:30px;max-width:1550px;width:100%;margin:0 auto}.customer-welcome{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.customer-welcome h1{font-size:30px;margin:5px 0 8px}.customer-welcome p{margin:0;color:var(--muted)}.customer-eyebrow{font-size:10px;font-weight:900;letter-spacing:.14em;color:#818cf8}.customer-alert{padding:13px 16px;margin-bottom:20px;border:1px solid rgba(245,158,11,.3);background:rgba(245,158,11,.08);border-radius:12px;color:#fbbf24;font-size:12px}.customer-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.customer-stat-grid article{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--card);box-shadow:0 10px 30px rgba(0,0,0,.07)}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-weight:900}.stat-icon.purple{background:rgba(139,92,246,.13);color:#a78bfa}.stat-icon.blue{background:rgba(59,130,246,.13);color:#60a5fa}.stat-icon.green{background:rgba(34,197,94,.13);color:#4ade80}.stat-icon.gold{background:rgba(245,158,11,.13);color:#fbbf24}.customer-stat-grid small,.customer-stat-grid em{display:block;color:var(--muted);font-style:normal}.customer-stat-grid small{font-size:10px;text-transform:uppercase;letter-spacing:.06em}.customer-stat-grid strong{display:block;font-size:24px;margin:2px 0}.customer-stat-grid em{font-size:10px}.customer-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.6fr);gap:20px}.customer-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 10px 35px rgba(0,0,0,.06)}.customer-card+.customer-card{margin-top:18px}.customer-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.customer-card-head h2,.customer-card-head h3,.customer-card h3{margin:0}.customer-card-head a{font-size:11px;font-weight:800;color:#818cf8;text-decoration:none}.customer-request-table{display:flex;flex-direction:column}.customer-request-row{display:grid;grid-template-columns:minmax(180px,1.6fr) 1fr 1fr .8fr .55fr;align-items:center;gap:12px;padding:14px 4px;border-top:1px solid var(--line);font-size:12px}.customer-request-row:first-child{border-top:0}.customer-request-row>span:first-child b,.customer-request-row>span:first-child small{display:block}.customer-request-row>span:first-child small{color:var(--muted);margin-top:4px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.customer-request-head{padding-top:4px;color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.customer-request-row code{font-family:inherit;font-size:10px;color:var(--muted)}.customer-row-action{font-weight:850;color:#818cf8;text-decoration:none}.customer-profile-mini{text-align:center}.customer-profile-mini .customer-avatar{margin:2px auto 11px}.customer-profile-mini strong,.customer-profile-mini span{display:block}.customer-profile-mini span{font-size:11px;color:var(--muted);margin-top:3px}.verified-pill{display:inline-flex;margin-top:12px;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900}.verified-pill.yes{background:rgba(34,197,94,.12);color:#4ade80}.verified-pill.no{background:rgba(245,158,11,.12);color:#fbbf24}.customer-quick-links{display:flex;flex-direction:column}.customer-quick-links a{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--text)}.customer-quick-links a:first-child{border-top:0}.customer-quick-links a>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(99,102,241,.1);color:#818cf8}.customer-quick-links b,.customer-quick-links small{display:block}.customer-quick-links b{font-size:11px}.customer-quick-links small{font-size:9px;color:var(--muted);margin-top:3px}.customer-empty{text-align:center;padding:50px 20px}.customer-empty>div{font-size:36px;color:#818cf8}.customer-empty h3{margin:12px 0 5px}.customer-empty p{color:var(--muted);margin:0 0 18px}.customer-page-wrap{width:100%;max-width:1300px;margin:0 auto}.narrow-customer-page{max-width:850px}.customer-page-wrap .account-head{margin-top:0}.customer-page-wrap .account-panel{background:var(--card)}
.customer-admin-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.65fr);gap:20px}.admin-customer-profile{text-align:center;padding:10px 0 18px}.admin-customer-profile .customer-avatar{margin:0 auto 10px}.admin-customer-profile strong,.admin-customer-profile span{display:block}.admin-customer-profile span{color:var(--muted);font-size:12px;margin-top:4px}.detail-grid.one-col{grid-template-columns:1fr}
.integration-section{margin:0 0 28px}.integration-section>h3{font-size:20px;margin:0 0 12px}.integration-list{border:1px solid var(--line);background:var(--card);border-radius:14px;overflow:hidden}.integration-item{border-bottom:1px solid var(--line)}.integration-item:last-child{border-bottom:0}.integration-item summary{list-style:none;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;cursor:pointer}.integration-item summary::-webkit-details-marker{display:none}.integration-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(99,102,241,.12);color:#818cf8;font-size:18px;font-weight:900}.integration-copy strong,.integration-copy span{display:block}.integration-copy strong{font-size:14px}.integration-copy span{font-size:11px;color:var(--muted);margin-top:4px}.integration-edit{padding:6px 10px;border:1px solid var(--line);border-radius:7px;font-size:11px;background:var(--bg)}.integration-editor{padding:18px 70px 20px;border-top:1px solid var(--line);background:rgba(127,127,127,.025)}.integration-editor label:not(.check-line){display:block;margin-top:12px}.integration-empty{padding:22px;color:var(--muted);font-size:12px}.integration-float{position:fixed;right:18px;bottom:18px;z-index:9998;display:flex;flex-direction:column;gap:9px;align-items:flex-end}.integration-float-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;color:#fff;text-decoration:none;font-size:11px;box-shadow:0 8px 30px rgba(0,0,0,.2)}.integration-float-btn span{font-size:16px}.integration-float-btn.whatsapp{background:#16a34a}.integration-float-btn.telegram{background:#229ED9}
html[data-theme="light"] .customer-sidebar{background:linear-gradient(180deg,#0f172a,#111827)}html[data-theme="light"] .customer-topbar{background:rgba(255,255,255,.88)}
@media(max-width:1150px){.customer-stat-grid{grid-template-columns:repeat(2,1fr)}.customer-dashboard-grid,.customer-admin-layout{grid-template-columns:1fr}.customer-side-widgets{display:grid;grid-template-columns:1fr 1fr;gap:18px}.customer-card+.customer-card{margin-top:0}.customer-request-row{grid-template-columns:1.4fr .8fr 1fr .8fr .5fr}}
@media(max-width:820px){.customer-shell{grid-template-columns:1fr}.customer-sidebar{position:fixed;left:-280px;top:0;width:265px;transition:.25s}.customer-nav-open .customer-sidebar{left:0;box-shadow:30px 0 60px rgba(0,0,0,.35)}.customer-menu-btn{display:block}.customer-content{padding:20px}.customer-topbar{padding:0 18px}.customer-top-actions>a:first-child{display:none}.customer-request-head{display:none}.customer-request-row{grid-template-columns:1fr auto;padding:15px 0}.customer-request-row>span:nth-child(2),.customer-request-row>span:nth-child(4){display:none}.customer-request-row>span:nth-child(3){grid-column:1}.customer-request-row>span:nth-child(5){grid-column:2;grid-row:1/3}.customer-welcome{align-items:flex-start;flex-direction:column}.customer-side-widgets{grid-template-columns:1fr}}
@media(max-width:560px){.customer-stat-grid{grid-template-columns:1fr}.customer-top-actions .customer-new-btn{display:none}.customer-welcome h1{font-size:25px}.integration-item summary{grid-template-columns:42px minmax(0,1fr) auto;padding:13px}.integration-icon{width:36px;height:36px}.integration-copy span{display:none}.integration-editor{padding:15px}.integration-float-btn b{display:none}.integration-float-btn{width:46px;height:46px;justify-content:center;padding:0}.integration-float-btn span{font-size:19px}}

/* =========================================================
   PREMIUM ADMIN V4 — INTEGRATIONS + SERVICES
========================================================= */
.integration-page-head{align-items:center}.integration-create-pop{position:relative}.integration-create-pop>summary{list-style:none}.integration-create-pop>summary::-webkit-details-marker{display:none}.integration-create-form{position:absolute;right:0;top:54px;width:390px;z-index:30;background:#0e1020;border:1px solid #30355d;border-radius:16px;padding:20px;box-shadow:0 24px 70px rgba(0,0,0,.45)}.integration-create-form h3{margin:0 0 6px}.integration-create-form p{margin:0 0 15px;color:var(--muted);font-size:12px;line-height:1.55}.integration-create-form label{display:block;font-size:11px;font-weight:800;color:#cbd5e1;margin-top:10px}.integration-create-form .two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.integration-create-form input[type=color]{height:44px;padding:5px}.integration-create-form .check-line{display:flex;align-items:center;gap:9px;margin:5px 0 14px}.integration-create-form .check-line input{width:auto;margin:0}
.integration-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.integration-stats article{display:flex;align-items:center;gap:13px;background:linear-gradient(180deg,#131527,#0d0f1d);border:1px solid var(--line);border-radius:15px;padding:17px 18px;box-shadow:0 14px 35px rgba(0,0,0,.12)}.integration-stats small,.integration-stats em{display:block}.integration-stats small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.integration-stats strong{display:block;font-size:25px;margin:2px 0}.integration-stats em{font-size:10px;color:#657089;font-style:normal}.metric-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(99,102,241,.12);color:#a5b4fc;font-weight:900}.metric-icon.active{background:rgba(34,197,94,.12);color:#86efac}.metric-icon.configured{background:rgba(56,189,248,.12);color:#7dd3fc}
.integration-toolbar-pro,.service-pro-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px 180px;gap:10px;align-items:center;margin-bottom:22px}.integration-search,.service-search{height:44px;border:1px solid var(--line);background:#090b14;border-radius:10px;display:flex;align-items:center;padding:0 12px;gap:9px}.integration-search span,.service-search span{color:#818cf8;font-size:17px}.integration-search input,.service-search input{border:0!important;background:transparent!important;margin:0!important;padding:0!important;box-shadow:none!important}.integration-toolbar-pro select,.service-pro-toolbar select{height:44px;margin:0!important}.integration-pro-section{margin-bottom:28px}.integration-section-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.integration-section-title h3{margin:4px 0 3px;font-size:20px}.integration-section-title p{margin:0;color:var(--muted);font-size:12px}.integration-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.integration-pro-card{background:linear-gradient(180deg,#131527,#0e1020);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:.2s ease}.integration-pro-card[open],.integration-pro-card:hover{border-color:#3e4380;box-shadow:0 16px 44px rgba(0,0,0,.18)}.integration-pro-card>summary{list-style:none;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px;cursor:pointer}.integration-pro-card>summary::-webkit-details-marker{display:none}.integration-brand-logo{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:10px;font-weight:950;letter-spacing:-.02em;box-shadow:0 8px 20px rgba(79,70,229,.2)}.brand-whatsapp{background:linear-gradient(135deg,#16a34a,#22c55e)}.brand-telegram{background:linear-gradient(135deg,#0284c7,#38bdf8)}.brand-google-analytics,.brand-google-ads{background:linear-gradient(135deg,#ea580c,#f59e0b)}.brand-google-tag-manager{background:linear-gradient(135deg,#2563eb,#60a5fa)}.brand-search-console{background:linear-gradient(135deg,#1d4ed8,#22c55e)}.brand-meta-pixel,.brand-facebook-chat{background:linear-gradient(135deg,#2563eb,#6366f1)}.brand-microsoft-clarity{background:linear-gradient(135deg,#0891b2,#06b6d4)}.brand-hotjar{background:linear-gradient(135deg,#dc2626,#f97316)}.brand-crisp{background:linear-gradient(135deg,#4f46e5,#6366f1)}.brand-tawk{background:linear-gradient(135deg,#15803d,#22c55e)}.brand-intercom{background:linear-gradient(135deg,#111827,#334155)}.brand-onesignal{background:linear-gradient(135deg,#dc2626,#ef4444)}.brand-zendesk{background:linear-gradient(135deg,#064e3b,#0f766e)}.brand-hubspot{background:linear-gradient(135deg,#ea580c,#fb923c)}.integration-main-copy{min-width:0}.integration-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.integration-title-line strong{font-size:14px;color:#fff}.integration-category-chip{font-size:8px;text-transform:uppercase;letter-spacing:.05em;padding:4px 6px;border-radius:999px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.18);color:#a5b4fc}.integration-main-copy>small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:5px}.integration-meta{display:flex;align-items:center;margin-top:7px;color:#86efac;font-size:9px;font-weight:800}.integration-meta.muted-status{color:#78849d}.dot-live{width:6px;height:6px;border-radius:50%;background:#22c55e;margin-right:5px;box-shadow:0 0 0 3px rgba(34,197,94,.1)}.integration-config-btn{padding:7px 10px;border:1px solid var(--line);background:#0a0b14;border-radius:8px;font-size:10px;font-weight:800;color:#dbe4f7}.integration-pro-card[open] .integration-config-btn{color:#a5b4fc;border-color:#4f46e5}.integration-pro-editor{padding:18px;border-top:1px solid var(--line);background:rgba(0,0,0,.08)}.integration-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.integration-editor-head h4{margin:0 0 4px}.integration-editor-head p{margin:0;color:var(--muted);font-size:10px}.integration-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.integration-fields label{display:block;font-size:10px;font-weight:800;color:#cbd5e1;margin:4px 0 0}.integration-fields input,.integration-fields textarea{margin-bottom:9px}.integration-editor-actions{display:flex;gap:9px;align-items:center;margin-top:5px}.switch-control{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;cursor:pointer}.switch-control input{display:none!important}.switch-control>span{width:38px;height:22px;background:#2b304a;border-radius:999px;position:relative;transition:.2s}.switch-control>span:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch-control input:checked+span{background:linear-gradient(135deg,#4f46e5,#8b5cf6)}.switch-control input:checked+span:before{transform:translateX(16px)}.switch-control b{font-size:10px;color:#cbd5e1}.integration-float-btn.email{background:#4f46e5}.integration-float-btn.call{background:#0f766e}.integration-float-btn.calendly{background:#2563eb}.integration-float-btn.messenger{background:#2563eb}.integration-float-btn.custom{background:#6366f1}

.service-pro-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.service-pro-stats article{position:relative;overflow:hidden;background:linear-gradient(180deg,#131527,#0e1020);border:1px solid var(--line);border-radius:15px;padding:17px 18px}.service-pro-stats article:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-25px;top:-25px;background:rgba(99,102,241,.08)}.service-pro-stats span,.service-pro-stats small{display:block}.service-pro-stats span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.service-pro-stats strong{display:block;font-size:26px;margin:4px 0 2px}.service-pro-stats small{color:#657089;font-size:10px}.service-pro-editor{padding:0!important;overflow:hidden}.service-pro-editor>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 21px;cursor:pointer;background:linear-gradient(180deg,rgba(99,102,241,.07),transparent)}.service-pro-editor>summary::-webkit-details-marker{display:none}.service-pro-editor>summary h3{margin:3px 0 4px}.service-pro-editor>summary p{margin:0;color:var(--muted);font-size:11px}.service-editor-toggle{border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:10px;font-weight:800}.service-pro-editor[open] .service-editor-toggle{background:rgba(99,102,241,.1);color:#a5b4fc;border-color:#454b91}.service-pro-form{border-top:1px solid var(--line)}.service-form-section{padding:22px;border-bottom:1px solid var(--line)}.service-section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:17px}.service-section-heading>span{width:31px;height:31px;border-radius:9px;background:rgba(99,102,241,.12);color:#a5b4fc;display:grid;place-items:center;font-size:9px;font-weight:900}.service-section-heading h4{margin:0 0 4px}.service-section-heading p{margin:0;color:var(--muted);font-size:10px}.service-pro-form .service-form-grid{grid-template-columns:1fr 1fr}.service-pro-form label{font-size:10px;font-weight:800;color:#cbd5e1}.service-pro-form small{color:#657089;font-size:9px}.service-visibility-box{padding:12px 14px;border:1px solid var(--line);background:#0b0d18;border-radius:10px;align-self:start;margin-top:7px}.service-visibility-box small{display:block;margin:7px 0 0!important}.field-help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}.field-help-grid span{padding:10px;border-radius:9px;background:#0a0c16;border:1px solid var(--line);color:#7c879f;font-size:9px;line-height:1.45}.field-help-grid b{display:block;color:#cbd5e1;margin-bottom:2px}.service-form-actions{display:flex;gap:10px;align-items:center;padding:18px 22px}.service-catalog-panel{margin-top:20px}.catalog-count{padding:7px 10px;border-radius:999px;background:rgba(99,102,241,.1);color:#a5b4fc;font-size:10px;font-weight:850}.premium-service-table .table{min-width:1020px}.service-cell-main{display:flex;align-items:center;gap:10px;min-width:230px}.service-mini-icon{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);display:grid;place-items:center;color:#fff;font-size:11px;font-weight:900;flex:0 0 32px}.price-cell{color:#e2e8f0!important}.request-count-pill{display:inline-flex;min-width:28px;height:26px;align-items:center;justify-content:center;border-radius:999px;background:#0a0c16;border:1px solid var(--line);font-size:10px;color:#94a3b8}.premium-service-table tr:hover td{background:rgba(99,102,241,.035)}

html[data-theme="light"] .integration-create-form,html[data-theme="light"] .integration-stats article,html[data-theme="light"] .integration-pro-card,html[data-theme="light"] .service-pro-stats article{background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.06)}html[data-theme="light"] .integration-search,html[data-theme="light"] .service-search,html[data-theme="light"] .integration-config-btn,html[data-theme="light"] .service-visibility-box,html[data-theme="light"] .field-help-grid span{background:#f8fafc}html[data-theme="light"] .integration-title-line strong,html[data-theme="light"] .price-cell{color:#111827!important}html[data-theme="light"] .integration-pro-editor{background:#f8fafc}html[data-theme="light"] .service-pro-editor>summary{background:linear-gradient(180deg,rgba(99,102,241,.05),transparent)}

@media(max-width:1100px){.integration-stats,.service-pro-stats{grid-template-columns:repeat(2,1fr)}.integration-market-grid{grid-template-columns:1fr}.integration-toolbar-pro,.service-pro-toolbar{grid-template-columns:1fr 180px 160px}}
@media(max-width:760px){.integration-create-form{position:fixed;left:16px;right:16px;top:90px;width:auto;max-height:78vh;overflow:auto}.integration-toolbar-pro,.service-pro-toolbar{grid-template-columns:1fr}.integration-fields,.service-pro-form .service-form-grid,.field-help-grid{grid-template-columns:1fr}.field-span-2{grid-column:auto}.integration-pro-card>summary{grid-template-columns:44px minmax(0,1fr)}.integration-config-btn{grid-column:2;justify-self:start}.integration-editor-head{flex-direction:column}.integration-stats,.service-pro-stats{grid-template-columns:1fr}.service-pro-editor>summary{align-items:flex-start;flex-direction:column}.service-form-actions{align-items:stretch;flex-direction:column}.service-form-actions .btn,.service-form-actions .admin-link-btn{width:100%}}

/* =========================================================
   PAGE BUILDER + FULL RESPONSIVE UPDATE
   ========================================================= */
.site-menu-toggle{display:none;width:42px;height:42px;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--card);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px}.site-menu-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:var(--text);transition:.2s}.site-nav-open .site-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-nav-open .site-menu-toggle span:nth-child(2){opacity:0}.site-nav-open .site-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.site-logo{display:block;max-height:45px;max-width:190px;object-fit:contain}.nav-cta{white-space:nowrap}
.admin-mobile-toggle,.admin-sidebar-close,.admin-sidebar-overlay{display:none}.admin-topbar-title{display:flex;align-items:center;gap:12px}.admin-topbar-title>div{min-width:0}

.pages-pro-head{margin-bottom:20px}.page-pro-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.page-pro-stats article{background:linear-gradient(180deg,var(--card),rgba(12,14,28,.96));border:1px solid var(--line);border-radius:15px;padding:18px;position:relative;overflow:hidden}.page-pro-stats article:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;right:-30px;top:-30px;background:rgba(99,102,241,.08)}.page-pro-stats span,.page-pro-stats small{display:block}.page-pro-stats span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:850}.page-pro-stats strong{display:block;font-size:29px;margin:5px 0 2px}.page-pro-stats small{font-size:10px;color:#657089}
.page-editor-form{padding-bottom:74px}.page-editor-toolbar-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.page-editor-toolbar-top>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.page-editor-status,.page-status-pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:900}.page-editor-status.published,.page-status-pill.published{background:rgba(34,197,94,.11);border:1px solid rgba(34,197,94,.22);color:#86efac}.page-editor-status.draft,.page-status-pill.draft{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.22);color:#fbbf24}.page-builder-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.72fr);gap:18px;align-items:start}.page-builder-main,.page-seo-panel{margin:0}.page-form-block{margin-bottom:18px}.page-builder-main label,.page-seo-panel label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:850;color:#dce4f3;margin-bottom:7px}.page-seo-panel label small{font-size:9px;color:var(--muted);font-weight:700}.page-builder-main input,.page-builder-main select,.page-seo-panel input,.page-seo-panel select,.page-seo-panel textarea{margin:0 0 14px}.page-form-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(190px,.6fr);gap:14px}.url-input-group{display:flex;align-items:stretch;margin-bottom:14px}.url-input-group span{display:flex;align-items:center;padding:0 12px;background:#090b15;border:1px solid var(--line);border-right:0;border-radius:9px 0 0 9px;color:var(--muted);font-size:11px;white-space:nowrap;max-width:45%;overflow:hidden;text-overflow:ellipsis}.url-input-group input{margin:0!important;border-radius:0 9px 9px 0!important}.field-help{display:block;font-size:10px;color:var(--muted);line-height:1.55;margin-top:7px}
.rich-editor-shell{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#080912}.rich-editor-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:8px;border-bottom:1px solid var(--line);background:#0d0f1d}.rich-editor-toolbar button,.rich-editor-toolbar select{height:34px;border:1px solid var(--line);border-radius:7px;background:#141728;color:#dce4f3;padding:0 10px;font-size:10px;font-weight:800;cursor:pointer;margin:0}.rich-editor-toolbar button:hover,.rich-editor-toolbar button.active{border-color:#6366f1;background:rgba(99,102,241,.16)}.rich-editor-toolbar select{min-width:110px}.rich-editor{min-height:390px;padding:20px;outline:0;line-height:1.7;color:var(--text);overflow:auto}.rich-editor:focus{box-shadow:inset 0 0 0 2px rgba(99,102,241,.18)}.rich-editor h2,.rich-editor h3,.rich-editor h4{color:var(--text)}.rich-editor a{color:#818cf8;text-decoration:underline}.rich-editor img{max-width:100%;height:auto}.rich-source{display:none!important;width:100%;min-height:390px!important;margin:0!important;padding:18px!important;border:0!important;border-radius:0!important;background:#080a0d!important;color:#d4d4d4!important;font-family:Consolas,Monaco,monospace!important;font-size:12px!important;line-height:1.6!important}.rich-source[style*="display: block"]{display:block!important}
.seo-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.seo-panel-head h3{margin:4px 0 0}.seo-health-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.08)}.search-preview-card{padding:15px;border:1px solid var(--line);border-radius:12px;background:#0b0d18;margin-bottom:18px}.search-preview-url{display:block;color:#4ade80;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-preview-card strong{display:block;margin:7px 0 5px;color:#a5b4fc;font-size:16px;line-height:1.3}.search-preview-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.page-savebar{position:fixed;left:250px;right:0;bottom:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 32px;background:rgba(7,8,14,.94);backdrop-filter:blur(16px);border-top:1px solid var(--line);box-shadow:0 -16px 40px rgba(0,0,0,.16)}.page-savebar strong,.page-savebar span{display:block}.page-savebar strong{font-size:12px}.page-savebar span{font-size:9px;color:var(--muted);margin-top:3px}
.page-library-panel{padding:20px}.page-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.page-library-card{display:flex;flex-direction:column;min-width:0;padding:17px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#121426,#0e1020);transition:.2s}.page-library-card:hover{transform:translateY(-2px);border-color:#404685}.page-card-top{display:flex;align-items:center;justify-content:space-between}.page-type-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:rgba(99,102,241,.11);color:#a5b4fc}.page-library-card h3{font-size:14px;margin:13px 0 6px}.page-public-url{font-size:10px;color:#818cf8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-library-card p{font-size:10px;color:var(--muted);line-height:1.55;min-height:46px}.page-card-meta{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:11px;border-top:1px solid var(--line);font-size:9px;color:#657089}.page-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.page-card-actions form{margin:0}.page-card-actions .admin-link-btn{font-size:9px;padding:7px 9px}.admin-link-btn.danger{color:#fca5a5;border-color:rgba(239,68,68,.25)}
.managed-page-content{overflow:hidden}.managed-page-content>h1{font-size:clamp(30px,5vw,48px);line-height:1.1;margin-top:0}.managed-page-html{line-height:1.75;color:var(--text)}.managed-page-html img,.managed-page-html video,.managed-page-html iframe{max-width:100%;height:auto}.managed-page-html pre{max-width:100%;overflow:auto}.managed-page-html table{display:block;width:100%;overflow-x:auto;border-collapse:collapse}.managed-page-html table td,.managed-page-html table th{padding:10px;border:1px solid var(--line)}.managed-page-html a{color:#818cf8;text-decoration:underline}.page-preview-notice{max-width:900px;margin:0 auto 15px}

html[data-theme="light"] .page-pro-stats article,html[data-theme="light"] .page-library-card{background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.05)}html[data-theme="light"] .url-input-group span,html[data-theme="light"] .search-preview-card{background:#f8fafc}html[data-theme="light"] .rich-editor-shell,html[data-theme="light"] .rich-source{background:#fff!important}html[data-theme="light"] .rich-editor-toolbar{background:#f1f5f9}html[data-theme="light"] .rich-editor-toolbar button,html[data-theme="light"] .rich-editor-toolbar select{background:#fff;color:#0f172a}html[data-theme="light"] .rich-editor{color:#0f172a}html[data-theme="light"] .page-builder-main label,html[data-theme="light"] .page-seo-panel label{color:#0f172a}html[data-theme="light"] .page-savebar{background:rgba(255,255,255,.94)}

/* Full website responsive hardening */
@media(max-width:1180px){.container{width:94%}.hero-grid{gap:34px}.hero h1{font-size:46px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.page-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-builder-layout{grid-template-columns:1fr}.page-seo-panel{position:static}}

@media(max-width:900px){
  body.site-nav-open{overflow:hidden}.container{width:calc(100% - 30px)}.top{font-size:11px}.top-tagline{display:none}.top .container{justify-content:center;text-align:center}.nav .container{min-height:66px;position:relative;flex-wrap:nowrap}.brand{font-size:20px}.site-logo{max-height:38px;max-width:160px}.site-menu-toggle{display:flex}.links{display:none!important;position:absolute;left:0;right:0;top:calc(100% + 1px);padding:12px;background:var(--card);border:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:0 22px 50px rgba(0,0,0,.28);flex-direction:column;align-items:stretch;gap:4px;z-index:100}.site-nav-open .links{display:flex!important}.links a,.links button{width:100%;justify-content:flex-start;padding:12px;border-radius:8px}.links .nav-cta{justify-content:center;margin-top:5px}.theme-toggle{min-height:40px}
  .hero{padding:48px 0}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-grid>img{order:-1;max-height:390px;object-fit:cover}.hero h1{font-size:clamp(34px,8vw,46px)}.hero p{font-size:16px}.section{padding:54px 0}.cards,.footer-grid{grid-template-columns:1fr}.footer{padding:42px 0}.form{padding:20px;margin:20px auto}.page{padding:38px 0}.page article{padding:24px 20px}
  .admin-shell{display:block!important}.admin-main{width:100%}.admin-sidebar{display:flex!important;position:fixed!important;left:-270px!important;top:0!important;width:250px!important;height:100vh!important;padding:22px 15px!important;z-index:1000!important;transition:left .22s ease!important;box-shadow:none}.admin-nav{display:flex!important;grid-template-columns:none!important;overflow-y:auto;padding-bottom:20px}.admin-sidebar-foot{display:block!important}.admin-nav-open .admin-sidebar{left:0!important;box-shadow:28px 0 60px rgba(0,0,0,.4)}.admin-sidebar-overlay{display:block;position:fixed;inset:0;z-index:999;border:0;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:.2s}.admin-nav-open .admin-sidebar-overlay{opacity:1;visibility:visible}.admin-sidebar-close{display:grid;place-items:center;position:absolute;right:12px;top:12px;width:31px;height:31px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font-size:20px;cursor:pointer}.admin-mobile-toggle{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text);font-size:18px;cursor:pointer}.admin-topbar{height:66px;padding:0 15px}.admin-topbar h1{font-size:15px}.admin-top-sub{font-size:9px}.admin-user{gap:6px}.admin-user>.status-dot,.admin-user>.status-dot+span{display:none}.admin{padding:18px 14px 42px}.admin-grid{grid-template-columns:1fr}.page-savebar{left:0;padding:10px 14px}.page-editor-form{padding-bottom:80px}.page-pro-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.page-library-grid{grid-template-columns:1fr 1fr}
  .customer-content{padding:18px 14px}.customer-topbar{padding:0 14px}.customer-stat-grid{gap:10px}.customer-card{padding:16px}.customer-top-actions{gap:8px}.customer-mini-avatar{width:30px;height:30px}
}

@media(max-width:680px){
  .hero-grid>img{border-radius:15px}.hero h1{font-size:34px}.section-title h2{font-size:29px}.service-category-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.service-filter{white-space:nowrap}.service-grid,.cards{grid-template-columns:1fr}.service-card,.card{padding:19px}.request-form{padding:18px!important}.request-form input,.request-form select,.request-form textarea{font-size:16px}.footer-grid{gap:24px}.footer h2{font-size:20px}
  .admin-topbar .admin-user{font-size:0}.notification-bell,.theme-toggle{font-size:13px}.admin h2{font-size:22px}.panel{padding:16px}.table{min-width:650px}.admin-page-head{gap:13px}.admin-page-head .btn{width:100%}.page-pro-stats{grid-template-columns:1fr}.page-library-grid{grid-template-columns:1fr}.page-editor-toolbar-top{align-items:stretch;flex-direction:column}.page-editor-toolbar-top>div:last-child{display:grid;grid-template-columns:1fr 1fr}.page-builder-main,.page-seo-panel{padding:15px}.page-form-grid{grid-template-columns:1fr}.url-input-group{display:block}.url-input-group span{max-width:none;border-right:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;padding:9px 11px}.url-input-group input{border-radius:0 0 9px 9px!important}.rich-editor-toolbar{gap:4px}.rich-editor-toolbar button{padding:0 8px}.rich-editor-toolbar select{min-width:95px;max-width:120px}.rich-editor,.rich-source{min-height:300px!important}.page-savebar>div{display:none}.page-savebar .btn{width:100%}.page-card-actions{display:grid;grid-template-columns:1fr 1fr}.page-card-actions form,.page-card-actions a,.page-card-actions button{width:100%}.page-card-actions .admin-link-btn{justify-content:center;text-align:center}
  .customer-content{padding:14px 10px}.customer-topbar{height:62px}.customer-topbar strong{font-size:12px}.customer-topbar small{display:none}.customer-stat-grid{grid-template-columns:1fr!important}.customer-dashboard-grid,.customer-admin-layout{grid-template-columns:1fr!important}.customer-side-widgets{display:block!important}.customer-card+.customer-card{margin-top:14px}.customer-welcome h1{font-size:24px}.customer-request-row{gap:8px}.customer-page-wrap .account-panel{padding:15px}
}

@media(max-width:430px){.container{width:calc(100% - 22px)}.top .container span:first-child{font-size:10px}.brand{font-size:17px}.site-menu-toggle{width:39px;height:39px}.hero{padding:34px 0}.hero h1{font-size:31px}.hero p{font-size:14px}.btn{padding:11px 15px}.section{padding:44px 0}.page article{padding:20px 15px}.admin{padding-left:10px;padding-right:10px}.admin-topbar{padding:0 10px}.admin-topbar h1{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-top-sub{display:none}.page-editor-toolbar-top>div:last-child{grid-template-columns:1fr}.rich-editor-toolbar select{width:100%;max-width:none}.page-library-panel{padding:12px}.customer-sidebar{width:min(265px,86vw)}.customer-nav-open .customer-sidebar{left:0}.customer-top-actions>a{display:none!important}}

/* =========================================================
   PREMIUM PAYMENT GATEWAY CENTER + CHECKOUT
========================================================= */
.gateway-page-head{align-items:center}.gateway-security-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);color:#86efac;font-size:10px;font-weight:850;white-space:nowrap}.gateway-flash{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid rgba(99,102,241,.25);background:rgba(99,102,241,.08);border-radius:11px;margin:0 0 18px;color:#dbe4ff}.gateway-flash>b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(99,102,241,.16)}.gateway-flash.is-success{border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.08);color:#bbf7d0}.gateway-flash.is-success>b{background:rgba(34,197,94,.15)}.gateway-flash.is-error{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.08);color:#fecaca}.gateway-flash.is-error>b{background:rgba(239,68,68,.15)}
.gateway-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.gateway-stats article{position:relative;overflow:hidden;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#131527,#0e1020)}.gateway-stats article:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-26px;top:-26px;background:rgba(99,102,241,.08)}.gateway-stats span{display:block;font-size:9px;font-weight:850;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.gateway-stats strong{display:block;font-size:24px;color:#fff;margin:5px 0 2px}.gateway-stats small{color:#66728b;font-size:9px}.gateway-info-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 17px;border:1px solid rgba(99,102,241,.22);background:linear-gradient(90deg,rgba(99,102,241,.08),rgba(139,92,246,.04));border-radius:13px;margin-bottom:18px}.gateway-info-bar b{display:block;font-size:12px;margin-bottom:3px}.gateway-info-bar span{display:block;color:var(--muted);font-size:10px;line-height:1.5}
.gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gateway-card{background:linear-gradient(180deg,#121425,#0d0f1c);border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 18px 42px rgba(0,0,0,.12)}.gateway-card:target{border-color:#555cb4;box-shadow:0 0 0 3px rgba(99,102,241,.09),0 18px 42px rgba(0,0,0,.18)}.gateway-card-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:start;padding:18px 18px 12px}.gateway-logo{display:inline-grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff;font-style:normal;font-size:10px;font-weight:950;letter-spacing:-.03em;box-shadow:0 9px 24px rgba(79,70,229,.18)}.gateway-logo-razorpay{background:linear-gradient(135deg,#2563eb,#60a5fa)}.gateway-logo-payu{background:linear-gradient(135deg,#14b8a6,#22c55e)}.gateway-logo-stripe{background:linear-gradient(135deg,#635bff,#8b5cf6)}.gateway-logo-paypal{background:linear-gradient(135deg,#003087,#009cde)}.gateway-logo-cashfree{background:linear-gradient(135deg,#16a34a,#06b6d4)}.gateway-logo-manual_upi{background:linear-gradient(135deg,#ea580c,#f59e0b)}.gateway-title-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.gateway-title-line h3{margin:1px 0;font-size:15px}.gateway-title-wrap p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.55;max-width:440px}.gateway-pill{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:8px;font-weight:850;border:1px solid var(--line);color:#8c98af}.gateway-pill.live{color:#86efac;background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.18)}.gateway-pill.test{color:#fcd34d;background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.18)}.gateway-health{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;background:#090b14;border:1px solid var(--line);font-size:8px;font-weight:800;color:#7f8aa1;white-space:nowrap}.gateway-health>span{width:6px;height:6px;border-radius:50%;background:#64748b}.gateway-health.ready{color:#86efac}.gateway-health.ready>span{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.08)}.gateway-health.missing{color:#fca5a5}.gateway-health.missing>span{background:#ef4444}.gateway-card-meta{display:flex;gap:14px;padding:0 18px 13px;color:#5f6b83;font-size:9px;border-bottom:1px solid var(--line)}.gateway-form{padding:16px 18px 18px}.gateway-switch-row{display:flex;gap:20px;flex-wrap:wrap;padding:0 0 13px}.gateway-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.gateway-fields label{display:block;margin:0;color:#cbd5e1;font-size:9px;font-weight:800}.gateway-fields label small{color:#68748c;font-weight:500}.gateway-fields input,.gateway-fields textarea{width:100%;padding:11px 12px;margin:6px 0 11px;background:#080a12;border:1px solid var(--line);border-radius:9px;color:var(--text);outline:none}.gateway-fields input:focus,.gateway-fields textarea:focus{border-color:#565cc2;box-shadow:0 0 0 3px rgba(99,102,241,.08)}.gateway-fields .span-2{grid-column:1/-1}.gateway-webhook-box{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px dashed #333859;border-radius:10px;background:#090b14;margin:2px 0 8px}.gateway-webhook-box small{display:block;color:#6f7a91;font-size:7px;letter-spacing:.08em;margin-bottom:4px}.gateway-webhook-box code{display:block;color:#b6c2db;font-size:9px;word-break:break-all}.copy-gateway-url{border:1px solid var(--line);background:#121529;color:#cbd5e1;border-radius:8px;padding:7px 9px;cursor:pointer;font-size:9px;font-weight:800}.gateway-hint{padding:8px 10px;border-radius:8px;background:rgba(56,189,248,.05);border:1px solid rgba(56,189,248,.12);color:#8ea0bb;font-size:9px;line-height:1.5;margin-bottom:8px}.gateway-hint b{color:#bae6fd}.gateway-missing{padding:8px 10px;border-radius:8px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.13);color:#fca5a5;font-size:9px;margin-bottom:9px}.gateway-actions{display:flex;gap:9px;align-items:center;margin-top:8px}.gateway-actions .btn,.gateway-actions .admin-link-btn{min-height:36px;padding:9px 13px;font-size:10px}
/* Secure customer checkout */
.secure-pay-card,.payment-status-card,.manual-upi-card{max-width:920px;margin:0 auto!important;background:linear-gradient(180deg,#121425,#0d0f1c)!important;border:1px solid var(--line)!important;border-radius:20px!important;padding:30px!important}.secure-pay-head{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding-bottom:20px;border-bottom:1px solid var(--line)}.secure-pay-head h1,.payment-status-card h1,.manual-upi-head h1{margin:5px 0 6px;color:#fff}.secure-pay-head p,.manual-upi-head p{color:var(--muted);margin:0}.secure-pay-amount{text-align:right;min-width:150px;padding:10px 13px;border-radius:12px;background:#090b14;border:1px solid var(--line)}.secure-pay-amount small{display:block;color:#7f8aa1;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.secure-pay-amount strong{display:block;font-size:22px;color:#fff;margin-top:4px}.payment-method-form{margin-top:18px}.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.payment-method-card{position:relative;display:grid;grid-template-columns:18px 40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#0a0c16;cursor:pointer;transition:.18s}.payment-method-card:hover{border-color:#464b8d;background:#0e1020}.payment-method-card>input{position:absolute;opacity:0;pointer-events:none}.payment-method-card:has(input:checked){border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.08);background:rgba(99,102,241,.055)}.payment-method-radio{width:16px;height:16px;border:1px solid #4b526c;border-radius:50%;position:relative}.payment-method-card input:checked+.payment-method-radio{border-color:#818cf8}.payment-method-card input:checked+.payment-method-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#818cf8}.payment-method-copy strong{display:block;font-size:12px;color:#fff}.payment-method-copy small{display:block;color:#77849e;font-size:9px;line-height:1.45;margin-top:3px}.payment-method-card em{font-style:normal;font-size:7px;font-weight:900;color:#fcd34d;border:1px solid rgba(245,158,11,.2);background:rgba(245,158,11,.07);border-radius:999px;padding:3px 6px}.secure-pay-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:19px;padding-top:18px;border-top:1px solid var(--line)}.secure-pay-footer>span{color:#66728c;font-size:9px;line-height:1.5;max-width:520px}.payment-status-card{text-align:center;max-width:760px!important}.payment-status-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;font-size:26px;background:rgba(245,158,11,.09);border:1px solid rgba(245,158,11,.2);color:#fcd34d}.payment-status-card.is-paid .payment-status-icon{background:rgba(34,197,94,.09);border-color:rgba(34,197,94,.2);color:#86efac}.payment-status-kicker{display:inline-block;font-size:9px;letter-spacing:.11em;font-weight:900;color:#a5b4fc}.payment-status-copy{max-width:600px;margin:0 auto 20px;color:var(--muted);line-height:1.6}.payment-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:left;margin:20px 0}.payment-status-grid>div{padding:12px;border:1px solid var(--line);background:#090b14;border-radius:10px}.payment-status-grid small{display:block;color:#657089;font-size:8px;text-transform:uppercase;letter-spacing:.07em}.payment-status-grid strong{display:block;color:#fff;font-size:11px;margin-top:4px}.payment-status-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.payment-secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:9px;border:1px solid var(--line);color:#cbd5e1;font-size:11px;font-weight:800}.manual-upi-head{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center}.manual-upi-logo{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#ea580c,#22c55e);color:#fff;font-weight:950}.manual-upi-head>div>span{font-size:8px;color:#a5b4fc;letter-spacing:.1em;font-weight:900}.manual-upi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.manual-upi-grid>div{padding:12px;background:#090b14;border:1px solid var(--line);border-radius:10px}.manual-upi-grid small{display:block;color:#657089;font-size:8px;text-transform:uppercase}.manual-upi-grid strong{display:block;margin-top:4px;font-size:11px;color:#fff;word-break:break-all}.manual-upi-pay{width:100%;margin-bottom:2px}.manual-upi-form{max-width:none!important;margin:16px 0 0!important;padding:18px!important;background:#090b14!important}
/* Transaction audit */
.payment-table-panel{padding:0!important;overflow:hidden}.payment-pro-table{min-width:1180px}.payment-state,.verified-chip,.pending-chip,.manual-utr-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:850;border:1px solid var(--line);white-space:nowrap}.payment-state.state-paid,.verified-chip{color:#86efac;background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.18)}.payment-state.state-pending,.payment-state.state-created,.pending-chip{color:#fcd34d;background:rgba(245,158,11,.07);border-color:rgba(245,158,11,.18)}.payment-state.state-failed{color:#fca5a5;background:rgba(239,68,68,.07);border-color:rgba(239,68,68,.18)}.payment-state.state-refunded{color:#bae6fd;background:rgba(56,189,248,.07);border-color:rgba(56,189,248,.18)}.manual-utr-chip{margin-top:5px;color:#c4b5fd;background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.18)}.table-error{color:#fca5a5!important}.gateway-mini{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:750}.gateway-mini .gateway-logo{width:25px;height:25px;border-radius:7px;font-size:7px}.payment-row-actions{display:flex;gap:5px;align-items:center}.tiny-action{border:1px solid var(--line);background:#0b0d18;color:#dbe4f7;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:850;cursor:pointer}.tiny-action.success{color:#86efac;border-color:rgba(34,197,94,.22);background:rgba(34,197,94,.06)}.tiny-action.danger{color:#fca5a5;border-color:rgba(239,68,68,.22);background:rgba(239,68,68,.06)}
/* Light theme */
html[data-theme="light"] .gateway-stats article,html[data-theme="light"] .gateway-card,html[data-theme="light"] .secure-pay-card,html[data-theme="light"] .payment-status-card,html[data-theme="light"] .manual-upi-card{background:#fff!important;box-shadow:0 12px 30px rgba(15,23,42,.05)}html[data-theme="light"] .gateway-fields input,html[data-theme="light"] .gateway-fields textarea,html[data-theme="light"] .gateway-webhook-box,html[data-theme="light"] .gateway-health,html[data-theme="light"] .payment-method-card,html[data-theme="light"] .secure-pay-amount,html[data-theme="light"] .payment-status-grid>div,html[data-theme="light"] .manual-upi-grid>div,html[data-theme="light"] .manual-upi-form{background:#f8fafc!important}html[data-theme="light"] .gateway-stats strong,html[data-theme="light"] .gateway-title-line h3,html[data-theme="light"] .secure-pay-head h1,html[data-theme="light"] .secure-pay-amount strong,html[data-theme="light"] .payment-method-copy strong,html[data-theme="light"] .payment-status-card h1,html[data-theme="light"] .payment-status-grid strong,html[data-theme="light"] .manual-upi-head h1,html[data-theme="light"] .manual-upi-grid strong{color:#111827}
@media(max-width:1100px){.gateway-grid{grid-template-columns:1fr}.gateway-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.gateway-page-head,.gateway-info-bar,.secure-pay-head,.secure-pay-footer{flex-direction:column;align-items:stretch}.gateway-security-chip{align-self:flex-start}.gateway-stats{grid-template-columns:1fr 1fr}.gateway-card-head{grid-template-columns:44px minmax(0,1fr)}.gateway-health{grid-column:2;justify-self:start}.gateway-fields{grid-template-columns:1fr}.gateway-fields .span-2{grid-column:auto}.gateway-webhook-box{align-items:flex-start;flex-direction:column}.gateway-actions{align-items:stretch;flex-direction:column}.gateway-actions .btn,.gateway-actions .admin-link-btn{width:100%}.payment-method-grid{grid-template-columns:1fr}.secure-pay-amount{text-align:left}.secure-pay-footer .btn{width:100%}.payment-status-grid,.manual-upi-grid{grid-template-columns:1fr 1fr}.payment-status-actions{flex-direction:column}.payment-status-actions .btn,.payment-secondary-btn{width:100%}.secure-pay-card,.payment-status-card,.manual-upi-card{padding:20px!important}.manual-upi-head{grid-template-columns:48px 1fr}.manual-upi-logo{width:48px;height:48px}.payment-audit-stats{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.gateway-stats,.payment-audit-stats,.payment-status-grid,.manual-upi-grid{grid-template-columns:1fr}.gateway-card-head{padding:15px 15px 10px}.gateway-form{padding:14px 15px 16px}.payment-method-card{grid-template-columns:18px 36px minmax(0,1fr)}.payment-method-card .gateway-logo{width:36px;height:36px}.secure-pay-card,.payment-status-card,.manual-upi-card{padding:17px!important}.manual-upi-head{grid-template-columns:1fr}.manual-upi-logo{margin-bottom:4px}}

/* =========================================================
   HEER ENTERPRISES - PAYMENT GATEWAY FONT SCALE UPDATE
   Improves readability without changing gateway layout.
========================================================= */

/* Page heading + supporting copy */
.gateway-page-head .admin-kicker{font-size:12px!important}
.gateway-page-head h2{font-size:32px!important}
.gateway-page-head p{font-size:14px!important;line-height:1.7!important}
.gateway-security-chip{font-size:11px!important;padding:10px 13px!important}

/* Stats */
.gateway-stats span{font-size:10.5px!important}
.gateway-stats strong{font-size:28px!important}
.gateway-stats small{font-size:10.5px!important;line-height:1.45!important}

/* Launch flow/info bar */
.gateway-info-bar b{font-size:13.5px!important}
.gateway-info-bar span{font-size:11.5px!important;line-height:1.65!important}
.gateway-info-bar .admin-link-btn{font-size:11.5px!important}

/* Gateway card titles and descriptions */
.gateway-title-line h3{font-size:17px!important}
.gateway-title-wrap p{font-size:11.5px!important;line-height:1.65!important}
.gateway-pill{font-size:9.5px!important;padding:4px 8px!important}
.gateway-health{font-size:9.5px!important;padding:7px 9px!important}
.gateway-card-meta{font-size:10.5px!important;line-height:1.5!important}
.gateway-logo{font-size:11px!important}

/* Form controls */
.gateway-switch-row{font-size:11.5px!important}
.gateway-switch-row label,.gateway-switch-row span{font-size:11.5px!important}
.gateway-fields label{font-size:11px!important;line-height:1.45!important}
.gateway-fields label small{font-size:10px!important}
.gateway-fields input,.gateway-fields textarea,.gateway-fields select{font-size:13px!important;line-height:1.5!important;padding:12px 13px!important}
.gateway-fields input::placeholder,.gateway-fields textarea::placeholder{font-size:12px!important}

/* Webhook / helper text */
.gateway-webhook-box small{font-size:8.5px!important}
.gateway-webhook-box code{font-size:10.5px!important;line-height:1.5!important}
.copy-gateway-url{font-size:10.5px!important;padding:8px 10px!important}
.gateway-hint{font-size:10.5px!important;line-height:1.65!important;padding:9px 11px!important}
.gateway-missing{font-size:10.5px!important;line-height:1.55!important;padding:9px 11px!important}

/* Actions */
.gateway-actions .btn,.gateway-actions .admin-link-btn{font-size:11.5px!important;min-height:39px!important;padding:10px 14px!important}

/* Flash messages */
.gateway-flash{font-size:12px!important;line-height:1.55!important}

/* Payment audit page readability */
.payment-state,.verified-chip,.pending-chip,.manual-utr-chip{font-size:9.5px!important;padding:5px 8px!important}
.gateway-mini{font-size:11px!important}
.tiny-action{font-size:9.5px!important;padding:7px 9px!important}

/* Keep mobile comfortable instead of oversized */
@media(max-width:760px){
  .gateway-page-head h2{font-size:27px!important}
  .gateway-title-line h3{font-size:16px!important}
  .gateway-fields input,.gateway-fields textarea,.gateway-fields select{font-size:16px!important}
  .gateway-title-wrap p{font-size:12px!important}
  .gateway-fields label{font-size:12px!important}
  .gateway-actions .btn,.gateway-actions .admin-link-btn{font-size:12px!important}
}

/* =========================================================
   PREMIUM OPERATIONS SUITE — 2026-09
   Form Builder, Checklist, SLA, Coupons, Appointments,
   Invoices, FAQ, Announcements and Global Search
========================================================= */
.admin-global-search{display:flex;align-items:center;gap:9px;min-width:360px;max-width:520px;flex:1;margin:0 28px;background:var(--panel,#111327);border:1px solid var(--line,#262a48);border-radius:12px;padding:0 13px;height:42px}.admin-global-search span{opacity:.65;font-size:18px}.admin-global-search input{width:100%;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;color:inherit!important;font-size:13px!important;min-height:0!important}.admin-global-search input:focus{outline:0}
.feature-grid-two{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;margin-bottom:18px}.admin-insight-list{display:grid;gap:10px}.admin-insight-list>div{padding:14px 15px;border:1px solid var(--line,#282b49);background:rgba(124,108,255,.045);border-radius:12px}.admin-insight-list b{display:block;font-size:13px;margin-bottom:4px}.admin-insight-list span{display:block;font-size:12px;line-height:1.55;opacity:.72}
.builder-list{display:grid;gap:10px;margin-bottom:12px}.builder-row{display:grid;grid-template-columns:28px 1.2fr .8fr 1fr auto 36px;gap:10px;align-items:end;padding:12px;background:rgba(255,255,255,.018);border:1px solid var(--line,#282b49);border-radius:12px}.builder-row.compact{grid-template-columns:28px 1fr auto 36px}.builder-row label{font-size:11px;font-weight:700;opacity:.78}.builder-row input,.builder-row select{min-height:39px}.drag-handle{align-self:center;opacity:.45;font-size:17px}.builder-grow{min-width:0}.builder-check{display:flex;align-items:center;gap:7px;min-height:39px;white-space:nowrap}.builder-check input{min-height:auto;width:auto}.builder-remove{height:36px;width:36px;border-radius:10px;border:1px solid rgba(248,113,113,.3);background:rgba(248,113,113,.08);color:#fca5a5;font-size:20px;cursor:pointer}
.service-meta-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}.service-meta-strip>div{padding:14px 16px;border-radius:13px;border:1px solid var(--line,#2a2e50);background:rgba(124,108,255,.04)}.service-meta-strip span{display:block;font-size:11px;opacity:.65;margin-bottom:5px}.service-meta-strip b{font-size:14px}.service-info-block{margin-top:28px;padding-top:24px;border-top:1px solid var(--line,#282b49)}.service-block-head span{font-size:10px;letter-spacing:.14em;font-weight:800;color:#8b80ff}.service-block-head h3{margin:6px 0}.service-block-head p{opacity:.7}.document-checklist-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.document-checklist-preview>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line,#282b49);border-radius:12px;padding:13px}.document-checklist-preview .check-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(34,197,94,.12);color:#4ade80;font-weight:900}.document-checklist-preview small{opacity:.6;font-size:10px}
.faq-public-section{padding-top:50px}.faq-public-list{max-width:900px;margin:0 auto;display:grid;gap:10px}.faq-public-list details{border:1px solid var(--line,#282b49);border-radius:14px;background:var(--panel,#111327);overflow:hidden}.faq-public-list summary{cursor:pointer;list-style:none;padding:17px 20px;font-weight:800;display:flex;justify-content:space-between;gap:20px}.faq-public-list summary::-webkit-details-marker{display:none}.faq-public-list summary:after{content:'+';font-size:20px;color:#8b80ff}.faq-public-list details[open] summary:after{content:'−'}.faq-public-list details>div{padding:0 20px 18px;line-height:1.75;opacity:.78}.service-faq-section{margin-top:20px;padding-bottom:20px}
.site-announcement{font-size:12px;border-bottom:1px solid rgba(255,255,255,.1)}.site-announcement .container{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:18px}.site-announcement .container>div{display:flex;align-items:center;gap:12px}.site-announcement b{font-size:12px}.site-announcement span{opacity:.88}.site-announcement a{font-weight:800;color:inherit;text-decoration:underline}.announcement-info{background:#1d2361;color:#eef2ff}.announcement-success{background:#0b5b43;color:#ecfdf5}.announcement-warning{background:#7a4a08;color:#fff7ed}.announcement-danger{background:#7f1d2d;color:#fff1f2}.announcement-preview{display:grid;gap:6px;padding:17px;border-radius:13px;margin-top:15px}.announcement-preview span{opacity:.85}
.sla-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap;margin-left:6px}.sla-ok{background:rgba(34,197,94,.12);color:#4ade80}.sla-due{background:rgba(245,158,11,.14);color:#fbbf24}.sla-overdue{background:rgba(239,68,68,.14);color:#fca5a5}.sla-none{background:rgba(148,163,184,.12);color:#94a3b8}
.checklist-admin-list{display:grid;gap:9px}.checklist-admin-item{display:grid;grid-template-columns:minmax(180px,1fr) 145px 1fr auto;gap:9px;align-items:center;padding:10px 12px;border:1px solid var(--line,#282b49);border-radius:12px}.checklist-admin-item>div b,.checklist-admin-item>div small{display:block}.checklist-admin-item>div small{opacity:.6;font-size:10px}.checklist-admin-item input,.checklist-admin-item select{min-height:38px!important}.customer-checklist{display:grid;gap:10px}.customer-check-item{display:flex;gap:12px;align-items:flex-start;padding:13px;border:1px solid var(--line,#282b49);border-radius:12px}.customer-check-item .check-state{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:9px;background:rgba(148,163,184,.12);font-weight:900}.customer-check-item.status-approved .check-state{background:rgba(34,197,94,.13);color:#4ade80}.customer-check-item.status-rejected .check-state{background:rgba(239,68,68,.13);color:#fca5a5}.customer-check-item b,.customer-check-item small{display:block}.customer-check-item small{opacity:.65;margin-top:3px}.customer-check-item p{margin:6px 0 0;font-size:12px;opacity:.75}
.coupon-checkout-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0;padding:15px 16px;border:1px dashed rgba(124,108,255,.42);background:rgba(124,108,255,.055);border-radius:14px}.coupon-checkout-panel h3{margin:3px 0;font-size:15px}.coupon-checkout-panel p{margin:0;font-size:11px;opacity:.7}.coupon-inline-form{display:flex;gap:8px;align-items:center}.coupon-inline-form input{min-width:190px}.checkout-breakdown{display:grid;gap:7px;padding:12px 14px;margin:10px 0;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--line,#282b49)}.checkout-breakdown span{display:flex;justify-content:space-between;gap:20px;font-size:11px}.checkout-breakdown b{font-size:12px}
.appointment-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.appointment-card{margin:0}.appointment-card-head{display:flex;justify-content:space-between;gap:16px}.appointment-card-head h3{margin:5px 0}.appointment-card-head p{margin:0;opacity:.65}.appointment-time-box{display:flex;align-items:end;justify-content:space-between;margin:15px 0;padding:14px;border-radius:12px;background:linear-gradient(135deg,rgba(124,108,255,.13),rgba(56,189,248,.05));border:1px solid rgba(124,108,255,.2)}.appointment-time-box b{font-size:12px}.appointment-time-box strong{font-size:20px}.appointment-edit-form{display:grid;gap:10px;margin-top:13px}.compact-details{margin-top:12px}.customer-appointment-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px 0;border-bottom:1px solid var(--line,#282b49)}.customer-appointment-item>div b,.customer-appointment-item>div span{display:block}.customer-appointment-item>div span{opacity:.65;font-size:11px;margin-top:3px}.customer-appointment-item>small{grid-column:1/-1;opacity:.7}
.customer-invoice-grid{display:grid;gap:12px}.customer-invoice-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border:1px solid var(--line,#282b49);border-radius:14px}.customer-invoice-card span{font-size:10px;font-weight:800;color:#8b80ff}.customer-invoice-card h3{margin:5px 0}.customer-invoice-card p{margin:0;opacity:.65;font-size:11px}.customer-invoice-total{text-align:right}.customer-invoice-total small,.customer-invoice-total strong{display:block}.customer-invoice-total strong{font-size:18px;margin:4px 0 9px}
.global-search-hero form{display:flex;align-items:center;gap:11px}.global-search-hero form>span{font-size:24px;opacity:.55}.global-search-hero input{flex:1;font-size:16px!important;min-height:48px!important}.global-search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.global-search-results .panel{margin:0}.global-search-results h3{display:flex;justify-content:space-between}.global-search-results h3 span{opacity:.55}.search-result-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line,#282b49);color:inherit}.search-result-item:last-child{border-bottom:0}.search-result-item b,.search-result-item span{display:block}.search-result-item span{font-size:11px;opacity:.65;margin-top:3px}.search-result-item em{font-style:normal;font-size:10px;padding:5px 8px;border-radius:999px;background:rgba(124,108,255,.1);color:#a99fff;white-space:nowrap}.faq-admin-list{display:grid;gap:8px}.faq-admin-list>article{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line,#282b49)}.faq-admin-list>article:last-child{border-bottom:0}.faq-admin-list h4{margin:7px 0 4px}.faq-admin-list p{margin:0;opacity:.68;line-height:1.55}.faq-admin-list small{display:block;margin-top:7px;opacity:.55}
.text-danger{color:#f87171!important}
@media(max-width:1100px){.admin-global-search{min-width:240px;margin:0 12px}.feature-grid-two,.appointment-admin-grid,.global-search-results{grid-template-columns:1fr}.builder-row{grid-template-columns:24px 1fr 1fr}.builder-row>div:nth-of-type(3){grid-column:2/4}.builder-row .builder-check{grid-column:2}.builder-row .builder-remove{grid-column:3}.builder-row.compact{grid-template-columns:24px 1fr auto auto}.document-checklist-preview{grid-template-columns:1fr}}
@media(max-width:900px){.admin-global-search{display:none}.service-meta-strip{grid-template-columns:1fr 1fr}.checklist-admin-item{grid-template-columns:1fr 1fr}.checklist-admin-item>div{grid-column:1/-1}.checklist-admin-item input{grid-column:1/-1}.coupon-checkout-panel{align-items:stretch;flex-direction:column}.coupon-inline-form{width:100%}.coupon-inline-form input{min-width:0;flex:1}}
@media(max-width:640px){.feature-grid-two{display:block}.feature-grid-two>.panel{margin-bottom:14px}.builder-row,.builder-row.compact{grid-template-columns:1fr}.drag-handle{display:none}.builder-row>div:nth-of-type(3),.builder-row .builder-check,.builder-row .builder-remove{grid-column:auto}.builder-remove{width:100%}.service-meta-strip{grid-template-columns:1fr}.document-checklist-preview{grid-template-columns:1fr}.site-announcement .container,.site-announcement .container>div{align-items:flex-start;flex-direction:column;gap:5px;padding-top:8px;padding-bottom:8px}.checklist-admin-item{grid-template-columns:1fr}.checklist-admin-item>*{grid-column:1!important}.customer-invoice-card{align-items:flex-start;flex-direction:column}.customer-invoice-total{text-align:left;width:100%}.coupon-inline-form{flex-direction:column;align-items:stretch}.global-search-hero form{align-items:stretch;flex-direction:column}.global-search-hero form>span{display:none}.faq-admin-list>article{align-items:flex-start;flex-direction:column}.appointment-card-head{flex-direction:column}.appointment-time-box{align-items:flex-start;flex-direction:column;gap:6px}}

/* Keep the expanded premium administration navigation usable on smaller screens. */
.admin-sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.admin-sidebar::-webkit-scrollbar{width:6px}
.admin-sidebar::-webkit-scrollbar-thumb{background:rgba(126,105,255,.35);border-radius:20px}

/* =========================================================
   ADVANCED OPERATIONS + APP READY SUITE
   Premium responsive UI
========================================================= */
.otp-input{font-size:24px!important;letter-spacing:.28em;text-align:center;font-weight:900;font-variant-numeric:tabular-nums}.error-notice{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fecaca}.secret-card{padding:18px;border:1px dashed rgba(129,140,248,.35);background:rgba(99,102,241,.055);border-radius:13px}.secret-card code,.break-code{display:block;word-break:break-all;white-space:normal;font-size:12px;color:#c7d2fe;line-height:1.7}.security-grid{align-items:start}.admin-insight-list{display:grid;gap:10px}.admin-insight-list>div{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}.admin-insight-list>div:last-child{border-bottom:0}.admin-insight-list b{font-size:12px}.admin-insight-list span,.admin-insight-list small{font-size:11px;color:var(--muted)}

/* Cookie/privacy controls */
.cookie-consent{position:fixed;left:20px;right:20px;bottom:20px;z-index:10020;max-width:1050px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;border:1px solid rgba(129,140,248,.28);border-radius:16px;background:rgba(10,11,22,.96);backdrop-filter:blur(18px);box-shadow:0 22px 70px rgba(0,0,0,.45)}.cookie-consent b{display:block;font-size:14px;color:#fff}.cookie-consent p{margin:5px 0 0;max-width:660px;font-size:12px;line-height:1.55;color:#94a3b8}.cookie-consent>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cookie-consent button:not(.btn),.cookie-consent a{border:1px solid var(--line);background:#111425;color:#dbe4f7;border-radius:9px;padding:10px 12px;font-size:11px;font-weight:800;cursor:pointer}.privacy-choice-list{display:grid;gap:10px;margin-bottom:18px}.privacy-choice-list>label{display:flex;align-items:flex-start;gap:13px;padding:15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);cursor:pointer}.privacy-choice-list input{width:18px!important;height:18px!important;margin:2px 0 0!important;accent-color:var(--blue)}.privacy-choice-list b,.privacy-choice-list small{display:block}.privacy-choice-list b{font-size:13px}.privacy-choice-list small{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.5}.delete-account-card{max-width:760px;margin:auto}.delete-account-card .danger-button{display:inline-flex;margin-top:6px}

/* Support tickets */
.support-ticket-form{display:grid;gap:2px}.support-thread{max-height:520px;overflow:auto;padding-right:5px}.file-row.compact{margin:7px 0}.admin-two-col{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.75fr);gap:20px}.canned-list,.eligibility-rule-list{display:grid;gap:10px}.canned-card{padding:15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018)}.canned-card.is-muted{opacity:.55}.canned-card h4{margin:8px 0 5px}.canned-card p{margin:0 0 10px;color:var(--muted);line-height:1.55;font-size:12px}.quick-reply-picker{margin-bottom:10px!important}

/* Kanban workflow */
.kanban-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.kanban-filter select{min-width:180px}.staff-workload-strip{display:flex;gap:9px;overflow:auto;padding:2px 0 14px;margin-bottom:8px}.staff-workload-strip>div{min-width:160px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);display:flex;align-items:center;gap:10px}.customer-mini-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--purple));font-weight:900;color:#fff}.staff-workload-strip b,.staff-workload-strip small{display:block}.staff-workload-strip small{font-size:10px;color:var(--muted);margin-top:3px}.kanban-board{display:grid;grid-template-columns:repeat(5,minmax(245px,1fr));gap:13px;overflow-x:auto;padding-bottom:12px}.kanban-column{min-width:245px}.kanban-column>header{display:flex;justify-content:space-between;align-items:center;padding:11px 4px}.kanban-column>header b{font-size:12px}.kanban-column>header span{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 7px}.kanban-dropzone{min-height:390px;border:1px dashed rgba(129,140,248,.16);border-radius:14px;background:rgba(255,255,255,.012);padding:9px}.kanban-dropzone.drag-over{border-color:#818cf8;background:rgba(99,102,241,.07)}.kanban-card{display:block;padding:13px;margin-bottom:9px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,var(--card2),var(--card));box-shadow:0 8px 20px rgba(0,0,0,.1);cursor:grab}.kanban-card:active{cursor:grabbing}.kanban-card h4{margin:8px 0 5px;font-size:13px}.kanban-card p{margin:0;color:var(--muted);font-size:10px}.kanban-card-top{display:flex;align-items:center;justify-content:space-between;gap:7px}.priority-pill{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase}.priority-low{background:rgba(148,163,184,.1);color:#cbd5e1}.priority-normal{background:rgba(56,189,248,.1);color:#7dd3fc}.priority-high{background:rgba(245,158,11,.12);color:#fbbf24}.priority-urgent{background:rgba(239,68,68,.12);color:#fca5a5}

/* Eligibility wizard */
.eligibility-public{background:radial-gradient(circle at 80% 0,rgba(99,102,241,.12),transparent 35%)}.eligibility-card{max-width:850px;margin:auto}.eligibility-form{display:grid;gap:14px;margin-top:22px}.eligibility-question{padding:16px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)}.eligibility-question>label{display:block;font-weight:800;margin-bottom:9px}.eligibility-result{padding:18px;margin-top:20px;border-radius:14px;border:1px solid var(--line)}.eligibility-result.eligible{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.24)}.eligibility-result.not-eligible{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.24)}.official-source-box,.government-service-notice{margin:15px 0;padding:14px 16px;border:1px solid rgba(56,189,248,.2);border-radius:12px;background:rgba(56,189,248,.055);font-size:12px;line-height:1.6}.official-source-box a,.government-service-notice a{color:#93c5fd;font-weight:800}.government-service-notice strong{display:block;margin-bottom:4px}.consent-check{display:flex!important;align-items:flex-start;gap:11px;padding:14px!important;margin:10px 0 16px!important;border:1px solid rgba(129,140,248,.2);border-radius:12px;background:rgba(99,102,241,.04);font-size:11px!important;line-height:1.55}.consent-check input{width:17px!important;height:17px!important;flex:0 0 17px;margin:2px 0!important;accent-color:var(--blue)}.consent-check a{color:#a5b4fc;text-decoration:underline}

/* Pricing */
.request-price-preview{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;margin:8px 0 14px;border-radius:12px;border:1px solid rgba(99,102,241,.25);background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.035))}.request-price-preview[hidden]{display:none}.request-price-preview span,.request-price-preview small{color:var(--muted);font-size:11px}.request-price-preview strong{font-size:19px;color:#fff}.pricing-breakdown-admin,.customer-price-details{padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018)}.pricing-breakdown-admin>div,.customer-price-details>div{display:flex;justify-content:space-between;gap:15px;padding:6px 0;font-size:11px}.customer-price-details{margin-top:12px}.customer-price-details summary{cursor:pointer;font-size:11px;font-weight:800;color:#a5b4fc}

/* Ratings & reviews */
.feedback-admin-grid,.public-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.feedback-admin-card{margin:0}.feedback-stars{font-size:18px;letter-spacing:2px;color:#fbbf24}.feedback-admin-card h3{margin:8px 0 2px}.feedback-admin-card>small{color:var(--muted)}.feedback-admin-card p{color:#cbd5e1;line-height:1.65}.public-reviews-section{background:linear-gradient(180deg,transparent,rgba(99,102,241,.035))}.public-review-card{padding:22px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,var(--card),#0e1020)}.public-review-card>p{min-height:68px;color:#cbd5e1;line-height:1.65}.public-review-card b,.public-review-card small{display:block}.public-review-card small{margin-top:4px;color:var(--muted);font-size:11px}.rating-input{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px;margin:8px 0 13px}.rating-input input{display:none!important}.rating-input label{font-size:28px!important;color:#475569;cursor:pointer;margin:0!important}.rating-input label:hover,.rating-input label:hover~label,.rating-input input:checked~label{color:#fbbf24}.feedback-state{display:block;margin-top:8px;color:var(--muted)}

/* Renewal reminders */
.reminder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.reminder-card{padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,var(--card),#0e1020)}.reminder-card.due-soon{border-color:rgba(245,158,11,.28)}.reminder-card.expired{border-color:rgba(239,68,68,.25);opacity:.8}.reminder-card h3{margin:7px 0}.reminder-card p,.reminder-card small{color:var(--muted)}

/* Health, reports and exports */
.health-score{min-width:92px;text-align:center;padding:12px 14px;border-radius:13px;border:1px solid var(--line);font-weight:900}.health-score.healthy{color:#86efac;background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.2)}.health-score.warning{color:#fbbf24;background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.2)}.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.health-card{padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--card)}.health-card:before{content:'●';display:block;margin-bottom:8px}.health-card.ok:before{color:#22c55e}.health-card.bad:before{color:#ef4444}.health-card b,.health-card small{display:block}.health-card small{margin-top:5px;color:var(--muted);word-break:break-word}.system-log-list{display:grid;gap:8px}.system-log{padding:11px 13px;border-left:3px solid #64748b;border-radius:7px;background:rgba(255,255,255,.018)}.system-log.log-error{border-color:#ef4444}.system-log.log-warning{border-color:#f59e0b}.system-log.log-info{border-color:#38bdf8}.system-log b,.system-log span,.system-log small{display:block}.system-log span{font-size:11px;margin-top:3px}.system-log small{font-size:9px;color:var(--muted);margin-top:4px}.cron-command,.api-endpoint-card{padding:13px 14px;border:1px dashed rgba(129,140,248,.3);border-radius:11px;background:rgba(99,102,241,.04);overflow:auto}.cron-command code,.api-endpoint-card code{font-size:11px;color:#c7d2fe;word-break:break-all}.report-date-filter{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.report-date-filter label{font-size:10px;color:var(--muted)}.report-date-filter input{margin:4px 0 0;min-height:38px}.report-stats{margin-bottom:18px}.export-stack{display:grid;gap:9px}.export-stack .admin-link-btn{justify-content:flex-start;padding:13px}.service-pro-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.service-pro-stats>article{padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--card)}.service-pro-stats span,.service-pro-stats small{display:block;color:var(--muted);font-size:10px}.service-pro-stats strong{display:block;font-size:25px;margin:6px 0}

/* Mobile app administration */
.mobile-app-settings{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:start}.app-settings-nav{position:sticky;top:92px;display:grid;gap:6px;padding:9px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.settings-tab{width:100%;text-align:left;border:0;background:transparent;color:var(--muted);border-radius:9px;padding:11px 12px;font-size:11px;font-weight:800;cursor:pointer}.settings-tab:hover,.settings-tab.active{background:rgba(99,102,241,.12);color:#fff}.settings-section{display:none}.settings-section.active{display:block}.settings-savebar{grid-column:1/-1;position:sticky;bottom:12px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:14px 16px;border:1px solid rgba(129,140,248,.28);border-radius:14px;background:rgba(13,15,28,.94);backdrop-filter:blur(16px);box-shadow:0 14px 45px rgba(0,0,0,.25)}.settings-savebar b,.settings-savebar span{display:block}.settings-savebar span{font-size:10px;color:var(--muted);margin-top:3px}.api-endpoint-card{margin:10px 0}.api-endpoint-card span,.api-endpoint-card small{display:block}.api-endpoint-card span{font-size:9px;letter-spacing:.08em;color:var(--muted);font-weight:900;text-transform:uppercase}.api-endpoint-card code{display:block;margin:5px 0}.api-endpoint-card small{color:var(--muted);font-size:10px;line-height:1.45}.secret-state{margin:7px 0 12px;color:#a7f3d0;font-size:11px}

/* Dynamic pricing editor */
.pricing-rule-list{display:grid;gap:9px}.pricing-rule-row{display:grid;grid-template-columns:1.2fr .8fr 1fr .8fr .8fr 1.2fr auto;gap:8px;align-items:end;padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.016)}.pricing-rule-row label{margin:0}.pricing-rule-row input,.pricing-rule-row select{margin:5px 0 0!important}.pricing-rule-remove{min-height:40px}

/* Customer/ticket app-ready presentation */
.customer-request-layout .file-row small{max-width:190px;text-align:right;line-height:1.35}.customer-side-widgets .customer-quick-links a{min-height:62px}.support-ticket-form textarea{min-height:110px}.feedback-submit-card form{margin-top:10px}.narrow-customer-page{max-width:920px;margin:auto}.account-auth .auth-card{box-shadow:0 28px 80px rgba(0,0,0,.32)}

/* Light theme support */
html[data-theme="light"] .cookie-consent{background:rgba(255,255,255,.97);border-color:#dbe3f3;box-shadow:0 20px 55px rgba(15,23,42,.13)}html[data-theme="light"] .cookie-consent b{color:#111827}html[data-theme="light"] .cookie-consent button:not(.btn),html[data-theme="light"] .cookie-consent a{background:#f8fafc;color:#334155;border-color:#dbe3f3}html[data-theme="light"] .kanban-card,html[data-theme="light"] .public-review-card,html[data-theme="light"] .reminder-card,html[data-theme="light"] .health-card,html[data-theme="light"] .canned-card{background:#fff}html[data-theme="light"] .request-price-preview strong,html[data-theme="light"] .settings-tab.active{color:#111827}html[data-theme="light"] .settings-savebar{background:rgba(255,255,255,.95)}html[data-theme="light"] .app-settings-nav{background:#fff}

/* Responsive suite */
@media(max-width:1200px){.health-grid{grid-template-columns:repeat(2,1fr)}.feedback-admin-grid,.public-review-grid,.reminder-grid{grid-template-columns:repeat(2,1fr)}.pricing-rule-row{grid-template-columns:repeat(3,1fr)}.pricing-rule-row>*:last-child{grid-column:auto}}
@media(max-width:980px){.admin-two-col{grid-template-columns:1fr}.mobile-app-settings{grid-template-columns:1fr}.app-settings-nav{position:static;display:flex;overflow:auto;white-space:nowrap}.settings-tab{width:auto;flex:0 0 auto}.service-pro-stats{grid-template-columns:repeat(2,1fr)}.kanban-board{grid-template-columns:repeat(5,260px)}.cookie-consent{align-items:flex-start;flex-direction:column}.settings-savebar{position:static}}
@media(max-width:700px){.feedback-admin-grid,.public-review-grid,.reminder-grid,.health-grid,.service-pro-stats{grid-template-columns:1fr}.pricing-rule-row{grid-template-columns:1fr}.cookie-consent{left:10px;right:10px;bottom:10px;padding:15px}.cookie-consent>div:last-child{width:100%}.cookie-consent>div:last-child>*{flex:1;text-align:center}.kanban-board{grid-template-columns:repeat(5,82vw)}.staff-workload-strip>div{min-width:145px}.report-date-filter{align-items:stretch;flex-direction:column}.request-price-preview{align-items:flex-start;flex-direction:column}.settings-savebar{align-items:stretch;flex-direction:column}.settings-savebar .btn{width:100%}.admin-page-head{align-items:stretch;flex-direction:column}.admin-page-head>.status-badge,.admin-page-head>.admin-link-btn{align-self:flex-start}.public-review-card>p{min-height:0}}

/* === WhatsApp redirect + premium round floating icon update === */
.integration-float-btn.whatsapp.whatsapp-round{
  width:58px;
  height:58px;
  min-width:58px;
  padding:0;
  border-radius:50%;
  justify-content:center;
  background:linear-gradient(145deg,#25D366,#16a34a);
  border:2px solid rgba(255,255,255,.16);
  box-shadow:0 12px 34px rgba(37,211,102,.34),0 4px 12px rgba(0,0,0,.22);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.integration-float-btn.whatsapp.whatsapp-round:hover{
  transform:translateY(-3px) scale(1.05);
  box-shadow:0 16px 38px rgba(37,211,102,.42),0 5px 14px rgba(0,0,0,.25);
  filter:brightness(1.04);
}
.integration-float-btn.whatsapp.whatsapp-round .whatsapp-svg{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  color:#fff;
  line-height:1;
}
.integration-float-btn.whatsapp.whatsapp-round .whatsapp-svg svg{width:34px;height:34px;display:block}
.integration-float-btn.whatsapp.whatsapp-round b{display:none!important}
.integration-help-note{margin:4px 0 12px;padding:10px 12px;border:1px solid rgba(99,102,241,.22);background:rgba(99,102,241,.07);border-radius:9px;color:var(--muted);font-size:11px;line-height:1.55}
.integration-help-note b{color:var(--text)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:560px){
  .integration-float-btn.whatsapp.whatsapp-round{width:54px;height:54px;min-width:54px}
  .integration-float-btn.whatsapp.whatsapp-round .whatsapp-svg,.integration-float-btn.whatsapp.whatsapp-round .whatsapp-svg svg{width:31px;height:31px}
}

/* Advanced service pricing choices */
.service-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 4px}.service-extra-option{display:flex!important;align-items:center;gap:11px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:rgba(99,102,241,.035);cursor:pointer}.service-extra-option input{width:18px!important;height:18px!important;min-height:0!important;margin:0!important;flex:0 0 auto}.service-extra-option span{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.service-extra-option b{font-size:12px}.service-extra-option small{color:#a5b4fc;font-weight:800;white-space:nowrap}.custom-checkbox-field{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.custom-checkbox-field label{width:100%}.custom-checkbox-field input{width:18px!important;height:18px!important;min-height:0!important}.export-pair{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.export-pair .mini-action{min-height:39px;display:inline-flex;align-items:center;justify-content:center}.report-date-filter{display:grid!important;grid-template-columns:repeat(5,minmax(135px,1fr)) auto!important;align-items:end!important;margin-bottom:16px}.report-date-filter label{display:block}.report-date-filter select{margin-top:4px}.report-date-filter .admin-link-btn{min-height:41px}
@media(max-width:1100px){.report-date-filter{grid-template-columns:repeat(3,minmax(0,1fr))!important}.service-extras{grid-template-columns:1fr}}
@media(max-width:700px){.report-date-filter{grid-template-columns:1fr!important}.export-pair{grid-template-columns:1fr 80px}}
.consent-stack{display:grid;gap:8px;margin:12px 0 18px}.consent-stack .consent-check{margin:0!important}.consent-version{display:block;color:var(--muted);font-size:10px;line-height:1.5;padding-left:2px}
.kanban-assign{display:grid;gap:4px;margin:10px 0 6px!important}.kanban-assign span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.kanban-assign select{min-height:32px!important;margin:0!important;padding:5px 8px!important;font-size:10px!important}

/* =========================================================
   PREMIUM PRIVACY CONSENT + COMPACT ADMIN NAVIGATION
   Mobile-first polish without changing existing workflows
========================================================= */

/* Privacy consent: compact premium desktop card */
.cookie-consent{
  left:50%;
  right:auto;
  bottom:22px;
  width:min(920px,calc(100% - 40px));
  max-width:920px;
  margin:0;
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding:16px 18px;
  border:1px solid rgba(129,140,248,.30);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(14,16,31,.98),rgba(9,10,20,.98));
  box-shadow:0 24px 80px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.015) inset;
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
}
.privacy-consent-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#fff;
  font-size:19px;
  font-weight:950;
  background:linear-gradient(135deg,#6366f1,#8b5cf6);
  box-shadow:0 10px 28px rgba(99,102,241,.28);
}
.privacy-consent-copy{min-width:0}
.privacy-consent-kicker{
  display:block;
  margin-bottom:3px;
  color:#a5b4fc;
  font-size:9px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.cookie-consent .privacy-consent-copy>b{
  display:block;
  color:#fff;
  font-size:15px;
  line-height:1.25;
}
.cookie-consent .privacy-consent-copy>p{
  max-width:600px;
  margin:5px 0 4px;
  color:#94a3b8;
  font-size:11px;
  line-height:1.55;
}
.privacy-consent-link{
  display:inline-flex!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#a5b4fc!important;
  font-size:10px!important;
  font-weight:800!important;
}
.privacy-consent-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:nowrap;
}
.cookie-consent .privacy-consent-actions button{
  min-height:40px;
  white-space:nowrap;
  padding:10px 14px;
  border-radius:10px;
  font-size:10px;
  font-weight:850;
}
.cookie-consent .privacy-consent-actions .btn{box-shadow:0 9px 28px rgba(99,102,241,.22)}

/* Premium compact admin sidebar */
.admin-sidebar{
  padding:18px 12px 14px;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 0%,rgba(99,102,241,.10),transparent 24%),
    var(--bg2);
}
.admin-brand{
  display:flex;
  align-items:center;
  gap:10px;
  padding:5px 7px 16px;
  margin-bottom:12px;
}
.admin-brand-mark{
  width:37px;
  height:37px;
  flex:0 0 37px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:linear-gradient(135deg,#6366f1,#8b5cf6);
  color:#fff;
  font-size:16px;
  font-weight:950;
  box-shadow:0 10px 26px rgba(99,102,241,.22);
}
.admin-brand strong{font-size:16px;line-height:1.05}
.admin-brand span{margin-top:4px;font-size:9px;letter-spacing:1.25px}
.admin-nav-premium{
  min-height:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:6px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0 2px 10px;
  scrollbar-width:thin;
  scrollbar-color:#34385b transparent;
}
.admin-nav-premium::-webkit-scrollbar{width:5px}
.admin-nav-premium::-webkit-scrollbar-thumb{background:#34385b;border-radius:10px}
.admin-nav-premium>a,
.admin-nav-group>summary{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border-radius:10px;
  color:#bac4d9;
  font-size:12px;
  font-weight:760;
  cursor:pointer;
  user-select:none;
  transition:.18s ease;
}
.admin-nav-premium>a:hover,
.admin-nav-premium>a.active,
.admin-nav-group>summary:hover,
.admin-nav-group[open]>summary{
  color:#fff;
  background:linear-gradient(90deg,rgba(99,102,241,.16),rgba(99,102,241,.055));
}
.admin-nav-icon{
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:rgba(99,102,241,.09);
  color:#a5b4fc;
  font-style:normal;
  font-size:11px;
}
.admin-home-link.active .admin-nav-icon,.admin-nav-group[open]>summary .admin-nav-icon{background:rgba(99,102,241,.22);color:#c7d2fe}
.admin-nav-group{margin:0;border:0}
.admin-nav-group>summary{list-style:none;justify-content:space-between}
.admin-nav-group>summary::-webkit-details-marker{display:none}
.admin-nav-group>summary>span{display:flex;align-items:center;gap:10px;min-width:0}
.admin-nav-group>summary>b{font-size:17px;line-height:1;color:#68738c;transition:transform .18s ease}
.admin-nav-group[open]>summary>b{transform:rotate(90deg);color:#a5b4fc}
.admin-nav-group-links{
  position:relative;
  display:grid;
  gap:2px;
  margin:4px 0 6px 20px;
  padding:2px 0 2px 14px;
  border-left:1px solid rgba(99,102,241,.20);
}
.admin-nav-group-links a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:34px;
  padding:7px 9px;
  border-radius:8px;
  color:#8895ad;
  font-size:10.5px;
  font-weight:720;
}
.admin-nav-group-links a:before{
  content:"";
  position:absolute;
  left:-17px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#343957;
}
.admin-nav-group-links a:hover{color:#dbe4f7;background:rgba(255,255,255,.025)}
.admin-nav-group-links a.active{
  color:#fff;
  background:rgba(99,102,241,.12);
}
.admin-nav-group-links a.active:before{background:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,.10)}
.admin-nav-group-links .nav-count{
  min-width:20px;
  height:20px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border-radius:999px;
  background:#6366f1;
  color:#fff;
  font-size:9px;
}
.admin-logout-link{
  margin-top:auto!important;
  border-top:1px solid var(--line)!important;
  border-radius:0!important;
  padding-top:13px!important;
  color:#fda4af!important;
}
.admin-sidebar-foot{
  margin-top:5px;
  padding:10px 8px 0;
  border-top:1px solid rgba(255,255,255,.035);
  line-height:1.45;
  color:#77839a;
  font-size:9px;
}
.admin-sidebar-foot small{font-size:8px;color:#4f596e}
.admin-sidebar-foot .status-dot{width:6px;height:6px}

/* Light mode matching */
html[data-theme="light"] .cookie-consent{
  background:linear-gradient(135deg,rgba(255,255,255,.985),rgba(248,250,252,.985));
  border-color:#dbe3f3;
  box-shadow:0 24px 70px rgba(15,23,42,.16);
}
html[data-theme="light"] .cookie-consent .privacy-consent-copy>b{color:#0f172a}
html[data-theme="light"] .cookie-consent .privacy-consent-copy>p{color:#64748b}
html[data-theme="light"] .privacy-consent-link{color:#4f46e5!important}
html[data-theme="light"] .admin-sidebar{background:linear-gradient(180deg,#fff,#f8fafc)}
html[data-theme="light"] .admin-nav-premium>a,
html[data-theme="light"] .admin-nav-group>summary{color:#475569}
html[data-theme="light"] .admin-nav-premium>a:hover,
html[data-theme="light"] .admin-nav-premium>a.active,
html[data-theme="light"] .admin-nav-group[open]>summary{color:#111827;background:#eef2ff}
html[data-theme="light"] .admin-nav-group-links a{color:#64748b}
html[data-theme="light"] .admin-nav-group-links a.active{color:#111827;background:#eef2ff}

/* Responsive public site refinements */
@media(max-width:900px){
  .top .container{width:calc(100% - 28px);font-size:11px}
  .nav .container{width:calc(100% - 28px);min-height:66px}
  .site-menu-toggle{display:flex}
  .links{
    position:fixed;
    left:14px;
    right:14px;
    top:76px;
    z-index:100;
    display:none!important;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:14px;
    background:rgba(11,12,22,.98);
    box-shadow:0 20px 60px rgba(0,0,0,.35);
    backdrop-filter:blur(18px);
  }
  .site-nav-open .links{display:flex!important}
  .links a,.links button{width:100%;justify-content:flex-start;padding:11px 12px;border-radius:9px}
  .links .nav-cta{justify-content:center;margin-top:4px}
  .hero{padding:52px 0 58px}
  .hero-grid{grid-template-columns:1fr;gap:30px}
  .hero-grid>div:last-child{order:-1}
  .hero h1{font-size:clamp(36px,9vw,48px)}
  .hero p{font-size:15px}
  .section{padding:56px 0}
  .form{padding:20px 16px;margin:22px auto}
}

@media(max-width:700px){
  .container{width:calc(100% - 28px)}
  .top{padding:7px 0}
  .top .container{align-items:flex-start;flex-direction:column;gap:3px}
  .top-tagline{display:none}
  .brand{font-size:19px}
  .site-logo{max-width:155px;max-height:40px}
  .cards{grid-template-columns:1fr;gap:12px}
  .card{padding:18px}
  .page{padding:38px 0}
  .page article{padding:20px 16px}
  .footer{padding:38px 0}
  .footer-grid{grid-template-columns:1fr;gap:22px}

  /* Privacy becomes an app-style bottom sheet */
  .cookie-consent{
    left:10px;
    right:10px;
    bottom:max(10px,env(safe-area-inset-bottom));
    width:auto;
    max-width:none;
    transform:none;
    grid-template-columns:40px minmax(0,1fr);
    gap:11px;
    padding:14px;
    border-radius:17px;
  }
  .privacy-consent-icon{width:40px;height:40px;border-radius:12px;font-size:17px}
  .privacy-consent-copy>b{font-size:14px!important}
  .cookie-consent .privacy-consent-copy>p{font-size:10.5px;line-height:1.5;margin-top:4px}
  .privacy-consent-actions{
    grid-column:1/-1;
    display:grid!important;
    grid-template-columns:1fr 1fr;
    width:100%;
    gap:8px!important;
  }
  .cookie-consent .privacy-consent-actions button{width:100%;min-height:42px;font-size:10.5px}
  .privacy-consent-link{font-size:9.5px!important}

  /* Admin remains compact and app-like on phones */
  .admin-sidebar{
    width:min(86vw,286px)!important;
    left:min(-88vw,-290px)!important;
    padding:16px 11px 12px!important;
  }
  .admin-nav-open .admin-sidebar{left:0!important}
  .admin-brand{padding-right:38px}
  .admin-nav-premium{padding-bottom:18px}
  .admin-nav-premium>a,.admin-nav-group>summary{min-height:44px;font-size:12px}
  .admin-nav-group-links a{min-height:37px;font-size:11px}
  .admin-topbar{height:64px;padding:0 12px!important;gap:8px}
  .admin-topbar-title{min-width:0;flex:1}
  .admin-topbar-title h1{max-width:42vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .admin-user{flex:0 0 auto}
  .admin-user>.status-dot{display:none!important}
  .admin{padding:16px 12px 38px!important}
  .panel{padding:16px;border-radius:12px}
  .table-wrap{border-radius:10px}
}

@media(max-width:420px){
  .privacy-consent-actions{grid-template-columns:1fr}
  .cookie-consent{padding:13px}
  .cookie-consent .privacy-consent-actions button{min-height:40px}
  .admin-topbar-title h1{max-width:36vw}
}