:root{--ux-primary: #1d4ed8;--ux-primary-light: #3b82f6;--ux-primary-dark: #1e3a8a;--ux-primary-soft: #eff6ff;--ux-primary-glow: rgba(37, 99, 235, .12);--ux-navy: #0f172a;--ux-text: #334155;--ux-muted: #64748b;--ux-border: #e2e8f0;--ux-border-light: #f1f5f9;--ux-bg: #f8fafc;--ux-surface: #ffffff;--ux-footer: #0b1220;--ux-teal: #14b8a6;--ux-orange: #f97316;--ux-purple: #8b5cf6;--ux-green: #22c55e;--ux-red: #ef4444;--ux-whatsapp: #25d366;--ux-container: 1320px;--ux-container-wide: 1440px;--ux-header-h: 76px;--ux-section-y: clamp(48px, 5vw, 72px);--ux-section-y-tight: clamp(32px, 3.5vw, 48px);--ux-r-sm: 10px;--ux-r-md: 14px;--ux-r-lg: 20px;--ux-r-xl: 28px;--ux-r-full: 9999px;--ux-sh-xs: 0 1px 2px rgba(15, 23, 42, .05);--ux-sh-sm: 0 4px 16px rgba(15, 23, 42, .06);--ux-sh-md: 0 12px 32px rgba(15, 23, 42, .08);--ux-sh-lg: 0 24px 56px rgba(15, 23, 42, .12);--ux-sh-blue: 0 16px 40px rgba(29, 78, 216, .18);--ux-font: "Inter", system-ui, -apple-system, sans-serif;--ux-font-phone: "Poppins", "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--ux-font);background:var(--ux-bg);color:var(--ux-text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.ux-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--ux-r-full);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:11px 20px;transition:.2s}.ux-btn--primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:var(--ux-sh-blue)}.ux-btn--outline{background:#fff;border:1.5px solid var(--ux-border);color:var(--ux-navy)}.ux-btn:disabled{opacity:.55;cursor:not-allowed}.ux-field{display:flex;flex-direction:column;gap:6px}.ux-field label{font-size:12px;font-weight:700;color:var(--ux-muted);text-transform:uppercase;letter-spacing:.04em}.ux-field input,.ux-field select,.ux-field textarea{border:1px solid var(--ux-border);border-radius:var(--ux-r-md);padding:12px 14px;font:inherit;background:#fff}.ux-field input:focus,.ux-field select:focus,.ux-field textarea:focus{outline:2px solid var(--ux-primary-soft);border-color:var(--ux-primary)}.ux-card{background:#fff;border:1px solid var(--ux-border);border-radius:var(--ux-r-lg);box-shadow:var(--ux-sh-xs)}.ux-error{color:var(--ux-red);font-size:13px;margin-top:8px}.admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);color:#e2e8f0;padding:24px 16px;display:flex;flex-direction:column;gap:8px;border-right:1px solid rgba(255,255,255,.06)}.admin-brand{display:flex;align-items:center;gap:10px;padding:8px 12px 20px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}.admin-brand__logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:grid;place-items:center;font-weight:800;color:#fff;font-family:var(--ux-font-phone)}.admin-brand__title{font-size:15px;font-weight:800;color:#fff}.admin-brand__sub{font-size:11px;color:#94a3b8}.admin-nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;font-size:14px;font-weight:600;color:#cbd5e1}.admin-nav a:hover{background:#ffffff0f;color:#fff}.admin-nav a.active{background:#3b82f62e;color:#fff;border:1px solid rgba(59,130,246,.35)}.admin-main{display:flex;flex-direction:column;min-width:0}.admin-topbar{height:64px;background:#fff;border-bottom:1px solid var(--ux-border);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.admin-topbar h1{margin:0;font-size:18px;font-weight:800;color:var(--ux-navy)}.admin-content{padding:28px;flex:1}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{padding:18px;border-radius:var(--ux-r-lg);background:#fff;border:1px solid var(--ux-border)}.stat-card__label{font-size:12px;color:var(--ux-muted);font-weight:600}.stat-card__value{font-size:28px;font-weight:800;color:var(--ux-navy);margin-top:6px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--ux-border-light)}.data-table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ux-muted);background:#f8fafc}.data-table tr:hover td{background:#fafbfc}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .span-2{grid-column:1 / -1}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:none}.form-grid,.admin-dashboard-grid{grid-template-columns:1fr}}.admin-nav-section{margin:18px 12px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:700}.admin-nav a{justify-content:space-between}.admin-nav__badge,.admin-nav__beta{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px}.admin-nav__badge{background:#ef4444;color:#fff}.admin-nav__beta{background:#3b82f640;color:#bfdbfe}.admin-help-card{margin:16px 12px 8px;padding:14px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.admin-help-card p{margin:8px 0 12px;font-size:12px;color:#94a3b8;line-height:1.5}.admin-logout{margin:8px 12px 0;color:#fecaca!important;border-color:#f8717166!important}.admin-topbar{height:72px;gap:16px}.admin-topbar__search-wrap{flex:1;max-width:520px}.admin-topbar__search{width:100%;border:1px solid var(--ux-border);border-radius:999px;padding:11px 16px;font:inherit;background:#f8fafc}.admin-topbar__right{display:flex;align-items:center;gap:16px}.admin-topbar__icon{position:relative;border:none;background:#f8fafc;width:40px;height:40px;border-radius:12px;cursor:pointer}.admin-topbar__dot{position:absolute;top:4px;right:4px;min-width:16px;height:16px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;display:grid;place-items:center;font-weight:700}.admin-topbar__user{display:flex;align-items:center;gap:10px}.admin-topbar__name{font-size:13px;font-weight:700;color:var(--ux-navy)}.admin-topbar__role{font-size:11px;color:var(--ux-muted)}.admin-topbar__avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:grid;place-items:center;font-weight:800}.admin-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.admin-page-head h2{margin:0 0 6px;color:var(--ux-navy)}.admin-page-head p{margin:0;color:var(--ux-muted)}.admin-page-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-kpi-grid .stat-card__delta{margin-top:8px;font-size:12px;color:var(--ux-green);font-weight:600}.admin-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.admin-quick-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--ux-border);color:inherit}.admin-quick-card strong{font-size:24px;color:var(--ux-navy)}.admin-quick-card em{font-style:normal;font-size:12px;color:var(--ux-primary);font-weight:600}.admin-dashboard-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:16px}.admin-side-stack{display:flex;flex-direction:column;gap:16px}.admin-table-card,.admin-panel-card{padding:18px;overflow:auto}.admin-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.admin-card-head h3{margin:0;color:var(--ux-navy)}.admin-activity-list,.admin-health-list{display:flex;flex-direction:column;gap:12px}.admin-activity-item,.admin-health-list>div{display:flex;flex-direction:column;gap:4px;padding-bottom:10px;border-bottom:1px solid var(--ux-border-light)}.admin-health-list>div{flex-direction:row;justify-content:space-between;align-items:center}.admin-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-action-grid a,.admin-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid var(--ux-border);color:var(--ux-navy);font-size:13px;font-weight:600}.admin-toolbar{display:flex;gap:10px;margin-bottom:16px}.admin-search{flex:1;padding:11px 14px;border-radius:12px;border:1px solid var(--ux-border);font:inherit}@media(max-width:1100px){.admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
