:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#0e8f78;--primary-strong:#08715f;--primary-soft:#e6f5f1;--secondary:#5865f2;--canvas:#f6f8fb;--surface:#fff;--surface-muted:#eef2f7;--line:#d9e1ea;--text:#172033;--muted:#64748b;--danger:#c2410c;--danger-soft:#fff7ed;--warning:#a16207;--warning-soft:#fef3c7;--ok:#047857;--radius:8px;background:var(--canvas);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}:focus-visible{outline-offset:2px;outline:3px solid #0e8f7857}.app-shell{background:var(--canvas);min-height:100vh}.topbar{z-index:20;border-block-end:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;position:sticky;inset-block-start:0}.topbar-inner{grid-template-columns:minmax(190px,auto) 1fr auto;align-items:center;gap:16px;max-width:1680px;margin-inline:auto;padding:12px 22px;display:grid}.brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.brand-mark{border-radius:var(--radius);background:var(--primary);color:#fff;place-items:center;width:42px;height:42px;display:grid}.brand-title{font-size:15px;font-weight:800;display:block}.brand-subtitle{color:var(--muted);font-size:12px;display:block}.nav-tabs{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-muted);gap:4px;padding:4px;display:flex;overflow-x:auto}.nav-button,.icon-button,.button,.segmented-button{border-radius:var(--radius);min-height:38px;color:var(--text);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.nav-button{white-space:nowrap;color:var(--muted);padding:8px 12px;font-weight:700}.nav-button[data-active=true]{color:var(--primary-strong);background:#fff;box-shadow:0 1px 2px #0f172a1f}.button{background:var(--primary);color:#fff;border-color:var(--primary);min-height:40px;padding:8px 14px;font-weight:800}.button.secondary{color:var(--text);border-color:var(--line);background:#fff}.button.danger{background:var(--danger-soft);color:var(--danger);border-color:#fed7aa}.icon-button{border-color:var(--line);background:#fff;width:38px;height:38px}.main{max-width:1680px;margin-inline:auto;padding:22px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;margin-block-end:16px;display:flex}.section-title{margin:0;font-size:24px;line-height:1.25}.section-subtitle{color:var(--muted);margin:5px 0 0;font-size:14px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 10px 22px #0f172a0a}.panel-pad{padding:16px}.grid{gap:14px;display:grid}.metric-grid{grid-template-columns:repeat(6,minmax(150px,1fr))}.metric{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:104px;padding:14px}.metric-label{color:var(--muted);font-size:12px;font-weight:800}.metric-value{margin-block-start:8px;font-size:28px;font-weight:900;line-height:1}.filters{grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(150px,.7fr)) auto;gap:10px;display:grid}.field{gap:6px;display:grid}.field-label{color:var(--muted);font-size:12px;font-weight:800}.input,.select,.textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:40px;color:var(--text);background:#fff;padding:8px 12px}.textarea{resize:vertical;min-height:92px}.search-wrap{position:relative}.search-wrap svg{color:var(--muted);position:absolute;inset-block-start:50%;inset-inline-start:12px;transform:translateY(-50%)}.search-wrap .input{padding-inline-start:40px}.table-shell{overflow-x:auto}.lead-table{min-width:1060px}.lead-row,.lead-head{grid-template-columns:44px minmax(220px,1.5fr) minmax(180px,1fr) 138px 150px 190px 104px;align-items:center;gap:12px;padding:12px 14px;display:grid}.lead-head{border-block-end:1px solid var(--line);background:var(--surface-muted);color:var(--muted);font-size:12px;font-weight:900}.lead-row{border:0;border-block-end:1px solid var(--line);text-align:start;background:#fff;width:100%}.lead-row:hover,.lead-row:focus-within{background:#f8fbfb}.cell-title{overflow-wrap:anywhere;min-width:0;font-weight:900}.muted{color:var(--muted)}.small{font-size:12px}.bidi{direction:ltr;unicode-bidi:isolate}.badge-list{flex-wrap:wrap;gap:6px;display:flex}.badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;max-width:100%;min-height:26px;padding:4px 9px;font-size:12px;font-weight:900;display:inline-flex}.badge.brand{color:var(--primary-strong);background:var(--primary-soft);border-color:#b9e4d8}.badge.accent{color:#3730a3;background:#eef2ff;border-color:#c7d2fe}.badge.warning{color:var(--warning);background:var(--warning-soft);border-color:#fde68a}.badge.danger{color:var(--danger);background:var(--danger-soft);border-color:#fed7aa}.badge.neutral{color:var(--muted);background:var(--surface-muted);border-color:var(--line)}.state{text-align:center;min-height:220px;color:var(--muted);place-items:center;padding:24px;display:grid}.state strong{color:var(--text);margin-block-end:5px;display:block}.alert{border-radius:var(--radius);color:var(--warning);background:var(--warning-soft);border:1px solid #fde68a;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.alert.danger{color:var(--danger);background:var(--danger-soft);border-color:#fed7aa}.split{grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:16px;display:grid}.task-list,.timeline,.stack{gap:10px;display:grid}.task-item,.timeline-item,.opportunity-line,.contact-line{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px}.opportunity-line{justify-content:space-between;gap:12px;display:flex}.kanban-scroll{gap:14px;padding-block-end:10px;display:flex;overflow-x:auto}.kanban-column{border:1px solid var(--line);border-radius:var(--radius);background:#f1f5f9;flex:0 0 308px;min-height:530px;padding:12px}.kanban-column[data-over=true]{border-color:var(--primary);background:var(--primary-soft)}.kanban-header{justify-content:space-between;align-items:center;margin-block-end:10px;display:flex}.kanban-card{border:1px solid var(--line);border-radius:var(--radius);text-align:start;background:#fff;gap:10px;width:100%;margin-block-end:10px;padding:12px;display:grid;box-shadow:0 1px 2px #0f172a14}.kanban-card[data-dragging=true]{opacity:.35}.card-actions{flex-wrap:wrap;gap:8px;display:flex}.drawer-backdrop{z-index:30;opacity:0;pointer-events:none;background:#0f172a42;border:0;transition:opacity .15s;position:fixed;inset:0}.drawer-backdrop[data-open=true]{opacity:1;pointer-events:auto}.drawer{inset-block:0;z-index:40;border-right:1px solid var(--line);background:#fff;width:min(560px,100vw);padding:18px;transition:transform .15s;position:fixed;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:0 20px 55px #0f172a33}[dir=rtl] .drawer{transform:translate(-100%)}.drawer[data-open=true]{transform:translate(0)}.modal-backdrop{z-index:50;background:#0f172a52;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius);background:#fff;width:min(640px,100%);max-height:min(760px,92vh);overflow-y:auto;box-shadow:0 24px 70px #0f172a47}.modal-head,.modal-foot{border-block-end:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.modal-foot{border-block-start:1px solid var(--line);border-block-end:0;justify-content:flex-start}.modal-body{padding:16px}.session-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.session-box{width:min(520px,100%)}@media (width<=1180px){.topbar-inner{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters,.split{grid-template-columns:1fr}}@media (width<=720px){.main,.topbar-inner{padding-inline:12px}.metric-grid{grid-template-columns:1fr}.section-title{font-size:20px}.nav-button{padding-inline:9px}}.simple-page{gap:14px;display:grid}.compact-header{margin-block-end:0}.simple-metrics{grid-template-columns:repeat(3,minmax(180px,1fr));margin-block-end:2px}.compact-metric{min-height:82px}.compact-metric[data-tone=danger]{background:var(--danger-soft);border-color:#fed7aa}.simple-actions-row,.simple-filters{grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(140px,.7fr));align-items:end;gap:10px;display:grid}.segmented{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-muted);align-items:center;gap:4px;min-height:40px;padding:4px;display:inline-flex}.segmented.wide{width:fit-content}.segmented button{min-height:32px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-weight:800}.segmented button[data-active=true]{color:var(--primary-strong);border-color:var(--line);background:#fff}.quick-form{grid-template-columns:repeat(6,minmax(130px,1fr)) auto auto;align-items:end;gap:10px;padding:12px;display:grid}.extra-fields{color:var(--muted);align-self:center;font-size:13px}.extra-fields summary{font-weight:800}.simple-table-panel{overflow:hidden}.simple-table{display:grid}.simple-head,.simple-row{align-items:center;gap:8px;padding:10px 12px;display:grid}.simple-head{border-block-end:1px solid var(--line);background:var(--surface-muted);min-height:40px;color:var(--muted);font-size:13px;font-weight:900}.simple-row{border-block-end:1px solid var(--line);background:#fff;min-height:48px;font-size:14px}.simple-row:hover{background:#f8fbfb}.today-table .simple-head,.today-table .simple-row{grid-template-columns:150px minmax(180px,1fr) minmax(220px,1.4fr) 150px 78px}.accounts-table .simple-head,.accounts-table .simple-row{grid-template-columns:minmax(190px,1.4fr) 110px 110px 150px 120px minmax(170px,1fr) 58px}.contacts-table .simple-head,.contacts-table .simple-row{grid-template-columns:minmax(180px,1.3fr) 130px 150px minmax(190px,1fr) 140px 58px}.deals-table .simple-head,.deals-table .simple-row{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) 130px 150px 120px 150px 170px 140px 100px 86px}.team-table .simple-head,.team-table .simple-row{grid-template-columns:minmax(160px,1.2fr) repeat(6,minmax(110px,1fr))}.users-table .simple-head,.users-table .simple-row{grid-template-columns:minmax(160px,1fr) minmax(220px,1.2fr) 100px 90px 150px minmax(170px,1fr)}.stages-table .simple-head,.stages-table .simple-row{grid-template-columns:minmax(180px,1fr) 120px 120px 90px}.inline-input{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;min-height:34px;padding:6px 8px}.color-input{padding:3px}.link-cell{color:var(--primary-strong);text-align:start;background:0 0;border:0;font-weight:900}.small-button{min-height:32px;padding:5px 10px;font-size:13px}.row-actions{align-items:center;gap:6px;display:inline-flex}.save-state{color:var(--primary-strong);font-size:13px;font-weight:900}.stage-board{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.stage-column{border:1px solid var(--line);border-top:4px solid var(--primary);border-radius:var(--radius);background:var(--surface-muted);min-height:320px;padding:10px}.stage-column h3{margin:0 0 10px;font-size:15px}.stage-card{border:1px solid var(--line);border-radius:var(--radius);text-align:start;background:#fff;gap:4px;width:100%;margin-block-end:8px;padding:10px;display:grid}.compact-drawer{width:min(460px,100vw)}.compact-drawer h3{margin:0 0 6px;font-size:15px}.compact-drawer p{color:var(--muted);margin:0;font-size:14px}.settings-stack{gap:12px;display:grid}@media (width<=1180px){.simple-actions-row,.simple-filters,.quick-form{grid-template-columns:1fr}}@media (width<=720px){.simple-metrics{grid-template-columns:1fr}.segmented{width:100%;overflow-x:auto}.simple-head{display:none}.simple-table{gap:10px;padding:10px}.simple-row,.today-table .simple-row,.accounts-table .simple-row,.contacts-table .simple-row,.deals-table .simple-row,.team-table .simple-row,.users-table .simple-row,.stages-table .simple-row{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr;gap:8px;padding:12px;display:grid}.simple-card>*{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.simple-card>:before{content:attr(data-label);color:var(--muted);font-size:13px;font-weight:800}}