:root{--navy:#0a182b;--navy2:#10375e;--green:#0669d9;--green-soft:#eaf4ff;--blue:#0669d9;--aqua:#17d7e6;--bg:#f3f7fc;--ink:#0a182b;--muted:#53677e;--line:#d9e4f1;--white:#fff;--shadow:0 8px 35px #0a182b0c;--radius:13px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0669d980;outline-offset:3px}button,input,select,textarea{border-radius:8px}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:200;background:white;padding:14px}.skip-link:focus{top:10px}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:27px 17px 18px;display:flex;flex-direction:column;z-index:40}.brand{padding:0 14px 21px;display:block}.brand img{width:174px;height:auto;display:block}.workspace-switch{margin:0 6px 26px;padding:12px 10px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:9px;background:#fbfcfc}.workspace-monogram{display:grid;place-items:center;width:31px;height:31px;background:var(--navy);border-radius:8px;color:white;font-size:11px;font-weight:700}.workspace-switch strong{display:block;font-size:12px}.workspace-switch small{font-size:10px;letter-spacing:.6px;color:var(--muted)}.nav-label{font-size:10px;color:#87949d;text-transform:uppercase;letter-spacing:1.3px;font-weight:650;padding:0 15px;margin-bottom:11px}.nav-item{display:flex;align-items:center;gap:12px;border-radius:8px;padding:12px 14px;margin:3px 0;color:#61727e;font-weight:500;font-size:13px;position:relative}.nav-item:hover{background:#f0f7ff;color:var(--navy)}.nav-item.active{background:var(--green-soft);color:var(--green);font-weight:650}.nav-item.active:before{content:"";width:3px;height:20px;background:var(--green);position:absolute;left:-17px;border-radius:0 4px 4px 0}.nav-badge{margin-left:auto;background:#f0f2f4;padding:2px 6px;border-radius:5px;font-size:10px}.nav-spacer{height:25px}.sidebar-bottom{margin-top:auto;padding-top:25px}.sample-side{padding:15px;background:#f0f7ff;border:1px solid var(--line);border-radius:10px;font-size:11px;line-height:1.6;margin:15px 5px}.sample-side strong{display:block;font-size:12px;color:var(--navy);margin-bottom:3px}.sample-side p{margin:0;color:var(--muted)}.profile{display:flex;align-items:center;gap:10px;padding:13px 8px 0;border-top:1px solid var(--line)}.avatar{height:34px;width:34px;display:grid;place-items:center;border-radius:50%;background:#eaf4ff;color:#075fc2;font-size:11px;font-weight:700;flex-shrink:0}.avatar.navy{background:var(--navy);color:white}.profile strong{font-size:12px;display:block}.profile small{font-size:10px;color:var(--muted)}.shell{margin-left:238px}.topbar{height:78px;position:sticky;top:0;z-index:30;background:#ffffffef;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:22px}.crumb{display:flex;gap:13px;align-items:center;color:var(--muted);font-size:12px;white-space:nowrap}.crumb span:last-child{color:var(--ink);font-weight:550}.topbar-right{display:flex;align-items:center;gap:20px}.global-search{width:280px;position:relative}.global-search input{width:100%;border:1px solid var(--line);background:#f8fafb;padding:10px 35px 10px 35px;font-size:12px}.global-search>.icon{position:absolute;left:11px;top:10px;width:16px;height:16px;color:#88959c}.shortcut{position:absolute;right:10px;top:9px;border:1px solid #dde4e8;border-radius:4px;font-size:10px;color:var(--muted);padding:2px 4px}.search-results{position:absolute;top:45px;right:0;width:370px;border:1px solid var(--line);background:white;box-shadow:var(--shadow);border-radius:10px;padding:7px;max-height:400px;overflow:auto}.search-results a{display:flex;align-items:center;gap:10px;padding:11px;border-radius:7px}.search-results a:hover{background:var(--bg)}.search-results small{display:block;color:var(--muted);margin-top:3px}.search-results p{padding:8px;color:var(--muted)}.sample-pill{border:1px solid #e7dcc5;color:#8b6a29;background:#fffcf6;display:inline-flex;align-items:center;gap:6px;border-radius:20px;font-size:10px;padding:6px 9px;white-space:nowrap}.sample-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:#c99739}.icon-btn{display:inline-grid;place-items:center;background:transparent;color:var(--muted);width:34px;height:34px;border-radius:7px}.icon-btn:hover{background:var(--bg);color:var(--navy)}.mobile-menu{display:none}main{max-width:1680px;margin:auto;padding:33px 35px 40px;min-height:calc(100vh - 120px)}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px}.eyebrow{text-transform:uppercase;color:var(--green);font-weight:700;font-size:10px;letter-spacing:1.6px;margin-bottom:10px}.page-head h1{font-size:29px;line-height:1.2;margin:0 0 9px;font-weight:650;letter-spacing:-1px;color:var(--navy)}.page-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border:1px solid #dae2e6;background:white;color:#45606d;font-weight:550;font-size:12px;min-height:38px;white-space:nowrap;box-shadow:0 1px 2px #0a182b03}.btn .icon{width:15px;height:15px}.btn:hover{background:#f0f7ff;border-color:#9fc7f3}.btn.primary{background:var(--green);color:white;border-color:var(--green);box-shadow:0 3px 6px #0669d920}.btn.primary:hover{background:#075fc2}.btn.danger{color:#b24141;border-color:#e8cece}.btn.small{padding:7px 10px;min-height:31px;font-size:11px}.btn.ghost{border:0;box-shadow:none;padding:8px 0;color:var(--green)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:20px;position:relative;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#71818a;font-size:11px}.stat-icon{color:var(--green);background:#e6fbfd;width:29px;height:29px;border-radius:7px;display:grid;place-items:center}.stat-icon svg{width:15px;height:15px}.stat-value{font-size:30px;font-weight:650;letter-spacing:-1.2px;margin:14px 0 8px;color:var(--navy)}.stat-foot{color:var(--muted);font-size:10px;display:flex;align-items:center;gap:6px}.stat-foot .up{color:var(--green);font-weight:600}.stat-foot .amber{color:#ac702e;font-weight:600}.spark{position:absolute;bottom:22px;right:19px;width:72px;height:28px;opacity:.8}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(290px,1fr);gap:23px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:21px 22px 15px}.card-head h2{margin:0;font-size:14px;font-weight:650;color:var(--navy);letter-spacing:-.2px}.card-head p{font-size:10px;color:var(--muted);margin:5px 0 0}.card-body{padding:0 22px 22px}.text-link{font-size:11px;font-weight:600;color:var(--green);display:inline-flex;align-items:center;gap:5px}.text-link .icon{height:13px;width:13px}.text-link:hover{text-decoration:underline}.pipeline-chart{height:185px;display:flex;align-items:stretch;gap:20px;padding:12px 5px 0;border-bottom:1px solid var(--line)}.chart-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:0}.chart-col strong{font-size:11px;font-weight:550}.chart-bar{width:100%;max-width:90px;border-radius:6px 6px 0 0;min-height:8px;background:#e6f1ec;position:relative}.chart-bar span{position:absolute;inset:auto 0 0;border-radius:6px 6px 0 0;background:var(--green);opacity:.9}.chart-labels{display:flex;gap:20px;margin:11px 5px 19px}.chart-labels div{flex:1;text-align:center;font-size:10px;color:#637581}.chart-labels small{display:block;margin-top:5px;color:#97a3aa;font-size:9px}.chart-summary{display:flex;align-items:center;justify-content:space-between;background:#f0f7ff;border:1px solid #d9e4f1;border-radius:8px;padding:11px 13px;font-size:11px;color:#53677e}.legend-dot{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block;margin-right:7px}.panel-stack{display:flex;flex-direction:column;gap:23px}.focus-card{background:var(--navy);color:white;border:none;position:relative}.focus-card .card-head h2{color:white}.focus-card .card-head p{color:#c9d6e8}.focus-date{color:#c9d6e8;border:1px solid #315476;border-radius:5px;padding:4px 6px;font-size:10px}.focus-card .card-body{padding-bottom:17px}.focus-task{display:flex;align-items:start;gap:11px;padding:14px 0;border-bottom:1px solid #ffffff15}.focus-task:last-of-type{border-bottom:none}.task-check{height:18px;width:18px;padding:0;border:1px solid #b7c9c2;border-radius:5px;background:white;flex-shrink:0;display:grid;place-items:center;margin-top:1px;color:white}.focus-card .task-check{background:#24495b;border-color:#71909b}.task-check:hover{border-color:var(--green);background:#e6f4ed}.task-check.done{background:var(--green);border-color:var(--green)}.task-check svg{width:12px;height:12px}.focus-task strong{display:block;font-size:11px;font-weight:500;line-height:1.5}.focus-task p{font-size:10px;color:#c9d6e8;margin:4px 0 0}.due-pill{display:inline-flex;align-items:center;border-radius:4px;font-size:9px;padding:3px 5px;background:#fff2df;color:#9b682e;white-space:nowrap}.due-pill.late{background:#fceced;color:#b45960}.focus-card .due-pill{background:#ffffff14;color:#d9e9ec;margin-top:7px}.connection-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.connection-row:last-child{border:0}.connection-name{display:flex;align-items:center;gap:10px}.service-icon{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;font-weight:650;font-size:13px;background:#eaf4fc;color:#0571c3}.service-icon.fishbowl{color:#00758f;background:#e8f5f5}.service-icon.xero{background:#e8f7fb;color:#008cae;font-size:10px}.connection-row small{color:#8a969d;font-size:10px}.wide-row{margin-top:23px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;white-space:nowrap}th{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#85939c;background:#fbfcfd;font-weight:650;padding:12px 21px;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}td{padding:15px 21px;border-bottom:1px solid #edf0f2}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfc}.table-name{font-weight:600;color:var(--navy);display:block}.table-name:hover{color:var(--green)}.subtext{font-size:10px;color:var(--muted);margin-top:5px}.company-cell{display:flex;align-items:center;gap:11px}.company-mark{height:34px;width:34px;border:1px solid #dfe9e5;background:#f3f8f5;border-radius:9px;display:grid;place-items:center;color:#57826c;font-size:11px;font-weight:650;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;font-size:10px;font-weight:500;padding:4px 7px;background:#f0f3f6;color:#617482;white-space:nowrap}.badge.green{background:#eaf5ef;color:#218460}.badge.blue{background:#eaf2fc;color:#4f78ae}.badge.amber{background:#fff4e4;color:#a77d35}.badge.purple{background:#eaf4ff;color:#075fc2}.badge.red{background:#fbeff0;color:#b75b63}.badge.gray{background:#f1f3f4;color:#7a8992}.owner-inline{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.owner-inline .avatar{width:24px;height:24px;font-size:8px}.activity-mini{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);align-items:flex-start}.activity-mini:last-child{border:0}.activity-icon{width:31px;height:31px;border-radius:8px;background:#eaf5f0;color:var(--green);display:grid;place-items:center;flex-shrink:0}.activity-icon.email{background:#edf4fa;color:#4486b7}.activity-icon.task{background:#fbf3e7;color:#b18b4c}.activity-icon.opportunity{background:#e6fbfd;color:#087d96}.activity-icon svg{width:15px;height:15px}.activity-mini strong{display:block;font-size:11px;font-weight:550;line-height:1.5}.activity-mini p{font-size:10px;color:var(--muted);margin:4px 0}.activity-mini time{font-size:9px;color:#89959b;white-space:nowrap;margin-left:auto;padding-top:3px}.footer{margin:20px 35px;color:#8c9aa2;display:flex;justify-content:space-between;font-size:10px;gap:15px}.footer span{display:inline-flex;gap:5px;align-items:center}.footer .icon{width:12px;height:12px}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 21px;border-bottom:1px solid var(--line);flex-wrap:wrap}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search-input{position:relative}.search-input input{padding:9px 12px 9px 34px;width:245px;border:1px solid var(--line);font-size:11px;background:#fcfdfd}.search-input .icon{position:absolute;left:11px;top:10px;width:14px;height:14px;color:var(--muted)}select{padding:8px 26px 8px 10px;border:1px solid var(--line);background:white;color:#5c6e79;font-size:11px;max-width:100%;min-height:34px}.muted{color:var(--muted)}.count-label{font-size:11px;color:var(--muted)}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 21px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.empty-state{text-align:center;padding:50px 22px;color:var(--muted)}.empty-state .icon{width:32px;height:32px;color:#9fbbb0}.empty-state h3{color:var(--navy);font-weight:600;font-size:15px}.empty-state p{font-size:12px;margin-bottom:20px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;margin-bottom:22px}.back-link .icon{width:13px;height:13px}.company-heading{display:flex;align-items:center;gap:17px}.company-heading .company-mark{height:60px;width:60px;font-size:20px;border-radius:14px;background:white}.company-heading h1{margin:0 0 8px;font-size:26px}.heading-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.tabs{display:flex;gap:27px;border-bottom:1px solid #dce5e8;margin:26px 0 24px;overflow:auto}.tab{padding:0 0 13px;color:#778691;font-size:12px;background:none;border-radius:0;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{border-color:var(--green);color:var(--green);font-weight:650}.tab small{background:#eaf0ed;border-radius:4px;padding:2px 5px;margin-left:5px;font-size:9px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:23px}.overview-summary{padding:20px 22px;font-size:12px;line-height:1.8;color:#6a7b84}.overview-summary p{margin:0}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:3px 22px 22px}.detail-facts small{display:block;font-size:10px;color:#8a969e;margin-bottom:7px}.detail-facts strong{font-size:12px;font-weight:550}.timeline-list{padding:0 22px 5px}.timeline-item{display:flex;gap:13px;padding-bottom:23px;position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:15px;top:33px;bottom:0;width:1px;background:var(--line)}.timeline-content{flex:1;min-width:0;padding-top:2px}.timeline-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.timeline-top strong{font-size:12px;font-weight:600}.timeline-top time{font-size:10px;color:var(--muted);white-space:nowrap}.timeline-content .meta{font-size:10px;color:#8b969d;margin:6px 0}.note-preview{font-size:12px;line-height:1.7;white-space:pre-wrap;color:#637681;background:#f8fafb;border:1px solid #e9eef1;padding:12px;border-radius:8px;margin-top:11px;overflow-wrap:anywhere}.note-preview.email-preview{border-left:3px solid #78a9d0}.timeline-tags{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}.financial-stats{display:flex;gap:20px;padding:3px 22px 20px}.financial-stats div{flex:1}.financial-stats span{display:block;color:var(--muted);font-size:10px;margin-bottom:8px}.financial-stats strong{font-size:23px;letter-spacing:-.6px;color:var(--navy)}.info-note{border-top:1px solid var(--line);padding:12px 22px;background:#fbfcfc;color:var(--muted);font-size:10px;line-height:1.6}.contact-row{padding:14px 22px;border-top:1px solid var(--line);display:flex;align-items:center;gap:11px}.contact-row strong{display:block;font-size:12px;font-weight:600}.contact-row small{font-size:10px;color:var(--muted);display:block;margin-top:5px;overflow-wrap:anywhere}.site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.site-card{padding:22px}.site-card h3{font-size:14px;margin:14px 0 8px}.site-card p{color:var(--muted);font-size:11px;line-height:1.8}.site-card>.icon{color:var(--green)}.site-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.board-wrap{overflow-x:auto;padding-bottom:15px}.board{display:grid;grid-template-columns:repeat(6,minmax(180px,1fr));gap:13px;align-items:start;min-width:1200px}.board-col{background:#eaf0ef7d;border:1px solid #e2e9e6;border-radius:12px;padding:13px;min-height:350px}.board-col.drag-over{border-color:var(--green);background:#e3f4eb}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:650;margin-bottom:9px}.board-heading .dot{height:7px;width:7px;border-radius:50%;background:#76a9ba;margin-right:7px;display:inline-block}.board-total{font-size:19px;color:var(--navy);font-weight:600;letter-spacing:-.5px;margin-bottom:19px}.board-total small{font-weight:400;font-size:10px;color:var(--muted);margin-left:6px}.deal-card{background:white;border:1px solid #dee7e3;border-radius:9px;padding:15px;margin-bottom:11px;box-shadow:0 2px 4px #0a182b04;cursor:grab}.deal-card:active{cursor:grabbing}.deal-card:hover{border-color:#9fc7f3;box-shadow:0 5px 12px #0a182b0a}.deal-card h3{font-size:12px;font-weight:600;line-height:1.5;margin:10px 0 5px}.deal-card p{font-size:10px;color:var(--muted);margin:0 0 15px}.deal-value{font-size:18px;color:var(--navy);font-weight:650;letter-spacing:-.5px}.deal-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:14px;border-top:1px solid var(--line);padding-top:11px;font-size:10px;color:var(--muted)}.deal-card select{font-size:9px;width:100%;padding:5px 8px;min-height:28px;margin-top:12px;border-color:#e7ede9;background:#fcfdfc}.board-help{font-size:11px;color:var(--muted);margin-bottom:20px}.board-help svg{width:13px;height:13px;vertical-align:middle;margin-right:4px}.task-row{display:flex;align-items:center;gap:13px;padding:18px 22px;border-bottom:1px solid var(--line)}.task-row:last-child{border:0}.task-row .task-text{flex:1;min-width:0}.task-row strong{font-size:12px;font-weight:550}.task-row p{font-size:10px;margin:5px 0 0;color:var(--muted)}.task-row.completed strong{text-decoration:line-through;color:#8c999f}.task-row .actions{gap:12px}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.note-card{padding:21px;display:flex;flex-direction:column}.note-card h3{font-size:14px;line-height:1.5;font-weight:600;margin:14px 0 8px}.note-card .note-body{font-size:12px;line-height:1.8;color:var(--muted);white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:17px}.note-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;margin-top:auto;font-size:10px;color:var(--muted)}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.integration-card{padding:26px;display:flex;flex-direction:column}.integration-card .service-icon{width:49px;height:49px;font-size:23px;border-radius:12px;margin-bottom:20px}.integration-card .service-icon.xero{font-size:15px}.integration-card h2{font-size:19px;font-weight:600;margin:0 0 9px;color:var(--navy)}.integration-card p{font-size:12px;color:var(--muted);line-height:1.8;margin:17px 0}.integration-card ul{padding:0;list-style:none;font-size:11px;color:#586f7d;line-height:2.5;margin:0 0 22px}.integration-card li:before{content:"✓";color:#4a9d7c;margin-right:8px}.integration-card .btn{margin-top:auto}.integration-bottom{margin-top:25px;padding:25px;display:flex;gap:17px;align-items:flex-start;background:#edf4f1;border:1px solid #dce9e2;border-radius:12px}.integration-bottom .icon{color:var(--green);margin-top:3px}.integration-bottom h3{font-size:13px;margin:0 0 7px}.integration-bottom p{margin:0;font-size:12px;line-height:1.8;color:#688073}.notice{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;background:#fffbf1;border:1px solid #f1e7d0;border-radius:9px;color:#8b7854;font-size:11px;line-height:1.7;margin-bottom:23px}.notice .icon{height:16px;width:16px;margin-top:2px}.settings-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:23px}.setting-row{padding:21px 22px;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;align-items:center}.setting-row strong{font-size:12px}.setting-row p{font-size:11px;color:var(--muted);line-height:1.7;margin:6px 0 0}.settings-copy{font-size:12px;color:var(--muted);line-height:1.9}.settings-copy li{margin-bottom:7px}.modal-overlay{position:fixed;inset:0;background:#14334373;backdrop-filter:blur(4px);z-index:100;display:flex;justify-content:center;align-items:center;padding:25px;animation:fadein .15s ease}.modal{width:580px;max-width:100%;max-height:90vh;overflow:auto;background:white;border:1px solid #e7edef;border-radius:16px;box-shadow:0 30px 90px #0c243342}.modal.wide{width:700px}.modal-head{display:flex;justify-content:space-between;align-items:start;padding:24px 26px 18px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:19px;color:var(--navy);font-weight:650;letter-spacing:-.5px;margin:0}.modal-head p{font-size:11px;color:var(--muted);margin:7px 0 0}.modal-body{padding:23px 26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#56707d;font-weight:550}.field input,.field select,.field textarea{width:100%;border:1px solid #dce5e9;padding:10px 11px;font-size:12px;min-height:39px;color:var(--ink);background:white}.field textarea{resize:vertical;line-height:1.7;min-height:100px}.field small{color:var(--muted);font-size:10px;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding:18px 26px;border-top:1px solid var(--line);background:#fcfdfd}.modal-error{display:none;color:#b44d4d;background:#fff3f3;padding:10px;border-radius:7px;margin-top:15px;font-size:12px}.modal-copy{color:#687e8a;font-size:12px;line-height:1.9}.mail-header{padding:0 0 17px;border-bottom:1px solid var(--line);font-size:11px;line-height:2;color:var(--muted)}.mail-header strong{color:var(--ink);font-weight:550}.mail-body{font-size:13px;line-height:1.9;color:#536d7b;white-space:pre-wrap;padding:20px 0}.toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translateX(-50%) translateY(15px);background:var(--navy);box-shadow:0 10px 30px #0a182b30;color:white;border-radius:9px;padding:12px 20px;font-size:12px;opacity:0;pointer-events:none;z-index:150;transition:all .2s;max-width:90vw}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.loading{padding:60px;text-align:center;color:var(--muted)}.tabular{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.divider{height:1px;background:var(--line);margin:20px 0}.nav-shade{display:none}.file-label{cursor:pointer}.attachment-link{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--green);margin-top:10px}.attachment-link .icon{width:14px;height:14px}@keyframes fadein{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(min-width:1600px){main{padding:38px 45px}.topbar{padding:0 45px}.stat{padding:24px}.pipeline-chart{height:210px}.card-head{padding-top:24px}}
@media(max-width:1250px){.sidebar{width:210px;padding-left:13px;padding-right:13px}.brand{padding-left:10px}.brand img{width:163px}.shell{margin-left:210px}.topbar{padding:0 25px}.global-search{width:230px}main{padding:28px 25px}.stats{gap:12px}.stat{padding:17px}.stat-value{font-size:27px}.spark{width:47px;right:15px}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(275px,1fr);gap:18px}.card-head{padding-left:18px;padding-right:18px}.card-body{padding-left:18px;padding-right:18px}.integration-card{padding:20px}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{margin-left:25px;margin-right:25px}}
@media(max-width:1050px){.global-search{width:200px}.crumb{display:none}.topbar-right{margin-left:auto}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.panel-stack{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.spark{width:70px}.detail-grid{grid-template-columns:1fr}.detail-grid>.panel-stack{display:grid;grid-template-columns:1fr 1fr;align-items:start}.integration-grid{grid-template-columns:1fr}.integration-card{display:grid;grid-template-columns:60px 1fr;gap:0 17px}.integration-card .service-icon{grid-row:1/4}.integration-card h2{grid-column:2}.integration-card>.badge{justify-self:start}.integration-card p,.integration-card ul,.integration-card .btn{grid-column:2}.integration-card .btn{justify-self:start}.settings-grid{grid-template-columns:1fr}.page-head h1{font-size:25px}.page-head{align-items:flex-start}.page-head>.actions{justify-content:flex-end}.detail-facts{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:238px}.sidebar.open{transform:translateX(0)}.nav-shade.open{display:block;position:fixed;inset:0;background:#102d4270;z-index:39}.shell{margin-left:0}.topbar{height:65px;padding:0 18px;gap:12px}.mobile-menu{display:inline-grid}.topbar-right{gap:10px}.global-search{width:min(46vw,250px)}.global-search input{font-size:11px;padding-right:12px}.shortcut{display:none}.topbar-right>.avatar{display:none}.sample-pill{font-size:9px}.search-results{width:min(360px,85vw);right:-75px}main{padding:24px 18px}.page-head{gap:15px;flex-wrap:wrap}.page-head h1{font-size:26px}.page-head>.actions{justify-content:flex-start}.stats{gap:11px}.stat{padding:15px}.stat-top{font-size:10px}.stat-value{font-size:26px}.stat-foot{font-size:9px}.spark{width:46px;bottom:20px;right:13px;opacity:.55}.stat-icon{width:25px;height:25px}.dashboard-grid>.panel-stack,.detail-grid>.panel-stack{display:flex;flex-direction:column}.card-head{padding:19px 17px 14px}.card-body{padding:0 17px 20px}.chart-labels,.pipeline-chart{gap:12px}.chart-labels div{font-size:9px}.chart-summary{font-size:10px}.card-head h2{font-size:13px}.text-link{font-size:10px}.toolbar{padding:15px}.search-input input{width:100%}.search-input{min-width:190px;flex:1}.filters{width:100%}.toolbar>.count-label{display:none}.site-grid,.note-grid{grid-template-columns:1fr}.company-heading .company-mark{height:48px;width:48px;font-size:16px}.company-heading h1{font-size:22px}.company-heading{gap:12px}.tabs{gap:23px}.task-row{padding:16px 17px;flex-wrap:wrap;gap:10px}.task-row .actions{margin-left:29px;gap:9px}.task-row .owner-inline{display:none}.task-row .task-text{min-width:200px}.footer{margin:15px 18px 24px;flex-direction:column;gap:7px;font-size:9px}.toast{left:50%;width:max-content;max-width:90vw;text-align:center}.modal-overlay{padding:12px}.modal{max-height:93vh}.modal-head{padding:21px}.modal-body{padding:20px}.modal-footer{padding:17px 20px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:1}.timeline-top{flex-wrap:wrap;gap:5px}.timeline-list{padding:0 17px 5px}.detail-facts{padding:5px 17px 21px}.note-preview{font-size:11px}.financial-stats strong{font-size:21px}.setting-row{flex-wrap:wrap}.integration-card{padding:22px}.board-wrap{margin-right:-18px;padding-right:18px}.badge{font-size:9px}th,td{padding:13px 17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep tables and boards inside their own scroll areas on compact screens. */
.card,.panel-stack,.dashboard-grid>* , .detail-grid>* {min-width:0}
@media(max-width:1050px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.stat-foot{flex-wrap:wrap;gap:3px}.timeline-tags .badge{white-space:normal;overflow-wrap:anywhere}.page-head>div{min-width:0}.company-heading h1{overflow-wrap:anywhere}.topbar-right{min-width:0}}

@media(max-width:760px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}

@media(max-width:600px){.chart-labels{font-size:9px}.chart-labels small{font-size:8px}.chart-col strong{font-size:9px}}
.chart-labels div{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.chart-labels,.pipeline-chart{gap:6px}.chart-labels div{font-size:8px}.chart-labels small{font-size:8px}.chart-labels{margin-left:5px;margin-right:5px}}

/* Display the selected original logo at its natural proportions. */
.brand{padding:0 9px 21px}
.brand-art{position:relative;display:block;width:184px;height:62px;overflow:hidden}
.brand .brand-art img{position:absolute;width:230px;max-width:none;height:auto;left:-24px;top:-27px}
.focus-card .task-check{background:#10375e;border-color:#6f9dcb}
.focus-card .focus-task p{color:#c9d6e8}
.focus-card .due-pill{background:#12375e;color:#d4e2f5}
.stat-top,.chart-labels div{color:#53677e}
.btn{color:#53677e}
.chart-labels small{color:#637b94}
@media(max-width:600px){.brand-art{width:184px;height:62px}}

/* CalHop palette: blue actions, aqua accents, navy panels and cool white surfaces. */
.nav-item.active:before{background:var(--aqua)}
.focus-card{border-top:3px solid var(--aqua)}
.focus-date{color:#d4e2f5;border-color:#315476}
.stat-icon{color:#075fc2;background:#e6fbfd}