@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box}:root{--bg:#07080f;--bg1:#0d0f1a;--bg2:#12141f;--bg3:#181b28;--surface:#ffffff0a;--surface2:#ffffff12;--border:#ffffff12;--border2:#ffffff1f;--text:#e8eaf0;--muted:#7a7f8e;--muted2:#50546a;--blue:#4f8fff;--blue-dim:#4f8fff1f;--blue-glow:#4f8fff38;--teal:#2dd4bf;--amber:#f59e0b;--rose:#f43f5e;--green:#22c55e;--violet:#8b5cf6;--sidebar-w:252px;--topbar-h:56px;--r:10px;--r-lg:14px;--shadow:0 8px 32px #00000080}[data-theme=light]{--bg:#f0f2f8;--bg1:#f8f9fc;--bg2:#fff;--bg3:#eef0f7;--surface:#00000008;--surface2:#0000000f;--border:#00000014;--border2:#00000024;--text:#111827;--muted:#6b7280;--muted2:#9ca3af;--blue:#2563eb;--blue-dim:#2563eb14;--blue-glow:#2563eb2e;--teal:#0d9488;--amber:#d97706;--rose:#e11d48;--green:#16a34a;--violet:#7c3aed;--shadow:0 4px 20px #0000001a}html,body{min-height:100vh;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.login-shell{background:radial-gradient(ellipse 60% 50% at 20% 20%, #4f8fff24 0%, transparent 70%), radial-gradient(ellipse 50% 40% at 80% 80%, #8b5cf61a 0%, transparent 70%), var(--bg);place-items:center;min-height:100vh;padding:2rem;display:grid}.login-box{border:1px solid var(--border2);width:100%;max-width:860px;box-shadow:var(--shadow);border-radius:20px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}@media (width<=640px){.login-box{grid-template-columns:1fr}.login-brand{display:none}}.login-brand{background:radial-gradient(ellipse 80% 60% at 30% 20%, #4f8fff2e 0%, transparent 70%), var(--bg1);flex-direction:column;justify-content:space-between;padding:3rem 2.5rem;display:flex}.lb-logo{align-items:center;gap:10px;display:flex}.lb-mark{background:var(--blue);color:#fff;letter-spacing:.02em;border-radius:10px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:grid}.lb-name{font-size:15px;font-weight:600}.lb-hero{margin-top:auto}.lb-tagline{letter-spacing:-.02em;color:var(--text);margin-bottom:1.25rem;font-size:24px;font-weight:600;line-height:1.3}.lb-pills{flex-wrap:wrap;gap:8px;display:flex}.lb-pill{border:1px solid var(--border2);color:var(--muted);background:var(--surface2);border-radius:99px;padding:4px 10px;font-size:11px}.login-form-wrap{background:var(--bg2);flex-direction:column;justify-content:center;padding:3rem 2.5rem;display:flex}.login-role-tabs{background:var(--bg3);border-radius:var(--r);gap:6px;margin-bottom:1.75rem;padding:4px;display:flex}.lrt-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:7px 10px;font-size:13px;font-weight:500;transition:all .15s}.lrt-btn.active{background:var(--bg2);color:var(--text);box-shadow:0 1px 4px #0003}.lf-title{letter-spacing:-.02em;margin-bottom:4px;font-size:20px;font-weight:600}.lf-sub{color:var(--muted);margin-bottom:1.75rem;font-size:13px}.lf-field{margin-bottom:14px}.lf-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:500;display:block}.lf-input{border-radius:var(--r);border:1px solid var(--border2);background:var(--bg3);width:100%;color:var(--text);outline:none;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.lf-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}.lf-btn{border-radius:var(--r);background:var(--blue);color:#fff;cursor:pointer;border:none;width:100%;margin-top:6px;padding:10px;font-size:14px;font-weight:600;transition:opacity .15s,transform .15s}.lf-btn:hover{opacity:.9;transform:translateY(-1px)}.lf-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.lf-error{color:var(--rose);border-radius:var(--r);background:#f43f5e14;border:1px solid #f43f5e33;margin-top:8px;padding:8px 10px;font-size:12px}.lf-hint{color:var(--muted2);text-align:center;margin-top:12px;font-size:11px}.shell{background:var(--bg);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg1);border-right:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;padding:0;display:flex;position:relative}.sb-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:18px 16px 14px;display:flex}.sb-mark{background:var(--blue);color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid}.sb-name{font-size:14px;font-weight:600}.sb-sub{color:var(--muted);font-size:11px}.sb-user-card{border-radius:var(--r);background:var(--surface2);border:1px solid var(--border);margin:12px 10px;padding:10px 12px}.sb-role-badge{text-transform:uppercase;letter-spacing:.07em;border-radius:99px;align-items:center;gap:5px;margin-bottom:6px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.rb-admin{background:var(--blue-dim);color:var(--blue);border:1px solid #4f8fff40}.rb-sales{color:var(--green);background:#22c55e1a;border:1px solid #22c55e40}.sb-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sb-nav{flex:1;padding:8px 10px;overflow-y:auto}.sb-section{text-transform:uppercase;letter-spacing:.1em;color:var(--muted2);padding:12px 8px 4px;font-size:10px;font-weight:600}.sb-link{color:var(--muted);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;margin-bottom:1px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.sb-link:hover{color:var(--text);background:var(--surface2)}.sb-link.active{color:var(--text);background:var(--blue-dim);border-color:#4f8fff33}.sb-icon{opacity:.7;flex-shrink:0;width:16px;height:16px}.sb-link.active .sb-icon{opacity:1}.sb-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sb-bottom{border-top:1px solid var(--border);gap:6px;padding:12px 10px;display:flex}.sb-theme-btn{border:1px solid var(--border2);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:8px;flex:1;padding:7px 10px;font-size:12px;transition:all .12s}.sb-theme-btn:hover{color:var(--text);border-color:var(--border2)}.sb-signout-btn{color:var(--rose);cursor:pointer;background:#f43f5e0f;border:1px solid #f43f5e33;border-radius:8px;flex:1;padding:7px 10px;font-size:12px;font-weight:500;transition:all .12s}.sb-signout-btn:hover{background:#f43f5e1f}.sb-mobile-toggle{z-index:100;border:1px solid var(--border2);background:var(--bg2);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:none;position:fixed;top:14px;left:14px}.sb-overlay{z-index:20;cursor:default;background:#00000080;border:none;display:none;position:fixed;inset:0}@media (width<=900px){.sb-mobile-toggle{display:flex}.sidebar{z-index:30;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-110%)}.sidebar[data-open=true]{transform:translate(0)}.sb-overlay{display:block}.sb-overlay[data-open=true]{pointer-events:auto}.sb-overlay:not([data-open=true]){pointer-events:none;opacity:0}}.main-wrap{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar-h);background:var(--bg1);border-bottom:1px solid var(--border);z-index:5;flex-shrink:0;align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.tb-title{letter-spacing:-.01em;font-size:15px;font-weight:600}.tb-spacer{flex:1}.tb-search{border:1px solid var(--border2);background:var(--bg3);color:var(--text);border-radius:8px;outline:none;width:200px;padding:7px 12px;font-size:13px}.tb-search:focus{border-color:var(--blue)}.content{flex:1;padding:24px;overflow:auto}.page{width:100%;max-width:100%;margin:0;animation:.22s ease-out both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:20px;display:flex}.page-title{letter-spacing:-.02em;margin:0 0 4px;font-size:20px;font-weight:600}.page-subtitle{color:var(--muted);margin:0;font-size:13px}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.metric-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px;transition:border-color .15s,transform .15s}.metric-card:hover{border-color:var(--border2);transform:translateY(-1px)}.mc-label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:600}.mc-value{letter-spacing:-.03em;font-size:26px;font-weight:600;line-height:1}.mc-delta{margin-top:6px;font-size:12px}.delta-up{color:var(--green)}.delta-down{color:var(--rose)}.delta-neu{color:var(--muted)}.panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:16px;overflow:hidden}.panel-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 18px;display:flex}.panel-title{font-size:13px;font-weight:600}.panel-meta{color:var(--muted);margin-left:auto;font-size:12px}.panel-body{padding:16px 18px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--border);background:var(--bg3);white-space:nowrap;padding:9px 16px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 16px}.table tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--surface)}.td-mono{font-family:DM Mono,ui-monospace,monospace;font-size:12px}.badge{border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{color:var(--green);background:#22c55e1a}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-rose{color:var(--rose);background:#f43f5e1a}.badge-amber{color:var(--amber);background:#f59e0b1a}.badge-muted{background:var(--surface2);color:var(--muted)}.badge-violet{color:var(--violet);background:#8b5cf61a}.btn{border-radius:var(--r);background:var(--blue-dim);color:var(--blue);cursor:pointer;white-space:nowrap;border:1px solid #4f8fff4d;padding:8px 14px;font-size:13px;font-weight:600;transition:all .12s}.btn:hover{background:var(--blue-glow);border-color:var(--blue)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-solid{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-solid:hover{opacity:.85}.btn-sm{border-radius:7px;padding:5px 10px;font-size:12px}.btn-ghost{border-color:var(--border2);color:var(--muted);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--border2);background:var(--surface2)}.btn-danger{color:var(--rose);background:#f43f5e12;border-color:#f43f5e4d}.btn-danger:hover{background:#f43f5e24}.input{border-radius:var(--r);border:1px solid var(--border2);background:var(--bg3);color:var(--text);outline:none;padding:8px 12px;font-size:13px;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}.input-wide{width:280px;max-width:100%}.pager{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pager-info{color:var(--muted);font-size:12px}.alert{border-radius:var(--r);border:1px solid var(--border);margin-bottom:14px;padding:10px 14px;font-size:13px}.alert-error{color:var(--rose);background:#f43f5e12;border-color:#f43f5e40}.alert-info{background:var(--blue-dim);color:var(--blue);border-color:#4f8fff40}.no-access-wrap{position:relative}.no-access-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--r-lg);z-index:5;background:#00000059;place-items:center;display:grid;position:absolute;inset:0}.no-access-card{background:var(--bg2);border:1px solid #f43f5e40;border-radius:14px;width:min(420px,92%);padding:16px 16px 14px;box-shadow:0 22px 60px #0000008c}.no-access-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--rose);align-items:center;gap:8px;margin-bottom:8px;font-size:10px;font-weight:800;display:inline-flex}.no-access-title{margin-bottom:4px;font-size:15px;font-weight:700}.no-access-sub{color:var(--muted);font-size:12px}.no-access-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.skeleton-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.skeleton-block{border-radius:var(--r-lg);background:var(--surface2);position:relative;overflow:hidden}.skeleton-block:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);animation:1.2s infinite shimmer;position:absolute;inset:-50% -40%}@keyframes shimmer{0%{transform:translate(-40%)}to{transform:translate(40%)}}.skeleton-card{height:90px}.skeleton-table{height:260px;margin-bottom:16px}.empty-state{text-align:center;color:var(--muted);padding:40px 20px}.empty-icon{opacity:.4;margin-bottom:10px;font-size:32px}.empty-title{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:600}.empty-sub{font-size:13px}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (width<=800px){.form-grid{grid-template-columns:1fr}}.field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:5px;font-size:11px;font-weight:600;display:block}.field-row{align-items:center;gap:8px;display:flex}.section-divider{background:var(--border);height:1px;margin:16px 0}.section-title{margin-bottom:10px;font-size:13px;font-weight:600}.feature-grid{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.pill{border:1px solid var(--border2);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:99px;padding:5px 10px;font-size:12px;transition:all .12s}.pill:hover{color:var(--text)}.pill.active{background:var(--blue-dim);color:var(--blue);border-color:#4f8fff66}.inline-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.feature-split{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px;display:grid}@media (width<=900px){.feature-split{grid-template-columns:1fr}}.feature-split>div{border:1px solid var(--border);border-radius:var(--r);background:linear-gradient(#ffffff08,#0000);min-width:0;padding:10px}.feature-subtitle{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.feature-submeta{color:var(--muted2);letter-spacing:.02em;font-weight:600}.feature-empty{border-radius:var(--r);border:1px dashed var(--border2);color:var(--muted);background:linear-gradient(#ffffff08,#0000);padding:10px 12px;font-size:12px}.feature-dnd{flex-direction:column;gap:8px;display:flex}.feature-row-dnd{border-radius:var(--r);border:1px solid var(--border);background:radial-gradient(ellipse 80% 60% at 30% 10%, #4f8fff1a 0%, transparent 60%), var(--bg3);cursor:grab;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-width:0;padding:10px 12px;transition:transform .12s,border-color .12s,box-shadow .12s;display:grid;overflow:hidden}.feature-row-dnd:hover{border-color:var(--border2);transform:translateY(-1px);box-shadow:0 10px 28px #00000052}.feature-row-dnd.dragging{opacity:.85;cursor:grabbing;box-shadow:0 0 0 3px var(--blue-glow), 0 14px 36px #0000006b;border-color:#4f8fff59}.feature-handle{color:var(--muted2);text-align:center;-webkit-user-select:none;user-select:none;font-family:DM Mono,ui-monospace,monospace;line-height:1}.feature-main{min-width:0}.feature-key{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-family:DM Mono,ui-monospace,monospace;font-size:12px;font-weight:600;overflow:hidden}.feature-desc{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.plans-grid{grid-template-columns:minmax(360px,1.05fr) minmax(620px,2.2fr);align-items:start;gap:16px;display:grid}@media (width<=1280px){.plans-grid{grid-template-columns:minmax(340px,1fr) minmax(560px,1.55fr)}}@media (width<=980px){.plans-grid{grid-template-columns:1fr}}.limit-row{grid-template-columns:1.4fr .7fr auto;gap:8px;margin-bottom:8px;display:grid}@media (width<=600px){.limit-row{grid-template-columns:1fr}}.pipeline-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}@media (width<=900px){.pipeline-board{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.pipeline-board{grid-template-columns:1fr}}.pipe-col{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r-lg);padding:12px}.pipe-col-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pipe-col-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:600}.pipe-col-count{background:var(--surface2);color:var(--muted);border-radius:99px;padding:2px 7px;font-size:11px;font-weight:600}.pipe-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;margin-bottom:8px;padding:10px 12px;transition:border-color .12s,transform .12s}.pipe-card:hover{border-color:var(--border2);transform:translateY(-1px)}.pc-name{margin-bottom:2px;font-size:13px;font-weight:600}.pc-company{color:var(--muted);margin-bottom:8px;font-size:12px}.pc-footer{justify-content:space-between;align-items:center;display:flex}.pc-value{color:var(--green);font-size:12px;font-weight:600}.pc-date{color:var(--muted2);font-size:11px}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:600;display:inline-flex}.av-blue{color:var(--blue);background:#4f8fff26}.av-green{color:var(--green);background:#22c55e26}.av-violet{color:var(--violet);background:#8b5cf626}.av-amber{color:var(--amber);background:#f59e0b26}.av-rose{color:var(--rose);background:#f43f5e26}.av-teal{color:var(--teal);background:#2dd4bf26}.av-text{align-items:center;gap:9px;display:flex}.progress-wrap{background:var(--bg3);border-radius:99px;height:5px;overflow:hidden}.progress-bar{border-radius:99px;height:100%;transition:width .4s}.pb-blue{background:var(--blue)}.pb-green{background:var(--green)}.pb-amber{background:var(--amber)}.pb-rose{background:var(--rose)}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=800px){.two-col{grid-template-columns:1fr}}.three-col{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}@media (width<=900px){.three-col{grid-template-columns:1fr}}.modal-backdrop{z-index:200;background:#0000008c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;width:min(980px,96vw);max-height:90vh;overflow:auto;box-shadow:0 22px 80px #0000008c}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.modal-title{letter-spacing:-.01em;font-size:14px;font-weight:700}.modal-sub{color:var(--muted);margin-top:2px;font-size:12px}.modal-body{padding:14px 16px 16px}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.json-preview{border-radius:var(--r);background:var(--bg3);border:1px solid var(--border);color:var(--text);margin:0;padding:14px;font-family:DM Mono,ui-monospace,monospace;font-size:12px;line-height:1.6;overflow:auto}code{background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-family:DM Mono,ui-monospace,monospace;font-size:.85em}.activity-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.activity-row:last-child{border-bottom:none}.act-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.act-info{flex:1;min-width:0}.act-action{font-size:13px;font-weight:500}.act-meta{color:var(--muted);margin-top:2px;font-size:11px}.act-time{color:var(--muted2);white-space:nowrap;font-family:DM Mono,monospace;font-size:11px}.settings-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 18px;display:flex}.settings-row:last-child{border-bottom:none}.sr-info{flex:1}.sr-label{font-size:13px;font-weight:500}.sr-desc{color:var(--muted);margin-top:2px;font-size:12px}.toggle{cursor:pointer;border:none;border-radius:99px;flex-shrink:0;width:38px;height:21px;transition:background .2s;position:relative}.toggle.on{background:var(--blue)}.toggle.off{background:var(--surface2);border:1px solid var(--border2)}.toggle:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:left .2s;position:absolute;top:3px}.toggle.on:after{left:20px}.toggle.off:after{left:3px}@media (width<=900px){.topbar{padding-left:60px}}#root{min-height:100vh}