: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:7px;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:6px;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:6px;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:6px;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:6px;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}.danger-text{color:var(--danger)}.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:6px;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:6px;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:6px;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:6px}.product-mark{width:31px;height:31px;border:1px solid var(--border);display:grid;place-items:center;border-radius:6px;color:var(--primary)}.status-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:5px;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:8px;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:6px;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:6px;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:4px;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:6px;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:7px}.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:4px}.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:6px;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:4px}.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:7px;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:6px;font-size:12px}.plan-card{background:var(--primary-dark);color:#fff;padding:22px;border-radius:7px;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:7px}.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:7px;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:7px;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:5px;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:7px;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:8px;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:6px;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:7px;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:6px;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;word-break:break-all;color:#21584a}