@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #2563eb;--primary-dark: #1e40af;--secondary: #3b82f6;--accent: #60a5fa;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--light: #f8fafc;--dark: #0f172a;--gray: #64748b;--card-shadow: 0 4px 12px rgba(37, 99, 235, .12);--transition: all .3s ease;--bg-main: #eef3ff;--bg-gradient-start: #f7faff;--bg-gradient-middle: #edf1ff;--bg-gradient-end: #dce7ff;--glass-light: rgba(255, 255, 255, .9);--glass-strong: #ffffff;--text-light: var(--dark);--text-muted: var(--gray);--border-soft: rgba(15, 23, 42, .08);--accent-primary: var(--primary);--accent-secondary: var(--secondary);--accent-success: var(--success);--accent-info: var(--secondary);--accent-warning: var(--warning);--accent-danger: var(--danger);--accent-hotspot: #5b21b6;--accent-portal: #0f766e;--sidebar-width: 260px;--tone-wan: var(--secondary);--tone-lan: var(--success);--tone-firewall: #f97316;--tone-hotspot: #a855f7}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(145deg,var(--bg-gradient-start),var(--bg-gradient-middle),var(--bg-gradient-end));min-height:100vh;padding:20px 10px;position:relative;overflow-x:hidden;color:var(--text-light)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 80%,rgba(37,99,235,.15) 0%,transparent 40%),radial-gradient(circle at 80% 15%,rgba(14,165,233,.15) 0%,transparent 40%);pointer-events:none;z-index:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) 1fr;gap:18px;align-items:stretch}.sidebar{background:linear-gradient(135deg,var(--primary-dark),var(--primary));border-radius:24px;padding:26px 22px;color:#fff;border:none;box-shadow:var(--card-shadow);display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:20px;height:fit-content}.sidebar-close{display:none;align-self:flex-end;background:transparent;border:none;color:#f8fafc;font-size:18px;cursor:pointer;padding:4px}.mobile-menu-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid rgba(15,23,42,.15);background:#ffffffe6;color:#0f172a;font-weight:600;cursor:pointer;box-shadow:0 6px 18px #0f172a1f;margin-bottom:12px}.sidebar-overlay{display:none}.sidebar-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.sidebar-dot{width:10px;height:10px;border-radius:50%;background:#3b82f6;box-shadow:0 0 0 6px #3b82f633}.sidebar-brand strong{font-size:16px;display:block}.sidebar-brand p{font-size:11px;color:#ffffffb3;margin:0}.sidebar-nav{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.sidebar-group{margin-top:4px;padding-top:8px;border-top:1px solid rgba(15,23,42,.08)}.sidebar-group-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#ffffffa6;margin:0 0 6px 2px}.sidebar-link{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:12px;color:#ffffffeb;font-size:13px;text-decoration:none;border:1px solid transparent;transition:var(--transition);background:transparent}.sidebar-action{gap:8px;border:1px solid rgba(255,255,255,.25);background:#0f172a26;cursor:pointer}.sidebar-action:after{display:none}.sidebar-action-icon{font-size:.85rem;opacity:.9}.sidebar-logout{background:linear-gradient(135deg,var(--danger),#b91c1c);border-color:#ffffff59;font-weight:600}.sidebar-logout:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ffffff73}.sidebar-link:after{content:"▸";font-size:12px;opacity:0;transform:translate(-6px);transition:all .2s ease}.sidebar-link:hover{border-color:#fff3;background:#ffffff26}.sidebar-link:hover:after{opacity:1;transform:translate(0)}.sidebar-link.active{border-color:#ffffff59;background:#fff3;color:#fff}.sidebar-link.active:after{content:"●";color:var(--accent-secondary);opacity:1;transform:translate(0)}.sidebar-group .sidebar-link{background:#0f172a05}.sidebar-nav.visual-group .sidebar-link{background:#2563eb0a;border-color:#2563eb1a}.main-panel{background:#fffffff2;border-radius:28px;padding:28px;border:1px solid rgba(15,23,42,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--card-shadow);position:relative;z-index:1}.sidebar-footer{font-size:11px;color:var(--text-muted);margin-top:14px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.sidebar-footer .sidebar-link{width:100%;margin-bottom:10px}.logo-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.logo{width:48px;height:48px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #0f172a1a;border:1px solid rgba(15,23,42,.08)}.logo img{width:36px;height:36px;object-fit:contain}.brand-text{display:flex;flex-direction:column;align-items:flex-start}.brand-name{font-size:18px;font-weight:700;color:var(--text-light);letter-spacing:-.02em}.brand-link{font-size:11px;color:var(--accent-secondary);font-weight:500;text-decoration:none;margin-top:2px;transition:color .2s ease}.brand-link:hover{color:var(--accent-primary);text-decoration:underline}.brand-subtitle{font-size:11px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.subtitle{font-size:13px;color:var(--text-muted)}.module-section{background:#fff;border-radius:22px;padding:24px;border:1px solid rgba(15,23,42,.08);box-shadow:var(--card-shadow);color:var(--text-light)}.module-panels{display:flex;flex-direction:column;gap:18px}.module-panel{background:#fff;border-radius:20px;padding:24px;border:1px solid rgba(15,23,42,.06);box-shadow:var(--card-shadow);display:none;flex-direction:column;gap:18px;position:relative;overflow:hidden}.module-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:transparent}.module-panel[data-panel=bootstrap]{border-color:#f9731659}.module-panel[data-panel=bootstrap]:before{background:linear-gradient(90deg,#f97316e6,#eab308b3)}.module-panel[data-panel=bootstrap] .panel-badge{border-color:#f9731666;background:#f973161f;color:#fed7aa}.module-panel[data-panel=failover]{border-color:#22d3ee59}.module-panel[data-panel=failover]:before{background:linear-gradient(90deg,#06b6d4e6,#3b82f6b3)}.module-panel[data-panel=failover] .panel-badge{border-color:#22d3ee66;background:#22d3ee1f;color:#e0f2fe}.module-panel[data-panel=firewall]{border-color:#f43f5e66}.module-panel[data-panel=firewall]:before{background:linear-gradient(90deg,#f43f5ef2,#f97316b3)}.module-panel[data-panel=firewall] .panel-badge{border-color:#f43f5e66;background:#f43f5e1f;color:#fecdd3}.module-panel[data-panel=hotspot]{border-color:#7c3aed66}.module-panel[data-panel=hotspot]:before{background:linear-gradient(90deg,#7c3aedf2,#0ea5e9b3)}.module-panel[data-panel=hotspot] .panel-badge{border-color:#7c3aed66;background:#7c3aed1f;color:#ddd6fe}.module-panel[data-panel=portal]{border-color:#14b8a666}.module-panel[data-panel=portal]:before{background:linear-gradient(90deg,#14b8a6e6,#2dd4bfb3)}.module-panel[data-panel=portal] .panel-badge{border-color:#14b8a666;background:#14b8a61f;color:#ccfbf1}.module-panel.active{display:flex}.panel-body{display:flex;flex-direction:column;gap:18px}.panel-output{border-radius:14px;border:1px dashed rgba(148,163,184,.5);padding:14px;background:#f7f9fff2;color:var(--text-light);font-size:13px;min-height:48px}.portal-preview{margin-top:16px;border-radius:16px;background:#f3f6ff;padding:18px;color:var(--text-light)}.portal-preview h4{font-size:14px;margin-bottom:12px;color:var(--text-light)}.portal-preview-screen{border-radius:14px;border:1px solid rgba(15,23,42,.1);background:#ffffffe6;padding:20px;min-height:180px;display:flex;justify-content:center;align-items:center}.portal-preview-empty{color:var(--text-muted);font-size:13px;text-align:center}.portal-preview-card{width:100%;max-width:320px;background:#fff;border-radius:18px;padding:20px;text-align:center;box-shadow:var(--card-shadow)}.portal-preview-card h5{font-size:18px;margin-bottom:8px;color:var(--text-light)}.portal-preview-card p{font-size:13px;margin-bottom:10px;color:var(--text-muted)}.portal-preview-card button{margin-top:10px;border:none;border-radius:12px;padding:10px 20px;font-weight:600;cursor:pointer;background:var(--accent-primary);color:#fff}.lead-form{display:flex;flex-direction:column;gap:8px;margin-top:12px}.lead-form input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(15,23,42,.15);background:#fffffff2;font-size:14px}.lead-form button{border:none;border-radius:10px;padding:12px 0;font-weight:600;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));color:#fff;cursor:pointer}.wan-config{border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:16px;margin-top:16px;background:#f8fbff}.wan-header{font-size:13px;font-weight:600;color:var(--accent-primary);margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.portal-real-preview{margin-top:20px;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#fff;box-shadow:var(--card-shadow);padding:16px;display:flex;flex-direction:column;gap:12px}.real-preview-tabs{display:flex;gap:10px;flex-wrap:wrap}.real-preview-btn{border:1px solid rgba(15,23,42,.08);background:#f1f5f9;color:var(--text-light);font-size:12px;padding:8px 14px}.real-preview-btn.active{border-color:var(--accent-primary);background:#2563eb1f;color:var(--accent-primary)}.portal-real-preview iframe{border:1px solid rgba(15,23,42,.08);border-radius:12px;min-height:520px;width:100%;background:#f8fbff}.api-status{padding:10px;border-radius:10px;border:1px solid rgba(59,130,246,.25);background:#3b82f614;font-size:12px;color:#1e3a8a}.api-status.warning{border-color:#f87171;background:#f8717126;color:#991b1b}.transfer-progress{padding:10px;border-radius:10px;border:1px solid rgba(14,165,233,.4);background:#0ea5e914;color:#0f172a;font-size:12px;min-height:40px;display:flex;align-items:center;justify-content:center}.transfer-progress.success{border-color:#10b98199;background:#10b98126;color:#047857}.transfer-progress.error{border-color:#f8717199;background:#f8717126;color:#b91c1c}.transfer-progress.hidden{display:none}.api-history{max-height:120px;overflow-y:auto;border-radius:10px;border:1px solid rgba(15,23,42,.08);padding:10px;background:#fdfdfd;font-size:12px}.api-history div{margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(15,23,42,.05)}.input-prefix{display:flex;align-items:center;gap:8px}.input-prefix span{padding:8px 10px;border-radius:8px;border:1px solid rgba(15,23,42,.08);background:#3b82f61a;font-weight:600;font-size:13px}.form-feedback{padding:10px 14px;border-radius:10px;background:#fee2e2;color:#b91c1c;font-size:13px;margin-bottom:8px}.form-feedback.hidden{display:none}.form-feedback.form-feedback-success{background:#dcfce7;color:#15803d}.is-invalid{border-color:#dc2626;box-shadow:0 0 0 2px #dc262633}.module-list{list-style:disc;padding-left:20px;margin:12px 0 0;color:var(--text-light)}.module-list li{margin-bottom:6px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(148,163,184,.2)}.panel-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.panel-description{font-size:13px;color:var(--text-muted)}.panel-badge{text-transform:uppercase;font-size:11px;letter-spacing:.15em;padding:6px 14px;border-radius:999px;background:#2563eb14;color:var(--accent-primary);border:1px solid rgba(37,99,235,.2)}.panel-placeholder{border-radius:12px;border:1px dashed rgba(148,163,184,.6);padding:16px;background:#f8fafff2;color:var(--text-muted)}.module-header h2{font-size:16px;color:var(--text-light);margin-bottom:6px}.module-header p{font-size:12px;color:var(--text-muted)}.module-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.module-card{padding:18px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:linear-gradient(135deg,#fff,#eef3ff);box-shadow:var(--card-shadow);transition:transform .25s ease,border-color .25s ease;position:relative}.module-card:before{content:"";position:absolute;inset:1px;border-radius:16px;border:1px solid transparent;transition:border .25s ease}.module-card:nth-child(1):before{border-color:#f59e0b59}.module-card:nth-child(2):before{border-color:#0ea5e959}.module-card:nth-child(3):before{border-color:#ef444466}.module-card:nth-child(4):before{border-color:#7c3aed66}.module-card:nth-child(5):before{border-color:#14b8a666}.module-card:hover{transform:translateY(-4px);border-color:var(--accent-secondary)}.module-card h3{font-size:15px;font-weight:600;color:var(--text-light);margin-bottom:8px}.module-card p{color:var(--text-muted);font-size:13px}.feature-list{margin-top:12px;padding-left:18px;display:grid;gap:6px;color:var(--text-light);font-size:13px}.feature-list li{position:relative;padding-left:12px}.feature-list li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-secondary);position:absolute;left:0;top:8px}.form-content{background:#fffffffa;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;padding:22px;border:1px solid rgba(15,23,42,.07);box-shadow:var(--card-shadow)}.section{background:#f8fbff;border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:18px;margin-bottom:16px;position:relative;transition:all .3s ease;animation:fadeIn .3s ease-out}.section.tone-section{border-left:5px solid var(--accent-primary);background:linear-gradient(135deg,#fffffffa,#f8fbffe6)}.section.tone-wan{border-left-color:var(--tone-wan);background:linear-gradient(135deg,#0ea5e914,#0ea5e905)}.section.tone-lan{border-left-color:var(--tone-lan);background:linear-gradient(135deg,#22c55e14,#22c55e05)}.section.tone-firewall{border-left-color:var(--tone-firewall);background:linear-gradient(135deg,#f973161a,#f9731605)}.section.tone-hotspot{border-left-color:var(--tone-hotspot);background:linear-gradient(135deg,#a855f71a,#a855f705)}.tone-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;background:#0f172a0d}.tone-badge.wan{background:#0ea5e926;color:#0369a1}.tone-badge.lan{background:#22c55e26;color:#166534}.tone-badge.firewall{background:#f9731626;color:#9a3412}.tone-badge.hotspot{background:#a855f72e;color:#5b21b6}.failover-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;padding:12px;border-radius:12px;background:#2563eb14;border:1px solid rgba(37,99,235,.25)}.failover-summary .summary-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#0f172ab3}.failover-summary strong{font-size:14px;color:#0f172a;display:block}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;padding:14px;border-radius:12px;background:#3b82f614;border:1px solid rgba(59,130,246,.25)}.info-grid strong{font-size:12px;color:var(--text-light)}.info-grid p{font-size:11px;color:var(--text-muted)}.portal-auth-description{border:1px dashed rgba(59,130,246,.5);padding:12px;border-radius:10px;font-size:12px;color:#0f172a;background:#3b82f60f}.portal-support{margin-top:12px;font-size:11px;color:var(--text-light)}.portal-support a{color:var(--accent-secondary);text-decoration:none}.failover-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:12px;padding:14px 16px;border-radius:12px;background:#10b98114;border:1px solid rgba(16,185,129,.3)}.failover-summary div{display:flex;flex-direction:column;gap:4px}.failover-summary .summary-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#0f172a99}.failover-summary strong{font-size:14px;color:#0f172a}.section:hover{border-color:var(--accent-secondary);box-shadow:0 8px 22px #0f172a14;transform:translateY(-1px)}.section h3{color:var(--text-light);font-size:14px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-icon{width:20px;height:20px;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;box-shadow:0 6px 16px #22d3ee73}.ssh-guidelines{background:#94a3b814;border-radius:12px;padding:12px;margin-top:10px}.ssh-guidelines ol{margin:8px 0 0;padding-left:16px;color:var(--text-muted);font-size:12px}.ssh-guidelines li+li{margin-top:4px}.form-group{margin-bottom:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.form-row.single{grid-template-columns:1fr}.lead-fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}label{display:block;margin-bottom:6px;font-size:12px;font-weight:500;color:var(--text-light);letter-spacing:-.01em}input,select,textarea{width:100%;padding:10px 12px;border:1.5px solid rgba(226,232,240,.4);border-radius:8px;font-size:13px;font-family:inherit;transition:all .2s ease;background:#fffffff2;color:#0f172a}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-secondary);box-shadow:0 0 0 3px #22d3ee33;transform:translateY(-1px)}input::placeholder,textarea::placeholder{color:#9ca3af}.small-text{font-size:10px;color:var(--text-muted);margin-top:4px;line-height:1.4}.info-box{background:#22d3ee1a;border:1px solid rgba(34,211,238,.3);border-radius:6px;padding:8px;margin-top:6px;font-size:10px;color:var(--text-light);line-height:1.4}.preset-note{border:1px solid rgba(37,99,235,.4);background:#3b82f614;border-radius:10px;padding:10px 12px;font-size:13px;color:#0f172a;margin-top:12px;line-height:1.5}.checkbox-group{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--text-light)}.checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6}.conditional-fields{margin-top:12px;padding:12px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:10px;position:relative}.conditional-fields:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));border-radius:0 3px 3px 0}.conditional-fields h4{font-size:12px;font-weight:600;color:var(--text-light);margin-bottom:10px}.action-buttons{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin-bottom:20px}.voucher-plans .plan-inline{display:flex;gap:10px;flex-wrap:wrap}.plan-col{display:flex;align-items:center;gap:8px;flex:1}.plan-col input{flex:1}.unit-label{display:inline-block;min-width:40px;text-align:center;padding:10px 8px;border-radius:10px;background:#e2e8f0;color:#475569;font-weight:700;border:1px solid rgba(148,163,184,.5)}.voucher-help{background:linear-gradient(135deg,#3b82f614,#3b82f605);border:1px solid rgba(59,130,246,.15);border-radius:16px}.voucher-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0}.voucher-card{padding:12px;border-radius:12px;color:#0f172a;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 6px 16px #0f172a0a}.voucher-card h4{margin:0 0 6px}.voucher-card p{margin:0;color:var(--gray);font-size:13px}.voucher-card.accent-1{border-color:#3b82f640;background:#3b82f614}.voucher-card.accent-2{border-color:#10b98140;background:#10b98114}.voucher-card.accent-3{border-color:#f9731640;background:#f9731614}.voucher-card.accent-4{border-color:#6366f140;background:#6366f114}.voucher-diagram{margin-top:8px;padding:10px;border-radius:12px;background:#fff;border:1px dashed rgba(59,130,246,.25)}.mini-flow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.mini-node{padding:8px 10px;border-radius:10px;font-weight:600;font-size:12px;background:#e2e8f0;color:#0f172a}.mini-node.accent-1{background:#3b82f626}.mini-node.accent-2{background:#10b98126}.mini-node.accent-3{background:#f9731626}.mini-node.accent-4{background:#6366f126}.table-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.app-table{width:100%;border-collapse:collapse}.app-table th,.app-table td{padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.06);text-align:left;font-size:13px}.app-table thead th{background:#0f172a05;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.app-table-responsive{width:100%;overflow-x:auto}.table-state{text-align:center;color:var(--text-muted);padding:14px}.table-state.error-message{color:#b91c1c}.table-state .spinner{width:16px;height:16px;border:2px solid rgba(37,99,235,.2);border-top-color:var(--primary);border-radius:50%;display:inline-block;animation:spin .8s linear infinite;margin-right:8px}.tooltip{position:relative;cursor:help}.tooltip:hover:after{content:attr(data-tip);position:absolute;left:0;top:120%;white-space:nowrap;background:#0f172a;color:#e2e8f0;padding:6px 10px;border-radius:8px;font-size:12px;box-shadow:0 6px 18px #0f172a2e;z-index:10}.btn{border:none;border-radius:8px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),#1f2c68);color:var(--text-light);padding:12px 20px;font-size:13px;box-shadow:0 12px 25px #3b82f659}.btn-secondary{background:#f3f4f6;color:var(--text-light);padding:12px 16px;font-size:12px;border:1px solid rgba(15,23,42,.08);box-shadow:0 4px 14px #0f172a14}.btn-success{background:linear-gradient(135deg,var(--accent-success),#047857);color:#fff;padding:12px 16px;font-size:12px;box-shadow:0 6px 16px #10b98166}.btn-info{background:linear-gradient(135deg,var(--accent-info),#0369a1);color:#fff;padding:12px 16px;font-size:12px;box-shadow:0 6px 16px #06b6d459}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.btn-secondary:hover{background:#e2e8f0;transform:translateY(-1px)}.btn-success:hover,.btn-info:hover{transform:translateY(-2px)}.result{margin-top:20px;background:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:20px;border:1px solid rgba(15,23,42,.08)}.result h3{color:var(--text-light);font-size:14px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.result textarea{width:100%;height:320px;background:#f8fbff;color:var(--text-light);border:1px solid rgba(15,23,42,.08);border-radius:8px;padding:16px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:11px;line-height:1.5;resize:vertical}.result textarea:focus{border-color:var(--accent-secondary);box-shadow:0 0 0 3px #0ea5e933}.copy-btn{background:linear-gradient(135deg,var(--accent-success),#0d9488);color:#fff;padding:8px 16px;font-size:12px;margin-top:12px;border:none;border-radius:6px;cursor:pointer;box-shadow:0 6px 16px #0d948859}.copy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.result-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-wa{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 14px #16a34a59}.hidden{display:none}.color-picker .color-control{display:inline-flex;align-items:center;gap:12px;padding:6px 10px;border:1px solid rgba(15,23,42,.15);border-radius:8px;background:#f8fafccc}.color-picker #portalColorValue{font-size:12px;font-weight:600;letter-spacing:.04em;padding:4px 10px;border-radius:6px;min-width:72px;text-align:center;color:#0f172a;background:#e2e8f0}body.help-modal-open{overflow:hidden}.help-overlay{position:fixed;inset:0;background:#0f172abf;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:4000}.help-overlay.visible{opacity:1;pointer-events:auto}.help-modal{width:min(1280px,calc(100vw - 32px));height:calc(100vh - 32px);display:flex;flex-direction:column;background:#f8fafc;border-radius:28px;padding:28px;border:1px solid rgba(15,23,42,.08);box-shadow:0 30px 80px #0f172a59}.help-modal-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.help-brand{display:flex;align-items:flex-start;gap:12px}.help-logo{width:44px;height:44px;border-radius:12px;background:#fff;object-fit:contain;box-shadow:0 6px 18px #0f172a2e;border:1px solid rgba(15,23,42,.1)}.help-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.24em;color:var(--gray);display:inline-block;margin-bottom:8px}.help-close{border:none;background:#0f172a0d;border-radius:999px;width:36px;height:36px;font-size:1.1rem;cursor:pointer}.help-highlight{margin:18px 0 12px;padding:14px 18px;border-radius:14px;background:#2563eb1a;border:1px dashed rgba(37,99,235,.4);font-weight:600;color:var(--primary)}.help-modal-body{display:flex;gap:24px;flex-wrap:wrap;flex:1;min-height:0;overflow:auto}.help-sidebar{flex:0 0 280px;display:flex;flex-direction:column;gap:16px}.help-steps{display:flex;flex-direction:column;gap:10px}.help-step{text-align:left;padding:12px 14px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#fff;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;gap:4px;font-size:.9rem}.help-step strong{font-size:1rem;color:var(--dark)}.help-step span{font-size:.85rem;color:var(--gray)}.help-step.is-active{border-color:var(--primary);background:#2563eb1a;box-shadow:inset 0 0 0 1px #2563eb33}.help-tips-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:16px;box-shadow:var(--card-shadow)}.help-tips-card h4{margin:0 0 10px;font-size:1rem;color:var(--dark)}.help-tips-card ul{padding-left:18px;color:var(--gray);font-size:.9rem;display:flex;flex-direction:column;gap:6px}.help-detail{flex:1;display:flex;flex-direction:column;gap:18px}.help-step-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:18px;box-shadow:var(--card-shadow)}.help-visual-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.8rem;background:#2563eb1f;color:var(--primary-dark);font-weight:600}.help-step-card ul{margin-top:10px;padding-left:20px;color:var(--gray)}.help-diagram{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;border-radius:18px;padding:18px;min-height:160px;box-shadow:0 20px 50px #0f172a66}@media(max-width:1024px){.help-modal{padding:20px;height:calc(100vh - 24px);width:calc(100vw - 24px)}.help-sidebar,.help-detail{flex:1 1 100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.form-row,.action-buttons{grid-template-columns:1fr}.action-buttons .btn-primary{grid-column:1 / -1}.module-section{padding:16px}.wan-config{padding:14px}.result-actions{flex-direction:column;width:100%}.result-actions .copy-btn,.result-actions .btn-wa{width:100%;text-align:center}.portal-real-preview iframe{min-height:380px}}@media(max-width:1024px){body{padding:16px}.app-shell{grid-template-columns:1fr;position:relative}.mobile-menu-btn{display:inline-flex}.sidebar{position:fixed;top:20px;left:16px;right:unset;transform:translate(-120%);width:min(320px,calc(100% - 32px));z-index:40;opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease}.sidebar-close{display:inline-flex}.sidebar-overlay{display:block;position:fixed;inset:0;background:#0f172a8c;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:30}.app-shell.sidebar-open .sidebar{transform:translate(0);opacity:1;pointer-events:auto}.app-shell.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}}.check-wrapper .check-grid{display:flex;flex-wrap:wrap;gap:8px 14px;border:1px solid rgba(148,163,184,.5);border-radius:10px;padding:10px;background:#f8fafcb3}.check-grid label{display:flex;align-items:center;gap:6px;font-size:13px;color:#0f172a}.third-link-toggle{margin-top:8px;font-weight:600}.third-link-grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.third-link-grid label{background:#3b82f614;border:1px solid rgba(59,130,246,.35);border-radius:10px;padding:8px 12px;box-shadow:inset 0 1px #fff3}.third-link-grid input{accent-color:#3b82f6}#thirdWanFields{margin-top:12px;border-radius:10px;border:1px dashed rgba(59,130,246,.6);background:#3b82f614}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.btn .spinner{margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}#leadsPanelAppsUrl.input-error{border-color:var(--accent-danger);box-shadow:0 0 0 3px #f43f5e33}.leads-table-wrap{overflow-x:auto}.leads-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.leads-table th,.leads-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border-soft)}.leads-table thead{background:#f8fbff}.leads-table th{font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.leads-table th .sort-icon{display:inline-block;margin-left:4px;opacity:.6}.leads-table th.sort-active{color:var(--accent-primary)}.leads-table th.sort-active .sort-icon{opacity:1}.leads-table-state td{text-align:center;padding:40px 20px;color:var(--text-muted);white-space:normal}.leads-table-state .spinner{border-color:#0f172a33;border-top-color:var(--accent-primary);margin:0 auto 8px}.leads-table-state .error-message{color:var(--accent-danger);font-weight:500}.pagination-controls{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px}.pagination-controls .btn-page{padding:6px 12px;border-radius:6px;border:1px solid var(--border-soft);background:#fff;cursor:pointer}.pagination-controls .btn-page.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.sidebar-link.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.app-shell.locked .sidebar-link:not([data-target=auth]){display:none}.app-shell.locked .module-panel:not([data-panel=auth]){display:none}.app-shell.locked{grid-template-columns:1fr;gap:0}.app-shell.locked .sidebar,.app-shell.locked .sidebar-overlay,.app-shell.locked .mobile-menu-btn{display:none}.app-shell.locked .main-panel{margin-left:0}.module-panel[data-panel=auth]{background:transparent;box-shadow:none;padding:0}.module-panel[data-panel=auth] .panel-heading{display:none}.module-panel[data-panel=auth] .panel-body{padding:0}.auth-layout{display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px;background:#f8fafc;border-radius:24px}.auth-layout>*{width:100%;max-width:700px}.auth-hero{text-align:center;padding:22px 16px;border-radius:20px;background:#fff;color:#0f172a;box-shadow:0 15px 45px #0f172a26;border:1px solid var(--border-soft)}.auth-hero img{width:110px;max-width:50%;margin-bottom:10px}.auth-hero h1{font-size:26px;margin-bottom:8px}.auth-hero p{font-size:15px;opacity:.9}.auth-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 20px 50px #0f172a14;border:1px solid var(--border-soft)}.auth-card h3{margin-top:0}.auth-card .form-row{gap:16px}.auth-card .action-buttons{justify-content:flex-start}@media(max-width:768px){.auth-layout{padding:16px 12px}.auth-card{padding:20px}.auth-hero{padding:24px 16px}}.leads-dashboard{display:flex;flex-direction:column;gap:20px}.leads-hero{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:26px;border-radius:24px;background:radial-gradient(circle at top right,rgba(37,99,235,.25),transparent),#0f172a;color:#fff;box-shadow:0 25px 60px #0f172a59}.leads-hero h2{margin:8px 0;font-size:26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.hero-actions input{flex:1;min-width:260px;border-radius:12px;border:none;padding:12px 14px}.hero-help{align-self:flex-start;background:#ffffff1a;color:#fff}.leads-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.summary-card{background:#fff;border-radius:18px;padding:18px;border:1px solid var(--border-soft);box-shadow:0 15px 40px #0f172a0d}.summary-card span{color:#64748b;font-size:14px}.summary-card strong{display:block;font-size:28px;margin-top:6px;color:#0f172a}.summary-card.accent{background:linear-gradient(135deg,#1d4ed8,#9333ea);color:#fff}.summary-card.accent span,.summary-card.accent strong{color:#fff}.leads-card{background:#fff;border-radius:20px;padding:24px;border:1px solid var(--border-soft);box-shadow:0 20px 50px #0f172a14}.leads-card .card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}.leads-card .card-actions{display:flex;gap:8px;flex-wrap:wrap}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.campaign-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.voucher-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.voucher-card-item{border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:12px;background:#fff;box-shadow:0 6px 16px #0f172a0d;display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center}.voucher-card-meta{display:flex;flex-direction:column;gap:4px}.voucher-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.voucher-panel .header-actions{display:flex;gap:8px;flex-wrap:wrap}.voucher-stats .stat-card{display:flex;flex-direction:column;gap:4px}.voucher-stats .stat-card.tone-success{background:#ecfdf3;color:#166534}.voucher-stats .stat-card.tone-warn{background:#fff7ed;color:#9a3412}.voucher-stats .stat-card.tone-danger{background:#fef2f2;color:#991b1b}.voucher-stats .stat-card.tone-hotspot{background:#eef2ff;color:#4338ca}.voucher-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.voucher-table .badge{text-transform:capitalize}.voucher-table .badge.disponivel{background:#ecfeff;color:#0f766e}.voucher-table .badge.utilizado{background:#fef9c3;color:#854d0e}.voucher-table .badge.expirado,.voucher-table .badge.cancelado{background:#fee2e2;color:#991b1b}.qr-thumb{width:64px;height:64px;object-fit:contain;border:1px solid #e2e8f0;border-radius:8px;background:#fff}@media(max-width:768px){.voucher-panel .panel-header{flex-direction:column;align-items:flex-start}.voucher-panel .header-actions{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.voucher-filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.voucher-table th,.voucher-table td{font-size:12px;padding:8px}.table-actions{flex-wrap:wrap}}.adopt-panel .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.adopt-panel .module-card ul{padding-left:18px;margin:8px 0}.adopt-panel textarea{width:100%}.vpn-section{margin-bottom:20px}.vpn-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.vpn-card{background:#fff;border-radius:12px;padding:14px;box-shadow:0 6px 18px #2563eb1f;border-left:4px solid var(--primary)}.vpn-card.accent-1{border-left-color:var(--success)}.vpn-card.accent-2{border-left-color:var(--warning)}.vpn-card.accent-3{border-left-color:var(--primary-dark)}.vpn-card.accent-4{border-left-color:#0ea5e9}.vpn-card h4{margin:0 0 8px;font-size:1rem;color:var(--dark)}.vpn-card p{margin:0;color:var(--gray);font-size:.9rem}.vpn-diagram{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;align-items:start}.mini-flow{background:linear-gradient(135deg,#f1f5ff,#e8f0ff);border:1px solid #dce6ff;border-radius:12px;padding:14px;display:flex;gap:10px;flex-wrap:wrap}.mini-node{background:#fff;border-radius:10px;padding:10px 12px;box-shadow:0 4px 12px #2563eb1f;font-size:.9rem;border:1px solid #e2e8f0}.mini-node.accent-1{border-color:var(--success);color:var(--success)}.mini-node.accent-2{border-color:var(--warning);color:var(--warning)}.mini-node.accent-3{border-color:var(--primary-dark);color:var(--primary-dark)}.mini-node.accent-4{border-color:#0ea5e9;color:#0ea5e9}.vpn-user-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:10px;border:1px dashed #d3defa;border-radius:10px;background:#f8fbff;margin-bottom:8px}.vpn-user-actions{display:flex;gap:8px;align-items:center}.vpn-auth-row .form-group{min-width:220px}.vpn-active-list{display:grid;gap:10px}.vpn-active-row{display:grid;grid-template-columns:1.2fr 1fr 1fr .6fr;gap:10px;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-shadow:0 4px 12px #0f172a0f;align-items:center}.vpn-active-row strong{color:var(--primary-dark)}.vpn-status{justify-self:end;padding:6px 10px;border-radius:20px;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.vpn-status.ok{background:#dcfce7;color:#15803d}.vpn-status.off{background:#fee2e2;color:#b91c1c}@media(max-width:780px){.vpn-active-row{grid-template-columns:1fr 1fr}.vpn-status{justify-self:start}}.callout{padding:12px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;color:#0f172a}.callout.warning{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.callout.success{background:#ecfdf3;border-color:#bbf7d0;color:#166534}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:9999px;font-size:.85rem;font-weight:600;border:1px solid transparent}.badge-ghost{background:#f8fafc;color:#0f172a;border-color:#e2e8f0}