.crm-demo{--crm-panel:var(--demo-panel,#fafbf7);--crm-bg:var(--demo-bg,#f2f0e9);--crm-ink:var(--demo-ink,#13221d);--crm-muted:var(--demo-muted,#637066);--crm-line:var(--demo-line,#d7ded3);--crm-soft:var(--demo-soft,#eaf0e4);--crm-accent:var(--demo-accent,#42634f);background:var(--crm-bg);min-height:840px;color:var(--crm-ink);border:1px solid var(--crm-line);font:400 14px/1.6 var(--sans,Inter, "PingFang SC", sans-serif);border-radius:14px;grid-template-columns:226px minmax(0,1fr);display:grid;overflow:hidden}.crm-demo *{box-sizing:border-box}.crm-demo :is(h2,h3,h4){font-family:var(--sans,Inter, "PingFang SC", sans-serif);letter-spacing:-.025em;font-weight:600}.crm-demo h3{font-size:18px;line-height:1.4}.crm-demo h4{font-size:14px;line-height:1.5}.crm-demo button,.crm-demo input,.crm-demo select,.crm-demo textarea{font:inherit}.crm-demo button{cursor:pointer}.crm-demo button:disabled{cursor:default;opacity:.6}:is(.crm-demo button:focus-visible,.crm-demo a:focus-visible){outline:2px solid var(--crm-accent);outline-offset:3px}.crm-demo :is(input,textarea,select):focus{outline:2px solid var(--crm-accent);outline-offset:2px}.crm-demo :is(input,select,textarea){border:1px solid var(--crm-line);background:var(--crm-panel);color:var(--crm-ink);border-radius:7px;max-width:100%;min-height:42px;padding:9px 11px}.crm-demo textarea{resize:vertical;width:100%}.crm-demo input::placeholder,.crm-demo textarea::placeholder{color:var(--crm-muted)}.crm-demo p{line-height:1.7}.crm-demo svg{flex:none}.crm-sidebar{background:var(--crm-panel);border-right:1px solid var(--crm-line);flex-direction:column;padding:27px 16px;display:flex}.crm-business{align-items:center;gap:10px;padding:0 9px 30px;display:flex}.crm-business>span{color:#f2f0e9;width:34px;height:38px;font-family:var(--serif);background:#13221d;border-radius:8px;place-items:center;font-size:24px;display:grid}.crm-business strong{font-size:15px;display:block}.crm-business small{color:var(--crm-muted);margin-top:2px;font-size:13px;display:block}.crm-sidebar nav{gap:6px;display:grid}.crm-sidebar nav>button{text-align:left;width:100%;color:var(--crm-muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;min-height:46px;padding:13px 12px;font-size:13px;display:flex}.crm-sidebar nav>button:hover{background:var(--crm-bg);color:var(--crm-ink)}.crm-sidebar nav>button.is-active{background:var(--crm-soft);color:var(--crm-ink);font-weight:600}.crm-sidebar nav b{background:var(--crm-panel);border:1px solid var(--crm-line);border-radius:6px;place-items:center;min-width:22px;margin-left:auto;font-size:13px;font-weight:400;display:grid}.crm-sidebar-foot{color:var(--crm-muted);align-items:center;gap:7px;margin-top:auto;padding:40px 13px 0;font-size:13px;display:flex}.crm-live-dot{background:#67886a;border-radius:50%;width:6px;height:6px}.crm-main{min-width:0;padding:28px 32px 36px}.crm-topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;display:flex}.crm-topbar p{color:var(--crm-muted);align-items:center;gap:7px;margin-bottom:10px;font-size:13px;display:flex}.crm-topbar h2{font-size:28px;line-height:1.25}.crm-header-actions{align-items:center;gap:15px;display:flex}.crm-icon-button{border:1px solid var(--crm-line);width:38px;height:38px;color:var(--crm-muted);background:0 0;border-radius:7px;place-items:center;display:grid}.crm-icon-button:hover{background:var(--crm-soft);color:var(--crm-ink)}.crm-feedback{background:var(--crm-soft);border:1px solid var(--crm-line);border-radius:7px;align-items:center;gap:9px;margin-bottom:20px;padding:12px 14px;font-size:13px;display:flex}.crm-feedback>button{color:inherit;background:0 0;place-items:center;margin-left:auto;display:grid}.crm-feedback.is-error,.crm-form-error{color:#993c2f;background:#fff1eb;border-color:#e9b8a7}.crm-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.crm-stats>div{background:var(--crm-panel);border:1px solid var(--crm-line);border-radius:9px;padding:18px}.crm-stats>div>span{color:var(--crm-muted);font-size:13px;display:block}.crm-stats>div>strong{letter-spacing:-.045em;margin:12px 0;font-size:30px;font-weight:600;line-height:1.2;display:block}.crm-stats small{color:var(--crm-muted);font-size:13px;line-height:1.6;display:block}.crm-stats button{color:var(--crm-accent);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:13px;display:flex}.crm-panel{background:var(--crm-panel);border:1px solid var(--crm-line);border-radius:10px;min-width:0;padding:23px}.crm-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.crm-panel-heading h3{font-size:16px}.crm-overline{letter-spacing:.03em;color:var(--crm-muted);align-items:center;gap:7px;font-size:13px;display:inline-flex}.crm-badge{white-space:nowrap;background:var(--crm-soft);color:var(--crm-accent);border:1px solid var(--crm-line);border-radius:5px;justify-content:center;align-items:center;padding:3px 8px;font-size:13px;line-height:1.65;display:inline-flex}.crm-primary,.crm-secondary{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 15px;font-size:13px;font-weight:600;line-height:1.45;display:inline-flex}.crm-primary{color:#f2f0e9;background:#13221d}.crm-primary:hover{background:#2b4435}.crm-secondary{background:var(--crm-panel);color:var(--crm-ink);border-color:var(--crm-line)}.crm-secondary:hover{background:var(--crm-soft)}.crm-text-action{color:var(--crm-accent);background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:13px;display:inline-flex}.crm-muted{color:var(--crm-muted);font-size:13px}.crm-wide-action{width:100%;margin-top:20px}.crm-small{min-height:35px;padding:7px 9px;font-size:13px}.crm-task-number{color:var(--crm-muted);min-width:20px;font-size:13px}.crm-task-list strong,.crm-operations-summary{grid-template-columns:1fr 1fr;gap:20px;padding:10px 0 20px;display:grid}.crm-operations-summary strong{font-size:34px;line-height:1.2;display:block}.crm-operations-summary span{color:var(--crm-muted);margin-top:8px;font-size:13px;display:block}.crm-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.crm-toolbar>.crm-primary{margin-left:auto}.crm-search{background:var(--crm-panel);border:1px solid var(--crm-line);min-width:180px;color:var(--crm-muted);border-radius:7px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.crm-search input{outline-offset:0;background:0 0;border:0;width:100%;padding-inline:0}.crm-search input:focus{outline:0}.crm-search:focus-within{outline:2px solid var(--crm-accent);outline-offset:2px}.crm-view-toggle{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.crm-view-toggle>button{min-height:39px;color:var(--crm-muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:9px 13px;font-size:13px}.crm-view-toggle>button[aria-pressed=true]{background:var(--crm-panel);border-color:var(--crm-line);color:var(--crm-ink);font-weight:600}.crm-customer-layout{grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);align-items:start;gap:20px;margin-top:20px;display:grid}.crm-table-panel{padding:0;overflow:hidden}.crm-table-panel>.crm-panel-heading{padding:22px 23px 0}.crm-table-wrap{scrollbar-width:thin;max-width:100%;overflow:auto}.crm-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:13px}.crm-table th{color:var(--crm-muted);background:var(--crm-bg);padding:12px 18px;font-size:13px;font-weight:400}.crm-table td{border-top:1px solid var(--crm-line);vertical-align:middle;padding:17px 18px}.crm-table td>strong{font-weight:600}.crm-table td>small{color:var(--crm-muted);margin-top:4px;font-size:13px;line-height:1.7;display:block}.crm-table tr.is-selected{background:var(--crm-soft)}.crm-customer-name{text-align:left;color:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.crm-company-avatar{background:var(--crm-soft);border:1px solid var(--crm-line);width:34px;height:37px;color:var(--crm-accent);border-radius:7px;flex:none;place-items:center;font-size:14px;display:grid}.crm-customer-name strong,.crm-customer-name small{display:block}.crm-customer-name strong{font-size:13px;font-weight:600}.crm-customer-name small{color:var(--crm-muted);margin-top:4px;font-size:13px}.crm-detail{text-align:left}.crm-detail-icon{background:var(--crm-soft);width:48px;height:48px;color:var(--crm-accent);border-radius:10px;place-items:center;margin-bottom:16px;display:grid}.crm-detail h3{margin-bottom:6px;font-size:21px}.crm-detail-email{color:var(--crm-accent);overflow-wrap:anywhere;margin:13px 0 22px;font-size:13px;display:block}.crm-detail label,.crm-dialog label{color:var(--crm-muted);gap:8px;font-size:13px;display:grid}.crm-detail select{width:100%}.crm-detail-amount{justify-content:space-between;align-items:center;gap:10px;margin:20px 0;font-size:13px;display:flex}.crm-detail-amount strong{font-size:21px;font-weight:600}.crm-next-action{border:1px solid var(--crm-line);color:var(--crm-accent);border-radius:7px;align-items:flex-start;gap:9px;margin-bottom:23px;padding:12px;font-size:13px;display:flex}.crm-next-action svg{margin-top:4px}.crm-detail textarea{margin:8px 0 9px}.crm-detail form>.crm-secondary{width:100%}.crm-history{border-top:1px solid var(--crm-line);margin-top:24px;padding-top:20px}.crm-history h4{margin-bottom:15px}.crm-history>p{color:var(--crm-muted);align-items:flex-start;gap:9px;margin:12px 0;font-size:13px;display:flex}.crm-history>p>span{background:#91a785;border-radius:50%;flex:none;width:5px;height:5px;margin-top:9px}.crm-empty{text-align:center;color:var(--crm-muted);place-items:center;gap:14px;padding:36px 20px;font-size:13px;display:grid}.crm-empty p{max-width:340px}.crm-badge.stage-won{color:#416347;background:#e5eedf;border-color:#b8caae}.crm-badge.stage-proposal{color:#7a6335;background:#f4eedb;border-color:#dcd0ac}.crm-badge.stage-qualified{color:#456772;background:#e5eef1;border-color:#bfced2}.crm-badge.is-amber{color:#826936;background:#f5eedb;border-color:#e0d1a6}.crm-kanban{grid-template-columns:repeat(4,minmax(190px,1fr));gap:14px;margin-top:22px;padding-bottom:7px;display:grid;overflow-x:auto}.crm-kanban>section{background:var(--crm-soft);border:1px solid var(--crm-line);border-radius:9px;min-width:0;padding:13px}.crm-kanban>section>header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;display:flex}.crm-kanban h3{font-size:13px}.crm-kanban>section>header>span{color:var(--crm-muted);font-size:13px}.crm-kanban article{background:var(--crm-panel);border:1px solid var(--crm-line);border-radius:7px;margin-bottom:12px;padding:14px}.crm-kanban article>button{text-align:left;width:100%;color:inherit;background:0 0;border:0;padding:0;display:block}.crm-kanban article strong,.crm-kanban article small,.crm-kanban article b{display:block}.crm-kanban article strong{font-size:14px}.crm-kanban article small{color:var(--crm-muted);margin-top:5px;font-size:13px}.crm-kanban article b{margin:13px 0 16px;font-size:18px;font-weight:600}.crm-kanban article select{width:100%;min-height:35px;padding:7px;font-size:13px}.crm-empty-lane{color:var(--crm-muted);text-align:center;padding:14px 0;font-size:13px}.crm-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.crm-section-heading h3{margin-bottom:7px;font-size:20px}.crm-section-heading p{color:var(--crm-muted);font-size:13px}.crm-inline-success{color:var(--crm-accent);align-items:center;gap:6px;font-size:13px;display:inline-flex}.crm-orders{margin-top:24px}.crm-orders>article{border-top:1px solid var(--crm-line);grid-template-columns:1fr 1.2fr auto;align-items:center;gap:20px;padding:20px 0;display:grid}.crm-orders>article h4{margin:5px 0;font-size:15px}.crm-orders>article p{color:var(--crm-muted);font-size:13px}.crm-sample-track{align-items:flex-start;gap:0;display:flex}.crm-sample-track>span{color:var(--crm-muted);text-align:center;z-index:0;flex-direction:column;flex:1;align-items:center;gap:8px;font-size:13px;line-height:1.4;display:flex;position:relative}.crm-sample-track>span:before{content:"";background:var(--crm-line);z-index:-1;height:1px;position:absolute;top:10px;left:-50%;right:50%}.crm-sample-track>span:first-child:before{display:none}.crm-sample-track i{background:var(--crm-panel);border:1px solid var(--crm-line);border-radius:50%;place-items:center;width:21px;height:21px;font-size:13px;font-style:normal;display:grid}.crm-sample-track .done i{color:#426248;background:#d9e7cd;border-color:#afc39f}.crm-sample-track .done{color:var(--crm-ink)}.crm-portal-intro{background:var(--crm-soft);border:1px solid var(--crm-line);border-radius:9px;align-items:center;gap:14px;margin:22px 0;padding:18px 20px;display:flex}.crm-portal-intro>.crm-company-avatar{background:var(--crm-panel);width:42px;height:46px}.crm-portal-intro h3{margin-bottom:5px;font-size:19px}.crm-portal-intro p{color:var(--crm-muted);font-size:13px}.crm-project-grid{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0 24px;display:grid}.crm-project-grid h3{margin-bottom:8px}.crm-project-progress{background:var(--crm-bg);border-radius:4px;height:6px;margin:25px 0 13px;overflow:hidden}.crm-project-progress span{background:#8ba577;border-radius:4px;height:100%;display:block}.crm-project-stages{color:var(--crm-muted);justify-content:space-between;gap:9px;font-size:13px;display:flex}.crm-project-stages .done{color:var(--crm-accent)}.crm-data-grid{grid-template-columns:1.1fr 1fr;gap:20px;display:grid}.crm-label{margin:22px 0 9px;font-size:13px;font-weight:600;display:block}.crm-csv{white-space:pre;font-family:var(--sans)!important;font-size:13px!important;line-height:1.8!important}.crm-form-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;display:flex}.crm-connection{border-bottom:1px solid var(--crm-line);align-items:center;gap:11px;padding:17px 0;display:flex}.crm-connection>span:first-child{background:var(--crm-soft);width:43px;height:43px;color:var(--crm-accent);border-radius:8px;flex:none;place-items:center;display:grid}.crm-connection strong,.crm-connection small{display:block}.crm-connection strong{font-size:14px}.crm-connection small{color:var(--crm-muted);margin-top:4px;font-size:13px}.crm-connection>.crm-badge{margin-left:auto}.crm-mapping{margin:20px 0 0}.crm-mapping>div{border-bottom:1px solid var(--crm-line);justify-content:space-between;gap:15px;padding:11px 0;font-size:13px;display:flex}.crm-mapping dt{font-weight:600}.crm-mapping dd{color:var(--crm-muted);text-align:right;margin:0}.crm-dialog{background:var(--crm-panel);color:var(--crm-ink);border:1px solid var(--crm-line);width:min(560px,100vw - 32px);max-height:90dvh;font-family:var(--sans);border-radius:13px;margin:auto;padding:28px;font-size:14px;overflow:auto}.crm-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1e1766}.crm-dialog-heading{justify-content:space-between;gap:18px;margin-bottom:25px;display:flex}.crm-dialog-heading p{color:var(--crm-muted);margin-bottom:7px;font-size:13px}.crm-dialog h3{font-size:23px;line-height:1.4;font-family:var(--sans);font-weight:600}.crm-dialog form{gap:17px;display:grid}.crm-dialog :is(input,textarea,select){width:100%;font-size:16px}.crm-dialog .crm-form-actions{margin-top:10px}.crm-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.crm-form-error{border:1px solid;border-radius:6px;padding:12px;font-size:13px}.crm-quote-total{background:var(--crm-soft);border:1px solid var(--crm-line);border-radius:7px;justify-content:space-between;align-items:center;padding:17px;font-size:13px;display:flex}.crm-quote-total strong{font-size:24px;font-weight:600}.crm-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html[data-theme=dark] .crm-demo{--crm-accent:var(--demo-accent,#bbd3b1)}html[data-theme=dark] .crm-badge.stage-won{color:#c0d7b5;background:#2a3c2b;border-color:#536b4b}html[data-theme=dark] .crm-badge.stage-proposal,html[data-theme=dark] .crm-badge.is-amber{color:#e3d5aa;background:#3c3422;border-color:#756844}html[data-theme=dark] .crm-badge.stage-qualified{color:#bdd5dd;background:#263a40;border-color:#4c6972}html[data-theme=dark] .crm-demo .crm-primary{color:#13221d;background:#c5d8b7}html[data-theme=dark] .crm-demo .crm-primary:hover{background:#dae8d0}html[data-theme=dark] .crm-sample-track .done i{color:#c4d9b7;background:#34452d;border-color:#7a9167}@media (max-width:1200px){.crm-demo{grid-template-columns:192px minmax(0,1fr)}.crm-sidebar{padding-inline:10px}.crm-sidebar nav>button{gap:8px;padding-inline:9px;font-size:13px}.crm-main{padding:25px 22px}.crm-stats{gap:10px}.crm-stats>div{padding:15px}.crm-stats>div>strong{font-size:25px}.crm-panel{padding:19px}.crm-customer-layout{grid-template-columns:minmax(0,1fr)}.crm-detail{grid-template-columns:1fr 1fr;gap:12px 22px;display:grid}.crm-detail-icon{grid-column:1;margin-bottom:0}.crm-detail>h3,.crm-detail>.crm-muted,.crm-detail-email{grid-column:1}.crm-detail>label,.crm-detail-amount,.crm-next-action{grid-column:2}.crm-detail>label{grid-row:1/3}.crm-detail-amount{grid-row:3}.crm-next-action{grid-row:4/6;margin:0}.crm-detail form{grid-column:1}.crm-history{border:0;grid-column:2;margin-top:0;padding-top:0}.crm-orders>article{grid-template-columns:1fr auto}.crm-orders>article>.crm-sample-track{grid-area:2/1/auto/-1;max-width:480px}.crm-data-grid{grid-template-columns:1fr}.crm-table-panel{padding:0}}@media (max-width:940px){.crm-demo{border-radius:10px;display:block}.crm-sidebar{border-right:0;border-bottom:1px solid var(--crm-line);padding:15px 18px;display:block}.crm-business{padding:0 0 15px}.crm-sidebar nav{scrollbar-width:thin;gap:5px;padding-bottom:4px;display:flex;overflow:auto}.crm-sidebar nav>button{white-space:nowrap;width:auto;min-height:42px;padding:10px 12px;font-size:13px}.crm-sidebar-foot{display:none}.crm-main{padding:25px}.crm-stats{grid-template-columns:1fr 1fr}.crm-project-grid{gap:15px}}@media (max-width:650px){.crm-main{padding:23px 16px}.crm-topbar{align-items:flex-start;margin-bottom:22px}.crm-topbar p{gap:5px;font-size:13px}.crm-topbar h2{font-size:24px}.crm-header-actions{gap:8px}.crm-icon-button{width:34px;height:34px}.crm-stats{gap:10px;margin-bottom:17px}.crm-stats>div{padding:15px 13px}.crm-stats>div>strong{margin-block:9px;font-size:25px}.crm-stats small{font-size:13px}.crm-panel{padding:19px}.crm-panel-heading{gap:10px;margin-bottom:19px}.crm-panel-heading h3{font-size:15px}.crm-toolbar{gap:10px}.crm-toolbar>.crm-search{flex-basis:100%}.crm-toolbar>select{flex:1}.crm-toolbar>.crm-primary{padding-inline:12px;font-size:13px}.crm-customer-layout{gap:16px;margin-top:17px}.crm-detail{display:block}.crm-detail-icon{margin-bottom:15px}.crm-detail>label{margin-top:20px}.crm-detail .crm-next-action{margin-block:20px}.crm-history{border-top:1px solid var(--crm-line);margin-top:22px;padding-top:20px}.crm-table-panel{padding:0}.crm-table-panel>.crm-panel-heading{padding:20px 18px 0}.crm-table th{padding:11px 15px;font-size:13px}.crm-table td{padding:15px}.crm-section-heading{flex-direction:column;align-items:flex-start;gap:16px}.crm-section-heading h3{font-size:20px}.crm-project-grid{grid-template-columns:1fr;gap:15px}.crm-project-stages{gap:6px;font-size:13px}.crm-orders>article{gap:15px}.crm-orders>article>div:first-child{min-width:0}.crm-orders>article>div:first-child p{overflow-wrap:anywhere}.crm-sample-track>span{font-size:13px}.crm-data-grid{gap:16px}.crm-connection{flex-wrap:wrap}.crm-connection>.crm-badge{margin-left:54px}.crm-dialog{padding:23px}.crm-dialog h3{font-size:21px}.crm-form-grid{grid-template-columns:1fr}.crm-dialog .crm-form-actions>button{flex:1}.crm-portal-intro{padding:17px}.crm-portal-intro p{font-size:13px}.crm-kanban{grid-template-columns:repeat(4,210px)}.crm-business small{font-size:13px}.crm-empty{padding:30px 18px}.crm-topbar{display:block;position:relative}.crm-topbar>div:first-child{min-width:0}.crm-topbar p{min-height:34px;margin-bottom:10px;padding-right:85px}.crm-topbar h2{width:100%}.crm-header-actions{position:absolute;top:0;right:0}.crm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-stats>div:nth-child(2)>strong{white-space:nowrap;font-size:clamp(20px,5.8vw,25px)}}.crm-sidebar{color:#f2f0e9;background:linear-gradient(160deg,#13221d,#20342a);border-right-color:#395344}.crm-business{border-bottom:1px solid #f2f0e934;margin:0 0 22px;padding:0 8px 22px}.crm-business>span{color:#13221d;background:#f2f0e9;border-radius:8px;flex:none;width:40px;height:40px}.crm-sidebar nav b{background:#f2f0e91f;border-color:#f2f0e934}.crm-sidebar-foot{padding-top:28px}.crm-live-dot{background:#aed498;width:7px;height:7px}.crm-header-actions{gap:9px}.crm-header-actions .crm-icon-button{width:42px;height:42px}.crm-header-create{min-height:42px}.crm-overview{gap:20px;display:grid}.crm-overview .crm-panel{box-shadow:0 5px 16px #13221d08}.crm-queue-filters,.crm-measure-toggle{border:1px solid var(--crm-line);background:var(--crm-bg);border-radius:7px;flex-wrap:wrap;align-items:center;gap:3px;width:fit-content;max-width:100%;padding:3px;display:flex}.crm-queue-filters button,.crm-measure-toggle button{color:var(--crm-muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;font-size:13px;display:inline-flex}.crm-queue-filters button{min-height:33px;padding:4px 9px}.crm-measure-toggle button{min-height:30px;padding:3px 9px}.crm-queue-filters button[aria-pressed=true],.crm-measure-toggle button[aria-pressed=true]{border-color:var(--crm-line);background:var(--crm-panel);color:var(--crm-ink);font-weight:600;box-shadow:0 1px 3px #13221d12}.crm-queue-filters button>span{font-variant-numeric:tabular-nums;color:var(--crm-muted)}.crm-queue-complete{border:1px solid var(--crm-line);background:var(--crm-panel);width:36px;height:36px;color:var(--crm-accent);border-radius:7px;flex:none;place-items:center;margin-right:2px;display:grid}.crm-queue-complete:hover{background:var(--crm-soft)}.crm-queue-empty{color:var(--crm-muted);padding:24px 0}.crm-due{background:var(--crm-soft);width:fit-content;color:var(--crm-accent);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:3px 7px;font-size:13px;font-weight:600;line-height:1.5;display:inline-flex}.crm-due-overdue{color:#893c31;background:#f7e7e2}.crm-due-today{color:#385337;background:#e6edda}.crm-due-done{background:var(--crm-bg);color:var(--crm-muted)}html[data-theme=dark] .crm-due-overdue{color:#ffd4c5;background:#493128}html[data-theme=dark] .crm-due-today{color:#d4e7c4;background:#384830}.crm-insight-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.crm-insight-actions .crm-text-action{white-space:nowrap;min-height:35px}.crm-stage-color-new{--crm-stage-color:#78999a}.crm-stage-color-qualified{--crm-stage-color:#80a183}.crm-stage-color-proposal{--crm-stage-color:#bb965e}.crm-stage-color-won{--crm-stage-color:#426c58}html[data-theme=dark] .crm-stage-color-won{--crm-stage-color:#82aa91}.crm-overview-foot{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.crm-review-row{border-top:1px solid var(--crm-line);width:100%;min-width:0;color:var(--crm-ink);text-align:left;background:0 0;align-items:center;gap:10px;padding:11px 0;display:flex}.crm-review-row:hover strong{text-underline-offset:3px;text-decoration:underline}.crm-review-row>span{flex:1;min-width:0}.crm-review-row strong,.crm-review-row small{display:block}.crm-review-row strong{font-size:14px;font-weight:600}.crm-review-row small{color:var(--crm-muted);font-size:13px}.crm-review-row b{white-space:nowrap;font-size:14px}.crm-overview-foot .crm-operations-summary{padding-bottom:4px}.crm-detail{display:block}.crm-contact-summary{align-items:center;gap:12px;min-width:0;display:flex}.crm-contact-summary h3{overflow-wrap:anywhere;margin-bottom:4px}.crm-contact-summary .crm-detail-icon{flex:none;margin:0}.crm-record-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.crm-record-controls label{min-width:0}.crm-next-action>div{gap:6px;display:grid}.crm-detail .crm-next-action{margin:14px 0 21px}.crm-table td .crm-due{font-weight:400}.crm-kanban>section{border-top:3px solid var(--crm-stage-color);background:color-mix(in srgb, var(--crm-soft) 62%, var(--crm-bg))}.crm-kanban>section>header{align-items:flex-start}.crm-kanban>section>header small{color:var(--crm-muted);margin-top:3px;font-size:13px;display:block}.crm-kanban>section>header>span{border:1px solid var(--crm-line);background:var(--crm-panel);border-radius:5px;place-items:center;min-width:25px;min-height:25px;padding-inline:5px;font-weight:600;display:grid}.crm-board-company{align-items:center;gap:8px;min-width:0;display:flex}.crm-board-company .crm-company-avatar{width:29px;height:31px}.crm-board-company>span:last-child{min-width:0}.crm-board-company strong{overflow-wrap:anywhere}.crm-kanban article b{margin:10px 0}.crm-board-followup{margin-bottom:12px}.crm-board-followup p{color:var(--crm-muted);margin-top:6px;font-size:13px}.crm-kanban-filtered{grid-template-columns:minmax(0,1fr)}.crm-kanban-filtered>section{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;display:grid}.crm-kanban-filtered>section>header{grid-column:1/-1;margin-bottom:3px}.crm-kanban-filtered article{margin-bottom:0}@media (prefers-reduced-motion:no-preference){.crm-queue-complete,.crm-sidebar nav>button{transition:background-color .16s,border-color .16s}}@media (max-width:940px){.crm-business{margin-bottom:11px;padding:0 0 11px}.crm-sidebar{border-bottom-color:#395344}}@media (max-width:650px){.crm-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:0;display:grid;overflow:visible}.crm-sidebar nav>button{white-space:normal;gap:7px;width:100%;min-height:44px;padding:7px;line-height:1.3}.lang-zh .crm-sidebar nav>button{white-space:nowrap;gap:5px;padding-inline:5px}.crm-sidebar nav>button>svg{flex:none;width:16px;height:16px}.crm-sidebar nav b{min-width:18px}.crm-header-actions .crm-icon-button,.crm-header-create{width:34px;height:34px;min-height:34px;padding:0}.crm-header-create>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.crm-topbar p{padding-right:134px}.crm-overview,.crm-overview-foot{gap:13px}.crm-overview-foot{grid-template-columns:1fr}.crm-kanban-filtered{grid-template-columns:minmax(0,1fr)}}@media (max-width:360px){.crm-overview-foot .crm-panel-heading{flex-wrap:wrap}.crm-overview-foot .crm-text-action{white-space:nowrap}}.crm-demo{--crm-rail:#eae9df;--crm-rail-line:#d6dbd0;--crm-focus:#e8eee3;--crm-focus-border:#cdd9ce;--crm-focus-subtle:#f5f7f0;--crm-alert:#8a493a;--crm-bars:#dfe6da;--crm-active:#13221d;--crm-active-ink:#f2f0e9}html[data-theme=dark] .crm-demo{--crm-rail:#1b2b24;--crm-rail-line:#3c5145;--crm-focus:#293b31;--crm-focus-border:#4b6353;--crm-focus-subtle:#22332a;--crm-alert:#e8a69a;--crm-bars:#3a4c3d;--crm-active:#d4e6c9;--crm-active-ink:#13221d}.crm-sidebar{border-color:var(--crm-rail-line);background:var(--crm-rail);min-width:0;color:var(--crm-ink)}.crm-business{border-bottom-color:var(--crm-rail-line)}.crm-business>span{color:#f2f0e9;background:#13221d;border:1px solid #52685a}.crm-sidebar .crm-business small,.crm-sidebar .crm-sidebar-foot,.crm-sidebar nav>button{color:var(--crm-muted)}.crm-sidebar nav>button:hover{color:var(--crm-ink);background:var(--crm-panel)}.crm-sidebar nav>button.is-active{color:var(--crm-active-ink);background:var(--crm-active)}.crm-sidebar nav>button:focus-visible{outline-color:var(--crm-accent)}.crm-sidebar nav b{color:var(--crm-ink);background:var(--crm-panel);border-color:var(--crm-rail-line)}.crm-sidebar nav .is-active b{color:var(--crm-active-ink);background:0 0;border-color:currentColor}.crm-live-dot{background:var(--crm-accent)}.crm-demo .crm-topbar{margin-bottom:17px}.crm-topbar time{white-space:nowrap}.crm-desk{gap:14px}.crm-desk-metrics{border:1px solid var(--crm-line);background:var(--crm-panel);border-radius:11px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.crm-desk-metrics>button{text-align:left;min-width:0;color:var(--crm-ink);border:0;border-right:1px solid var(--crm-line);background:0 0;align-content:start;justify-items:start;gap:5px;padding:13px 17px;display:grid}.crm-desk-metrics>button:hover{background:var(--crm-focus-subtle)}.crm-desk-metrics>button:first-child{border-radius:11px 0 0 11px}.crm-desk-metrics>button:last-child{border-right:0;border-radius:0 11px 11px 0}.crm-desk-metrics>button:focus-visible{outline-offset:-4px}.crm-desk-metrics span{color:var(--crm-muted);align-items:center;gap:7px;font-size:13px;display:flex}.crm-desk-metrics span svg{color:var(--crm-accent)}.crm-desk-metrics strong{max-width:100%;font:600 clamp(20px, 2.35vw, 32px) / 1.16 var(--sans);letter-spacing:-.037em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.crm-desk-metrics small{color:var(--crm-muted);font-size:12px;line-height:1.45}.crm-desk-metrics .crm-desk-overdue{color:var(--crm-alert);font-weight:600}.crm-panel.crm-inbox{grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:0;padding:0;display:grid}.crm-inbox-main{min-width:0;padding:17px 17px 12px}.crm-inbox .crm-panel-heading,.crm-desk-insights .crm-panel-heading{align-items:start;margin-bottom:10px}.crm-inbox .crm-panel-heading p,.crm-desk-insights .crm-panel-heading p{color:var(--crm-muted);margin-top:2px;font-size:12px;line-height:1.5}.crm-inbox-total{color:var(--crm-accent);background:var(--crm-soft);white-space:nowrap;border-radius:20px;padding:3px 8px;font-size:12px;font-weight:600}.crm-inbox .crm-queue-filters{margin-bottom:10px}.crm-inbox-columns{color:var(--crm-muted);border-bottom:1px solid var(--crm-line);grid-template-columns:minmax(0,1fr) 92px 85px 35px;align-items:center;gap:10px;padding:7px 6px;font-size:12px;display:grid}.crm-inbox-row{border-bottom:1px solid var(--crm-line);align-items:center;gap:8px;min-width:0;padding:0 4px 0 0;display:flex}.crm-inbox-row.is-focused{background:var(--crm-focus-subtle);box-shadow:inset 3px 0 var(--crm-accent)}.crm-inbox-record{text-align:left;min-width:0;min-height:48px;color:var(--crm-ink);background:0 0;border:0;flex:1;grid-template-columns:32px minmax(0,1fr) 92px 85px;align-items:center;gap:10px;padding:6px 0 6px 9px;display:grid}.crm-inbox-record:focus-visible{outline-offset:-2px}.crm-inbox-record:hover .crm-inbox-account strong{text-underline-offset:3px;text-decoration:underline}.crm-inbox-record .crm-company-avatar{border-radius:6px;width:30px;height:31px}.crm-inbox-account>:is(strong,small){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.crm-inbox-account strong{font-size:14px;font-weight:600}.crm-inbox-account small,.crm-inbox-due small,.crm-inbox-owner{color:var(--crm-muted);font-size:12px;line-height:1.5;display:block}.crm-inbox-due{justify-items:start;gap:2px;display:grid}.crm-inbox-due .crm-due{padding:1px 6px;font-size:11px}.crm-inbox-owner{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.crm-inbox-row .crm-queue-complete{width:33px;height:33px;margin-right:0}.crm-inbox-pager{color:var(--crm-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:9px;padding-top:8px;font-size:12px;display:flex}.crm-inbox-pager>div{gap:6px;display:flex}.crm-inbox-pager button{border:1px solid var(--crm-line);background:var(--crm-panel);width:31px;height:30px;color:var(--crm-ink);border-radius:5px;place-items:center;display:grid}.crm-inbox-pager button:not(:disabled):hover{background:var(--crm-soft)}.crm-focus{border-left:1px solid var(--crm-focus-border);background:var(--crm-focus);border-radius:0 10px 10px 0;min-width:0;padding:16px 18px}.crm-focus-caption{color:var(--crm-accent);align-items:center;gap:7px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.crm-demo .crm-focus h3{font-family:var(--serif,Georgia, serif);overflow-wrap:anywhere;font-size:clamp(21px,2.05vw,29px);font-weight:400;line-height:1.2}.crm-focus-contact{color:var(--crm-muted);margin-top:4px;font-size:12px}.crm-focus-contact span{margin:0 4px}.crm-focus-facts{border-block:1px solid var(--crm-focus-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0 9px;padding:9px 0;display:grid}.crm-focus-facts small,.crm-focus-activity small,.crm-focus-next span{color:var(--crm-muted);font-size:12px;line-height:1.4;display:block}.crm-focus-facts strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin-top:2px;font-size:14px;font-weight:600;display:block}.crm-focus-reason h4{margin:0}.crm-focus-reason p,.crm-focus-activity p,.crm-focus-next p{margin-top:2px;font-size:13px;line-height:1.5}.crm-focus-activity{border-left:2px solid var(--crm-focus-border);background:var(--crm-focus-subtle);border-radius:0 5px 5px 0;margin:8px 0;padding:7px 9px}.crm-focus-next{margin-top:8px}.crm-focus-next p{font-weight:600}.crm-focus-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.crm-focus-actions :is(.crm-primary,.crm-secondary){gap:6px;min-height:35px;padding:6px 9px;font-size:12px}.crm-focus>.crm-primary{margin-top:12px}.crm-desk-insights{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:14px;display:grid}.crm-desk-insights .crm-panel{min-width:0;padding:16px 17px}.crm-funnel .crm-panel-heading{flex-wrap:wrap}.crm-funnel-rows{display:grid}.crm-funnel-rows button{border:0;border-bottom:1px solid var(--crm-line);min-height:47px;color:var(--crm-ink);text-align:left;background:0 0;grid-template-columns:minmax(78px,.83fr) minmax(54px,1.1fr) minmax(82px,.8fr) auto;align-items:center;gap:8px;padding:6px 0;display:grid}.crm-funnel-rows button:hover{background:var(--crm-focus-subtle)}.crm-funnel-rows button:last-child{border-bottom:0}.crm-funnel-stage{align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.crm-funnel-stage>i{background:var(--crm-stage-color);border-radius:2px;flex:none;width:8px;height:8px}.crm-funnel-bar{background:var(--crm-bars);border-radius:5px;height:7px;display:block;overflow:hidden}.crm-funnel-bar>i{border-radius:inherit;background:var(--crm-stage-color);height:100%;display:block}.crm-funnel-result{font-variant-numeric:tabular-nums;justify-items:end;min-width:0;line-height:1.4;display:grid}.crm-funnel-result strong{font-size:14px;font-weight:600}.crm-funnel-result small{color:var(--crm-muted);font-size:12px}.crm-funnel-rows button>svg{color:var(--crm-accent)}.crm-feed-entry{border:0;border-bottom:1px solid var(--crm-line);width:100%;color:var(--crm-ink);text-align:left;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:9px;padding:7px 0;display:grid}.crm-feed-entry:hover{background:var(--crm-focus-subtle)}.crm-feed-entry:last-child{border-bottom:0}.crm-feed-entry strong,.crm-feed-entry span>small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.crm-feed-entry strong{font-size:13px}.crm-feed-entry small{color:var(--crm-muted);font-size:12px}.crm-event-dot{background:var(--crm-accent);border-radius:50%;width:9px;height:9px;margin-top:6px;display:block}.crm-event-dot.is-call{background:#7c9e85}.crm-event-dot.is-meeting{background:#6d8e96}.crm-event-dot.is-note,.crm-event-dot.is-task{background:#ae8759}.crm-record-timeline ol{margin:0;padding:0;list-style:none}.crm-record-timeline li{border-bottom:1px solid var(--crm-line);grid-template-columns:10px minmax(0,1fr);gap:10px;padding:8px 0;display:grid}.crm-record-timeline li:last-child{border-bottom:0}.crm-record-timeline small,.crm-detail .crm-next-action small{color:var(--crm-muted);font-size:12px}.crm-record-timeline li p{overflow-wrap:anywhere;margin-top:2px;font-size:13px;line-height:1.55}.crm-record-quotes h4{margin-bottom:5px}.crm-record-quotes button{width:fit-content;display:flex}.crm-customer-layout .crm-table-wrap{scrollbar-width:thin;max-height:29rem;overflow:auto}.crm-customer-layout .crm-table th{z-index:1;background:var(--crm-panel);position:sticky;top:0}.crm-detail h3:focus-visible{outline:2px solid var(--crm-accent);outline-offset:-2px}.crm-table tr[id^=crm-quote-]:focus-visible{outline:2px solid var(--crm-accent);outline-offset:-2px}.crm-detail h3[tabindex],.crm-table tr[id^=crm-quote-]{scroll-margin-block:130px}@media (prefers-reduced-motion:no-preference){.crm-desk-metrics button,.crm-inbox-row,.crm-funnel-rows button,.crm-feed-entry{transition:background-color .15s}}@media (max-width:1200px){.crm-inbox-columns{grid-template-columns:minmax(0,1fr) 75px 69px 35px;gap:7px}.crm-inbox-record{grid-template-columns:30px minmax(0,1fr) 75px 69px;gap:7px}}@media (max-width:1080px){.crm-panel.crm-inbox{grid-template-columns:minmax(0,1fr)}.crm-focus{border-left:0;border-top:1px solid var(--crm-focus-border);border-radius:0 0 10px 10px}#crm-focus-title{scroll-margin-top:5rem}.crm-desk-insights{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.crm-desk-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-desk-metrics>button{padding:11px}.crm-desk-metrics>button:nth-child(2){border-right:0;border-radius:0 11px 0 0}.crm-desk-metrics>button:nth-child(n+3){border-top:1px solid var(--crm-line)}.crm-desk-metrics>button:first-child{border-radius:11px 0 0}.crm-desk-metrics>button:nth-child(3){border-radius:0 0 0 11px}.crm-desk-metrics>button:last-child{border-radius:0 0 11px}.crm-record-quotes{grid-column:1/-1}.crm-customer-layout .crm-table-wrap{max-height:20rem}}@media (max-width:560px){.crm-inbox-main,.crm-focus,.crm-desk-insights .crm-panel{padding:12px}.crm-inbox-columns{grid-template-columns:minmax(0,1fr) 70px 29px}.crm-inbox-record{grid-template-columns:minmax(0,1fr) 70px;padding-left:7px}.crm-inbox-record :is(.crm-company-avatar,.crm-inbox-owner),.crm-inbox-columns>span:last-child{display:none}.crm-inbox-row .crm-queue-complete{width:30px;height:32px}.crm-funnel-rows button{grid-template-columns:minmax(66px,.8fr) minmax(30px,1fr) minmax(65px,.8fr) auto;gap:6px}.crm-feed-entry{grid-template-columns:auto minmax(0,1fr)}.crm-feed-entry>small{grid-column:2}.crm-desk-insights .crm-panel-heading .crm-text-action{white-space:nowrap}}
