:root{--bg:#f6f7f9;--surface:#fff;--ink:#202c38;--muted:#7b8590;--line:#e8ebef;--green:#214e48;--green-light:#edf5f1;--purple:#8460be;--purple-light:#f2edfa;--blue:#4e80c8;--blue-light:#edf3fd;--red:#ce6569;--red-light:#fceff0;--orange:#bd833c;--orange-light:#fff5e5;--radius:16px;--shadow:0 6px 26px #24374605;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);line-height:1.55}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:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #83a9a2;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #83a9a2;outline-offset:1px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;font-weight:650;line-height:1.3;margin-bottom:7px}h2{font-size:18px;letter-spacing:-.4px;line-height:1.35}h3{font-size:15px;margin-bottom:6px}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}.hidden{display:none!important}.full{width:100%}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.sidebar{width:228px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30;padding:30px 17px 18px}.brand{display:flex;align-items:center;gap:10px;font-size:31px;letter-spacing:-1.6px;font-weight:750;line-height:1}.brand-mark{display:inline-flex;justify-content:center;align-items:center;background:var(--green);color:white;font-family:Georgia,serif;font-style:italic;font-size:31px;font-weight:bold;line-height:1;width:37px;height:39px;border-radius:12px;padding:0 4px 4px 0;letter-spacing:-2px}.brand-dot{color:#739c8d}.sidebar .brand{margin:0 14px}.workspace-label{font-size:11px;color:var(--muted);margin:11px 0 31px 15px}.nav-heading{font-size:9px;color:#99a1aa;letter-spacing:1.5px;margin:20px 15px 10px;font-weight:650}.nav-link{display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:9px;color:#707b87;font-size:12px;font-weight:500;margin-bottom:4px;min-height:43px}.nav-link:hover{background:#f6f8f8;color:var(--green)}.nav-link.active{background:var(--green-light);color:var(--green);font-weight:650}.nav-count{margin-left:auto;font-size:10px;background:#e5ece8;color:var(--green);padding:0 6px;border-radius:5px}.sidebar-footer{margin-top:auto;padding-top:24px}.workspace-note{padding:16px 13px;background:#f7f9f8;border-radius:12px;color:#7e8d87;font-size:11px;margin:0 2px 16px}.workspace-note strong{display:block;color:#506e62;margin-bottom:4px;font-size:11px}.user-box{border-top:1px solid var(--line);padding:18px 5px 0;display:flex;align-items:center;gap:9px}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:11px;width:37px;height:37px;font-size:12px;font-weight:650;color:#53685f;background:#e9eeea}.avatar.purple{background:#eee8f9;color:#8a70ae}.avatar.blue{background:#eaf1fa;color:#7897bd}.avatar.orange{background:#f7eee3;color:#b69b76}.user-box strong{display:block;font-size:11px}.user-box small{display:block;font-size:10px;color:var(--muted)}.icon-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;flex-shrink:0}.icon-button:hover{background:#f0f3f4}.user-box .icon-button{margin-left:auto;color:var(--muted)}.app-main{margin-left:228px}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px;gap:20px;background:#fff9}.breadcrumb{display:flex;align-items:center;gap:10px;color:#9aa2aa;font-size:11px}.breadcrumb .icon{width:15px;height:15px}.breadcrumb strong{font-weight:500;color:#52606c}.topbar-right{display:flex;gap:20px;align-items:center}.global-search{position:relative;display:flex;align-items:center;gap:9px;color:#9aa3ac}.global-search input{border:0;background:transparent;padding:8px 0;width:185px;font-size:11px;color:var(--ink)}.shortcut{font-size:10px;color:#a3aab2;border:1px solid var(--line);border-radius:5px;padding:2px 5px}.today-pill{font-size:10px;color:#7f8991;border-left:1px solid var(--line);padding-left:20px;white-space:nowrap}.mobile-menu{display:none}.content{max-width:1640px;margin:auto;padding:32px 38px 40px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading .eyebrow{display:block;margin-bottom:8px;font-size:9px}.page-heading p{font-size:12px;color:var(--muted);margin-bottom:0}.button{border:1px solid var(--line);border-radius:8px;padding:10px 14px;min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;font-size:11px;font-weight:600;white-space:nowrap}.button .icon{width:15px;height:15px}.button:hover{background:#f2f5f3}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.primary:hover{background:#173e39}.button.danger{background:#fff3f3;border-color:#edcccc;color:#b24750}.button.small{padding:6px 10px;min-height:32px;font-size:10px}.heading-actions{display:flex;gap:8px;align-items:center;padding-top:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:30px}.metric{background:white;border:1px solid var(--line);padding:18px 20px;border-radius:12px;box-shadow:var(--shadow)}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#808a93;font-size:10px;margin-bottom:8px}.metric-icon{height:29px;width:29px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.metric-icon .icon{width:15px;height:15px}.metric strong{font-size:26px;letter-spacing:-1px;font-weight:650;line-height:1.2}.metric-bottom{font-size:9px;color:#95a09c;margin-left:8px}.green{color:#4b8d73}.blue{color:var(--blue)}.purple{color:var(--purple)}.red{color:var(--red)}.orange{color:var(--orange)}.metric-icon.green{background:var(--green-light)}.metric-icon.blue{background:var(--blue-light)}.metric-icon.purple{background:var(--purple-light)}.metric-icon.red{background:var(--red-light)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:25px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.section-top h2{margin:0;font-size:15px}.count{font-size:10px;display:inline-flex;margin-left:7px;background:#eceff2;color:#939ba3;padding:1px 6px;border-radius:5px;vertical-align:middle}.text-link{display:inline-flex;align-items:center;gap:5px;color:#7b8c87;font-size:10px;border:0;background:none;padding:4px}.text-link:hover{color:var(--green)}.text-link .icon{width:13px;height:13px}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.filter-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.filter-tab{border:0;background:none;color:#8e97a0;border-radius:7px;padding:7px 10px;font-size:10px;min-height:32px}.filter-tab.active{background:#e9eeec;color:var(--green);font-weight:650}.filter-tab .alert-dot{margin-right:5px}.filter-count{color:#b2b8bf;margin-left:4px;font-size:9px}.toolbar-right{display:flex;gap:8px;align-items:center}.toolbar select,.toolbar input{padding:7px 10px;font-size:11px;max-width:200px;min-height:34px}.toolbar .button{font-size:10px}.customer-list{display:grid;gap:13px}.customer-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:21px 22px 16px;box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}.customer-card:hover{border-color:#c8d9d2;box-shadow:0 6px 18px #25463b09}.customer-card.needs-attention{border-left:3px solid #d5ab70;padding-left:20px}.customer-top{display:flex;align-items:center;gap:12px;margin-bottom:17px}.customer-top .avatar{width:40px;height:42px;border-radius:12px;font-size:12px}.customer-name{font-size:14px;font-weight:650;letter-spacing:-.2px;display:block}.customer-name:hover{color:var(--green)}.customer-address{font-size:10px;color:#a0a7ae;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.customer-top .icon-button{margin-left:auto;color:#aab0b7}.customer-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.badges{display:flex;gap:6px;flex-wrap:wrap}.badge{font-size:9px;line-height:1.7;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:5px;border:0;font-weight:550;white-space:nowrap;background:#f0f2f4;color:#7c8790}.badge .icon{height:12px;width:12px}.badge.blue{color:var(--blue);background:var(--blue-light)}.badge.purple{color:var(--purple);background:var(--purple-light)}.badge.red{color:var(--red);background:var(--red-light)}.badge.green{color:#5b927d;background:var(--green-light)}.badge.orange{color:var(--orange);background:var(--orange-light)}.last-meeting{font-size:9px;color:#a8afb6;white-space:nowrap}.warning-strip{margin-top:13px;padding-top:12px;border-top:1px solid #f2ede6;display:flex;gap:7px;align-items:flex-start;color:#b18852;font-size:10px}.warning-strip .icon{width:13px;height:13px;margin-top:2px}.warning-strip button{font-size:10px;border:0;background:none;text-align:left;padding:0;color:inherit}.warning-strip button:hover{text-decoration:underline}.panel{border:1px solid var(--line);background:white;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:18px}.panel-heading{padding:19px 19px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-heading h2{font-size:13px;margin:0;display:flex;align-items:center;gap:7px}.panel-heading .icon{width:15px;height:15px;color:#8c969e}.panel-heading .eyebrow{font-size:8px}.panel-body{padding:0 19px 8px}.task-mini{display:flex;gap:9px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f0f2f5}.task-mini:last-child{border:0}.check{display:inline-flex;background:#fff;border:1.5px solid #d6dce3;flex-shrink:0;width:15px;height:15px;border-radius:5px;margin-top:3px;padding:0;align-items:center;justify-content:center}.check:hover{border-color:var(--purple);background:var(--purple-light)}.check.done{background:var(--green);border-color:var(--green);color:#fff}.check .icon{width:12px;height:12px}.mini-content{min-width:0;flex:1}.mini-title{display:block;font-size:10px;font-weight:550;line-height:1.6;text-align:left;border:0;background:none;padding:0}.mini-title:hover{color:var(--green)}.mini-sub{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:9px;color:#a1a9b2;margin-top:4px}.mini-sub .badge{font-size:8px;padding:0 5px}.priority-dot,.alert-dot,.status-dot{display:inline-block;height:5px;width:5px;border-radius:50%;background:currentColor;flex-shrink:0}.task-mini .priority-dot{margin-top:8px}.panel-footer{display:flex;justify-content:center;padding:10px;border-top:1px solid var(--line);color:#8e9d96;font-size:10px}.panel-footer:hover{background:#f5f8f6}.case-mini{padding:10px 0 13px;border-bottom:1px solid #f0f2f5}.case-mini:last-child{border:0}.case-number{font-size:8px;color:#b88b8c;display:block;margin-bottom:3px;letter-spacing:.5px}.case-mini .mini-sub{justify-content:space-between}.agenda-time{font-size:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#7d95b4;background:#f1f5fc;border-radius:8px;min-width:39px;min-height:39px;line-height:1.6}.agenda-time strong{font-size:13px}.quiet-note{font-size:10px;color:#b1b8be;display:flex;gap:7px;align-items:center;justify-content:center;margin-top:20px}.quiet-note .icon{width:13px;height:13px}.record-list{display:grid;gap:10px}.record-card{display:flex;align-items:center;gap:16px;background:white;border:1px solid var(--line);border-radius:12px;padding:19px 21px}.record-main{flex:1;min-width:0}.record-title{font-size:13px;font-weight:600;text-align:left;border:0;background:none;padding:0;display:block}.record-title:hover{color:var(--green)}.record-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px;color:#929ca5;font-size:10px}.record-snippet{font-size:11px;color:#8c969e;margin:8px 0 0;white-space:pre-line;overflow-wrap:anywhere}.record-actions{display:flex;align-items:center;gap:5px;color:#96a0a8}.record-date{font-size:10px;min-width:78px;text-align:right;color:#94a1ac}.record-date strong{display:block;color:#657783;font-size:11px}.record-card.completed .record-title{text-decoration:line-through;color:#9ca6ad}.empty{padding:45px 22px;text-align:center;background:#ffffff8c;border:1px dashed #dce4e1;border-radius:14px;color:#91a099}.empty .icon{height:27px;width:27px;margin-bottom:10px}.empty h3{font-size:14px;color:#657a70;margin-bottom:4px}.empty p{font-size:11px;margin-bottom:15px}.empty.compact{border:0;padding:25px 10px 30px}.empty.compact .icon{width:21px;height:21px}.empty.compact p{margin:0}.detail-header{display:flex;gap:18px;align-items:center;margin-bottom:22px}.detail-header .avatar{width:58px;height:58px;font-size:19px;border-radius:16px}.detail-header h1{font-size:28px;margin-bottom:4px}.detail-header p{font-size:12px;color:#87949d;margin:0;white-space:pre-line}.detail-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow:auto}.detail-tab{padding:11px 0;border-bottom:2px solid transparent;color:#929ba3;font-size:11px;white-space:nowrap}.detail-tab.active{border-color:var(--green);color:var(--green);font-weight:600}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.detail-panel{padding:23px}.detail-panel h2{font-size:14px}.notes{white-space:pre-wrap;font-size:12px;color:#73808a;overflow-wrap:anywhere}.info-rows{display:grid;gap:16px}.info-rows dt{color:#9aa3aa;font-size:10px;margin-bottom:3px}.info-rows dd{margin:0;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.settings-card{padding:24px;margin-bottom:20px;background:white;border:1px solid var(--line);border-radius:14px}.settings-card h2{font-size:16px;margin-bottom:7px}.settings-card>p{color:#94a0a6;font-size:11px;margin-bottom:20px}.key-row{padding:14px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.key-row strong{font-size:11px}.key-row .mini-content{overflow-wrap:anywhere}.key-row code{font-size:10px}.activity{font-size:10px;display:flex;gap:10px;border-bottom:1px solid #f0f2f4;padding:11px 0;color:#95a0a7}.activity .icon{width:14px;height:14px}.activity strong{color:#6f7e87;font-weight:500}.activity small{display:block;font-size:9px;color:#b0b8bd;margin-top:2px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .span-two{grid-column:1/-1}label{display:block;font-size:11px;font-weight:550;color:#64727d;margin-bottom:16px}label small{display:block;color:#9aa4ac;font-weight:400;font-size:10px;margin-top:6px;line-height:1.6}input,select,textarea{border:1px solid #e0e5e8;border-radius:8px;color:var(--ink);padding:10px 11px;background:#fff;width:100%;font-size:12px;min-height:40px}label input,label select,label textarea{margin-top:6px}textarea{resize:vertical;min-height:90px;line-height:1.6}select[multiple]{min-height:112px}input[type=checkbox]{width:16px;height:16px;min-height:16px;margin:0;accent-color:var(--green)}.check-label{display:flex;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:400;min-height:29px}.multi-choices{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border:1px solid #e0e5e8;border-radius:8px;max-height:170px;overflow:auto;margin:6px 0}.required{color:#b58c8b;margin-left:3px}.form-error{font-size:12px;color:#af5e5d;background:var(--red-light);border:1px solid #ecd6d7;border-radius:9px;padding:12px;margin-bottom:17px}.form-notice{font-size:11px;color:#7d958b;background:var(--green-light);border-radius:9px;padding:12px;margin-bottom:17px}.form-status{font-size:11px;min-height:0}.form-status:not(:empty){background:var(--red-light);color:#af5e5d;border-radius:8px;padding:11px;margin-bottom:15px}dialog{border:1px solid var(--line);border-radius:18px;padding:0;width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 42px);color:var(--ink);box-shadow:0 25px 100px #182d3840}dialog::backdrop{background:#1c2f3c65;backdrop-filter:blur(3px)}dialog header{padding:24px 27px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;align-items:center}dialog h2{margin:0;font-size:19px}dialog header small{display:block;margin-top:5px;color:#9ba5ab;font-size:10px}dialog .dialog-body{padding:24px 27px;overflow:auto}dialog form .dialog-body{max-height:calc(100dvh - 230px)}dialog footer{padding:17px 27px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:8px;background:#fcfdfd}dialog footer .danger{margin-right:auto}#confirm{width:min(430px,calc(100vw - 32px))}#confirm p{font-size:12px;color:#85939c;margin:0;line-height:1.8}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:21px}.detail-field.full{grid-column:1/-1}.detail-field dt{font-size:10px;color:#9ca6ad;margin-bottom:5px}.detail-field dd{font-size:12px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.relation-link{color:#517e6e;border:0;background:none;padding:0;font:inherit;text-decoration:underline;text-decoration-color:#bacfc6;text-underline-offset:3px}.detail-field a{color:#517e6e;text-decoration:underline}.detail-field ul{padding-left:17px;margin:0}.detail-field .list-item{display:block;margin:3px 0}#toasts{position:fixed;right:24px;bottom:24px;z-index:100;display:flex;gap:9px;flex-direction:column}.toast{background:#244b40;color:white;border-radius:11px;padding:13px 18px;box-shadow:0 8px 26px #0002;font-size:12px;max-width:calc(100vw - 48px)}.toast.error{background:#a85c5e}.loading{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aaba3;font-size:12px}.skip-link{position:fixed;left:250px;top:-100px;background:var(--green);color:white;padding:12px;z-index:100}.skip-link:focus{top:5px}.mobile-shade{display:none}.demo-tag{color:#a5834e;background:#fff6e7;border:1px solid #f1e6d0;border-radius:6px;padding:3px 6px;font-size:8px;letter-spacing:.5px;margin-left:7px}.results-label{font-size:11px;color:#91a097;margin:0 0 20px}.auth-body{background:white}.auth-layout{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:#edf3ef;padding:48px 65px;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh}.auth-story>div{margin:60px 0}.auth-story h1{font-size:49px;line-height:1.2;color:#2b5147;margin:22px 0;letter-spacing:-2px}.auth-story p{font-size:13px;color:#7e9588;line-height:1.9}.auth-story small{color:#9eafa4;font-size:10px}.story-card{display:inline-flex;align-items:center;gap:10px;padding:16px 18px;background:#fff9;border:1px solid #dae5dd;border-radius:10px;font-size:10px;color:#789284;margin-top:25px}.auth-form{display:flex;align-items:center;justify-content:center;padding:40px}.auth-form-inner{width:100%;max-width:355px}.auth-form-inner h2{font-size:26px;margin:12px 0 6px;letter-spacing:-.7px}.auth-form-inner>p{font-size:12px;margin-bottom:29px}.auth-form-inner label{margin-bottom:18px}.auth-form-inner .full{justify-content:space-between}.auth-foot{font-size:10px!important;text-align:center;color:#b1bcb5;margin-top:25px}.auth-form-inner .form-grid{gap:12px}.auth-form-inner .form-grid label{min-width:0}.footer-note{font-size:9px;text-align:center;color:#b0b8bf;margin-top:25px}.inline-split{display:flex;align-items:center;justify-content:space-between;gap:10px}.key-secret{font-size:15px;letter-spacing:.5px;background:#f2f7f4;border:1px dashed #b8d0c1;padding:16px;border-radius:8px;margin:15px 0;user-select:all}.account-form .button{margin-top:3px}.key-form label{margin-bottom:15px}.key-form .form-grid label{margin-bottom:0}
@media(min-width:1550px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 360px}.customer-card{padding:25px}.content{padding-top:40px}.customer-top{margin-bottom:20px}.metric{padding:23px}.customer-name{font-size:16px}.customer-address,.last-meeting,.badge{font-size:11px}.mini-title{font-size:12px}.mini-sub{font-size:10px}.task-mini{padding:15px 0}.panel-heading h2{font-size:14px}}
@media(max-width:1200px){.sidebar{width:198px;padding-left:12px;padding-right:12px}.app-main{margin-left:198px}.content{padding:28px 25px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.customer-address{max-width:190px}.last-meeting{display:none}.customer-card{padding:18px}.customer-card.needs-attention{padding-left:16px}.today-pill{display:none}.settings-grid,.detail-layout{grid-template-columns:minmax(0,1fr) 280px}.metric{padding:16px}.metric-bottom{display:block;margin:4px 0 0}}
@media(max-width:1000px){.dashboard-grid,.settings-grid,.detail-layout{grid-template-columns:1fr}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-aside .panel{margin-bottom:0}.dashboard-aside .quiet-note{display:none}.customer-list{grid-template-columns:1fr 1fr}.customer-top{gap:10px}.customer-name{font-size:12px}.customer-address{max-width:145px}.customer-top .icon-button{width:20px}.customer-bottom{display:block}.badges{gap:4px}.badge{font-size:8px;padding:3px 6px}.metrics{gap:10px}.settings-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.auth-story{padding:35px}.auth-story h1{font-size:40px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:245px;padding-top:26px}.nav-open .sidebar{transform:translateX(0)}.nav-open .mobile-shade{display:block;position:fixed;inset:0;background:#203e4a50;z-index:29;border:0;width:100%}.app-main{margin:0}.topbar{height:66px;padding:0 20px;background:white;gap:10px}.mobile-menu{display:inline-flex}.breadcrumb{margin-right:auto;gap:8px}.breadcrumb>.icon{display:none}.topbar-right{gap:8px}.global-search input{width:130px}.shortcut{display:none}.content{padding:26px 20px 32px}.page-heading{margin-bottom:22px;gap:14px}.page-heading .eyebrow{font-size:8px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px;max-width:270px}.heading-actions{padding-top:22px}.heading-actions .button{padding:9px 11px;font-size:10px}.heading-actions .button.secondary{display:none}.metrics{grid-template-columns:1fr 1fr;margin-bottom:25px;gap:10px}.metric{padding:15px}.metric-bottom{display:inline;margin-left:6px;font-size:8px}.metric strong{font-size:24px}.metric-top{font-size:9px;margin-bottom:6px}.customer-list{grid-template-columns:1fr}.customer-name{font-size:14px}.customer-address{max-width:245px;font-size:10px}.customer-top{gap:12px;margin-bottom:17px}.customer-card{padding:20px}.customer-card.needs-attention{padding-left:18px}.customer-top .icon-button{width:30px}.badge{font-size:10px;padding:3px 8px}.customer-bottom{display:flex}.last-meeting{display:block;font-size:8px}.dashboard-aside{grid-template-columns:1fr;gap:18px}.panel-heading{padding:20px 20px 12px}.panel-heading h2{font-size:14px}.panel-body{padding:0 20px 8px}.mini-title{font-size:12px}.mini-sub{font-size:10px}.panel-footer{padding:13px;font-size:11px}.task-mini{padding:13px 0}.check{height:19px;width:19px}.task-mini .check{margin-right:2px}.settings-aside{display:block}.detail-tabs{gap:20px;margin-bottom:20px}.detail-header h1{font-size:24px}.detail-header .avatar{width:49px;height:49px}.record-card{padding:16px;gap:11px;flex-wrap:wrap}.record-main{min-width:150px}.record-title{font-size:12px}.record-meta{font-size:10px;gap:6px}.record-actions{margin-left:auto}.record-date{min-width:60px}.toolbar-right select{max-width:155px}.toolbar{gap:12px}.toolbar-right{flex-wrap:wrap}.filter-tab{min-height:36px;font-size:11px}.icon-button{min-width:36px;min-height:36px}.detail-fields{grid-template-columns:1fr}.detail-field.full{grid-column:auto}.detail-field dt{font-size:11px}.detail-field dd{font-size:13px}.detail-header p{font-size:11px}.auth-layout{display:block}.auth-story{min-height:0;padding:25px 28px}.auth-story>div,.auth-story>small{display:none}.auth-form{padding:38px 26px}.auth-form-inner{max-width:400px}.form-grid{gap:11px}.form-grid label{font-size:11px}input,select,textarea{font-size:16px;min-height:44px}.button{min-height:43px;font-size:12px}label{font-size:12px}dialog header{padding:20px}dialog .dialog-body{padding:20px}dialog footer{padding:16px 20px}dialog form .dialog-body{max-height:calc(100dvh - 225px)}dialog .form-grid{grid-template-columns:1fr}dialog .form-grid .span-two{grid-column:auto}#toasts{right:16px;bottom:16px}.skip-link{left:10px}.settings-card{padding:20px}.global-search input{font-size:12px}.global-search input:focus{width:155px}.topbar .icon{height:17px;width:17px}.detail-panel{padding:20px}.key-form .form-grid{grid-template-columns:1fr}.key-form .form-grid label{margin-bottom:15px}.nav-link{min-height:46px;font-size:13px}.nav-count{font-size:11px}.check-label{font-size:12px;min-height:34px}.check-label input{min-height:19px;height:19px;width:19px}.demo-tag{font-size:7px;padding:2px 4px}.warning-strip{font-size:11px}.warning-strip button{font-size:11px;min-height:26px}.last-meeting{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
fieldset.multi-field{border:0;padding:0;margin:0 0 16px;min-width:0}fieldset.multi-field legend{font-size:11px;font-weight:550;color:#64727d}fieldset.multi-field>small{font-size:10px;color:#9aa4ac}.warning-strip.button{white-space:normal}.warning-strip:where(button){background:none;border:0;text-align:left;width:100%;padding:10px 0}.global-search{margin-bottom:0}.mini-sub .icon{width:11px;height:11px}.panel-footer .icon{width:13px;height:13px;margin-left:5px}.workspace-note .icon{width:12px;height:12px;margin-right:4px}.record-date.orange{color:var(--orange)}.detail-field .icon{width:12px;height:12px}.settings-card .icon{width:16px;height:16px}.multi-field .multi-choices{background:#fff}.record-card a:hover{text-decoration:underline}.record-snippet{max-height:70px;overflow:hidden}.relation-link:hover{color:var(--green)}
.search-group{margin-bottom:28px}.customer-address,.last-meeting,.record-meta,.mini-sub,.metric-top,.metric-bottom,.today-pill,.breadcrumb,.eyebrow,.detail-field dt,.info-rows dt{color:#71808c}.customer-address,.last-meeting,.mini-sub,.metric-bottom{font-weight:400}.mini-sub .orange{color:#99672d}.footer-note{color:#819189}.workspace-note{color:#70837a}.filter-tab{color:#73818d}.badge.orange{color:#99672d}.badge.green{color:#46745e}.warning-strip{color:#996c32}
@media(max-width:760px){.breadcrumb{min-width:0;gap:0}.breadcrumb>span:not(.demo-tag){display:none}.breadcrumb strong{display:block;max-width:96px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.breadcrumb .demo-tag{display:none}.topbar-right{min-width:0;gap:3px}.global-search input,.global-search input:focus{width:112px}.topbar{gap:8px}.icon-button{min-width:40px;min-height:44px}.record-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 11px;align-items:start}.record-main{min-width:0;grid-column:2;grid-row:1}.record-actions{grid-column:3;grid-row:1}.record-date{grid-column:2;grid-row:2;text-align:left;padding-top:2px}.record-date strong{display:inline;margin-left:5px}.record-card>.check,.record-card>.avatar,.record-card>.agenda-time,.record-card>.metric-icon{grid-column:1;grid-row:1}.record-meta{overflow-wrap:anywhere}.record-card .record-actions .icon-button{min-width:30px;width:30px}.check{position:relative}.check:before{content:"";position:absolute;inset:-10px}.check-label{min-height:44px}.button.small,.filter-tab{min-height:44px}.record-title{line-height:1.6}.record-card .badge{font-size:9px;padding:2px 6px}.record-date{font-size:10px}.detail-header{align-items:flex-start}.page-heading .detail-header{gap:11px}.page-heading:has(.detail-header){flex-wrap:wrap;gap:0}.page-heading:has(.detail-header) .heading-actions{padding-top:0;margin-bottom:10px}.multi-choices{max-height:220px}}
@media(max-width:370px){.topbar{padding:0 14px}.breadcrumb strong{max-width:70px}.global-search input,.global-search input:focus{width:100px}.content{padding-left:16px;padding-right:16px}}
.dashboard-grid>*,.dashboard-aside>*,.detail-layout>*,.settings-grid>*{min-width:0}.customer-top>div{min-width:0;flex:1}.customer-address{max-width:100%}.customer-bottom .badges{min-width:0}
@media(max-width:1000px){.dashboard-grid,.detail-layout,.settings-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.customer-list,.dashboard-aside{grid-template-columns:minmax(0,1fr)}.toolbar>.eyebrow{display:none}}
.sidebar{overflow-y:auto;overscroll-behavior:contain}.sidebar>*{flex-shrink:0}
@media(max-width:1000px) and (min-width:761px){.customer-list,.dashboard-aside,.settings-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-card{min-width:0}.customer-name{font-size:13px}.customer-card .badge{font-size:9px}}
@media(max-height:900px){.workspace-note{display:none}}
@media(max-height:850px) and (min-width:761px){.sidebar{padding-top:24px}.workspace-label{margin-bottom:16px}.nav-link{min-height:37px;padding:8px 14px;margin-bottom:1px}.nav-heading{margin-top:12px;margin-bottom:6px}.sidebar-footer{padding-top:14px}.user-box{padding-top:12px}}
.customer-name,.record-title,.mini-title,.detail-header h1,dialog h2{overflow-wrap:anywhere}.user-box>div{min-width:0}.user-box strong{max-width:115px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .breadcrumb{flex:1;min-width:0}.breadcrumb strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{flex-shrink:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.task-back{margin-bottom:16px;font-size:12px}.task-heading{flex-wrap:wrap;gap:16px}.task-heading>div:first-child{flex:1;min-width:200px}.task-heading h1{overflow-wrap:anywhere}.task-heading .heading-actions{flex-wrap:wrap}.task-status-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:13px;font-size:12px}.task-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.task-layout>*{min-width:0}.task-panel{padding:23px}.task-panel .section-top{margin-bottom:12px}.task-panel h2{font-size:15px}.task-progress-label{font-size:11px;color:#7a8a82}.task-progress{display:block;width:100%;height:6px;border:0;border-radius:10px;overflow:hidden;appearance:none;margin:0 0 16px;background:#e9efec}.task-progress::-webkit-progress-bar{background:#e9efec;border-radius:10px}.task-progress::-webkit-progress-value{background:#6f9d85;border-radius:10px}.task-progress::-moz-progress-bar{background:#6f9d85;border-radius:10px}.step-list{display:grid}.step-row{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #edf0ee}.step-row:last-child{border-bottom:0}.step-content{min-width:0;flex:1}.step-title{font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap}.step-done .step-title{text-decoration:line-through;color:#8b9b92}.step-notes{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#7b8b83;margin:5px 0 0}.step-row>.icon-button{color:#8a9a91;margin-top:-7px}.step-add-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:15px}.step-add-form .form-status{grid-column:1/-1}.step-add-form .form-status:empty{display:none}.task-help{font-size:12px;color:#7b8b83;line-height:1.8;margin:5px 0 16px}.task-ready{font-size:12px;color:#4c8065;background:#edf5ef;border-radius:8px;padding:11px;margin:14px 0 0}.task-log-entry{display:flex;gap:12px;padding:18px 0;border-top:1px solid #edf0ee}.log-marker{color:#759081;background:#eff4f0;border-radius:50%;width:29px;height:29px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.log-marker .icon{width:14px;height:14px}.log-content{flex:1;min-width:0}.log-meta{font-size:10px;color:#7b8c82;display:flex;gap:5px;flex-wrap:wrap}.log-text{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0}.task-log-entry>.icon-button{margin-top:-6px;color:#8a9a91}.log-empty{border:1px dashed #dce6df;padding:24px 18px;border-radius:10px;font-size:12px;line-height:1.8;color:#7f9286;text-align:center}.task-sidebar-note{font-size:11px;line-height:1.9;color:#83988a;padding:0 8px}.task-heading .button[disabled]{cursor:default}.task-layout .info-rows dd{font-size:12px}
@media(max-width:1000px){.task-layout{grid-template-columns:minmax(0,1fr)}.task-layout>aside{display:grid;grid-template-columns:minmax(0,1fr);gap:0}}
@media(max-width:760px){.task-panel{padding:20px}.task-heading .heading-actions{padding-top:0}.task-heading h1{font-size:25px}.task-heading .heading-actions .button{font-size:12px}.task-heading>div:first-child{min-width:0;flex-basis:100%}.task-progress-label{font-size:10px}.step-row{gap:11px}.step-title{font-size:14px}.step-row .check{margin-top:3px;flex-shrink:0}.step-notes,.log-text{font-size:13px}.step-add-form{gap:8px}.step-add-form .button{padding:10px}.log-meta{font-size:11px}.task-log-entry{gap:9px}.task-log-entry>.icon-button{min-width:32px;width:32px}.task-layout .info-rows dd{font-size:13px}}