:root{--primary:#007fa8;--primary-hover:#006887;--background:#f5f7fb;--surface:#fff;--ink:#18243d;--muted:#607089;--sidebar:#172f40;--line:#e2e7ef;--soft:#eef2fa;--success:#17724e;--success-bg:#eaf7f0;--danger:#b23b3b;--danger-bg:#fceeee;--warning:#a46b19;--scroll-thumb:#bac5d6;--scroll-track:#edf0f5;--scroll-hover:#8e9db3;--scroll-active:#647995;--radius:8px;--card-radius:12px;--font:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--mono:Consolas,monospace;--shadow:0 2px 5px #14243e05,0 7px 20px #14243e05}
*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}::-webkit-scrollbar-thumb:active{background:var(--scroll-active)}
body{margin:0;background:var(--background);color:var(--ink);font:15px/1.5 var(--font);font-variant-numeric:tabular-nums}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a,select,input[type=file]{cursor:pointer}button{color:inherit}button:disabled,select:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}a{color:var(--primary);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #6387fa;outline-offset:3px}h1,h2,h3,p{margin:0}h2{font-size:18px;line-height:1.35}h3{font-size:15px}p{line-height:1.65}svg.icon{flex-shrink:0;vertical-align:middle}small{font-size:14px}strong{font-weight:650}button{transition:background .15s,border-color .15s,box-shadow .15s}button:active:not(:disabled){filter:brightness(.96)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-70px;left:20px;z-index:100;background:var(--surface);padding:12px}.skip-link:focus{top:10px}
.sidebar{position:fixed;inset:0 auto 0 0;width:216px;background:var(--sidebar);color:#e7edf6;display:flex;flex-direction:column;padding:30px 16px 18px;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:white;padding:0 10px 35px}.brand>span{font-size:29px;letter-spacing:-1.3px;font-weight:700;line-height:1}.brand-dot{color:#7fa3ff}.brand small{display:block;font-size:12px;letter-spacing:2px;font-weight:500;margin-top:9px;color:#b5c5df}.workspace-label{font-size:12px;letter-spacing:1.3px;color:#96a7c2;margin:0 12px 13px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-link{display:flex;align-items:center;gap:12px;color:#bcc9dc;border-radius:8px;min-height:45px;padding:10px 13px;font-size:15px;font-weight:500}.nav-link:hover{background:#ffffff0b;color:white}.nav-link.active{background:#2b4265;color:white;box-shadow:inset 3px 0 #7899ff}.nav-link .icon{width:19px;height:19px}.nav-count{margin-left:auto;font-size:12px;background:#435b7e;color:white;border-radius:5px;padding:1px 6px}.sidebar-bottom{margin-top:auto;padding-top:32px}.local-status{display:flex;gap:10px;align-items:flex-start;font-size:14px;padding:16px 10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#36a97b;flex-shrink:0}.local-status .status-dot{margin-top:6px}.local-status small{display:block;color:#9cacc4;margin-top:3px;font-size:12px}.profile{display:flex;align-items:center;gap:10px;padding:18px 10px 0;border-top:1px solid #ffffff15;font-size:14px}.profile small{display:block;color:#99abc6;font-size:12px;margin-top:3px}.workspace{margin-left:216px;min-width:0}.topbar{height:72px;background:var(--surface);border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:14px}.breadcrumb{font-size:14px;color:var(--muted)}.breadcrumb span{margin:0 12px;color:#a8b1c3}.breadcrumb strong{color:var(--ink);font-weight:500}.top-actions{display:flex;align-items:center;gap:17px}.demo-badge{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}.demo-badge .icon{width:15px;height:15px;color:#7089bf}.top-avatar{background:#edf1fb;color:#3256a9;width:31px;height:31px;border:1px solid #dce4f4;display:grid;place-items:center;border-radius:50%;font-weight:650;font-size:14px}
main{padding:29px 28px 16px;min-height:calc(100vh - 113px);min-width:0}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{font-size:12px;letter-spacing:1.5px;color:var(--muted);font-weight:600}.page-title .eyebrow{font-size:12px;letter-spacing:1.8px;color:#74829b;margin-bottom:5px}.page-title h1{font-size:28px;font-weight:650;letter-spacing:-.9px;line-height:1.3;outline:none}.page-title p{color:var(--muted);font-size:14px;margin-top:5px}.btn{min-height:37px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:14px;font-weight:600;padding:8px 13px;white-space:nowrap}.btn .icon{width:17px;height:17px}.btn:hover{background:var(--soft);border-color:#cad4e5}.btn.primary{background:var(--primary);border-color:var(--primary);color:white;box-shadow:0 3px 7px #3158d41c}.btn.primary:hover{background:var(--primary-hover)}.btn.success{color:var(--success);background:var(--success-bg);border-color:#c5e4d5}.btn.success:hover{background:#d9f0e3}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover{background:#942e2e}.btn.ghost,.btn.ghost-danger{background:transparent;border-color:transparent}.btn.ghost{color:var(--muted)}.btn.ghost:hover{background:var(--soft);color:var(--primary)}.btn.ghost-danger{color:var(--danger)}.btn.ghost-danger:hover{background:var(--danger-bg)}.btn.selected{background:white;box-shadow:0 1px 4px #15243e10;border-color:var(--line);color:var(--primary)}.icon-button{display:inline-grid;place-items:center;width:33px;height:33px;background:transparent;border:0;border-radius:7px;color:var(--muted);flex-shrink:0}.icon-button:hover{background:var(--soft);color:var(--primary)}.icon-button .icon{width:18px;height:18px}.text-button{padding:0;border:0;background:transparent;text-align:left;color:var(--primary);line-height:1.5;font-size:inherit;display:inline-flex;align-items:center;gap:6px}.text-button:hover{text-decoration:underline}.text-button.strong{color:var(--ink);font-weight:600}.text-button.strong:hover{color:var(--primary)}.muted{color:var(--muted)}
.pipeline-summary{display:flex;align-items:center;gap:28px;padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:23px;min-height:96px}.summary-primary{display:flex;align-items:center;gap:13px;flex-shrink:0}.summary-icon{display:grid;place-items:center;width:43px;height:43px;background:#eef2fe;color:var(--primary);border-radius:10px}.summary-primary .eyebrow{font-size:12px;letter-spacing:1.3px}.summary-primary strong{display:block;font-size:17px;margin-top:4px;letter-spacing:-.4px}.summary-status{font-size:13px;color:var(--muted);font-weight:400;letter-spacing:0}.summary-value{border-left:1px solid var(--line);padding-left:28px;min-width:0}.summary-value>span{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.currency-totals{font-size:15px;display:flex;flex-wrap:wrap;gap:5px;align-items:center}.currency-separator{color:#a3afc1;font-size:13px}.summary-link{margin-left:auto;display:flex;gap:7px;align-items:center;border:0;background:transparent;color:var(--muted);font-size:13px;white-space:nowrap}.summary-link:hover{color:var(--danger)}.summary-link .icon{width:16px;height:16px;margin-left:4px}.warning-dot{width:6px;height:6px;background:#cf8546;border-radius:50%}.summary-link strong{color:var(--ink)}
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.segmented{display:flex;align-items:center;padding:3px;background:#e9edf4;border-radius:9px;flex-shrink:0}.segmented .btn{min-height:32px;padding:5px 11px;font-size:13px}.search-box{height:38px;display:flex;align-items:center;gap:8px;flex:1;min-width:200px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:0 10px}.search-box>.icon{color:#8a97ac;width:17px;height:17px}.search-box input{height:100%;border:0;background:transparent;min-width:0;width:100%;font-size:14px;outline:none;color:var(--ink);padding:0}.search-box:focus-within{outline:2px solid #6387fa;outline-offset:1px}.search-box input:focus-visible{outline:none}.search-box input::-webkit-search-cancel-button{-webkit-appearance:none}.search-hint{font-size:12px;border:1px solid var(--line);border-radius:4px;padding:1px 4px;color:#7c889b}.filter select{height:38px;max-width:230px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:0 8px 0 11px;color:#485770;font-size:13px}.result-count{font-size:14px;color:var(--muted);margin-left:12px}.section-caption{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:14px;font-weight:600}.section-caption>span{display:flex;align-items:center;gap:8px}.section-caption .icon{width:15px;height:15px;color:#7888a3}.small-divider{height:12px;width:1px;background:#cfd6e2;margin:0 2px}.board-help{font-size:12px;font-weight:400;color:#7b879c}
.kanban{display:flex;gap:13px;overflow-x:auto;align-items:stretch;min-height:470px;height:calc(100vh - 405px);padding-bottom:13px;scrollbar-gutter:stable}.kanban-column{width:258px;min-width:258px;display:flex;flex-direction:column;background:#edf0f6;border:1px solid #e5e9f1;border-radius:11px;transition:background .15s}.column-header{padding:16px 13px 12px}.column-heading{display:flex;align-items:center;gap:7px;min-height:24px}.column-heading h2{font-size:14px;letter-spacing:-.2px;line-height:1.3;flex:1}.stage-marker{font-family:var(--mono);font-size:12px;color:#8b99b1}.column-count{font-size:12px;min-width:21px;height:21px;display:grid;place-items:center;border-radius:6px;background:white;color:#5d6b83;border:1px solid #e1e6f0}.column-values{font-size:12px;color:var(--muted);min-height:17px;margin:8px 0 13px;display:flex;flex-wrap:wrap;gap:4px}.stage-track{display:flex;gap:3px}.stage-track span{height:3px;flex:1;background:#d9e0eb;border-radius:2px}.stage-track .filled{background:#8ba2e5}.stage-4 .stage-track .filled,.stage-5 .stage-track .filled{background:#688bcc}.stage-6 .stage-track .filled,.stage-7 .stage-track .filled{background:#6ca696}.column-cards{padding:0 9px 5px;overflow-y:auto;flex:1;min-height:170px}.deal-card{background:var(--surface);border:1px solid #e1e7f0;border-radius:10px;box-shadow:0 2px 3px #19325504;margin-bottom:10px;padding:14px 13px 0;transition:box-shadow .15s,border-color .15s}.deal-card:hover{border-color:#b7c8e9;box-shadow:var(--shadow)}.deal-card[draggable=true]{cursor:grab}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.source-tag{display:inline-block;background:#f0f3f9;border-radius:4px;color:#60708d;font-size:12px;line-height:1.5;padding:2px 6px;font-weight:500}.source-1{background:#eaf3fb;color:#3a7399}.source-2{background:#f6effc;color:#80609a}.source-3{background:#eaf5f0;color:#39775c}.card-currency{font-size:12px;color:#7b88a0;letter-spacing:.7px}.card-title{font-size:14px;line-height:1.55;text-align:left;display:block;padding:0;background:transparent;border:0;font-weight:650;min-height:36px;color:#25344e;overflow-wrap:anywhere}.card-title:hover{color:var(--primary)}.card-company{font-size:12px;color:#758299;margin-top:9px;display:flex;align-items:center;gap:5px;overflow-wrap:anywhere}.card-company .icon{width:12px;height:12px}.card-value-row{display:flex;align-items:center;justify-content:space-between;margin:14px 0 13px;gap:8px}.card-value-row>strong{font-size:15px;letter-spacing:-.25px}.avatar{width:34px;height:34px;display:inline-grid;place-items:center;background:#e7edfb;color:#3f5e9d;border:2px solid var(--surface);border-radius:50%;font-size:13px;font-weight:600;flex-shrink:0}.avatar.small{width:25px;height:25px;font-size:12px;border-width:1px}.tone-0{background:#e9eefc;color:#4568b5}.tone-1{background:#e5f2ed;color:#3d7e68}.tone-2{background:#f4e9f8;color:#8c579e}.tone-3{background:#fbefdc;color:#9f7939}.card-footer{border-top:1px solid #edf0f5;margin:0 -13px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:37px}.next-activity{font-size:12px;border:0;background:transparent;padding:0;display:flex;align-items:center;gap:5px;color:#6d7d95;text-align:left;min-height:21px}.next-activity .icon{width:12px;height:12px}.next-activity:hover{text-decoration:underline}.overdue{color:var(--danger)}.due-today{color:#3f69bd}.no-activity{color:#a07430}.column-add{margin:5px 9px 9px;min-height:33px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px dashed #ccd5e5;background:transparent;border-radius:6px;color:#71819a;font-size:12px}.column-add:hover{border-color:#8fa8de;background:#e3eaf7;color:var(--primary)}.column-add .icon{width:14px;height:14px}.column-empty{text-align:center;color:#8190a7;font-size:13px;padding:32px 0}.drag-over{background:#dee7fc;border-color:#86a3ea}.dragging{opacity:.45}
.app-footer{display:flex;justify-content:space-between;gap:12px;padding:13px 28px 18px;color:#7a879d;font-size:12px}.app-footer>span{display:flex;align-items:center;gap:7px}.app-footer .status-dot{width:5px;height:5px}.status-badge{font-size:12px;display:inline-flex;align-items:center;white-space:nowrap;padding:3px 8px;border-radius:5px;background:var(--soft);color:#667994}.status-badge.won{color:var(--success);background:var(--success-bg)}.status-badge.lost{color:var(--danger);background:var(--danger-bg)}.status-badge.open{color:#476bb6;background:#edf2ff}.badge{font-size:13px;color:var(--muted);background:var(--soft);padding:4px 8px;border-radius:5px}.help{font-size:13px;color:var(--muted);line-height:1.65}.strong{font-weight:600}
.table-panel,.activity-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.table-scroll{overflow:auto;min-height:240px}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}thead{background:#fafbfe}th{padding:15px 18px;border-bottom:1px solid var(--line);color:#718099;font-weight:500;font-size:13px;white-space:nowrap}td{padding:17px 18px;border-bottom:1px solid #eef1f6;max-width:300px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}td:first-child{min-width:210px}td .text-button{max-width:280px}.numeric{white-space:nowrap;text-align:right}.person-cell{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.person-cell small{display:block;color:var(--muted);font-size:13px;margin-top:3px}.company-cell{display:flex;align-items:center;gap:11px}.company-avatar{background:#edf1f9;color:#6480b4;width:35px;height:35px;border:1px solid #e0e7f4;border-radius:9px;display:grid;place-items:center;font-size:13px;flex-shrink:0}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:65px;padding:12px 18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);background:var(--surface)}.pagination>div{display:flex;align-items:center;gap:13px}.pagination .btn{min-height:30px;font-size:13px;padding:5px 10px}
.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:20px}.tab{border:0;border-bottom:2px solid transparent;padding:10px 1px 12px;background:transparent;font-size:14px;color:var(--muted)}.tab.active{border-color:var(--primary);color:var(--primary);font-weight:600}.tab:hover{color:var(--primary)}.activity-row{display:flex;gap:16px;align-items:center;padding:19px 22px;border-bottom:1px solid #edf0f6}.activity-check{width:21px;height:21px;border:1.5px solid #c8d2e2;background:white;border-radius:50%;padding:0;display:grid;place-items:center;flex-shrink:0}.activity-check:hover{border-color:var(--success);background:var(--success-bg)}.activity-check.done{border-color:var(--success);background:var(--success);color:white}.activity-check .icon{width:14px;height:14px}.activity-description{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:1;min-width:0}.activity-description .eyebrow{font-size:12px;letter-spacing:1px}.activity-description .strong{font-size:15px}.activity-description .muted{font-size:13px}.activity-row .person-cell{font-size:13px;min-width:95px}.date-chip{font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.date-chip .icon{width:14px;height:14px}.date-chip.overdue{color:var(--danger)}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.product-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:23px;display:flex;flex-direction:column;min-height:260px}.product-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:10px;margin-bottom:20px}.product-card .eyebrow{font-size:12px;letter-spacing:1px}.product-card h2{margin:7px 0 10px;font-size:18px;letter-spacing:-.4px}.product-card p{font-size:14px;color:var(--muted)}.product-bottom{margin-top:auto;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.product-bottom .btn{font-size:12px;padding:3px 0}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:4px 0 24px}.metrics article{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:22px}.metrics span{font-size:13px;color:var(--muted);display:block}.metrics strong{font-size:28px;letter-spacing:-1px;display:block;margin:12px 0 7px}.metrics small{font-size:12px;color:var(--muted)}.report-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:20px}.report-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:24px}.report-card>p{font-size:14px;margin:9px 0 18px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.section-title h2{font-size:15px;font-weight:600}.section-title>span{font-size:13px;color:var(--muted)}.section-title>.icon{color:var(--muted);width:19px}.chart-bars{display:flex;flex-direction:column;gap:17px;margin-top:26px}.chart-row{display:grid;grid-template-columns:160px 1fr 20px;gap:15px;align-items:center;font-size:13px;color:var(--muted)}progress{width:100%;height:9px;border:0;border-radius:4px;overflow:hidden;background:#eef2f9;accent-color:#7290dd}progress::-webkit-progress-bar{background:#eef2f9;border-radius:4px}progress::-webkit-progress-value{background:#7290dd;border-radius:4px}progress::-moz-progress-bar{background:#7290dd;border-radius:4px}.chart-row strong{color:var(--ink)}.owner-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid var(--line);font-size:14px}.owner-list>div:last-child{border:0}.loss-row{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px;padding:12px 0}.loss-row .icon{width:14px;height:14px}
.settings-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;align-items:start}.settings-stack{display:flex;flex-direction:column;gap:20px}.stage-list{list-style:none;padding:0;margin:16px 0 0}.stage-list li{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.stage-list li:last-child{border:0}.stage-list li>span{font-family:var(--mono);font-size:13px;display:grid;place-items:center;background:var(--soft);color:var(--primary);border-radius:6px;width:28px;height:28px}.info-row{display:flex;justify-content:space-between;gap:20px;font-size:14px;padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.info-row>span{color:var(--muted)}.info-row+.btn{margin-top:18px}.people-chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.people-chips>span{display:flex;gap:6px;align-items:center;font-size:14px}
.empty{padding:65px 20px;text-align:center;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);border:1px dashed var(--line);border-radius:12px}.empty>.icon{width:35px;height:35px;color:#9baacc;margin-bottom:18px}.empty h3{font-size:18px;font-weight:600}.empty p{font-size:14px;color:var(--muted);margin-top:9px;max-width:430px}.empty .btn{margin-top:20px}.initial-loading,.loading-state{display:flex;align-items:center;justify-content:center;gap:15px;min-height:400px;color:var(--muted)}.spinner{width:22px;height:22px;border:2px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-alert{display:flex;align-items:center;gap:12px;background:#fff5e6;border:1px solid #efdbb9;color:#886320;padding:13px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.page-alert>span{flex:1}.page-alert .icon{width:18px}
.modal{border:1px solid var(--line);border-radius:16px;padding:0;width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 48px);color:var(--ink);background:var(--surface);box-shadow:0 24px 90px #12224040;overflow:auto;scrollbar-gutter:stable}.modal::backdrop{background:#14243e70;backdrop-filter:blur(2px)}.modal.wide{width:min(760px,calc(100vw - 32px))}.modal-header{padding:22px 26px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--surface);position:sticky;top:0;z-index:1}.modal-header h2{font-size:20px;font-weight:650;letter-spacing:-.4px;margin-top:4px}.modal-header .eyebrow{font-size:12px;letter-spacing:1.4px}.modal-body{padding:23px 26px}.modal.drawer{position:fixed;inset:12px 12px 12px auto;margin:0;width:min(740px,calc(100vw - 24px));height:calc(100dvh - 24px);max-height:none;border-radius:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:6px}.field{min-width:0;display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field>label,.field>span{font-size:14px;font-weight:500;color:#485770}.field label>span{color:var(--primary)}.field input,.field select,.field textarea{width:100%;border:1px solid #d7dfeb;border-radius:7px;padding:10px 11px;font-size:15px;color:var(--ink);background:var(--surface);min-height:41px}.field input::placeholder{color:#96a1b5}.field input:hover,.field select:hover,.field textarea:hover{border-color:#b8c7df}.field textarea{resize:none;min-height:105px;line-height:1.65}.field [aria-invalid=true]{border-color:var(--danger);background:#fffafa}.field-error{color:var(--danger);font-size:13px;min-height:16px;line-height:1.5}.form-subtitle{color:var(--muted);font-size:14px;margin-bottom:20px}.form-error{padding:12px 14px;border:1px solid #f1cccc;background:var(--danger-bg);color:var(--danger);font-size:14px;border-radius:7px;margin-bottom:18px}.form-error[hidden]{display:none}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;margin-top:9px;border-top:1px solid var(--line)}.submit-button{min-width:96px}.confirm-copy{font-size:14px;margin-bottom:16px}.toasts{position:fixed;bottom:23px;right:25px;z-index:99;max-width:min(480px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;border:1px solid #d9e5df;background:var(--surface);box-shadow:0 8px 35px #172b4224;border-radius:10px;padding:13px 14px;font-size:14px}.toast>.icon{color:var(--success);width:18px;height:18px}.toast>span{flex:1}.toast.error{border-color:#edcccc}.toast.error>.icon{color:var(--danger)}
.deal-detail-heading{padding-bottom:18px}.deal-detail-heading .status-badge{margin-left:7px}.deal-detail-heading h2{font-size:26px;letter-spacing:-.7px;line-height:1.35;margin:14px 0 10px;overflow-wrap:anywhere}.deal-detail-heading p{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.deal-detail-heading p .icon{width:15px;height:15px}.detail-value{display:block;font-size:24px;margin-top:15px;letter-spacing:-.6px}.detail-actions{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line)}.detail-actions .btn{font-size:13px;padding:7px 10px;min-height:33px}.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px 0}.detail-info>div{display:flex;flex-direction:column;gap:9px;font-size:14px}.detail-info .eyebrow{font-size:12px;letter-spacing:1px}.detail-info .field select{font-size:14px}.detail-description{background:#f7f9fd;border:1px solid #e9eef7;border-radius:8px;padding:15px;color:var(--muted);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:20px}.detail-section{padding:21px 0;border-top:1px solid var(--line)}.detail-section h3{font-size:14px}.detail-section h3 span{font-size:13px;color:var(--muted);margin-left:7px;font-weight:400}.detail-section .btn{font-size:13px;padding:4px 7px;min-height:30px}.detail-section>p{font-size:14px}.detail-activity{display:flex;align-items:center;gap:12px;padding:12px 0}.detail-activity>div{display:flex;flex-direction:column;gap:4px}.detail-activity .text-button{font-size:14px}.detail-activity small{font-size:12px}.note{border:1px solid #e8e5da;background:#fffdf6;border-radius:8px;padding:15px;margin-top:12px}.note p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.note small{display:block;margin-top:10px;color:#8f856d;font-size:12px}.file-row{display:flex;gap:12px;align-items:center;color:var(--ink);padding:13px;border:1px solid var(--line);border-radius:8px;margin-top:10px;font-size:14px}.file-row:hover{background:var(--soft);border-color:#b6c7e7}.file-row>span{flex:1;overflow-wrap:anywhere;min-width:0}.file-row small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.file-row .icon{color:var(--muted);width:18px}.timeline{padding:8px 0 0 9px}.timeline article{position:relative;border-left:1px solid #dde4ee;padding:0 0 22px 22px}.timeline article:last-child{padding-bottom:0;border-color:transparent}.timeline-dot{position:absolute;left:-4px;top:6px;width:7px;height:7px;background:#a9badd;border-radius:50%;box-shadow:0 0 0 4px white}.timeline p{font-size:14px;overflow-wrap:anywhere}.timeline small{font-size:12px;color:var(--muted);display:block;margin-top:5px}.detail-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line);gap:8px}.detail-bottom small{color:var(--muted);font-size:12px}.detail-meta{display:flex;gap:15px;color:var(--muted);font-size:14px;margin-bottom:15px}.modal-body>h3{margin:24px 0 12px}.linked-deal{display:flex;justify-content:space-between;align-items:center;gap:15px;background:white;border:1px solid var(--line);padding:14px;width:100%;border-radius:8px;margin:9px 0;text-align:left;font-size:14px}.linked-deal:hover{background:var(--soft)}.linked-deal span{flex:1}.linked-deal .icon{width:16px}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:15px;border:1px dashed #b8c8e4;background:#f6f8fd;padding:30px 15px;border-radius:10px;font-size:15px}.upload-zone .icon{color:var(--primary);width:32px;height:32px}.upload-zone input{font-size:14px;max-width:100%}
@media(min-width:1600px){.kanban-column{width:280px;min-width:280px}.card-title{font-size:15px}.card-company,.next-activity{font-size:13px}.card-value-row>strong{font-size:14px}.column-heading h2{font-size:15px}.column-values{font-size:13px}}
@media(max-width:1200px){.summary-link{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr}.filter select{max-width:175px}.toolbar{gap:8px}.search-box{min-width:210px}.summary-value{padding-left:20px}.pipeline-summary{gap:20px}.settings-grid{grid-template-columns:1fr 1.1fr}.date-chip{font-size:12px}}
@media(max-width:900px){.sidebar{width:70px;padding:25px 9px 15px}.brand{padding:0 8px 28px}.brand>span,.workspace-label,.nav-link>span,.sidebar-bottom .local-status,.profile>div{display:none}.sidebar .nav-link{justify-content:center;padding:12px}.sidebar nav{gap:10px}.profile{padding:18px 0 0;justify-content:center}.workspace{margin-left:70px}.topbar{padding:0 22px}.demo-badge{font-size:12px}main{padding:24px 22px 15px}.app-footer{padding:13px 22px}.pipeline-summary{padding:17px;flex-wrap:wrap}.summary-primary strong{font-size:16px}.summary-value{flex:1}.currency-totals{font-size:15px}.settings-grid{grid-template-columns:1fr}.activity-row{gap:11px;padding:17px}.activity-row .person-cell{min-width:0}.activity-row .person-cell>span:not(.avatar){display:none}.kanban{height:calc(100vh - 420px)}.board-help{font-size:12px}.page-title{margin-bottom:20px}}
@media(max-width:600px){.sidebar{position:relative;width:100%;height:auto;padding:13px 15px 0;display:block}.brand{padding:0 0 14px;gap:9px}.brand>span{display:block;font-size:25px}.brand small{display:none}.brand img{width:28px;height:28px}.sidebar nav{display:flex;flex-direction:row;gap:4px;overflow-x:auto;padding-bottom:10px}.sidebar .nav-link{padding:9px 12px;min-height:39px;gap:6px;flex-shrink:0}.nav-link>span{display:inline}.nav-link .nav-count{display:none}.nav-link .icon{width:16px;height:16px}.sidebar-bottom{display:none}.workspace{margin-left:0}.topbar{height:50px;padding:0 16px}.top-actions{gap:8px}.demo-badge{font-size:12px;gap:4px}.demo-badge .icon{width:12px}.top-avatar{display:none}.breadcrumb{font-size:12px}.breadcrumb span{margin:0 5px}main{padding:23px 16px 15px;min-height:calc(100vh - 210px)}.page-title{align-items:flex-start;gap:10px}.page-title h1{font-size:25px}.page-title p{font-size:13px;max-width:200px}.page-title .btn{font-size:12px;min-height:34px;padding:7px 9px;margin-top:12px}.page-title .btn .icon{width:14px}.pipeline-summary{padding:15px;gap:15px}.summary-primary{width:100%}.summary-value{border-left:0;border-top:1px solid var(--line);padding:12px 0 0;width:100%}.currency-totals{font-size:14px}.search-box{order:2;min-width:100%;flex-basis:100%}.toolbar{gap:8px;margin-bottom:17px}.toolbar>.filter{flex:1;min-width:0}.toolbar select{width:100%;max-width:none;font-size:12px;padding-left:7px}.segmented{width:100%;background:transparent;padding:0}.segmented .btn{padding:7px 16px}.segmented .selected{background:#eaf0ff}.section-caption{font-size:13px}.board-help{display:none!important /* supplemental hint only; card detail retains keyboard stage control */}.kanban{min-height:500px;height:auto;align-items:stretch}.kanban-column{width:265px;min-width:265px}.column-cards{max-height:530px}.app-footer{padding:12px 16px;flex-wrap:wrap;font-size:12px}.product-grid{grid-template-columns:1fr}.metrics{gap:10px}.metrics article{padding:16px}.metrics strong{font-size:23px}.metrics span{font-size:12px}.report-card{padding:19px}.chart-row{grid-template-columns:125px 1fr 15px;gap:10px;font-size:12px}.activity-row{flex-wrap:wrap;gap:10px;padding:16px}.activity-description{flex-basis:calc(100% - 35px)}.activity-row .date-chip{margin-left:31px}.activity-row>.person-cell{margin-left:auto}.tabs{gap:22px}.tab{font-size:13px}.pagination{padding:12px;flex-wrap:wrap;font-size:12px}.pagination>div{gap:10px}.pagination .btn{font-size:12px}.modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.modal-header{padding:17px 19px}.modal-header h2{font-size:19px}.modal-body{padding:19px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal.drawer{inset:6px;width:calc(100vw - 12px);height:calc(100dvh - 12px)}.deal-detail-heading h2{font-size:23px}.detail-info{gap:18px 12px}.detail-info .eyebrow{font-size:8px}.detail-info .field{grid-column:1/-1}.detail-bottom{flex-wrap:wrap}.toasts{right:16px;bottom:16px}.info-row{flex-wrap:wrap;gap:6px}.loss-row{align-items:flex-start;flex-direction:column}.linked-deal{flex-wrap:wrap}.linked-deal span{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important /* respect system reduced motion */}}
@media(forced-colors:active){*{scrollbar-color:auto}button,a,input,select,textarea{forced-color-adjust:auto}.status-dot,.stage-track .filled,.timeline-dot{background:CanvasText}.nav-link.active{outline:2px solid Highlight}.activity-check.done{background:Highlight}}

/* Autaza sales workspace: readable cards, compact chrome, cyan process signals. */
:root{--accent:#00a9dc;--board-column:312px;--text-card:16px;--text-secondary:14px;--header-height:52px;--nav-width:200px}
.sidebar{width:var(--nav-width);padding:20px 12px 16px;background:var(--sidebar)}
.workspace{margin-left:var(--nav-width)}
.brand{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;margin:0 0 24px;background:white;border-radius:9px}
.brand .brand-logo{width:158px;height:37px;object-fit:contain}.brand .brand-symbol{display:none}.brand small{font-size:10px;letter-spacing:1.8px;color:#5b6f7a;margin:0}
.workspace-label{font-size:10px;letter-spacing:1px;margin:0 10px 12px}.nav-link{font-size:14px;min-height:45px;padding:10px;gap:10px}.nav-link.active{background:#164c62;box-shadow:inset 3px 0 var(--accent)}.nav-count{font-size:12px;padding:0 5px}.local-status,.profile{font-size:13px}.local-status small,.profile small{font-size:11px}
.topbar{height:var(--header-height);padding:0 20px}.breadcrumb{display:flex;align-items:center;font-size:14px;gap:6px}.breadcrumb span{margin:0 5px}.top-actions{gap:12px}.demo-badge{font-size:12px}.top-avatar{background:#e6f5fa;color:#086c8a;border-color:#c7e8f2}
main{padding:20px;min-height:calc(100dvh - 96px)}.page-title{margin-bottom:20px}.page-title p{font-size:14px}.page-title .eyebrow{display:none}.btn{font-size:14px;min-height:39px}.btn.primary{box-shadow:0 3px 9px #007fa81a}.btn.selected{color:#006e91}.icon-button{width:34px;height:34px}.app-footer{font-size:11px;padding:10px 20px}.app-footer>span{flex-wrap:wrap}
.deals-page{padding:12px 20px 0}.deal-page-heading{display:flex;gap:16px;align-items:center;min-height:44px;margin-bottom:12px}.pipeline-name{display:flex;align-items:center;gap:10px;flex-shrink:0}.pipeline-name>.icon{color:var(--primary);width:23px;height:23px}.pipeline-name h1{font-size:24px;line-height:1.2;letter-spacing:-.6px}.count-label{font-size:13px;color:var(--muted);padding-left:12px;border-left:1px solid var(--line)}.pipeline-money{margin-left:auto;display:flex;flex-wrap:wrap;gap:7px;font-size:14px;color:#3a5569;font-weight:600}.pipeline-money .currency-separator{font-weight:400;color:#9baab6}.deal-page-heading>.btn{margin-left:10px}
.deal-toolbar{flex-wrap:nowrap;margin-bottom:10px;gap:9px}.segmented .btn{font-size:14px;min-height:34px}.segmented{padding:2px;background:#e8eef2}.search-box{height:40px;min-width:190px}.search-box input{font-size:14px}.filter select{height:40px;font-size:13px;color:#3d5668;max-width:210px}.search-hint{display:none}.pipeline-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.focus-filters{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.focus-filters .btn{min-height:32px;padding:4px 10px;font-size:13px;font-weight:500}.focus-filters .selected{border-color:#a9d7e6;background:#eaf7fb;box-shadow:none}.sort-control{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;white-space:nowrap}.sort-control select{height:32px;font-size:13px;background:transparent;border-color:transparent;max-width:205px}
.pipeline-map{display:flex;align-items:center;gap:5px;padding:0 1px 9px;max-width:100%}.pipeline-map button{display:flex;align-items:center;gap:5px;background:transparent;border:0;border-radius:4px;padding:3px 5px;min-width:57px;color:#617b8c;font:11px var(--mono)}.pipeline-map button:hover{background:#dfeef5;color:var(--primary)}.pipeline-map i{height:3px;width:18px;background:var(--accent);opacity:.6}.pipeline-map strong{font:12px var(--font);color:var(--ink)}.map-help{font-size:12px;color:var(--muted);margin-left:auto}
.kanban{gap:14px;min-height:380px;height:calc(100dvh - 254px);padding-bottom:12px;position:relative;scrollbar-width:auto;scroll-snap-type:x proximity}.kanban-column{width:var(--board-column);min-width:var(--board-column);border-radius:10px;background:#eaf0f4;border-color:#dce5ec;scroll-snap-align:start}.column-header{padding:13px 14px 10px;background:#edf3f6;border-radius:10px 10px 0 0}.column-heading{gap:8px;min-height:25px}.column-heading h2{font-size:16px;line-height:1.3;font-weight:650;letter-spacing:-.3px}.stage-marker{font-size:11px;color:#698394}.column-count{font-size:12px;width:24px;height:24px;border-color:#d5e2ea}.column-values{font-size:13px;gap:5px;margin:7px 0 11px;min-height:19px}.stage-track{gap:4px}.stage-track span{height:3px}.stage-track .filled,.stage-4 .stage-track .filled,.stage-5 .stage-track .filled{background:var(--primary)}.stage-6 .stage-track .filled,.stage-7 .stage-track .filled{background:#238e79}.column-cards{padding:3px 9px 0;min-height:100px;scrollbar-gutter:stable}.column-add{font-size:13px;min-height:34px;margin:4px 9px 8px}
.deal-card{position:relative;padding:12px 14px 0;margin-bottom:10px;border-radius:9px;border-color:#d9e3eb;border-left:3px solid #c6d7e2;box-shadow:0 2px 4px #14364b06}.deal-card:hover{border-color:#79bcd1;box-shadow:0 5px 14px #123b5012}.deal-card.signal-overdue{border-left-color:#cd6060}.deal-card.signal-today{border-left-color:var(--accent)}.deal-card.signal-none{border-left-color:#c49b4b}.deal-card.signal-won{border-left-color:var(--success)}.card-top{margin-bottom:8px;gap:8px}.source-tag{font-size:11px;padding:1px 6px}.card-currency{font-size:11px;letter-spacing:.5px}.card-title{font-size:var(--text-card);line-height:1.4;min-height:0;font-weight:650;color:#19384c;letter-spacing:-.2px}.card-company,.card-contact{font-size:var(--text-secondary);line-height:1.35;color:#526d7d;display:flex;align-items:flex-start;gap:6px;margin-top:6px;overflow-wrap:anywhere}.card-company .icon,.card-contact .icon{width:14px;height:14px;margin-top:2px;color:#8095a2}.card-contact{font-size:13px;color:#6c808e;margin-top:4px}.card-value-row{margin:12px 0 11px;gap:5px}.card-value-row>strong{font-size:16px;letter-spacing:-.2px}.card-owner{display:flex;align-items:center;gap:5px;min-width:0;font-size:12px;color:#5d7383}.avatar.small{width:25px;height:25px;font-size:11px}.card-footer{margin:0 -14px;padding:8px 12px;min-height:36px;background:#fbfcfe;border-radius:0 0 8px 6px}.next-activity{font-size:12px;min-height:22px;line-height:1.3}.next-activity .icon{width:14px;height:14px}.column-empty{font-size:13px}.table-contact{display:block;color:var(--muted);font-size:13px;margin-top:4px}table{font-size:14px}th{font-size:13px}td{padding:14px 16px}
.modal.drawer{width:min(860px,calc(100vw - 24px))}.modal-header{padding:15px 24px}.modal-header .eyebrow{font-size:10px}.modal-body{padding:20px 24px}.modal.drawer .modal-body{padding-top:14px}.deal-detail-heading h2{font-size:26px;margin:10px 0 6px}.deal-detail-heading p{font-size:14px}.detail-value{font-size:25px;margin-top:10px}.deal-detail-heading{padding-bottom:12px}.detail-actions{padding-bottom:14px}.detail-actions .btn{font-size:13px;min-height:36px}.detail-info{padding:16px 0;gap:14px;grid-template-columns:1.3fr 1fr}.detail-info>div,.detail-info .field select{font-size:14px}.detail-info .eyebrow{font-size:11px}.detail-stage-rail{display:flex;gap:5px;margin-bottom:14px}.detail-stage-rail span{flex:1;border-top:3px solid #dce7ed;font:11px var(--mono);padding-top:4px;color:#7c909e}.detail-stage-rail .reached{border-color:var(--accent);color:var(--primary)}.deal-context{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 14px;background:#edf6f9;border:1px solid #d4e8ef;border-radius:8px;color:#527182;font-size:12px;margin-bottom:15px}.deal-context span{display:flex;gap:7px;align-items:center}.deal-context .icon{width:15px;height:15px}.detail-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:8px;overflow-x:auto}.detail-tabs .btn{font-size:14px;min-height:38px}.detail-tabs .selected{background:#eaf7fb;border-color:#afd5e3;box-shadow:none}.detail-section{padding:18px 0;border-top:0;min-height:180px}.detail-section[hidden]{display:none}.detail-section h3{font-size:16px}.detail-section .btn{font-size:13px;min-height:34px}.detail-section>p,.detail-activity .text-button,.note p,.timeline p{font-size:14px}.detail-activity small,.note small,.timeline small{font-size:12px}.field>label,.field>span{font-size:14px}.field input,.field select,.field textarea{font-size:15px}.status-badge{font-size:12px}.note{background:#f4fafc;border-color:#d7eaf0}.note small{color:var(--muted)}
.nav-collapsed{--nav-width:72px}.nav-collapsed .brand{padding:9px 2px}.nav-collapsed .brand .brand-logo,.nav-collapsed .brand small,.nav-collapsed .workspace-label,.nav-collapsed .nav-link>span,.nav-collapsed .sidebar-bottom{display:none}.nav-collapsed .brand .brand-symbol{display:block}.nav-collapsed .nav-link{justify-content:center;padding:11px 8px}
@media(max-width:1200px){.deal-toolbar{flex-wrap:wrap}.deal-toolbar .search-box{flex-basis:250px}.pipeline-money{font-size:12px}.kanban{height:calc(100dvh - 302px)}.deal-page-heading{gap:10px}.count-label{font-size:12px}.map-help{display:none}}
@media(max-width:900px){:root{--nav-width:72px}.sidebar{padding:18px 9px}.brand{padding:10px 2px}.brand .brand-logo,.brand small{display:none}.brand .brand-symbol{display:block}.sidebar .nav-link{padding:12px 8px}.deal-page-heading{flex-wrap:wrap}.pipeline-money{order:3;width:100%;margin:0}.deal-page-heading>.btn{margin-left:auto}.topbar{padding:0 16px}.pipeline-controls{align-items:flex-start;flex-wrap:wrap}.kanban{height:calc(100dvh - 350px)}.detail-context{font-size:12px}}
@media(max-width:600px){:root{--nav-width:0px;--board-column:308px}.sidebar{width:100%;padding:12px 12px 0}.brand,.nav-collapsed .brand{width:168px;margin:0 0 10px;padding:8px}.brand .brand-logo,.nav-collapsed .brand .brand-logo{display:block;width:148px;height:35px}.brand .brand-symbol,.nav-collapsed .brand .brand-symbol{display:none}.sidebar .nav-link{padding:8px 12px;font-size:13px}.nav-collapsed .nav-link>span{display:inline}.nav-collapsed .nav-link .nav-count{display:none}.topbar{height:44px;padding:0 12px}.breadcrumb{font-size:12px}.breadcrumb>.icon-button{display:none}.demo-badge{font-size:11px}.top-actions{gap:5px}.deals-page,main{padding:14px 12px 0}.deal-page-heading h1{font-size:23px}.count-label{font-size:12px;padding-left:8px}.pipeline-name{gap:6px}.pipeline-name>.icon{display:none}.deal-page-heading>.btn{font-size:13px;padding:8px 10px}.pipeline-money{font-size:12px;gap:5px}.deal-toolbar{gap:7px}.deal-toolbar .segmented{width:auto}.deal-toolbar .search-box{order:0;flex-basis:100%;min-width:100%}.deal-toolbar>.filter{flex:1;min-width:0}.deal-toolbar select{font-size:12px;padding-left:6px;max-width:100%;width:100%}.pipeline-controls{gap:5px}.focus-filters{gap:3px}.focus-filters .btn{font-size:12px;padding:4px 7px}.sort-control{margin-left:auto}.pipeline-map{overflow-x:auto;padding-top:4px}.pipeline-map button{min-width:37px;padding:3px;gap:3px}.pipeline-map i{width:8px}.pipeline-map span{font-size:10px}.kanban{height:580px;min-height:400px}.column-cards{max-height:none}.app-footer{padding:12px;font-size:11px}.modal.drawer .modal-body{padding:16px}.detail-tabs .btn{font-size:13px;padding:7px 9px}.detail-info{grid-template-columns:1fr 1fr}.detail-info .field{grid-column:1/-1}.deal-context{gap:8px}.field input,.field select,.field textarea{font-size:16px}.detail-stage-rail{margin-top:0}.card-owner{font-size:12px}}
/* v0.4: hierarchy based on the authenticated Pipedrive study. */