:root{--brand:#1B5FB8;--brand-deep:#1F4E8C;--brand-active:#0A6BCC;--accent:#1F90FF;--accent-soft:#3599FD;--bg-app:#F7F8FA;--bg-panel:#ffffff;--bg-soft:#F4F7FB;--bg-soft-hover:#E8EFF8;--bg-row-alt:#FAFBFC;--text:#0F1B2D;--text-secondary:#3A4658;--text-muted:#6B7684;--text-faint:#8A95A4;--border:#E5E9EF;--border-soft:#EEF1F5;--border-faint:#F2F4F7;--border-input:#D8DEE6;--success:#0E9B6E;--success-soft:#DCFCE7;--warning:#B45309;--warning-soft:#FEF3C7;--danger:#D14343;--danger-bright:#EF4444;--danger-soft:#FEE2E2;--radius-sm:6px;--radius:8px;--radius-lg:10px;--radius-xl:14px;--shadow-card:0 1px 0 rgba(15,27,45,0.04);--shadow-pop:0 10px 40px rgba(6,61,122,0.18);--shadow-glow:0 0 0 4px rgba(27,95,184,0.10);--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Manrope","Inter",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--font-display);margin:0;color:var(--brand-deep);letter-spacing:-.5px}h1{font-size:24px;font-weight:700}h2{font-size:16px}h2,h3{font-weight:600}h3{font-size:14px}label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:6px;font-weight:500}input,select,textarea{width:100%;padding:9px 12px;border:1px solid var(--border-input);border-radius:var(--radius);font:inherit;font-size:13px;background:white;color:var(--text);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:var(--shadow-glow)}.field{margin-bottom:14px}.btn,button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid transparent;border-radius:var(--radius);background:var(--brand-deep);color:white;font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,transform .05s}.btn:hover,button:hover{background:var(--brand-active);text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}button:active{transform:translateY(.5px)}.btn-secondary{background:white;color:var(--brand-deep);border:1px solid var(--border-input)}.btn-secondary:hover{background:var(--bg-soft)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid transparent}.btn-ghost:hover{background:var(--bg-soft);color:var(--brand-deep)}.btn-accent{background:var(--accent);color:white;border-color:var(--accent)}.btn-accent:hover{background:var(--brand-active);border-color:var(--brand-active)}.btn-danger{background:white;color:var(--danger);border:1px solid #f0caca}.btn-danger:hover{background:var(--danger-soft)}.btn-sm{padding:5px 10px;font-size:11.5px}.btn-lg{padding:11px 18px;font-size:14px}.error{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius);border:1px solid #f4cbcb}.error,.success{padding:10px 14px;margin-bottom:14px;font-size:13px}.success{background:var(--success-soft);color:var(--success);border-radius:var(--radius)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:12px}.mono{font-family:var(--font-mono)}table{width:100%;border-collapse:collapse;font-size:13px}thead tr{background:var(--bg-row-alt);border-bottom:1px solid var(--border-soft)}th{text-align:left;padding:10px 16px;font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}td{padding:12px 16px;border-bottom:1px solid var(--border-faint);color:var(--text-secondary)}tbody tr:hover{background:var(--bg-row-alt)}tbody tr:last-child td{border-bottom:0}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500;line-height:1.4;white-space:nowrap}.tag-pending{background:var(--warning-soft);color:var(--warning)}.tag-active{background:var(--success-soft);color:var(--success)}.tag-banned{background:var(--danger-soft);color:var(--danger)}.tag-frozen{background:var(--border-faint);color:var(--text-muted)}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-app)}.app-body{flex:1 1;display:flex;overflow:hidden;min-height:0}.app-main{flex:1 1;overflow-y:auto;padding:28px}.app-main-inner{max-width:1320px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.op-header{background:var(--bg-panel);border-bottom:1px solid var(--border);height:68px;display:flex;align-items:center;padding:0 24px;gap:18px;flex-shrink:0;position:relative;z-index:50;box-shadow:var(--shadow-card)}.op-header-divider{width:1px;height:32px;background:var(--border);margin:0 6px}.op-search{display:flex;align-items:stretch;background:var(--bg-soft);border:1.5px solid transparent;border-radius:var(--radius-lg);width:480px;height:40px;transition:border-color .15s,background .15s,box-shadow .15s}.op-search:focus-within{border-color:var(--brand);background:white;box-shadow:var(--shadow-glow)}.op-search-icon{display:flex;align-items:center;padding-left:14px;color:var(--brand);flex-shrink:0}.op-search-scope{position:relative;display:flex;align-items:center;margin-left:10px}.op-search-scope select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;background:var(--bg-soft-hover);padding:5px 24px 5px 10px;border-radius:6px;font-size:11.5px;font-family:inherit;font-weight:600;color:var(--brand);cursor:pointer;text-transform:uppercase;letter-spacing:.4px;width:auto;height:auto}.op-search-scope select,.op-search-scope select:focus{outline:none;box-shadow:none}.op-search-scope-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--brand);display:flex}.op-search input{border:none;outline:none;background:transparent;flex:1 1;font-size:13.5px;padding:0 0 0 12px;color:var(--text);margin:0 14px 0 0;height:auto}.op-search input:focus{box-shadow:none}.op-search kbd{font-size:10.5px;padding:2px 7px;border-radius:4px;background:white;border:1px solid var(--border-input);color:var(--text-muted);font-family:var(--font-mono);font-weight:600;align-self:center;margin-right:14px}.op-bell{position:relative;width:42px;height:42px;border-radius:var(--radius-lg);background:var(--bg-soft);border:1.5px solid transparent;color:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;cursor:pointer}.op-bell:hover{background:var(--bg-soft-hover)}.op-bell svg{transform-origin:50% 4px}.op-bell.has-unread svg{animation:opBellShake 2.6s ease-in-out infinite}.op-bell-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:var(--danger-bright);color:white;border-radius:8px;border:2px solid white;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);box-shadow:0 2px 6px rgba(239,68,68,.45)}@keyframes opBellShake{0%,88%,to{transform:rotate(0)}90%{transform:rotate(-12deg)}92%{transform:rotate(10deg)}94%{transform:rotate(-8deg)}96%{transform:rotate(6deg)}98%{transform:rotate(-2deg)}}.op-profile-btn{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;height:40px;background:var(--bg-soft);border:1.5px solid transparent;border-radius:var(--radius-lg);color:var(--text);cursor:pointer;font:inherit;transition:background .15s}.op-profile-btn:hover{background:var(--bg-soft-hover)}.op-avatar{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:11.5px;color:white;flex-shrink:0}.op-profile-menu{position:absolute;right:0;top:calc(100% + 6px);background:white;border-radius:var(--radius);min-width:240px;box-shadow:var(--shadow-pop);border:1px solid var(--border);overflow:hidden}.op-profile-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:none;border:none;text-align:left;font-size:13px;color:var(--text-secondary);cursor:pointer;font:inherit;border-radius:0}.op-profile-menu-item:hover{background:var(--bg-soft);color:var(--brand-deep)}.op-sidebar{width:248px;background:white;border-right:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;padding-top:16px;transition:width .2s ease;overflow:hidden}.op-sidebar[data-collapsed=true]{width:64px}.op-sidebar-toggle{margin:0 12px 12px;padding:8px;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);color:white;cursor:pointer;display:flex;align-items:center;gap:10px;font:inherit;font-size:12px}.op-sidebar-toggle:hover{background:var(--brand-active);border-color:var(--brand-active)}.op-nav{padding:0 12px;display:flex;flex-direction:column;gap:2px}.op-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font:inherit;font-size:13.5px;font-weight:400;text-align:left;position:relative;width:100%}.op-nav-item:hover{background:var(--bg-soft);color:var(--brand-deep)}.op-nav-item[data-active=true]{font-weight:500}.op-nav-item[data-active=true],.op-nav-item[data-active=true]:hover{background:var(--brand-active);color:white}.op-nav-item[data-highlight=true]:not([data-active=true]){background:#E8F4FF;color:var(--brand-active);font-weight:500}.op-nav-icon{display:flex;flex-shrink:0}.op-nav-label{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-nav-badge{font-size:10.5px;padding:2px 7px;border-radius:10px;background:var(--border-faint);color:var(--text-muted);font-weight:600}.op-nav-item[data-active=true] .op-nav-badge{background:rgba(255,255,255,.18);color:white}.op-nav-section{padding:16px 14px 6px;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint);font-weight:600}.op-sidebar[data-collapsed=true] .op-nav-section{display:none}.op-sidebar[data-collapsed=true] .op-nav-item{justify-content:center;padding:10px}.op-sidebar[data-collapsed=true] .op-nav-badge,.op-sidebar[data-collapsed=true] .op-nav-label,.op-sidebar[data-collapsed=true] .op-sidebar-toggle span,.op-sidebar[data-collapsed=true] .op-support{display:none}.op-support{margin-top:auto;padding:16px}.op-support-card{padding:14px;border-radius:var(--radius);background:linear-gradient(135deg,var(--brand-deep) 0,var(--accent) 100%);color:white;position:relative;overflow:hidden}.op-support-card:before{content:"";position:absolute;right:-20px;top:-20px;width:80px;height:80px;border-radius:50%;background:white;opacity:.1}.card{background:white;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:16px 20px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--brand-deep)}.card-subtitle{font-size:12px;color:var(--text-faint);margin-top:2px}.card-body{padding:20px}.card-actions{display:flex;gap:8px;align-items:center}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header h1{margin:0}.page-header-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px}.page-actions{display:flex;gap:8px;align-items:center}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:14px;gap:14px}@media (max-width:600px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:white;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;display:flex;flex-direction:column;gap:10px;min-height:120px}.kpi-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-weight:500}.kpi-value{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--brand-deep);letter-spacing:-.5px}.kpi-hint{font-size:12px;color:var(--text-faint)}.kpi-accent{height:3px;border-radius:2px;margin-top:auto;width:32px}.row-2{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:14px;gap:14px}@media (max-width:900px){.row-2{grid-template-columns:1fr}}.container-narrow{max-width:480px;margin:64px auto;padding:24px}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:8vh 20px 48px;background:radial-gradient(900px 360px at 50% -140px,rgba(31,144,255,.1),transparent 70%),var(--bg-app)}.auth-shell{width:100%;max-width:432px}.auth-shell--wide{max-width:560px}.auth-logo{display:flex;justify-content:center;margin-bottom:30px}.auth-head{text-align:center;margin-bottom:24px}.auth-head h1{font-size:25px}.auth-subtitle{font-size:13px;color:var(--text-muted);margin:8px 0 0}.auth-shell .card{box-shadow:0 14px 44px rgba(15,27,45,.08);border-color:var(--border-soft)}.auth-shell .btn,.auth-shell form button[type=submit]{width:100%;justify-content:center}.auth-links{margin-top:16px;text-align:center}.auth-links a{color:var(--text-muted);font-size:13px}@media (max-width:600px){.auth-page{padding:6vh 16px 40px}}.legal-page{min-height:100vh;padding:5vh 16px 60px;background:var(--bg,#F5F8FC)}.legal-shell{width:100%;max-width:760px;margin:0 auto}.legal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.legal-back{font-size:13px;color:var(--text-muted);white-space:nowrap}.legal-doc{background:#fff;border:1px solid var(--border-soft,#e3eaf3);border-radius:12px;padding:32px 36px;box-shadow:0 14px 44px rgba(15,27,45,.06);font-size:14px;line-height:1.65;color:var(--text,#1B2A41)}.legal-doc h1{font-size:24px;margin:0 0 6px}.legal-doc h2{font-size:16px;margin:26px 0 8px;color:var(--brand-deep,#004B85)}.legal-doc p{margin:8px 0}.legal-doc ul{margin:8px 0;padding-left:22px}.legal-doc li{margin:4px 0}.legal-subtitle{font-size:13px;color:var(--text-muted);margin:0 0 8px}.legal-note{margin-top:22px;padding:12px 14px;background:#F1F7FF;border:1px solid #c2e2ff;border-radius:8px;font-size:13px}.legal-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.legal-table td,.legal-table th{border:1px solid var(--border-soft,#e3eaf3);padding:7px 10px;text-align:left;vertical-align:top}.legal-table th{background:#F1F7FF;color:var(--brand-deep,#004B85);font-weight:600}.legal-table td:first-child{color:var(--text-muted);white-space:nowrap}@media (max-width:600px){.legal-doc{padding:22px 18px}}.consent-block{margin:4px 0 18px;display:grid;grid-gap:10px;gap:10px}.consent-row{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.5;color:var(--text-muted);cursor:pointer}.consent-row input[type=checkbox]{margin-top:2px;flex:0 0 auto;width:16px;height:16px;cursor:pointer}.consent-row a{color:var(--brand-deep,#004B85);text-decoration:underline}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.label-static{font-size:13px;color:var(--text);padding:4px 0}.lead-layout{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:14px;gap:14px;align-items:flex-start}.lead-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.lead-grid-co{display:grid;grid-template-columns:1fr 1fr 1.2fr;grid-gap:14px;gap:14px}.lead-grid-ind{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:14px;gap:14px}.lead-mode-targets{margin-bottom:14px}.lead-mode-methods,.lead-mode-targets{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:768px){.lead-grid-2,.lead-grid-co,.lead-grid-ind{grid-template-columns:1fr}.lead-mode-methods,.lead-mode-targets{display:none}}.op-bottom-nav{display:none}@media (max-width:768px){.op-header-divider,.op-search,.op-sidebar{display:none}.op-header{padding:0 14px;gap:10px}.app-body{overflow:visible}.app-main{padding:16px 16px 84px;overflow-x:hidden}.app-main-inner{gap:16px}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi-card{padding:14px 16px;min-height:96px;gap:6px}.kpi-value{font-size:22px}h1{font-size:20px}.page-actions{width:100%}.app-main table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.lead-layout{grid-template-columns:1fr}.op-bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:64px;background:var(--bg-panel);border-top:1px solid var(--border);box-shadow:0 -2px 12px rgba(15,27,45,.06);z-index:60;padding:0 4px env(safe-area-inset-bottom,0)}.op-bottom-item{flex:1 1;border:none;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;color:var(--text-muted);font:inherit;min-height:44px;cursor:pointer}.op-bottom-item,.op-bottom-item:hover{background:transparent}.op-bottom-item[data-active=true]{color:var(--brand-active)}.op-bottom-icon{position:relative;display:flex}.op-bottom-label{font-size:10.5px;font-weight:600;line-height:1}.op-bottom-dot{position:absolute;top:-3px;right:-5px;width:8px;height:8px;border-radius:50%;background:var(--danger-bright);border:1.5px solid white}.op-bottom-count{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#F59E0B;color:white;border:1.5px solid white;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center}.op-bottom-item[data-center=true]{color:white}.op-bottom-item[data-center=true] .op-bottom-icon{width:50px;height:50px;margin-top:-18px;border-radius:50%;background:var(--accent);color:white;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(31,144,255,.45);border:3px solid var(--bg-panel)}.op-bottom-item[data-center=true] .op-bottom-label{color:var(--accent)}.op-bottom-item[data-center=true][data-active=true] .op-bottom-icon{background:var(--brand-active)}.op-sheet-backdrop{position:fixed;inset:0;background:rgba(15,27,45,.45);z-index:70;display:flex;align-items:flex-end}.op-sheet{width:100%;background:var(--bg-panel);border-radius:16px 16px 0 0;padding:10px 16px calc(20px + env(safe-area-inset-bottom, 0));max-height:85vh;overflow-y:auto;animation:opSheetUp .18s ease}@keyframes opSheetUp{0%{transform:translateY(20px);opacity:.6}to{transform:translateY(0);opacity:1}}.op-sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--border-input);margin:4px auto 12px}.op-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.op-sheet-name{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--brand-deep)}.op-sheet-role{font-size:12px;color:var(--text-muted)}.op-sheet-close{width:34px;height:34px;border-radius:8px;background:var(--bg-soft);border:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.op-sheet-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.op-sheet-item{display:flex;align-items:center;gap:10px;padding:14px;border-radius:var(--radius);background:var(--bg-soft);border:1px solid transparent;color:var(--text-secondary);font:inherit;font-size:13.5px;font-weight:500;text-align:left;cursor:pointer;min-height:48px}.op-sheet-item[data-active=true]{background:#E8F4FF;color:var(--brand-active);border-color:#CFE6FF}.op-sheet-item-icon{position:relative;display:flex;color:var(--brand);flex-shrink:0}.op-sheet-item[data-active=true] .op-sheet-item-icon{color:var(--brand-active)}.op-sheet-badge{position:absolute;top:-6px;right:-8px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;font-size:9px;font-weight:700;border:1.5px solid white}.op-sheet-badge,.op-sheet-support{color:white;display:flex;align-items:center;justify-content:center}.op-sheet-support{gap:8px;margin-top:12px;padding:13px;background:linear-gradient(135deg,var(--brand-deep),var(--accent));border-radius:var(--radius);font-weight:600;font-size:13px}.op-sheet-support:hover{text-decoration:none}.op-sheet-logout{width:100%;margin-top:8px;padding:13px;background:white;color:var(--danger);border:1px solid #f0caca;border-radius:var(--radius);font-weight:600;display:flex;align-items:center;justify-content:center}.op-sheet-logout:hover{background:var(--danger-soft)}}@media (max-width:400px){.kpi-grid{grid-template-columns:1fr}}