:root{--primary:#315A72;--primary-dark:#203A4A;--accent:#34786F;--background:#F3F5F6;--surface:#FFFFFF;--border:#D9E0E3;--text:#202B33;--text-muted:#64737D;--danger:#B34B4B;--warning:#A36A17;--success:#2F735E;--sidebar-width:252px;--radius:10px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--background);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--background)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-frame{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--primary-dark);color:#fff;display:flex;flex-direction:column;z-index:50;transition:width .18s ease}.brand{height:68px;display:flex;align-items:center;gap:11px;padding:0 17px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark,.brand-large span{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.5);border-radius:8px;font-weight:800}.brand strong{font-size:19px;letter-spacing:.2px}.collapse{margin-left:auto;background:transparent;border:0;color:#bdd0d8;font-size:23px}.sidebar nav{padding:12px 9px;overflow-y:auto;scrollbar-width:thin;flex:1}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:9px 11px;margin:2px 0;border-radius:8px;color:#c9d6dc;font-size:13.5px}.sidebar nav a:hover,.sidebar nav a.router-link-active{background:#315a72;color:#fff}.sidebar nav i{font-style:normal;width:19px;text-align:center;font-size:15px}.sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.1)}.user-mini{display:flex;align-items:center;gap:10px}.user-mini>span,.avatar{display:grid;place-items:center;border-radius:50%;background:#dce8eb;color:var(--primary-dark);font-weight:700}.user-mini>span{width:33px;height:33px}.user-mini div{min-width:0}.user-mini strong,.user-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini strong{font-size:12px}.user-mini small{font-size:10px;color:#9fb3bd}.workspace{min-height:100vh;margin-left:var(--sidebar-width);transition:margin .18s}.topbar{height:68px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 25px;position:sticky;top:0;z-index:30}.global-search{width:min(460px,45vw);height:38px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;padding:0 11px;gap:8px;background:#fafbfb}.global-search input{border:0;outline:0;background:transparent;width:100%;color:var(--text)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.icon-button{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;border-radius:8px;font-size:17px}.profile-button{display:flex;align-items:center;gap:8px;background:transparent;border:0}.profile-button span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--accent);color:#fff}.profile-button b{font-size:13px}.text-button{border:0;background:transparent;color:var(--primary);font-weight:650;font-size:13px}.mobile-menu{display:none;background:transparent;border:0;font-size:20px}.support-banner{background:#fff3cf;border-bottom:1px solid #e5c96f;color:#664d08;display:flex;justify-content:center;gap:18px;padding:8px;font-size:13px}.support-banner button{border:0;background:transparent;color:#634b00;font-weight:700;text-decoration:underline}.content{padding:20px 25px 45px;max-width:1800px;margin:auto}.breadcrumbs{font-size:11px;color:var(--text-muted);margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}.breadcrumbs span{margin:0 7px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:19px}.page-header h1{font-size:25px;line-height:1.2;margin:0 0 5px;letter-spacing:-.3px}.page-header p{margin:0;color:var(--text-muted);font-size:13.5px}.page-actions{display:flex;gap:8px;align-items:center}.button{border:1px solid transparent;border-radius:8px;padding:9px 14px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:#294e63}.button.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.button.danger{background:var(--danger);color:#fff}.button.full{width:100%}.button:disabled{opacity:.55;cursor:not-allowed}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:12px}.toolbar select,.toolbar input,.search-box{height:38px}.search-box{border:1px solid var(--border);background:var(--surface);border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px;min-width:300px}.search-box input{border:0;outline:0;width:100%;background:transparent}.toolbar select{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:0 10px;color:var(--text)}.table-shell{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:auto}.table-shell table{width:100%;border-collapse:collapse;min-width:820px}.table-shell th{background:#f7f9f9;color:#55656f;text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.55px;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.table-shell td{font-size:12.5px;padding:10px 12px;border-bottom:1px solid #e8edef;vertical-align:middle}.table-shell tbody tr{transition:background .12s}.table-shell tbody tr:hover{background:#f6f9fa}.table-shell tbody tr:last-child td{border-bottom:0}.actions-col{text-align:right!important;white-space:nowrap}.cell-primary{display:flex;align-items:center;gap:9px;min-width:160px}.cell-primary strong,.cell-primary small{display:block}.cell-primary small{color:var(--text-muted);font-size:11px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar.small{width:31px;height:31px;font-size:12px;flex:0 0 auto}.avatar.tiny{width:23px;height:23px;font-size:9px}.avatar.large{width:64px;height:64px;font-size:23px}.avatar.square{border-radius:8px}.product-mark{width:31px;height:31px;border:1px solid var(--border);display:grid;place-items:center;border-radius:8px;color:var(--primary)}.status-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:7px;background:#edf1f2;color:#4d5a61;font-size:10.5px;font-weight:700;text-transform:capitalize;white-space:nowrap}.status-active,.status-customer,.status-success,.status-won{background:#e3f1eb;color:#23654f}.status-lead,.status-medium,.status-primary{background:#e5eef2;color:#315a72}.status-high,.status-warning,.status-follow_up{background:#fff0d7;color:#87580f}.status-urgent,.status-lost,.status-blocked,.status-suspended,.status-danger{background:#f9e3e3;color:#9d3737}.status-inactive,.status-low{background:#edf0f1;color:#607079}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;background:#18252d6e;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px}.modal{width:min(560px,100%);max-height:92vh;background:var(--surface);border-radius:12px;border:1px solid #cbd4d8;display:flex;flex-direction:column}.modal-lg{width:min(820px,100%)}.modal header,.drawer header{padding:15px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal h2,.drawer h2{font-size:17px;margin:0}.modal-body,.drawer-body{padding:18px;overflow:auto}.modal footer{padding:12px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.drawer-backdrop{justify-content:flex-end;padding:0}.drawer{width:min(520px,100%);height:100%;background:var(--surface);display:flex;flex-direction:column}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:1/-1}.form-grid label,.auth-card label,.panel>label{font-size:12px;font-weight:650;color:#46555d;display:grid;gap:6px}.form-grid input,.form-grid select,.form-grid textarea,.auth-card input,.panel input,.panel select{width:100%;border:1px solid #cfd8dc;border-radius:8px;padding:9px 10px;background:#fff;color:var(--text);outline:0}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.auth-card input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #315a7217}.field-error{color:var(--danger)}.alert{padding:9px 11px;border-radius:8px;font-size:12px}.alert.error{background:#f9e6e6;color:#8d3030;border:1px solid #efcaca}.alert.success{background:#e3f1eb;color:#23654f;border:1px solid #c5e3d8}.empty-state{padding:45px 20px;text-align:center;color:var(--text-muted)}.empty-state strong{display:block;color:var(--text);margin:8px}.empty-mark{font-size:25px}.loading-state{display:flex;justify-content:center;gap:5px;padding:35px}.loading-state span{width:7px;height:7px;border-radius:50%;background:var(--primary);animation:pulse 1s infinite}.loading-state span:nth-child(2){animation-delay:.15s}.loading-state span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.metrics-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px}.metrics-strip.six{grid-template-columns:repeat(6,1fr)}.metrics-strip article{padding:17px 19px;border-right:1px solid var(--border)}.metrics-strip article:last-child{border-right:0}.metrics-strip span,.metrics-strip small{display:block;color:var(--text-muted);font-size:11px}.metrics-strip strong{display:block;font-size:24px;margin:5px 0}.dashboard-grid,.settings-grid,.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:17px}.panel>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:3px}.panel h2,.panel h3{margin:0;font-size:15px}.panel header a{font-size:12px;color:var(--primary);font-weight:700}.activity-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #e8edef}.activity-row:last-child{border:0}.activity-row strong,.activity-row span{display:block}.activity-row span,.activity-row time{color:var(--text-muted);font-size:11px}.usage-row{padding:11px 0}.usage-row>div{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px;text-transform:capitalize}progress{width:100%;height:6px;border:0;border-radius:6px;overflow:hidden}progress::-webkit-progress-bar{background:#e7edef}progress::-webkit-progress-value{background:var(--accent)}.contact-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:17px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.contact-identity{display:flex;align-items:center;gap:14px}.contact-identity h2{margin:0 0 3px;font-size:20px}.contact-identity p{margin:0 0 8px;color:var(--text-muted)}.inline-badges{display:flex;gap:5px}.quick-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.quick-actions button{border:1px solid var(--border);background:#f8fafb;border-radius:8px;padding:7px 9px;font-size:11px}.detail-grid{grid-template-columns:310px 1fr}.facts dl{margin:14px 0 0;display:grid;grid-template-columns:1fr;gap:4px}.facts dt{font-size:10px;text-transform:uppercase;color:var(--text-muted);margin-top:10px}.facts dd{margin:0;font-size:13px}.detail-main{padding:0}.tabs{display:flex;overflow:auto;border-bottom:1px solid var(--border);padding:0 12px}.tabs button{border:0;background:transparent;padding:13px 10px;font-size:11px;color:var(--text-muted);text-transform:capitalize;white-space:nowrap;border-bottom:2px solid transparent}.tabs button.active{color:var(--primary);border-color:var(--primary);font-weight:700}.tab-content{padding:22px}.timeline-empty{text-align:center;padding:50px;color:var(--text-muted)}.timeline-empty strong{display:block;color:var(--text);text-transform:capitalize}.kanban-board{display:flex;gap:11px;overflow-x:auto;padding-bottom:14px;align-items:flex-start}.kanban-column{width:292px;min-width:292px;background:#e9eef0;border:1px solid #d6dfe2;border-radius:10px}.kanban-column>header{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-bottom:1px solid #d2dcdf}.kanban-column>header div{display:flex;align-items:center;gap:7px}.kanban-column h3{font-size:12px;margin:0}.kanban-column>header b{font-size:10px;background:#dce4e7;padding:3px 6px;border-radius:6px}.stage-dot{width:8px;height:8px;border-radius:50%;background:#75858c}.dot-primary{background:var(--primary)}.dot-warning{background:#d18b22}.dot-success{background:var(--success)}.dot-danger{background:var(--danger)}.kanban-drop{padding:8px;min-height:130px}.kanban-card{background:var(--surface);border:1px solid #d5dee1;border-radius:8px;padding:10px;margin-bottom:7px}.kanban-card:hover{border-color:#9db0b8}.card-top{display:flex;gap:7px;justify-content:space-between;align-items:flex-start}.card-top strong{font-size:12px}.kanban-card p{font-size:10.5px;color:var(--text-muted);margin:5px 0}.card-tags{display:flex;gap:4px;flex-wrap:wrap}.card-tags span{font-size:9px;background:#edf2f3;padding:2px 5px;border-radius:6px}.kanban-card footer{display:flex;align-items:center;gap:5px;border-top:1px solid #edf0f1;margin-top:9px;padding-top:8px}.kanban-card footer small{font-size:9.5px;color:var(--text-muted)}.kanban-card footer time{margin-left:auto;font-size:9px;color:var(--text-muted)}.kanban-board.compact .kanban-card p{display:none}.add-card{width:100%;border:0;border-top:1px solid #d6dfe2;background:transparent;padding:9px;color:var(--primary);font-size:11px;font-weight:700}.toggle{display:flex;align-items:center;gap:7px;font-size:12px}.notice{border-left:3px solid var(--accent);background:#eaf2f0;padding:12px 14px;margin-bottom:13px;display:flex;gap:10px;font-size:12px}.notice span{color:var(--text-muted)}.upload-panel{background:var(--surface);border:1px dashed #b9c7cd;border-radius:10px;padding:17px;display:flex;align-items:center;gap:18px;margin-bottom:13px}.upload-panel>div{margin-right:auto}.upload-panel p{font-size:11px;color:var(--text-muted);margin:4px 0 0}.settings-grid .panel{display:grid;gap:14px;align-content:start}.setting-switch{display:flex!important;grid-template-columns:1fr auto!important;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.setting-switch span{display:block;color:var(--text-muted);font-weight:400;margin-top:3px}.setting-switch input{width:auto}.toast-inline{position:fixed;right:20px;bottom:20px;background:var(--primary-dark);color:#fff;padding:10px 14px;border-radius:8px;font-size:12px}.plan-card{background:var(--primary-dark);color:#fff;padding:22px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.plan-card small{color:#9fb4bf}.plan-card h2{font-size:25px;margin:5px 0}.plan-card p{color:#c5d1d6;margin:0}.plan-card>strong{font-size:27px}.plan-card>strong span{font-size:11px;font-weight:400}.limit-table{background:var(--surface);border:1px solid var(--border);border-radius:10px}.limit-table>div{display:grid;grid-template-columns:200px 1fr 120px;gap:18px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--border);font-size:12px;text-transform:capitalize}.limit-table>div:last-child{border:0}.module-placeholder{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:70px 20px;text-align:center}.blueprint-mark{width:50px;height:50px;border:2px solid var(--primary);color:var(--primary);display:grid;place-items:center;margin:auto;border-radius:10px;font-size:22px;font-weight:800}.module-placeholder h2{margin:14px 0 7px}.module-placeholder p{max-width:590px;margin:auto;color:var(--text-muted)}.module-placeholder>div:last-child{display:flex;justify-content:center;gap:7px;margin-top:18px}.module-placeholder>div span{border:1px solid var(--border);padding:5px 8px;border-radius:7px;font-size:10px}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.plan-option{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:17px;display:flex;flex-direction:column}.plan-option h2{margin:5px 0}.plan-option header p{min-height:48px;color:var(--text-muted);font-size:12px}.plan-option>strong{font-size:22px;border-bottom:1px solid var(--border);padding:11px 0}.plan-option>strong span{font-size:10px;color:var(--text-muted)}.plan-option dl{font-size:10.5px;display:grid;grid-template-columns:1fr auto;gap:8px;margin:14px 0;max-height:260px;overflow:auto}.plan-option dt{text-transform:capitalize}.plan-option dd{margin:0;font-weight:700}.audit-line{display:grid;grid-template-columns:160px 1fr 1fr 100px;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);font-size:11px}.audit-line time,.audit-line small{color:var(--text-muted)}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--primary-dark)}.auth-brand{color:#fff;padding:9vw;display:flex;flex-direction:column;justify-content:center}.brand-large{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;margin-bottom:55px}.brand-large span{width:40px;height:40px}.auth-brand h1{font-size:42px;line-height:1.08;max-width:520px;margin:0 0 17px;letter-spacing:-1px}.auth-brand p{max-width:490px;color:#bfd0d8;line-height:1.7}.auth-lines{display:grid;gap:9px;margin-top:45px;width:240px}.auth-lines span{height:1px;background:#527083}.auth-lines span:nth-child(2){width:70%}.auth-lines span:nth-child(3){width:43%}.auth-panel{background:var(--background);display:grid;place-items:center;padding:30px}.auth-card{width:min(430px,100%);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;display:grid;gap:16px}.auth-card.wide{width:min(650px,100%)}.auth-card small{color:var(--accent);letter-spacing:1px;font-weight:800}.auth-card h2{font-size:24px;margin:5px 0}.auth-card p{color:var(--text-muted);font-size:13px;margin:0}.auth-links{display:flex;justify-content:space-between;font-size:11px;color:var(--primary);font-weight:700}.demo-box{background:#f1f5f5;border:1px solid var(--border);border-radius:8px;padding:10px;display:grid;gap:3px;font-size:10.5px}.center-link{text-align:center;color:var(--primary);font-size:11px;font-weight:700}.system-page{min-height:100vh;display:grid;place-content:center;text-align:center;background:var(--background);padding:20px}.system-code{width:70px;height:70px;display:grid;place-items:center;margin:auto;border:2px solid var(--primary);border-radius:10px;color:var(--primary);font-size:25px;font-weight:800}.system-page h1{margin:16px 0 7px}.system-page p{color:var(--text-muted);margin:0 0 18px}.file-row{display:flex;gap:8px;padding:9px;border-bottom:1px solid var(--border)}.app-frame.collapsed .sidebar{width:67px}.app-frame.collapsed .workspace{margin-left:67px}.app-frame.collapsed .brand strong,.app-frame.collapsed .sidebar nav span,.app-frame.collapsed .user-mini div{display:none}.app-frame.collapsed .brand{padding:0 17px}.app-frame.collapsed .collapse{display:none}.app-frame.collapsed .sidebar nav a{justify-content:center}.app-frame.collapsed .sidebar nav i{font-size:17px}@media(max-width:1100px){.metrics-strip.six{grid-template-columns:repeat(3,1fr)}.plans-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.quick-actions{max-width:360px}}@media(max-width:780px){.sidebar{transform:translate(-100%);width:270px!important}.sidebar.mobileOpen{transform:translate(0)}.workspace,.app-frame.collapsed .workspace{margin-left:0}.mobile-menu{display:block}.topbar{padding:0 13px;gap:7px}.global-search{width:auto;flex:1}.profile-button b,.top-actions>.icon-button{display:none}.content{padding:15px 12px 35px}.page-header{align-items:flex-start}.page-header h1{font-size:21px}.page-actions{flex-wrap:wrap;justify-content:flex-end}.toolbar{overflow-x:auto;align-items:stretch}.search-box{min-width:240px}.metrics-strip,.metrics-strip.six{grid-template-columns:repeat(2,1fr)}.metrics-strip article:nth-child(2n){border-right:0}.dashboard-grid,.settings-grid,.detail-grid{grid-template-columns:1fr}.contact-hero{align-items:flex-start;gap:14px;flex-direction:column}.quick-actions{justify-content:flex-start}.form-grid.two{grid-template-columns:1fr}.span-2{grid-column:auto}.plans-grid{grid-template-columns:1fr}.upload-panel{align-items:flex-start;flex-direction:column}.limit-table>div{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr;background:var(--background)}.auth-brand{padding:35px 24px;background:var(--primary-dark)}.auth-brand h1{font-size:27px}.brand-large{margin-bottom:25px}.auth-panel{padding:18px}.auth-card{padding:20px}.audit-line{grid-template-columns:1fr 1fr}.audit-line small{display:none}}.profile-facts{display:grid;grid-template-columns:150px 1fr;gap:9px;margin:22px 0 0;font-size:12px}.profile-facts dt{color:var(--text-muted)}.profile-facts dd{margin:0;font-weight:650}.secret-result{background:#edf4f2;border:1px solid #bdd8d0;border-radius:8px;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;word-break:break-all;color:#21584a}.brand-mark{overflow:hidden;flex:0 0 auto}.brand-mark.has-logo{background:#fff;border-color:transparent}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-backdrop{display:none}.app-frame.collapsed .brand{justify-content:center;flex-direction:column;height:auto;min-height:68px;gap:6px;padding:10px 0}.app-frame.collapsed .collapse{display:block;margin:0;font-size:19px}@media(max-width:780px){.sidebar-backdrop{display:block;position:fixed;inset:0;background:#18252d73;z-index:45}.sidebar{box-shadow:none}.sidebar.mobileOpen{box-shadow:0 0 0 1px #0000001a}}:root{--wa: #1faa59;--wa-dark: #178a48;--info: #3b7ea1;--surface-2: #f7f9fa}.muted{color:var(--text-muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.overdue{color:var(--danger);font-weight:700}.tag{display:inline-block;font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;background:#edf1f2;color:#4d5a61}.tag.primary{background:#e5eef2;color:var(--primary)}.tag.private{background:#fff0d7;color:#87580f}.tag.muted{background:transparent;border:1px solid var(--border);color:var(--text-muted);font-weight:500}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:4px 11px;font-size:11.5px;color:var(--text-muted)}.chip:hover{border-color:var(--primary);color:var(--primary)}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.chip-more{display:inline-block;font-size:10px;font-weight:700;background:#e5eef2;color:var(--primary);border-radius:999px;padding:1px 7px}.picker-results{list-style:none;margin:4px 0 0;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--surface);max-height:200px;overflow:auto}.picker-results button{width:100%;text-align:left;border:0;background:transparent;padding:8px 10px;border-radius:6px;display:flex;justify-content:space-between;gap:8px}.picker-results button:hover{background:var(--surface-2)}.picker-results small{color:var(--text-muted)}.contact-picker{position:relative}.picked{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.extra-row{display:grid;grid-template-columns:1fr 150px auto;gap:8px;align-items:center;margin-top:6px}.composer-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.funnel-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.funnel-kpis article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:13px 16px;border-left:3px solid var(--accent)}.funnel-kpis small{display:block;color:var(--text-muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.5px}.funnel-kpis strong{display:block;font-size:22px;margin:3px 0 1px;letter-spacing:-.3px}.funnel-kpis span{color:var(--text-muted);font-size:11px}.funnel-filters{flex-wrap:wrap}.funnel-board{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 18px;align-items:flex-start;scroll-snap-type:x proximity}.funnel-col{width:296px;min-width:296px;background:#e8edef;border:1px solid #d5dee1;border-radius:12px;scroll-snap-align:start;display:flex;flex-direction:column;max-height:calc(100vh - 290px);min-height:200px}.funnel-col>header{display:flex;justify-content:space-between;align-items:center;padding:11px 12px 9px;border-bottom:1px solid #d2dcdf;position:sticky;top:0}.col-title{display:flex;align-items:center;gap:7px}.col-title h3{font-size:12.5px;margin:0}.col-title b{font-size:10px;background:#d9e2e5;padding:2px 6px;border-radius:999px}.col-totals{text-align:right;line-height:1.15}.col-totals strong{font-size:13px;display:block}.col-totals small{color:var(--text-muted);font-size:10px}.funnel-col.col-success{background:#e2f0ea;border-color:#c3ddd1}.funnel-col.col-danger{background:#f5e6e6;border-color:#e6cccc}.dot-info{background:var(--info)}.dot-accent{background:#7a5ea8}.dot-neutral{background:#75858c}.funnel-drop{padding:8px;overflow-y:auto;flex:1;min-height:90px}.col-empty{text-align:center;color:var(--text-muted);font-size:11px;padding:18px 8px;border:1px dashed #c3cfd4;border-radius:8px;margin:8px}.funnel-col>.button{margin:0 8px 8px;width:calc(100% - 16px)}.drag-ghost{opacity:.35}.drag-chosen .opp-card{box-shadow:0 8px 22px #203a4a38;transform:rotate(1.5deg)}.opp-card{position:relative;background:var(--surface);border:1px solid #d5dee1;border-left:4px solid #b8c5cb;border-radius:10px;padding:10px 11px 9px;margin-bottom:8px;cursor:grab;transition:box-shadow .15s,transform .15s,border-color .15s}.opp-card:hover{box-shadow:0 4px 14px #203a4a21;transform:translateY(-1px);border-color:#9db0b8}.opp-card.prio-urgent{border-left-color:var(--danger)}.opp-card.prio-high{border-left-color:#d18b22}.opp-card.prio-medium{border-left-color:var(--primary)}.opp-card.prio-low{border-left-color:#a9b7bd}.opp-card.closed{opacity:.9}.opp-card.stale{background:#fffbf1}.opp-card header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.opp-name{font-size:12.5px;line-height:1.3;word-break:break-word}.opp-amount{font-weight:800;font-size:13px;color:var(--primary-dark);white-space:nowrap}.opp-org{font-size:11px;color:var(--text-muted);margin:3px 0 0}.opp-contacts{display:flex;align-items:center;gap:6px;margin-top:8px}.opp-contact-name{font-size:11.5px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opp-meta{display:flex;align-items:center;gap:6px;margin-top:9px}.prob{position:relative;flex:1;height:15px;background:#e5ebed;border-radius:999px;overflow:hidden;min-width:60px}.prob i{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:999px}.prob b{position:relative;font-size:9.5px;padding-left:7px;line-height:15px;color:#143a34}.badge-prio{font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:6px;background:#e5eef2;color:var(--primary)}.badge-prio.prio-urgent{background:#f9e3e3;color:#9d3737}.badge-prio.prio-high{background:#fff0d7;color:#87580f}.badge-prio.prio-low{background:#edf0f1;color:#607079}.badge-stale{font-size:10px;font-weight:700;color:#87580f;background:#fff0d7;padding:2px 6px;border-radius:6px}.days{font-size:10px;color:var(--text-muted)}.opp-dates{margin-top:7px;font-size:10.5px;color:var(--text-muted)}.opp-card footer{display:flex;align-items:center;gap:7px;margin-top:9px;padding-top:8px;border-top:1px solid #edf0f1}.opp-card .counts{display:flex;gap:8px;font-size:10.5px;color:var(--text-muted)}.opp-card footer time{margin-left:auto;font-size:9.5px;color:var(--text-muted)}.funnel-board.compact .opp-org,.funnel-board.compact .opp-dates,.funnel-board.compact .opp-meta .days{display:none}.wa-wrap{position:relative;display:inline-flex}.wa-button{display:inline-flex;align-items:center;gap:6px;background:var(--wa);color:#fff;border:0;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:700}.wa-button.compact{padding:4px 7px;border-radius:7px}.wa-button:hover:not(:disabled){background:var(--wa-dark)}.wa-button:disabled{background:#c6d2d6;cursor:not-allowed}.wa-more{border:0;background:#178a48;color:#fff;margin-left:1px;border-radius:0 5px 5px 0;padding:0 5px;font-size:10px}.wa-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:60;list-style:none;margin:0;padding:4px;min-width:190px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 22px #00000026}.wa-menu button{width:100%;display:flex;justify-content:space-between;gap:10px;border:0;background:transparent;padding:7px 9px;font-size:12px;border-radius:6px;text-align:left}.wa-menu button:hover:not(:disabled){background:#e8f6ee}.wa-menu button:disabled{color:#a3b0b6}.wa-menu small{color:var(--text-muted)}.wa-link{color:var(--wa-dark);font-weight:700;font-size:12px}.opp-drawer{width:min(760px,100%)}.drawer-title{display:flex;align-items:center;gap:10px;min-width:0}.drawer-title h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-summary{display:flex;gap:22px;align-items:center;padding:13px 18px;background:var(--surface-2);border-bottom:1px solid var(--border);flex-wrap:wrap}.drawer-summary small{display:block;font-size:10px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.4px}.drawer-summary strong{font-size:16px}.drawer-summary .wa-wrap{margin-left:auto}.stage-track{display:flex;padding:12px 18px 4px;gap:4px;overflow-x:auto}.stage-track button{flex:1;min-width:88px;border:0;background:#e3eaed;color:#55656f;font-size:11px;font-weight:700;padding:8px 6px;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%,9px 50%)}.stage-track button.done{background:#cfe3dc;color:#23654f}.stage-track button.current{background:var(--primary);color:#fff}.stage-track button:disabled{opacity:.5;cursor:default}.drawer-actions{display:flex;align-items:center;gap:8px;padding:10px 18px 4px}.lost-box{display:flex;gap:8px;padding:6px 18px}.lost-box input{flex:1;border:1px solid #cfd8dc;border-radius:8px;padding:8px 10px}.opp-drawer .alert{margin:8px 18px}.opp-drawer .tabs{padding:0 18px;margin-top:6px}.opp-drawer .drawer-body{flex:1}.contact-list{list-style:none;padding:0;margin:0 0 16px}.contact-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e8edef;flex-wrap:wrap}.contact-info{flex:1;min-width:160px}.contact-info strong,.contact-info small{display:block}.contact-info small{color:var(--text-muted);font-size:11px}.contact-list select,.composer-row select,.composer-row input,.timeline-filters input,.timeline-filters select{border:1px solid #cfd8dc;border-radius:8px;padding:7px 9px;background:#fff;font-size:12px}.composer-row input{flex:1;min-width:160px}.add-contact h4{margin:0 0 4px;font-size:13px}.mini-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:8px}.mini-table th{text-align:left;font-size:10px;text-transform:uppercase;color:var(--text-muted);padding:6px 4px}.mini-table td{padding:4px}.mini-table input{width:100%;border:1px solid #cfd8dc;border-radius:7px;padding:6px 7px}.note-composer{border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--surface-2);margin-bottom:12px}.note-composer textarea{width:100%;border:1px solid #cfd8dc;border-radius:8px;padding:9px 10px;resize:vertical;background:#fff}.mention-select{height:34px;max-width:150px}.timeline-filters{display:grid;gap:8px;margin-bottom:10px}.filter-row{display:flex;gap:6px;flex-wrap:wrap}.filter-row input[type=search]{flex:1;min-width:150px}.pinned{background:#fff8e6;border:1px solid #f0dda1;border-radius:12px;padding:8px 12px;margin-bottom:12px}.pinned h4{margin:0 0 6px;font-size:12px}.pinned-entry p{margin:2px 0 6px;font-size:12.5px;white-space:pre-wrap}.day-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin:14px 0 8px;display:flex;align-items:center;gap:8px}.day-label:after{content:"";flex:1;height:1px;background:var(--border)}.entry{display:flex;gap:10px;padding:8px 0;position:relative}.entry:before{content:"";position:absolute;left:13px;top:34px;bottom:-8px;width:1px;background:var(--border)}.entry:last-child:before{display:none}.entry-icon{flex:0 0 27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#e3eaed;color:var(--primary);font-size:12px;z-index:1}.entry.kind-note .entry-icon{background:#fff0d7;color:#87580f}.entry-icon.t-stage_changed,.entry-icon.t-won{background:#e3f1eb;color:var(--success)}.entry-icon.t-lost{background:#f9e3e3;color:var(--danger)}.entry-icon.t-whatsapp_click{background:#e1f6e9}.entry-body{flex:1;min-width:0}.entry-body header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.entry-body header strong{font-size:12px}.entry-body header time{margin-left:auto;font-size:10.5px;color:var(--text-muted)}.note-text{margin:4px 0;font-size:13px;white-space:pre-wrap;background:#fffdf5;border:1px solid #f2e7c1;border-radius:8px;padding:8px 10px}.system-text{margin:3px 0;font-size:12.5px;color:#33424b}.tombstone{margin:3px 0;font-size:12px;color:var(--text-muted);font-style:italic}.entry.deleted{opacity:.7}.change-list{margin:4px 0;padding-left:16px;font-size:12px}.change-list s{color:var(--text-muted)}.change-list em{color:var(--success);font-style:normal;font-weight:700}.entry-actions{display:flex;gap:10px}.entry-actions .text-button{font-size:11px}.edit-box textarea{width:100%;border:1px solid #cfd8dc;border-radius:8px;padding:8px;margin-bottom:6px}.mention-list{display:flex;gap:4px;margin-top:4px}.dropzone{border:2px dashed #b9c7cd;border-radius:10px;padding:18px;text-align:center;background:var(--surface-2);transition:.15s}.dropzone.over{border-color:var(--accent);background:#eaf5f2}.dropzone p{margin:0 0 8px}.dropzone small{display:block;margin-top:8px;color:var(--text-muted);font-size:10.5px}.dz-actions{display:flex;justify-content:center;gap:8px}.dz-actions select{border:1px solid #cfd8dc;border-radius:8px;padding:0 8px}.upload-list{list-style:none;padding:0;margin:10px 0;display:grid;gap:6px}.upload-list li{display:grid;grid-template-columns:1fr 140px;gap:10px;align-items:center;font-size:12px}.file-list{list-style:none;padding:0;margin:12px 0 0}.file-list li{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #e8edef;align-items:flex-start}.file-icon{font-size:22px}.file-info{flex:1;min-width:0}.file-info strong,.file-info small{display:block}.file-info small{color:var(--text-muted);font-size:10.5px;margin-top:2px;word-break:break-all}.file-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.toast-inline{z-index:200}@media(max-width:900px){.funnel-kpis{grid-template-columns:repeat(2,1fr)}.funnel-col{width:84vw;min-width:84vw;max-height:none}.opp-drawer{width:100%}.extra-row{grid-template-columns:1fr}}.bell,.bell .icon-button{position:relative}.bell-count{position:absolute;top:-5px;right:-5px;background:var(--danger);color:#fff;border-radius:999px;font-size:9px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px}.bell-panel{position:absolute;right:0;top:calc(100% + 8px);width:340px;max-height:70vh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px #0000002e;z-index:80}.bell-panel header{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-bottom:1px solid var(--border)}.bell-panel ul{list-style:none;margin:0;padding:0}.bell-panel li{padding:10px 14px;border-bottom:1px solid #edf0f1;cursor:pointer}.bell-panel li.unread{background:#eef5f8}.bell-panel li:hover{background:#e4eef2}.bell-panel li strong{font-size:12.5px;display:block}.bell-panel li p{margin:2px 0;font-size:11.5px;color:var(--text-muted)}.bell-panel li small{font-size:10px;color:var(--text-muted)}.bell-empty{padding:24px;text-align:center;color:var(--text-muted);margin:0}.global-search,.global-search input{cursor:pointer}.palette-backdrop{position:fixed;inset:0;background:#18252d73;z-index:150;display:flex;justify-content:center;padding-top:12vh}.palette{width:min(620px,92vw);max-height:70vh;overflow:auto;background:var(--surface);border-radius:10px;box-shadow:0 20px 50px #0000004d;align-self:flex-start}.palette>input{width:100%;border:0;border-bottom:1px solid var(--border);padding:16px 18px;font-size:15px;outline:0}.palette section h4{margin:0;padding:10px 18px 4px;font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.palette section button{display:flex;justify-content:space-between;gap:12px;width:100%;border:0;background:transparent;padding:9px 18px;text-align:left}.palette section button:hover{background:#eef3f5}.palette small{color:var(--text-muted)}.palette-hint{padding:18px;color:var(--text-muted);margin:0}.button.wa{background:var(--wa);color:#fff}.seat-pill{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700}.seat-pill.full{background:#fff0d7;border-color:#ecca86;color:#87580f}.plain-list{list-style:none;padding:0;margin:0 0 14px}.plain-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #e8edef;font-size:12.5px}.plain-list li.struck span{text-decoration:line-through;opacity:.6}.plain-list li.internal{background:#fff8e6;padding-left:8px}.comments li{display:block}.comments p{margin:4px 0 0;white-space:pre-wrap}.wide-textarea{width:100%;border:1px solid #cfd8dc;border-radius:8px;padding:9px 10px;margin:8px 0}.facts-list{display:grid;gap:8px;margin:0 0 14px}.facts-list div{display:grid;grid-template-columns:120px 1fr;gap:10px;font-size:12.5px}.facts-list dt{color:var(--text-muted)}.facts-list dd{margin:0;word-break:break-word}.pay-form{margin-top:12px;border-top:1px solid var(--border);padding-top:12px}.items-editor .mini-table th,.items-editor .mini-table td{padding:4px 3px}.items-editor select{width:100%;border:1px solid #cfd8dc;border-radius:7px;padding:6px}.num{text-align:right;white-space:nowrap;font-weight:700}.items-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.totals{min-width:230px;margin:0}.totals div{display:flex;justify-content:space-between;padding:3px 0;font-size:12.5px}.totals dd{margin:0;font-weight:700}.totals .grand{border-top:2px solid var(--primary-dark);margin-top:4px;padding-top:6px;font-size:15px}.cal-nav{display:flex;align-items:center;gap:8px}.cal-nav strong{min-width:150px;text-align:center;text-transform:capitalize}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--border);gap:1px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.cal-head{background:#f1f5f6;padding:8px;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:center}.cal-day{background:var(--surface);min-height:104px;padding:5px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.cal-day:hover{background:#f4f9fb}.cal-day.other{background:#f7f9fa;color:#a3b0b6}.cal-day.today>b{background:var(--primary);color:#fff;border-radius:999px;padding:1px 7px;align-self:flex-start}.cal-day>b{font-size:11px}.cal-event{border:0;background:#dfeaf0;color:var(--primary-dark);border-radius:6px;padding:2px 5px;font-size:10.5px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-event.done{background:#e3f1eb;text-decoration:line-through}.cal-event.conflict{background:#fde7c9}.mail-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.mail-cards article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;border-top:3px solid #b8c5cb}.mail-cards small{display:block;color:var(--text-muted);font-size:10.5px;text-transform:uppercase}.mail-cards strong{font-size:22px}.mail-cards .mc-primary{border-top-color:var(--primary)}.mail-cards .mc-success{border-top-color:var(--success)}.mail-cards .mc-danger{border-top-color:var(--danger)}.mail-status{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;background:#edf1f2;color:#4d5a61}.ms-primary{background:#e5eef2;color:var(--primary)}.ms-success{background:#e3f1eb;color:#23654f}.ms-warning{background:#fff0d7;color:#87580f}.ms-danger{background:#f9e3e3;color:#9d3737}.mail-error{display:block;color:var(--danger);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.mail-preview{width:100%;height:320px;border:1px solid var(--border);border-radius:12px;background:#fff}.access-grid,.automation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.access-card,.automation-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.access-card header,.automation-card header{display:flex;align-items:center;gap:8px;justify-content:space-between}.access-card p,.automation-card p{margin:0;font-size:12px}.access-facts{display:flex;gap:14px;list-style:none;padding:0;margin:4px 0;font-size:11.5px;color:var(--text-muted)}.access-card footer,.automation-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;border-top:1px solid #edf0f1}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px 14px;padding:12px 0}.menu-grid>p{grid-column:1 / -1;margin:0 0 6px}.menu-check{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0}.matrix-wrap{overflow:auto;max-height:55vh;margin:8px 0;border:1px solid var(--border);border-radius:12px}.matrix{width:100%;border-collapse:collapse;font-size:12px}.matrix th,.matrix td{padding:6px 8px;border-bottom:1px solid #edf0f1;text-align:center;white-space:nowrap}.matrix th:first-child,.matrix td:first-child{text-align:left;position:sticky;left:0;background:var(--surface)}.matrix thead th{position:sticky;top:0;background:#f4f7f8;z-index:2}.matrix-group td{background:#eef3f5;font-weight:700;text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px}.matrix select{border:1px solid #cfd8dc;border-radius:7px;padding:3px 6px}.automation-card.off{opacity:.6}.action-chips{display:flex;flex-wrap:wrap;gap:5px;list-style:none;padding:0;margin:2px 0}.action-chips li{background:#e5eef2;color:var(--primary);font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px}.switch{position:relative;display:inline-block;width:36px;height:20px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#c3cfd4;border-radius:999px;transition:.15s;cursor:pointer}.switch span:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.15s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:before{transform:translate(16px)}.builder-step{border:1px solid var(--border);border-radius:12px;padding:10px 14px 12px}.builder-step legend{font-size:12px;font-weight:800;color:var(--primary);padding:0 6px}.builder-step select,.builder-step input{border:1px solid #cfd8dc;border-radius:8px;padding:8px}.action-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px;align-items:center}.action-row input{flex:1;min-width:130px}.report-tabs{margin-bottom:12px}.bar-cell{width:26%}.bar-cell i{display:block;height:10px;background:var(--accent);border-radius:999px}.aging{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.aging-bar{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px;text-align:left;display:grid;gap:4px}.aging-bar.active{border-color:var(--primary);box-shadow:0 0 0 2px #315a7226}.aging-bar span{font-size:10.5px;text-transform:uppercase;color:var(--text-muted)}.aging-bar i{display:block;height:6px;border-radius:999px;background:#7fb3a8;min-width:4px}.aging-d1_30{background:#e6c46a!important}.aging-d31_60{background:#e39a4a!important}.aging-d61_90,.aging-d90_plus{background:var(--danger)!important}.aging-bar b{font-size:15px}.aging-bar small{color:var(--text-muted)}.steps{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 12px}.steps li{flex:1;text-align:center;padding:6px;font-size:11px;background:#edf1f2;border-radius:8px;color:var(--text-muted)}.steps li.on{background:var(--primary);color:#fff;font-weight:700}.recovery-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;list-style:none;padding:0;font-family:ui-monospace,monospace}.recovery-codes li{background:#f1f5f6;border:1px dashed #b9c7cd;border-radius:8px;padding:7px;text-align:center}.qr{display:block;margin:8px 0;border:1px solid var(--border);border-radius:12px}@media(max-width:900px){.mail-cards,.aging{grid-template-columns:repeat(2,1fr)}.bell-panel{position:fixed;left:8px;right:8px;top:64px;width:auto}}.menu-grid .span-all{grid-column:1 / -1;display:grid;gap:6px;font-size:12px;font-weight:650;color:#46555d;max-width:380px}.menu-grid .span-all select{border:1px solid #cfd8dc;border-radius:8px;padding:9px 10px;background:#fff}.company-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:17px;margin-bottom:16px}.company-section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.company-section h2{margin:0;font-size:15px}.company-section .section-hint{margin:2px 0 0;color:var(--text-muted);font-size:12px}.usage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.usage-card{border:1px solid var(--border);border-radius:8px;padding:12px;display:grid;gap:6px}.usage-card span{font-size:11px;color:var(--text-muted)}.usage-card strong{font-size:19px}.usage-card.full strong{color:var(--danger)}.check-line{display:flex!important;align-items:center;gap:8px}.check-line input{width:auto!important}:root{color-scheme:dark;--primary: #f4f4f5;--primary-dark: #050506;--accent: #f59e0b;--company-accent: #f59e0b;--company-accent-dark: #92400e;--background: #09090b;--surface: #121214;--surface-2: #18181b;--surface-3: #202024;--border: #2a2a2f;--border-strong: #3f3f46;--text: #f4f4f5;--text-muted: #a1a1aa;--danger: #fb7185;--warning: #fbbf24;--success: #4ade80;--info: #60a5fa;--orange: #fb923c;--purple: #c084fc}html,body,#app{min-height:100%}body{background:var(--background);color:var(--text)}::selection{background:#f59e0b52;color:#fff}*{scrollbar-color:#3f3f46 #111113}.app-frame,.workspace{background:var(--background)}.workspace{background-image:radial-gradient(circle at 92% 2%,rgba(249,115,22,.055),transparent 24%),radial-gradient(circle at 15% 85%,rgba(59,130,246,.04),transparent 26%)}.sidebar{background:#050506;border-right:1px solid #242428;box-shadow:18px 0 45px #00000038}.brand{border-bottom-color:#242428}.brand-mark,.brand-large span{background:#111113;border-color:#3f3f46;color:#fff}.brand-mark.has-logo{background:#f4f4f5}.collapse{color:#71717a;transition:color .16s ease,transform .16s ease}.collapse:hover{color:#fff;transform:scale(1.08)}.sidebar nav a{position:relative;color:#a1a1aa;border:1px solid transparent;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.sidebar nav a:hover{background:#111113;color:#fff;border-color:#27272a;transform:translate(2px)}.sidebar nav a.router-link-active{background:#18181b;color:#fff;border-color:#34343a;box-shadow:inset 3px 0 0 var(--nav-tone, var(--company-accent))}.sidebar nav i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;font-size:14px;color:var(--nav-tone);background:color-mix(in srgb,var(--nav-tone) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nav-tone) 22%,transparent);transition:transform .16s ease,box-shadow .16s ease}.sidebar nav a:hover i,.sidebar nav a.router-link-active i{transform:scale(1.08);box-shadow:0 0 16px color-mix(in srgb,var(--nav-tone) 22%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--nav-tone) 38%,transparent)}.sidebar nav a.tone-blue{--nav-tone: #60a5fa}.sidebar nav a.tone-red{--nav-tone: #fb7185}.sidebar nav a.tone-yellow{--nav-tone: #facc15}.sidebar nav a.tone-green{--nav-tone: #4ade80}.sidebar nav a.tone-orange{--nav-tone: #fb923c}.sidebar-footer{border-top-color:#242428}.user-mini>span,.avatar{background:#27272a;color:#fff;border:1px solid #3f3f46}.user-mini small{color:#71717a}.topbar{background:#09090be0;border-bottom-color:var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.global-search{background:#111113;border-color:#2f2f34}.global-search:hover{border-color:#52525b}.global-search>span{color:var(--warning)}.global-search input,input::placeholder,textarea::placeholder{color:#71717a}.icon-button{background:#18181b;border-color:#34343a;color:#f4f4f5;transition:border-color .16s ease,transform .16s ease}.icon-button:hover{border-color:#52525b;transform:translateY(-1px)}.profile-button span{background:linear-gradient(135deg,var(--company-accent),var(--company-accent-dark));color:#fff}.text-button,.panel header a,.auth-links,.center-link{color:#e4e4e7}.text-button:hover,.panel header a:hover{color:var(--warning)}.breadcrumbs{color:#71717a}.breadcrumbs span{color:var(--orange)}.page-header h1{color:#fafafa}.button{transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:#f4f4f5;color:#09090b;border-color:#f4f4f5;box-shadow:0 7px 22px #00000038}.button.primary:hover:not(:disabled){background:#fff;border-color:#fff}.button.secondary{background:#18181b;border-color:#34343a;color:#e4e4e7}.button.secondary:hover:not(:disabled){background:#202024;border-color:#52525b}.button.danger{background:#be123c;color:#fff}.button.wa,.wa-button{background:#16a34a;color:#fff}.danger-text{color:var(--danger)}input,select,textarea,.wide-textarea,.form-grid input,.form-grid select,.form-grid textarea,.auth-card input,.panel input,.panel select,.builder-step select,.builder-step input,.items-editor select,.matrix select,.menu-grid .span-all select,.contact-list select,.composer-row select,.composer-row input,.timeline-filters input,.timeline-filters select,.mini-table input,.note-composer textarea,.edit-box textarea,.dz-actions select{background:#0c0c0e;border-color:#34343a;color:#f4f4f5}option{background:#121214;color:#f4f4f5}input:focus,select:focus,textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.auth-card input:focus{border-color:var(--company-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--company-accent) 15%,transparent);outline:0}.form-grid label,.auth-card label,.panel>label,.menu-grid .span-all{color:#d4d4d8}input[type=checkbox],input[type=radio]{accent-color:var(--company-accent)}.panel,.table-shell,.contact-hero,.limit-table,.module-placeholder,.plan-option,.auth-card,.company-section,.access-card,.automation-card,.aging-bar,.bell-panel,.palette,.upload-panel{background:var(--surface);border-color:var(--border);box-shadow:0 14px 38px #0000001f}.panel,.company-section,.access-card,.automation-card,.plan-option,.usage-card{transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.panel:hover,.company-section:hover,.access-card:hover,.automation-card:hover,.plan-option:hover{border-color:#3f3f46}.panel>header,.activity-row,.plain-list li,.access-card footer,.automation-card footer,.file-row{border-color:var(--border)}.search-box,.toolbar select{background:var(--surface);border-color:var(--border);color:var(--text)}.quick-actions button{background:#18181b;border-color:#34343a;color:#e4e4e7}.quick-actions button:hover{border-color:var(--company-accent)}.tabs button.active{color:#fff;border-color:var(--company-accent)}.notice{background:#f59e0b14;border-left-color:var(--warning)}.support-banner{background:#2a1d05;border-bottom-color:#713f12;color:#fde68a}.support-banner button{color:#fbbf24}.toast-inline{background:#f4f4f5;color:#09090b;box-shadow:0 16px 50px #00000073}.table-shell th{background:#18181b;color:#a1a1aa;border-bottom-color:#34343a}.table-shell td{border-bottom-color:#242428}.table-shell tbody tr:hover{background:#18181b}.cell-primary small{color:var(--text-muted)}.product-mark{background:#18181b;border-color:#34343a;color:var(--orange)}.matrix th,.matrix td{border-bottom-color:#29292e}.matrix thead th,.matrix th:first-child,.matrix td:first-child{background:#18181b}.matrix-group td{background:#202024}.metrics-strip{background:var(--surface);border-color:var(--border);overflow:hidden}.metrics-strip article{position:relative;border-right-color:var(--border);transition:background .16s ease}.metrics-strip article:hover{background:#18181b}.metrics-strip article:before,.mail-cards article:before,.funnel-kpis article:before{content:"";display:block;width:8px;height:8px;border-radius:50%;margin-bottom:10px;background:var(--metric-tone);box-shadow:0 0 14px color-mix(in srgb,var(--metric-tone) 45%,transparent)}.metrics-strip article:nth-child(5n+1),.mail-cards article:nth-child(5n+1),.funnel-kpis article:nth-child(5n+1){--metric-tone: #60a5fa}.metrics-strip article:nth-child(5n+2),.mail-cards article:nth-child(5n+2),.funnel-kpis article:nth-child(5n+2){--metric-tone: #fb7185}.metrics-strip article:nth-child(5n+3),.mail-cards article:nth-child(5n+3),.funnel-kpis article:nth-child(5n+3){--metric-tone: #facc15}.metrics-strip article:nth-child(5n+4),.mail-cards article:nth-child(5n+4),.funnel-kpis article:nth-child(5n+4){--metric-tone: #4ade80}.metrics-strip article:nth-child(5n+5),.mail-cards article:nth-child(5n+5),.funnel-kpis article:nth-child(5n+5){--metric-tone: #fb923c}.metrics-strip strong{color:#fff}.mail-cards article{position:relative;background:var(--surface);border-color:var(--border);border-top-color:var(--metric-tone, #52525b)}.mail-cards article:before{position:absolute;right:13px;top:13px;margin:0}.usage-card{background:#18181b;border-color:#303036}progress::-webkit-progress-bar{background:#27272a}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--company-accent),var(--orange))}progress::-moz-progress-bar{background:linear-gradient(90deg,var(--company-accent),var(--orange))}.loading-state span:nth-child(1){background:#60a5fa}.loading-state span:nth-child(2){background:#facc15}.loading-state span:nth-child(3){background:#4ade80}.status-badge,.mail-status,.tag{background:#27272a;color:#d4d4d8}.status-active,.status-customer,.status-success,.status-won,.ms-success{background:#22c55e24;color:#86efac}.status-lead,.status-medium,.status-primary,.ms-primary{background:#3b82f624;color:#93c5fd}.status-high,.status-warning,.status-follow_up,.ms-warning{background:#facc1524;color:#fde047}.status-urgent,.status-lost,.status-blocked,.status-suspended,.status-danger,.ms-danger{background:#ef444424;color:#fda4af}.status-inactive,.status-low{background:#27272a;color:#a1a1aa}.tag.primary,.badge-prio{background:#3b82f624;color:#93c5fd}.chip:hover{border-color:var(--company-accent);color:var(--warning)}.chip.active{background:#f4f4f5;border-color:#f4f4f5;color:#09090b}.alert.error,.login-error{background:#be123c24;color:#fda4af!important;border-color:#fb71854d}.alert.success{background:#16a34a24;color:#86efac;border-color:#4ade8047}.modal-backdrop,.drawer-backdrop,.palette-backdrop{background:#000000b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal,.drawer{background:#121214;border-color:#34343a;box-shadow:0 30px 90px #00000094}.bell-panel li{border-bottom-color:#242428}.bell-panel li.unread{background:#3b82f614}.bell-panel li:hover,.palette section button:hover{background:#202024}.palette>input{background:#0c0c0e;color:#fff;border-bottom-color:#34343a}.bell-count{background:#ef4444;color:#fff}.kanban-column,.funnel-col{background:#101012;border-color:#2a2a2f}.kanban-column>header,.funnel-col>header{border-bottom-color:#2a2a2f}.kanban-column>header b,.col-title b{background:#27272a;color:#d4d4d8}.dot-primary{background:#60a5fa}.add-card{color:var(--warning);border-top-color:#2a2a2f}.kanban-card,.opp-card{background:#18181b;border-color:#303036;box-shadow:0 8px 18px #00000024}.kanban-card:hover,.opp-card:hover{background:#1c1c20;border-color:#52525b;box-shadow:0 10px 30px #0000004d}.opp-card.stale{background:#211b0d}.opp-amount,.system-text{color:#f4f4f5}.card-tags span,.chip-more{background:#27272a;color:#d4d4d8}.kanban-card footer,.opp-card footer{border-top-color:#2a2a2f}.funnel-col.col-success{background:#14532d2e;border-color:#4ade8040}.funnel-col.col-danger{background:#7f1d1d2b;border-color:#fb718540}.funnel-kpis article{position:relative;background:var(--surface);border-color:var(--border);border-left-color:var(--metric-tone, var(--orange))}.funnel-kpis article:before{position:absolute;right:14px;top:14px;margin:0}.prob{background:#27272a}.prob i{background:var(--company-accent)}.prob b{color:#fff}.drawer-summary,.note-composer,.picked{background:#18181b}.stage-track button{background:#27272a;color:#a1a1aa}.stage-track button.done{background:#22c55e2e;color:#86efac}.stage-track button.current{background:#f4f4f5;color:#09090b}.pinned,.note-text{background:#211b0d;border-color:#4d3b12}.entry-icon{background:#27272a;color:#93c5fd}.entry.kind-note .entry-icon{background:#facc1524;color:#fde047}.dropzone{background:#111113;border-color:#3f3f46}.dropzone.over{background:#f59e0b14;border-color:var(--company-accent)}.calendar{background:#2a2a2f;border-color:#2a2a2f}.cal-head{background:#18181b}.cal-day{background:#121214}.cal-day:hover{background:#1c1c20}.cal-day.other{background:#0d0d0f;color:#52525b}.cal-day.today>b{background:#f4f4f5;color:#09090b}.cal-event{background:#3b82f624;color:#93c5fd}.cal-event.done{background:#22c55e24;color:#86efac}.cal-event.conflict{background:#f9731626;color:#fdba74}.plan-card{background:linear-gradient(135deg,#18181b,#050506);border:1px solid #34343a;box-shadow:0 18px 50px #0000004d}.plan-card small{color:var(--warning)}.plan-card p{color:#a1a1aa}.blueprint-mark,.system-code{border-color:var(--orange);color:var(--orange);background:#f9731614}.steps li,.recovery-codes li{background:#18181b;border-color:#3f3f46}.steps li.on{background:#f4f4f5;color:#09090b}.action-chips li{background:#3b82f624;color:#93c5fd}.builder-step legend{color:var(--warning)}.switch span{background:#3f3f46}.switch input:checked+span{background:var(--company-accent)}.secret-result{background:#22c55e14;border-color:#4ade8040;color:#86efac}.mail-preview{background:#fff}.mail-cards .mc-primary{border-top-color:#60a5fa}.mail-cards .mc-success{border-top-color:#4ade80}.mail-cards .mc-danger{border-top-color:#fb7185}.aging-bar.active{border-color:var(--orange);box-shadow:0 0 0 2px #f9731626}.auth-page,.system-page{background:#09090b}.auth-brand{background:radial-gradient(circle at 25% 20%,#202024 0,#08080a 55%,#000)}.auth-panel{background:#09090b}.auth-lines span{background:linear-gradient(90deg,var(--orange),transparent)}.demo-box{background:#18181b;border-color:#34343a}@media(prefers-reduced-motion:no-preference){.page-header h1{animation:theme-enter .28s ease both}.metrics-strip article,.panel,.table-shell{animation:theme-enter .32s ease both}@keyframes theme-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:780px){.sidebar{box-shadow:20px 0 60px #0000008c}.sidebar-backdrop{background:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.topbar{background:#09090bf2}}