@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";html,body,#root{color:#0f172a;background-color:#f8fafc;width:100%;height:100%;margin:0;padding:0;font-family:Inter,Plus Jakarta Sans,system-ui,-apple-system,sans-serif}input,select,textarea{color:#0f172a!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background-color:#fff!important}input::placeholder,textarea::placeholder{color:#94a3b8}.spinner{border:4px solid #2563eb26;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--bg:#f8fafc;--card:#fff;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--danger:#ef4444;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.auth-body{background:var(--bg);min-height:100vh;color:var(--text);background-image:radial-gradient(at 0 0,#2563eb1a 0,#0000 50%),radial-gradient(at 100% 100%,#3b82f614 0,#0000 50%);justify-content:center;align-items:center;width:100vw;padding:20px;font-family:Plus Jakarta Sans,sans-serif;display:flex;position:relative;overflow:hidden}.blob{filter:blur(80px);pointer-events:none;opacity:.4;border-radius:50%;animation:10s ease-in-out infinite float;position:fixed}.blob-1{background:radial-gradient(circle,#2563eb26,#0000 70%);width:500px;height:500px;animation-delay:0s;top:-150px;left:-150px}.blob-2{background:radial-gradient(circle,#0284c71f,#0000 70%);width:400px;height:400px;animation-delay:-5s;bottom:-100px;right:-100px}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.05)}}.auth-card{background:var(--card);border:1px solid var(--border);z-index:1;border-radius:24px;width:100%;max-width:440px;padding:40px;animation:.45s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 20px 40px -15px #2563eb1f,0 0 0 1px #e2e8f0cc}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:30px}.auth-logo-icon{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:16px;font-size:28px;display:inline-flex;box-shadow:0 8px 24px #2563eb40}.auth-title{color:var(--text);letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:700}.auth-subtitle{color:var(--muted);font-size:14px}.auth-form-group{text-align:left;margin-bottom:20px;position:relative}.auth-form-group label{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.auth-form-control{border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .2s;color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important}.auth-form-control::placeholder{color:#94a3b8}.auth-form-control:focus{border-color:var(--primary)!important;background:#fff!important;box-shadow:0 0 0 4px #2563eb26!important}.auth-form-control:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.auth-form-control:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.auth-form-control:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.auth-btn-submit{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:15px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #2563eb40}.auth-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 8px 24px #2563eb59}.auth-btn-submit:active:not(:disabled){transform:translateY(0)}.auth-btn-submit:disabled{opacity:.6;cursor:not-allowed}.auth-alert{color:#dc2626;text-align:left;background:#ef444414;border:1px solid #ef444433;border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:14px;animation:.2s shake}.auth-success-box{color:#1d4ed8;text-align:center;background:#2563eb0f;border:1px solid #2563eb26;border-radius:12px;margin-bottom:16px;padding:20px;font-size:14px}.auth-ref-url-display{color:#2563eb;word-break:break-all;background:#2563eb0f;border:1px solid #2563eb26;border-radius:10px;margin:12px 0;padding:12px;font-family:monospace;font-size:13px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.auth-footer-links{text-align:center;color:var(--muted);margin-top:25px;font-size:13px}.auth-footer-links a{color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s}.auth-footer-links a:hover{color:var(--primary-hover);text-decoration:underline}.auth-footer-note{text-align:center;color:var(--muted);opacity:.7;margin-top:24px;font-size:11px}:root{--accent:#2563eb;--accent-h:#1d4ed8;--accent-glow:#2563eb14;--cyan:#0284c7;--success:#3b82f6;--warning:#d97706;--danger:#dc2626;--bg:#f8fafc;--bg-2:#fff;--card:#fff;--card-h:#f8fafc;--border:#e2e8f0;--border-a:#2563eb33;--text-1:#0f172a;--text-2:#475569;--text-3:#94a3b8;--sidebar-w:250px}.dashboard-container{background:var(--bg);width:100vw;height:100vh;color:var(--text-1);font-family:Inter,sans-serif;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--bg-2);border-right:1px solid var(--border);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(150% 80% at 50% 0,#2563eb0d,#0000);height:300px;position:absolute;top:0;left:0;right:0}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:22px 20px;display:flex}.sidebar-logo{background:linear-gradient(135deg, var(--accent), var(--accent-h));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex;box-shadow:0 4px 14px #2563eb40}.sidebar-brand{font-size:14px;font-weight:700;line-height:1.2}.sidebar-brand span{color:var(--text-2);font-size:11px;font-weight:400;display:block}.sidebar-nav{flex:1;padding:14px 12px;overflow-y:auto}.nav-section-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-3);margin-top:8px;padding:6px 8px 4px;font-size:10px;font-weight:600}.nav-item{cursor:pointer;color:var(--text-2);-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:13.5px;font-weight:500;transition:all .18s;display:flex;position:relative}.nav-item:hover{color:var(--text-1);background:#f1f5f9}.nav-item.active{background:var(--accent-glow);color:var(--accent-h);font-weight:600}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:25%;bottom:25%;left:0}.nav-icon{text-align:center;flex-shrink:0;width:18px;font-size:15px}.nav-badge{background:var(--danger);color:#fff;text-align:center;border-radius:20px;min-width:20px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700;display:none}.nav-badge.show{display:inline-block}.sidebar-footer{border-top:1px solid var(--border);background:#f8fafc;flex-shrink:0;padding:16px 12px}.admin-row{border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 10px;display:flex}.admin-avatar{background:linear-gradient(135deg, var(--accent), var(--cyan));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.admin-name{text-align:left;font-size:13px;font-weight:600}.admin-role{color:var(--text-2);text-align:left;font-size:11px}.btn-logout{width:100%;color:var(--danger);cursor:pointer;background:#dc26260d;border:1px solid #dc262626;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-logout:hover{background:#dc26261a}.main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;height:100vh;display:flex;overflow-y:auto}.page-header{text-align:left;flex-shrink:0;padding:22px 28px 0}.page-title{letter-spacing:-.4px;margin-bottom:2px;font-size:22px;font-weight:800}.page-sub{color:var(--text-2);font-size:13px}.page-content{flex:1;padding:20px 28px 40px}.section{display:none}.section.active{display:block}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);text-align:left;border-radius:16px;padding:20px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000003,0 2px 4px -1px #00000003}.stat-card:hover{border-color:var(--border-a);transform:translateY(-2px)}.stat-card:before{content:"";opacity:.08;border-radius:50%;width:80px;height:80px;position:absolute;top:0;right:0;transform:translate(25px,-25px)}.stat-card.violet:before{background:var(--accent)}.stat-card.cyan:before{background:var(--cyan)}.stat-card.green:before{background:#2563eb}.stat-card.amber:before{background:var(--warning)}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:14px;font-size:16px;display:flex}.stat-card.violet .stat-icon{color:var(--accent);background:#2563eb1a}.stat-card.cyan .stat-icon{color:var(--cyan);background:#0284c71a}.stat-card.green .stat-icon{color:#2563eb;background:#2563eb1a}.stat-card.amber .stat-icon{color:var(--warning);background:#f59e0b1a}.stat-value{letter-spacing:-1px;margin-bottom:4px;font-size:32px;font-weight:800;line-height:1}.stat-card.violet .stat-value{color:var(--accent)}.stat-card.cyan .stat-value{color:var(--cyan)}.stat-card.green .stat-value{color:#2563eb}.stat-card.amber .stat-value{color:var(--warning)}.stat-label{color:var(--text-2);font-size:13px}.two-col{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px;display:grid}@media (width<=900px){.two-col{grid-template-columns:1fr}}.panel{background:var(--card);border:1px solid var(--border);text-align:left;border-radius:16px;margin-bottom:22px;overflow:hidden;box-shadow:0 4px 6px -1px #00000003,0 2px 4px -1px #00000003}.panel-header{border-bottom:1px solid var(--border);background:#f8fafc;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-title{font-size:14px;font-weight:700}.panel-body{padding:20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid var(--border);white-space:nowrap;background:#f8fafc;padding:10px 14px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;text-align:left;padding:13px 14px;font-size:13.5px}tr:last-child td{border-bottom:none}tr:hover td{background:#f8fafc}.badge-status{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-status.active{color:#1d4ed8;background:#2563eb14;border:1px solid #2563eb26}.badge-status.inactive{color:var(--text-2);background:#64748b14;border:1px solid #64748b26}.badge-status.pending{color:#92400e;background:#f59e0b14;border:1px solid #f59e0b26}.badge-status.verified{color:#1d4ed8;background:#2563eb14;border:1px solid #2563eb26}.badge-status.rejected{color:#991b1b;background:#dc26260f;border:1px solid #dc262626}.center-badge{text-transform:capitalize;border-radius:20px;align-items:center;margin-left:6px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.center-badge.badge-amer{color:var(--accent);background:#2563eb14;border:1px solid #2563eb26}.center-badge.badge-tasheel{color:var(--cyan);background:#0284c714;border:1px solid #0284c726}.center-badge.badge-center{color:#6366f1;background:#6366f114;border:1px solid #6366f126}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-h));color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 12px #2563eb33}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 18px #2563eb4d}.btn-sm{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:4px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .18s;display:inline-flex}.btn-sm.verify{color:#1d4ed8;background:#2563eb14;border-color:#2563eb26}.btn-sm.verify:hover{background:#2563eb26}.btn-sm.reject{color:#991b1b;background:#dc26260f;border-color:#dc262626}.btn-sm.reject:hover{background:#dc26261f}.btn-sm.copy{color:var(--accent);background:#2563eb0f;border-color:#2563eb26}.btn-sm.copy:hover{background:#2563eb1f}.btn-sm.edit{color:#0284c7;background:#0284c70f;border-color:#0284c726}.btn-sm.edit:hover{background:#0284c71f}.btn-sm.del{color:var(--danger);background:#dc26260d;border-color:#dc26261f}.btn-sm.del:hover{background:#dc26261a}.btn-sm.view{color:#b45309;background:#f59e0b0f;border-color:#f59e0b26}.btn-sm.view:hover{background:#f59e0b1f}.action-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ref-link-cell{align-items:center;gap:6px;max-width:220px;display:flex}.ref-link-text{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:monospace;font-size:12px;overflow:hidden}.pending-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}@media (width>=1024px){.pending-grid{grid-template-columns:repeat(5,1fr)}}.pending-card{background:var(--card);border:1px solid var(--border);text-align:left;border-radius:16px;transition:border-color .2s;overflow:hidden;box-shadow:0 4px 6px -1px #00000003,0 2px 4px -1px #00000003}.pending-card:hover{border-color:var(--border-a)}.pending-thumb{object-fit:cover;cursor:pointer;background:#f1f5f9;width:100%;height:160px;transition:opacity .2s;display:block}.pending-thumb:hover{opacity:.85}.pending-body{padding:14px}.pending-customer{margin-bottom:2px;font-size:14px;font-weight:600}.pending-meta{color:var(--text-2);margin-bottom:12px;font-size:12px}.pending-agent-tag{color:var(--accent);background:#0596690f;border:1px solid #05966926;border-radius:12px;align-items:center;gap:5px;margin-bottom:12px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.pending-actions{gap:8px;display:flex}.pending-actions .btn-sm{flex:1;justify-content:center}.section-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.filter-row{flex-wrap:wrap;gap:8px;display:flex}.filter-btn{cursor:pointer;border:1px solid var(--border);color:var(--text-2);background:#fff;border-radius:8px;padding:6px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .18s;box-shadow:0 1px 2px #00000003}.filter-btn:hover,.filter-btn.active{color:var(--accent);background:#0596690f;border-color:#05966933}.lb-row{border-bottom:1px solid var(--border);text-align:left;align-items:center;gap:12px;padding:11px 0;display:flex}.lb-row:last-child{border-bottom:none}.lb-rank{width:24px;color:var(--text-3);text-align:center;flex-shrink:0;font-size:13px;font-weight:700}.lb-rank.top{color:#fbbf24}.lb-name{flex:1;font-size:13.5px;font-weight:500}.lb-count{color:var(--success);text-align:right;min-width:36px;font-size:18px;font-weight:800}.lb-label{color:var(--text-3);text-align:right;font-size:10px}.activity-row{border-bottom:1px solid var(--border);text-align:left;align-items:center;gap:12px;padding:11px 0;display:flex}.activity-row:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.activity-dot.pending{background:var(--warning)}.activity-dot.verified{background:var(--success)}.activity-dot.rejected{background:var(--danger)}.activity-body{flex:1}.activity-name{font-size:13px;font-weight:500}.activity-meta{color:var(--text-2);font-size:12px}.activity-time{color:var(--text-3);flex-shrink:0;font-size:11px}.template-item{border-bottom:1px solid var(--border);text-align:left;align-items:flex-start;gap:12px;padding:14px 0;display:flex}.template-item:last-child{border-bottom:none}.template-text{color:var(--text-2);flex:1;font-size:13px;line-height:1.6}.template-actions{flex-shrink:0}.add-template-area{text-align:left;margin-bottom:20px}.template-textarea{border:1px solid var(--border);width:100%;color:var(--text-1);resize:vertical;background:#f8fafc;border-radius:12px;outline:none;min-height:90px;padding:13px 16px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s}.template-textarea:focus{border-color:var(--accent);background:#fff}.settings-form{text-align:left;max-width:520px}.settings-group{margin-bottom:20px}.settings-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.settings-desc{color:var(--text-3);margin-top:5px;font-size:12px}.settings-input{border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s;color:var(--text-1)!important;background:#fff!important}.settings-input:focus{border-color:var(--accent)!important;background:#fff!important;box-shadow:0 0 0 3px #2563eb1f!important}.empty-state{text-align:center;padding:48px 20px}.empty-icon{margin-bottom:12px;font-size:44px}.empty-title{margin-bottom:6px;font-size:16px;font-weight:600}.empty-desc{color:var(--text-2);font-size:13px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:var(--card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:460px;animation:.25s cubic-bezier(.16,1,.3,1) modalIn;box-shadow:0 20px 25px -5px #0000001a}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-title{font-size:16px;font-weight:700}.modal-close{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:18px;line-height:1}.modal-close:hover{color:var(--text-1);background:#f8fafc}.modal-body{padding:20px 24px}.modal-footer{border-top:1px solid var(--border);background:#f8fafc;border-radius:0 0 20px 20px;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.modal-form .form-group{text-align:left;margin-bottom:16px}.modal-form .form-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.7px;margin-bottom:7px;font-size:11px;font-weight:600;display:block}.modal-form .form-input{border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s;color:var(--text-1)!important;background:#fff!important}.modal-form .form-input:focus{border-color:var(--accent)!important;background:#fff!important;box-shadow:0 0 0 3px #2563eb1f!important}.modal-err{color:#b91c1c;text-align:left;background:#ef44440f;border:1px solid #ef444426;border-radius:9px;margin-bottom:14px;padding:10px 14px;font-size:13px}.btn-cancel{cursor:pointer;border:1px solid var(--border);color:var(--text-2);background:#fff;border-radius:9px;padding:9px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .18s}.btn-cancel:hover{background:#f1f5f9}.modal.screenshot-modal{max-width:700px}.screenshot-full{object-fit:contain;border-radius:12px;width:100%;max-height:75vh;display:block}.ref-copied{color:#059669!important}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;max-width:320px;padding:12px 18px;font-size:13px;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) toastIn;display:flex;box-shadow:0 8px 30px #0f172a0f}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-warn{0%{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.toast.success{color:#059669;border-color:#10b9814d}.toast.error{color:#b91c1c;border-color:#ef44444d}.toast.info{color:var(--accent);border-color:#0596694d}.empty-table{text-align:center;color:var(--text-3);padding:40px;font-size:13px}.ref-url-display{color:var(--accent-h);word-break:break-all;background:#0596690f;border:1px solid #05966926;border-radius:10px;margin-bottom:12px;padding:12px 14px;font-family:monospace;font-size:13px}.success-created{text-align:center;padding:10px 0 6px}.success-created h3{color:var(--success);margin-bottom:4px;font-size:16px}.success-created p{color:var(--text-2);margin-bottom:14px;font-size:13px}select.form-input,select.settings-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.number-chip{border-radius:20px;justify-content:center;align-items:center;min-width:28px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.chip-green{color:#065f46;background:#10b98114}.chip-amber{color:#92400e;background:#f59e0b14}.chip-grey{color:var(--text-2);background:#64748b14}.switch-container{vertical-align:middle;width:44px;height:22px;display:inline-block;position:relative}.switch-container input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:#cbd5e1;border-radius:22px;transition:all .3s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}.switch-container input:checked+.switch-slider{background-color:#10b981}.switch-container input:checked+.switch-slider:before{transform:translate(22px)}.switch-container input:disabled+.switch-slider{cursor:not-allowed;opacity:.6;background-color:#e2e8f0}.mobile-top-navbar,.sidebar-close-btn,.sidebar-backdrop{display:none}@media (width<=900px){.dashboard-container{flex-direction:column;height:auto;min-height:100vh;overflow-x:hidden}.mobile-top-navbar{border-bottom:1px solid var(--border);z-index:500;background:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 4px #0000000d}.mobile-hamburger-btn{border:1px solid var(--border);cursor:pointer;width:38px;height:38px;color:var(--text-1);background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:flex}.mobile-navbar-brand{color:var(--text-1);align-items:center;gap:8px;font-size:14px;display:flex}.mobile-pending-chip{color:#b45309;cursor:pointer;background:#fef3c7;border:1px solid #fde68a;border-radius:20px;padding:4px 8px;font-size:12px;font-weight:700}.sidebar{z-index:1000;width:280px;max-width:85vw;transition:transform .25s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #00000040}.sidebar.open{transform:translate(0)}.sidebar-close-btn{cursor:pointer;width:30px;height:30px;color:var(--text-2);background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;font-size:13px;display:flex}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#0f172a80;display:block;position:fixed;inset:0}.main{width:100%!important;height:auto!important;margin-left:0!important;padding:72px 16px 16px!important;overflow-y:visible!important}.page-header{margin-bottom:18px}.page-title{font-size:20px}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)!important}.two-col{gap:16px;grid-template-columns:1fr!important}.filter-bar{flex-direction:column;gap:10px;align-items:stretch!important}.filter-bar .search-box,.filter-bar .search-input,.filter-bar select{width:100%!important;min-width:100%!important}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto!important}.table{min-width:600px}.modal{margin:10px;width:95vw!important;max-width:95vw!important;padding:20px 16px!important}}@media (width<=600px){.stats-grid{grid-template-columns:1fr!important}.stat-card{padding:16px}.panel-header{flex-direction:column;align-items:flex-start;gap:10px}.panel-actions{justify-content:flex-start;width:100%}}.subscription-alert-box{box-sizing:border-box;background:#fffbeb;border:1px solid #fde68a;border-radius:14px;flex-direction:column;gap:10px;width:100%;margin-bottom:22px;padding:18px 20px;display:flex}.sub-alert-header{align-items:center;gap:10px;display:flex}.sub-alert-icon{flex-shrink:0;font-size:22px;line-height:1}.sub-alert-title{color:#b45309;word-break:break-word;font-size:15px;font-weight:700;line-height:1.3}.sub-alert-desc{color:#475569;word-break:break-word;margin:0;font-size:13px;line-height:1.5}.sub-alert-btn{color:#fff;cursor:pointer;text-align:center;word-break:break-word;white-space:normal;box-sizing:border-box;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:4px;padding:12px 18px;font-size:13px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 8px #2563eb40}.sub-alert-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#2563eb;--accent-h:#1d4ed8;--accent-light:#eff6ff;--bg:#f3f4f6;--card:#fff;--border:#e5e7eb;--text:#111827;--muted:#6b7280}.customer-review-body{background-color:var(--bg);color:var(--text);flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;min-height:100vh;padding:32px 16px 60px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.cr-container{width:100%;max-width:520px}.qp-brand-header{text-align:center;margin-bottom:28px}.qp-logo-badge{background:#fff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:12px;display:inline-flex;box-shadow:0 4px 14px #0000000f}.qp-logo-icon{justify-content:center;align-items:center;display:flex}.qp-title{color:#1e3a8a;letter-spacing:-.5px;margin-bottom:2px;font-size:26px;font-weight:800}.qp-tagline{letter-spacing:1.5px;color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.cr-card{background:var(--card);border:1px solid #e5e7ebcc;border-radius:24px;padding:32px 28px;box-shadow:0 10px 25px -5px #00000008,0 8px 10px -6px #00000005}.platform-tag{color:#2563eb;letter-spacing:.8px;text-transform:uppercase;background:#eff6ff;border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-flex}.dot-blue{color:#2563eb;font-size:10px}.card-main-heading{color:#0f172a;letter-spacing:-.4px;margin-bottom:6px;font-size:22px;font-weight:800}.card-sub-heading{color:#64748b;font-size:14px;line-height:1.45}.experience-cards-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.exp-card-item{text-align:center;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:28px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.exp-card-item:hover{background:#f8fafc;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 10px 25px -5px #2563eb1f}.exp-card-item.negative:hover{background:#fffbe6;border-color:#f59e0b;box-shadow:0 10px 25px -5px #f59e0b1f}.exp-emoji{margin-bottom:12px;font-size:42px;line-height:1;display:inline-block}.exp-title{color:#0f172a;margin-bottom:6px;font-size:18px;font-weight:800}.exp-subtitle{color:#64748b;font-size:12px;line-height:1.35}.platform-list{flex-direction:column;gap:12px;display:flex}.platform-item-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s ease-in-out;display:flex}.platform-item-card:hover{border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 14px #2563eb14}.platform-left{align-items:center;gap:14px;display:flex}.platform-icon{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.platform-details{text-align:left;flex-direction:column;display:flex}.platform-name{color:#0f172a;margin-bottom:2px;font-size:15px;font-weight:700}.platform-desc{color:#64748b;margin:0;font-size:12px}.platform-right-chevron{justify-content:center;align-items:center;display:flex}.star-rating-box{justify-content:center;align-items:center;gap:8px;display:flex}.star-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;font-size:36px;transition:transform .15s,color .15s}.star-btn:hover,.star-btn.selected{color:#f59e0b;transform:scale(1.1)}.keywords-flex{flex-wrap:wrap;gap:8px;display:flex}.kw-pill{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.kw-pill:hover,.kw-pill.active{color:#fff;background:#2563eb;border-color:#2563eb}.cr-btn{cursor:pointer;border:none;border-radius:14px;width:100%;padding:14px 20px;font-size:15px;font-weight:700;transition:all .2s}.cr-btn-primary{color:#fff;background:#2563eb;box-shadow:0 4px 12px #2563eb40}.cr-btn-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.back-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.back-btn:hover{text-decoration:underline}.cr-input,.cr-textarea{border:1px solid #cbd5e1;border-radius:12px;width:100%;margin-top:4px;padding:12px 14px;font-family:inherit;font-size:14px}.cr-input:focus,.cr-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.cr-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.btn-link-sm{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.selected-branch-badge{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.cr-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite spin}.typing-loader{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:12px;min-height:125px;padding:24px 20px;display:flex}.typing-dots{align-items:center;gap:5px;display:flex}.typing-dots .dot{background-color:#3b82f6;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite both typingBounce;display:inline-block}.typing-dots .dot:first-child{animation-delay:-.32s}.typing-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{opacity:.35;transform:scale(.6)}40%{opacity:1;transform:scale(1.15)}}.typing-text{color:#64748b;font-size:14.5px;font-weight:500}.cr-error-card{text-align:center;background:#fff;border:1px solid #e2e8f0e6;border-radius:24px;max-width:480px;margin:40px auto 0;padding:48px 36px;box-shadow:0 20px 40px -12px #0000000d,0 4px 12px #00000005}.cr-error-badge{background:#fffbeb;border:1px solid #fde68a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:inline-flex;box-shadow:0 4px 12px #d977061a}.cr-error-title{color:#0f172a;letter-spacing:-.4px;margin-bottom:12px;font-size:24px;font-weight:800}.cr-error-message{color:#64748b;max-width:380px;margin:0 auto;font-size:15px;line-height:1.6}.cr-error-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;width:100%;padding:14px 28px;font-size:15px;font-weight:700;transition:all .2s;display:inline-block;box-shadow:0 4px 14px #2563eb40}.cr-error-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 18px #2563eb59}.sa-container{color:#0f172a;background:#f4f6f8;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.sa-sidebar{z-index:100;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:250px;min-width:250px;height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sa-sidebar-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:12px;padding:22px 20px;display:flex}.sa-sidebar-logo{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex;box-shadow:0 4px 14px #2563eb40}.sa-sidebar-brand{color:#0f172a;font-size:14px;font-weight:700;line-height:1.2}.sa-sidebar-brand span{color:#475569;font-size:11px;font-weight:400;display:block}.sa-sidebar-nav{flex:1;padding:14px 12px;overflow-y:auto}.sa-sidebar-footer{border-top:1px solid #f1f5f9;flex-shrink:0;margin-top:auto;padding:14px 12px 20px}.sa-nav-label{text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-top:8px;padding:6px 8px 4px;font-size:10px;font-weight:600}.sa-nav-item{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:10px;margin-bottom:3px;padding:10px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sa-nav-item:hover{color:#0f172a;background:#f8fafc}.sa-nav-item.active{color:#2563eb;background:#2563eb14;font-weight:600}.sa-main{background:#f8fafc;flex:1;height:100vh;margin-left:250px;padding:28px 32px;overflow-y:auto}.sa-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.sa-title{color:#0f172a;letter-spacing:-.5px;margin-bottom:4px;font-size:24px;font-weight:700}.sa-subtitle{color:#475569;font-size:13px}.sa-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.sa-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.sa-stat-card:after{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.sa-stat-card.violet:after{background:#6366f1}.sa-stat-card.green:after{background:#2563eb}.sa-stat-card.emerald:after{background:#3b82f6}.sa-stat-card.cyan:after{background:#0891b2}.sa-stat-val{color:#0f172a;margin-bottom:4px;font-size:28px;font-weight:700;line-height:1.1}.sa-stat-lbl{color:#475569;font-size:12px;font-weight:500}.sa-filters-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #00000005}.sa-search-input{border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;min-width:220px;padding:10px 14px;font-size:13px;transition:all .15s;color:#0f172a!important;background:#fff!important}.sa-search-input:focus{box-shadow:0 0 0 3px #2563eb1f;background:#fff!important;border-color:#2563eb!important}.sa-select-filter{cursor:pointer;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 12px;font-size:13px;color:#0f172a!important;background:#fff!important}.sa-select-filter:focus{box-shadow:0 0 0 3px #2563eb1f;background:#fff!important;border-color:#2563eb!important}.sa-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 3px #00000008}.sa-panel-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sa-panel-title{color:#0f172a;font-size:15px;font-weight:700}.sa-table-wrap{width:100%;overflow-x:auto}.sa-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.sa-table th{text-transform:uppercase;letter-spacing:.5px;color:#475569;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-size:11px;font-weight:700}.sa-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.sa-table tr:last-child td{border-bottom:none}.sa-table tr:hover td{background:#fafafa}.sa-badge{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.sa-badge.active{color:#15803d;background:#dcfce7}.sa-badge.unpaid{color:#b45309;background:#fef3c7}.sa-badge.suspended{color:#b91c1c;background:#fee2e2}.sa-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.sa-btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 6px #2563eb40}.sa-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.sa-btn-sm{border-radius:6px;padding:5px 10px;font-size:12px}.sa-btn-outline{color:#334155;background:#fff;border:1px solid #e2e8f0}.sa-btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.sa-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sa-modal-card{background:#fff;border-radius:16px;width:100%;max-width:580px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 20px 40px #00000026}.sa-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.sa-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.sa-modal-close:hover{color:#0f172a;background:#e2e8f0}.sa-form-group{margin-bottom:16px}.sa-form-label{color:#475569;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.sa-form-input{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:11px 14px;font-size:13px;transition:border-color .2s,box-shadow .2s;color:#0f172a!important;background:#fff!important}.sa-form-input:focus{background:#fff!important;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1f!important}.sa-toast-container{z-index:1050;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.sa-toast{color:#fff;background:#0f172a;border-radius:8px;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:500;display:flex;box-shadow:0 4px 14px #00000026}.sa-account-name-btn{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-family:inherit;transition:all .15s;display:inline-flex}.sa-account-name-text{color:#0f172a;font-size:14px;font-weight:700;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:all .15s}.sa-account-name-arrow{color:#2563eb;opacity:0;font-size:12px;transition:all .15s;transform:translate(-3px)}.sa-account-name-btn:hover .sa-account-name-text{color:#2563eb;text-decoration-color:#2563eb}.sa-account-name-btn:hover .sa-account-name-arrow{opacity:1;transform:translate(0)}.sa-comp-count-btn{cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;font-family:inherit;transition:all .2s;display:inline-block}.sa-comp-count-btn:hover{background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb1a}.sa-comp-count-badge{align-items:center;gap:10px;display:flex}.sa-comp-count-number{color:#2563eb;background:#fff;border:1px solid #bfdbfe;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;font-weight:800;display:flex;box-shadow:0 1px 3px #0000000d}.sa-comp-count-label{flex-direction:column;display:flex}.sa-comp-count-label strong{color:#1e293b;font-size:13px;font-weight:700}.sa-comp-count-view{color:#2563eb;font-size:11px;font-weight:600}.sa-comp-count-subtags{gap:6px;margin-top:6px;display:flex}.sa-account-detail-page{animation:.2s ease-out saFadeIn}@keyframes saFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sa-detail-breadcrumb{align-items:center;gap:8px;margin-bottom:20px;display:flex}.sa-back-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.sa-back-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.sa-breadcrumb-sep{color:#94a3b8;font-size:13px}.sa-breadcrumb-current{color:#0f172a;font-size:13px;font-weight:700}.sa-detail-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 2px 8px #00000008}.sa-detail-header-main{align-items:center;gap:16px;display:flex}.sa-account-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:800;display:flex;box-shadow:0 4px 12px #2563eb40}.sa-detail-title{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.sa-detail-subtitle{color:#64748b;align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.sa-detail-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sa-link-pill{color:#0369a1;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.sa-link-pill:hover{color:#0284c7;background:#e0f2fe;border-color:#7dd3fc}.sa-mobile-top-navbar,.sa-sidebar-close-btn,.sa-sidebar-backdrop{display:none}@media (width<=900px){.sa-container{flex-direction:column;height:auto;min-height:100vh;overflow-x:hidden}.sa-mobile-top-navbar{z-index:500;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 4px #0000000d}.sa-mobile-hamburger-btn{cursor:pointer;color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.sa-mobile-navbar-brand{color:#0f172a;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.sa-mobile-new-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.sa-sidebar{z-index:1000;width:280px;max-width:85vw;transition:transform .25s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #00000040}.sa-sidebar.open{transform:translate(0)}.sa-sidebar-close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;font-size:13px;display:flex}.sa-sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#0f172a80;display:block;position:fixed;inset:0}.sa-main{width:100%!important;height:auto!important;margin-left:0!important;padding:72px 16px 16px!important;overflow-y:visible!important}.sa-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:18px}.sa-title{font-size:20px}.sa-stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)!important}.sa-filters-bar{flex-direction:column;align-items:stretch;gap:10px}.sa-search-input,.sa-select-filter{width:100%!important;min-width:100%!important}.sa-table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto!important}.sa-table{min-width:600px}.sa-modal-card{max-width:95vw!important;padding:20px 16px!important}.sa-detail-header-card{flex-direction:column;align-items:flex-start;padding:16px}.sa-detail-header-actions{width:100%}.sa-detail-header-actions .sa-btn{justify-content:center;width:100%}}@media (width<=600px){.sa-stats-grid{grid-template-columns:1fr!important}.sa-stat-card{padding:16px}.sa-detail-header-main{flex-direction:column;align-items:flex-start}}.pricing-body{color:#f8fafc;background-color:#0b1329;background-image:radial-gradient(at 0 0,#10b98126 0,#0000 50%),radial-gradient(at 100% 100%,#6366f11f 0,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:40px 20px;font-family:Inter,Plus Jakarta Sans,sans-serif;display:flex;position:relative;overflow-x:hidden}.pricing-container{z-index:1;text-align:center;width:100%;max-width:1100px;position:relative}.pricing-header{margin-bottom:50px}.pricing-logo-icon{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;font-size:28px;display:inline-flex;box-shadow:0 8px 30px #2563eb4d}.pricing-title{letter-spacing:-.8px;background:linear-gradient(120deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:32px;font-weight:800}.pricing-subtitle{color:#94a3b8;max-width:600px;margin:0 auto;font-size:16px}.pricing-alert{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:12px;margin-top:20px;padding:12px 20px;font-size:14px;display:inline-block}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch;gap:30px;margin-bottom:40px;display:grid}.plan-card{-webkit-backdrop-filter:blur(20px);background:#1a243e73;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;padding:40px 30px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 20px 40px #0003}.plan-card:hover{border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 30px 60px #0000004d}.plan-card.popular{background:#1a243ea6;border-color:#2563eb;box-shadow:0 20px 40px #2563eb26}.plan-card.popular:hover{box-shadow:0 30px 60px #2563eb40}.popular-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:30px;padding:6px 16px;font-size:12px;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #2563eb59}.plan-name{color:#fff;margin-bottom:10px;font-size:22px;font-weight:700}.plan-desc{color:#94a3b8;min-height:42px;margin-bottom:25px;font-size:14px;line-height:1.5}.plan-price-container{margin-bottom:30px}.plan-price{color:#fff;font-size:42px;font-weight:800}.plan-period{color:#94a3b8;font-size:16px;font-weight:500}.plan-features{text-align:left;flex-grow:1;margin:0 0 35px;padding:0;list-style:none}.plan-feature-item{color:#e2e8f0;align-items:center;gap:10px;margin-bottom:14px;font-size:14px;display:flex}.feat-check{color:#2563eb;font-weight:700}.plan-btn{cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s}.plan-btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px #2563eb4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.btn-secondary{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff1a}.btn-secondary:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px)}.pricing-footer{margin-top:30px}.logout-link-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:14px;text-decoration:underline;transition:color .2s}.logout-link-btn:hover{color:#fff}@media (width<=768px){.pricing-body{padding:30px 15px}.pricing-title{font-size:26px}.plans-grid{grid-template-columns:1fr}}