*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#16263c;font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:246px;background:#102a43;color:#eef5fd;padding:30px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-size:36px;font-weight:800;letter-spacing:-2px}.brand span{font-size:19px;letter-spacing:2px}.brand small{font-size:10px;letter-spacing:1px;color:#a4bdcf}nav{display:grid;gap:5px;margin-top:42px}nav a{padding:10px 13px;border-radius:6px;color:#bacddd;font-size:14px;font-weight:550}nav a:hover,nav a.active{background:#214562;color:white}nav a.active{box-shadow:inset 3px 0 #2ed3bb}.account{margin-top:auto;padding:20px 12px 0;font-size:14px;display:grid;gap:8px}.account a{color:#bad0df}main{margin-left:246px;padding:24px 42px;min-height:100vh;max-width:1920px}header{display:flex;justify-content:space-between;border-bottom:1px solid #dbe3ec;padding:0 0 18px;margin-bottom:35px;font-size:12px;letter-spacing:1.2px;color:#687b90}h1{font-size:34px;letter-spacing:-1px;line-height:1.2;margin:8px 0 12px}h2{font-size:18px;letter-spacing:-.2px;margin:0 0 20px}h3{font-size:16px;margin:10px 0}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.heading h2{margin:0}.eyebrow{font-size:12px;letter-spacing:1.7px;color:#087e79;font-weight:700;margin:10px 0}.muted,small{color:#64768b}small{display:block;font-size:13px}.panel{background:white;border:1px solid #e0e6ee;border-radius:10px;padding:25px;margin-bottom:24px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0 30px}.metric{background:white;border:1px solid #dee7ef;border-radius:10px;padding:25px;min-height:145px}.metric span{font-size:14px}.metric strong{display:block;font-size:32px;letter-spacing:-1px;margin-top:9px}.metric.accent{background:#0d6c70;color:white;border-color:#0d6c70}.metric.accent small{color:#c1e8e8}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.row{padding:16px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1f5;gap:15px}.badge{border-radius:5px;padding:5px 8px;background:#edf5f7;color:#226676;font-size:13px;white-space:nowrap}.badge.late{color:#a3372c;background:#fff1ef}.event{padding:16px 0 16px 17px;border-left:2px solid #c8e5e3;margin-left:4px}.event p{margin:6px 0;font-size:14px;overflow-wrap:anywhere}.empty{color:#6d7d8e;padding:30px 12px;text-align:center;font-size:14px}.text-link{color:#067778;font-size:14px;font-weight:600;display:inline-block;margin:12px 8px 0 0}.button,button{display:inline-block;background:#086f74;color:white;border:1px solid transparent;border-radius:6px;padding:10px 17px;font:600 14px/1.5 inherit;cursor:pointer;white-space:nowrap}.button:hover,button:hover{filter:brightness(.94)}.secondary{background:white;color:#294b63;border:1px solid #ccd8e3}.quiet{background:transparent;color:inherit;border:0;padding:4px 0;font-size:13px}.search{display:flex;gap:10px;max-width:520px;margin:0 0 25px}input,select,textarea{font:inherit;width:100%;border:1px solid #bfccda;border-radius:6px;padding:10px 12px;color:#183047;background:white}input[type=checkbox]{width:auto}label{display:block;font-size:14px;font-weight:600;margin-bottom:5px}input:focus,textarea:focus,select:focus{outline:2px solid #0a8c8b;outline-offset:1px}textarea{min-height:95px;max-height:220px}.form-panel{max-width:780px}.helptext{font-size:13px;color:#667c90}.errorlist{color:#a93431}.notice{padding:12px 18px;border:1px solid #8accbd;border-radius:6px;background:#e7f6f1;margin-bottom:22px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;letter-spacing:.5px;color:#6b7d90;background:#f8fafc}th,td{padding:15px 12px;border-bottom:1px solid #e8edf3;vertical-align:top}td{overflow-wrap:anywhere}table small{margin-top:5px}.table-wrap{overflow:auto;padding:8px}.pagination{display:flex;gap:24px;justify-content:center;font-size:14px}.board{display:grid;grid-template-columns:repeat(6,minmax(235px,1fr));gap:14px;overflow-x:auto;padding-bottom:24px}.column{background:#e8eef4;border-radius:8px;padding:13px;min-height:350px}.column h2{font-size:14px;display:flex;justify-content:space-between;padding:5px}.column h2 span{color:#6b7c8d}.column.drag-over{outline:2px solid #00847d}.deal{background:white;border:1px solid #dce5ed;box-shadow:0 2px 3px #122b4410;border-radius:7px;padding:17px;margin:12px 0}.deal[draggable=true]{cursor:grab}.deal .muted{font-size:12px}.deal small{margin:12px 0}.deal select{font-size:13px;padding:7px}.deal form{margin-top:12px}.amount{font-size:20px;letter-spacing:-.5px}footer{font-size:12px;color:#8292a1;margin:40px 0 10px}.auth{margin:0;display:grid;place-content:center;min-height:100vh;background:linear-gradient(135deg,#eaf4f5,#eff3f9)}.login{width:min(470px,90vw);padding:40px}.login h1{margin-top:25px}.login button{width:100%}.login .muted{font-size:14px}.auth footer{text-align:center} @media(max-width:1050px){aside{width:210px;padding:24px 15px}main{margin-left:210px;padding:22px}.two-col{grid-template-columns:1fr}.metrics{gap:12px}.metric{padding:18px}.metric strong{font-size:25px}}@media(max-width:720px){aside{position:static;width:auto;padding:16px}.brand{font-size:26px}.brand span{font-size:16px}nav{display:flex;overflow:auto;margin:16px 0 0;gap:4px}nav a{white-space:nowrap}.account{display:flex;align-items:center;flex-wrap:wrap;padding:14px 4px 0;gap:16px}.account strong{margin-right:auto}main{margin:0;padding:20px 16px}header{font-size:10px;margin-bottom:25px}.heading{align-items:flex-start;flex-wrap:wrap}h1{font-size:28px}.metrics{grid-template-columns:1fr}.metric{min-height:auto}.panel{padding:18px}.table-wrap{padding:0}.login{padding:28px}.board{margin-right:-16px}.auth{padding:16px}}
.nav-label{font-size:11px;letter-spacing:1.5px;color:#85a6bf;margin:22px 13px 6px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0 14px}.quick-actions .panel{border-top:3px solid #0d7f80}.quick-actions span{display:block;font-size:14px;color:#6b7d90;margin-top:9px}.customer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}details{margin:22px 0;padding:15px;background:#f6f9fc;border:1px solid #e2eaf2;border-radius:6px}summary{cursor:pointer;color:#366076;font-size:14px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #d9e2eb;border-left:1px solid #d9e2eb;background:white}.calendar-day{min-height:130px;padding:10px;border-right:1px solid #d9e2eb;border-bottom:1px solid #d9e2eb}.calendar-task{display:block;background:#e9f5f3;padding:7px;margin-top:8px;border-radius:4px;font-size:12px;overflow-wrap:anywhere}.calendar-task small{font-size:11px}.calendar-day.is-today{box-shadow:inset 0 0 0 2px #148781}.completed{opacity:.6;text-decoration:line-through}@media(max-width:800px){.quick-actions{grid-template-columns:1fr;gap:0}.calendar{grid-template-columns:1fr}.calendar-day{min-height:55px}.calendar-task{font-size:14px}}
/* Green workspace: adapted from the user's selected reference. */
@font-face{font-family:Inter;src:url("fonts/Inter.bff0f6e3b9e2.ttf") format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--green:#118a65;--green-dark:#10684f;--mint:#dbefea;--canvas:#f3f8f5;--ink:#203a31;--muted:#72867e;--border:#e5eeea}
body{background:var(--mint);color:var(--ink);font-family:Inter,"Segoe UI",sans-serif;padding:30px;font-size:15px;line-height:1.55}
aside{inset:30px auto 30px 30px;width:220px;background:var(--green);border-radius:22px 0 0 22px;padding:30px 0 20px;color:#fff;box-shadow:0 5px 16px #12604614;overflow-y:auto}
.brand{font-size:25px;letter-spacing:-.8px;font-weight:750;padding:0 24px;gap:6px;align-items:baseline}.brand span{font-size:13px;letter-spacing:1.5px;font-weight:450;opacity:.85}
nav{margin-top:32px;gap:6px}nav a{font-size:14px;color:#e1f3eb;font-weight:450;border-radius:0;padding:11px 22px;display:flex;gap:11px;align-items:center;line-height:1.4}nav a img{width:18px;height:18px;opacity:.88;filter:brightness(0) invert(1)}nav a:hover{background:#ffffff16}nav a.active{background:#eaf6ef;color:#167958;box-shadow:none;font-weight:600}nav a.active img{filter:invert(37%) sepia(44%) saturate(830%) hue-rotate(109deg) brightness(85%)}.nav-label{color:#b4e5d3;margin:24px 22px 4px;font-size:10px}.account{padding:20px 24px 0;font-size:13px}.account a{color:#d0efe3}
main{margin-left:220px;background:var(--canvas);border-radius:0 22px 22px 0;padding:0 28px 22px;min-height:calc(100vh - 60px);box-shadow:3px 5px 16px #12604610;max-width:none}
header{padding:17px 0;margin-bottom:24px;border:0;align-items:center;gap:20px;letter-spacing:0;text-transform:none}.global-search{display:flex;align-items:center;background:#fff;border-radius:30px;padding:0 14px;max-width:720px;flex:1;border:1px solid #eef4f0;box-shadow:0 3px 15px #184c3410}.global-search img{width:17px;height:17px;opacity:.45}.global-search input{border:0;background:transparent;padding:9px 10px;font-size:13px;outline-offset:0}.header-user{text-align:right;min-width:100px;color:var(--ink);font-size:12px;letter-spacing:0}.header-user small{font-size:11px;color:var(--muted)}
h1{font-size:26px;letter-spacing:-.75px;line-height:1.3;margin:5px 0 0;font-weight:650}h2{font-size:16px;letter-spacing:-.35px;font-weight:620}h3{font-weight:600}.eyebrow{letter-spacing:0;font-weight:450;font-size:13px;color:var(--muted);margin:0 0 5px}.heading{margin-bottom:22px;gap:16px}.heading p{margin:5px 0 0;font-size:13px}.muted,small{color:var(--muted)}.button,button{font-family:inherit;font-size:13px;line-height:1.5;font-weight:550;border-radius:22px;padding:9px 16px;background:var(--green);color:#fff}.secondary{background:white;border-color:#ddeae3;color:#31664e}.quiet{background:transparent;padding:4px 0;color:inherit}.panel{border:1px solid #edf4ee;border-radius:15px;padding:23px;background:#fff;box-shadow:0 4px 20px #35694e05;margin-bottom:22px}.metrics{gap:16px;margin:22px 0}.metric{border-radius:14px;border:1px solid #edf4ee;min-height:124px;padding:18px 21px;box-shadow:0 4px 20px #35694e05}.metric span{font-size:13px}.metric strong{font-size:29px;margin-top:8px;font-weight:600;letter-spacing:-.7px}.metric small{font-size:11px;margin-top:3px}.metric.accent{background:#169775;border-color:#169775}.metric.accent small{color:#d4f0e5}.two-col{gap:22px}.work-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px}.row{padding:17px 0;border-color:#eef4ef}.row strong{font-size:14px;font-weight:550}.row small{font-size:12px;margin-top:3px}.row-chevron{color:#7ca58c;font-size:18px}.badge{border-radius:18px;font-size:11px;background:#e6f3e9;color:#377a58;padding:5px 10px}.badge.late{background:#fff1e6;color:#aa6724}.text-link{font-size:12px;color:#15815d;font-weight:550}.empty{padding:36px 15px;font-size:13px;color:#82988d}.empty strong{font-size:16px;color:#315944;font-weight:500}.empty p{line-height:1.8}.help-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e0eee4;border:0}.help-strip h2{margin:0;font-size:14px}.help-strip p{font-size:12px;margin:4px 0 0;color:#648370}
input,textarea,select{font-family:inherit;border-color:#d5e3da;border-radius:9px;font-size:14px;padding:10px 12px;color:var(--ink)}input:focus,select:focus,textarea:focus{outline-color:#159974}label{font-size:13px;font-weight:550}.form-panel{max-width:720px}.form-panel p{margin:18px 0}.form-panel>form>button{margin-top:12px}.form-panel details{background:#f3f8f3;border-color:#e5eee6;border-radius:10px}.form-panel summary{color:#48735e;font-size:13px}.table-wrap{padding:6px}th{background:#f3f8f4;color:#6b8777;font-weight:500;font-size:11px;text-transform:none;letter-spacing:0}th,td{padding:17px 14px;border-color:#edf3ee}table{font-size:13px}table small{font-size:12px}td .text-link{margin:0 10px 0 0}.search input{background:#fff}.search{margin-bottom:20px}.column{background:#e5eee6;border-radius:13px;min-height:370px}.column h2{color:#456551}.deal{border-radius:12px;border-color:#e9f1e9;box-shadow:0 3px 10px #40614408}.amount{color:#197250;font-size:20px}.calendar{border-color:#deebe0;border-radius:12px;overflow:hidden}.calendar-day{border-color:#e5eee6}.calendar-day.is-today{box-shadow:inset 0 0 0 2px #1b9369}.calendar-task{background:#e6f3e9;border-radius:7px}.event{border-left-color:#c9e5d4}.notice{border-color:#b5debf;background:#edf8ed;color:#286e43}footer{color:#94a99a;font-size:11px;margin-top:28px}.auth{background:var(--mint);border-radius:20px;box-shadow:none;margin:0;min-height:calc(100vh - 60px)}.login{border-radius:20px;padding:38px}.login h1{margin-bottom:14px}.login .eyebrow{font-weight:650;color:#157a58;letter-spacing:1.3px}
@media(min-width:1700px){body{padding:45px 6vw}aside{left:6vw;top:45px;bottom:45px}main{min-height:calc(100vh - 90px)}}
@media(max-width:1100px){body{padding:20px}aside{inset:20px auto 20px 20px;width:205px}main{margin-left:205px;padding:0 20px 20px;min-height:calc(100vh - 40px)}.work-grid{grid-template-columns:1fr}.brand{padding-left:20px;font-size:22px}nav a{padding-left:20px;font-size:13px}.header-user{min-width:90px}}
@media(max-width:720px){body{padding:10px}aside{position:static;width:auto;border-radius:16px 16px 0 0;padding:18px 0 12px;box-shadow:none}.brand{padding:0 18px;font-size:22px}nav{display:flex;overflow:auto;margin:18px 0 0;gap:0}nav a{flex:none;border-radius:7px;padding:10px 12px;gap:7px;font-size:12px}nav a img{width:16px;height:16px}.nav-label{display:none}.account{padding:14px 18px 0;font-size:11px}.account strong{display:none}.account .quiet{font-size:11px}.account a{font-size:11px}main{margin:0;border-radius:0 0 16px 16px;padding:0 14px 18px;min-height:70vh}header{padding:16px 0;margin-bottom:17px;gap:10px}.header-user{font-size:11px;min-width:70px}.header-user small{font-size:9px}.global-search input{font-size:12px;min-width:0;padding:9px 6px}.global-search{padding:0 10px;min-width:0}.global-search img{width:14px}h1{font-size:23px}.eyebrow{font-size:11px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.metric{padding:13px 10px;min-height:108px}.metric span{font-size:11px;line-height:1.3;display:block}.metric strong{font-size:24px}.metric small{font-size:9px}.panel{padding:18px}.work-grid,.two-col{gap:0}.help-strip{align-items:flex-start;flex-direction:column;gap:12px}.help-strip .button{font-size:12px}.row{gap:10px}.row strong{font-size:13px}.row small{font-size:11px}.badge{font-size:10px;padding:4px 7px}.table-wrap{padding:0}.board{margin-right:-14px}.auth{min-height:calc(100vh - 20px);padding:10px}.login{padding:26px;width:min(420px,90vw)}.calendar{grid-template-columns:1fr}.calendar-day{min-height:55px}}
@media(max-width:720px){nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:0 10px;gap:3px}nav a{flex-direction:column;text-align:center;white-space:normal;font-size:11px;padding:9px 4px;gap:5px;min-height:60px}nav a img{width:18px;height:18px}}

.scan-panel{max-width:760px;margin:12px auto;padding:34px}.scan-panel>p{color:#678575;font-size:14px;max-width:550px}.scan-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.scan-actions button{padding:13px 22px;font-size:14px}.scan-file{position:absolute;left:-9999px;width:1px;height:1px}.scan-help{padding:20px;background:#eff7f0;border-radius:12px;margin-top:28px;font-size:14px}.scan-help p{color:#648170}.scan-help small{line-height:1.8}#card-preview{max-width:100%;max-height:260px;object-fit:contain;border-radius:12px}#card-preview[hidden]{display:none}#card-status{color:#18704f;font-size:14px}.scan-notes{align-self:start}.scan-notes p{font-size:14px;color:#657f70}.ocr-text{overflow-wrap:anywhere;font-family:monospace}button:disabled{opacity:.65;cursor:wait}@media(max-width:720px){.scan-panel{padding:22px}.scan-actions{flex-direction:column}.scan-actions button{width:100%}.heading:has(a[href="/scan/"]){display:grid;grid-template-columns:1fr 1fr}.heading:has(a[href="/scan/"])>div{grid-column:1/-1}.heading:has(a[href="/scan/"]) .button{text-align:center;font-size:12px}}
.mobile-menu-toggle,.mobile-dock{display:none}.member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.member-card{padding:20px;border:1px solid var(--border);border-radius:14px}.member-card h2{margin:0}.member-card p{overflow-wrap:anywhere;color:var(--muted)}.member-card .customer-actions{margin:20px 0 0}.login .helptext ul{padding-left:18px;font-size:12px}
@media(max-width:720px){body{padding:0;background:var(--canvas)}aside{border-radius:0;padding:16px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;overflow:visible}.brand{padding:0;font-size:21px}.mobile-menu-toggle{display:block;border:1px solid #ffffff60;background:transparent;font-size:13px;min-height:42px}aside #main-navigation,aside .account{display:none}aside.mobile-open #main-navigation{display:grid;width:100%;max-height:52vh;overflow:auto;grid-template-columns:1fr 1fr;margin-top:14px;padding:0}aside.mobile-open .account{display:flex;width:100%;padding:12px 0 0}.mobile-dock{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;margin:0;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:white;border-top:1px solid #d7e6dd;box-shadow:0 -3px 20px #163e2510;z-index:30}.mobile-dock a{display:flex;flex-direction:column;gap:0;align-items:center;color:#49745d;min-width:64px;min-height:48px;padding:2px 10px;font-size:22px;border-radius:12px}.mobile-dock a span{font-size:11px}.mobile-dock a.active{background:#e5f4e9;color:#08784e}.mobile-dock a.dock-scan{background:var(--green);color:white}main{padding:0 16px 100px;border-radius:0;min-height:calc(100vh - 74px);box-shadow:none}header{margin-bottom:15px}.header-user{display:none}.global-search{max-width:none}h1{font-size:25px}.heading{gap:12px}.heading .button{min-height:44px}.metrics{gap:8px}.metric{border-radius:13px}.work-grid>.panel{margin-bottom:16px}.panel{border-radius:16px;padding:18px}.help-strip{display:none}.auth{min-height:100vh;padding:24px 16px}.login{width:100%;max-width:460px;padding:24px;box-shadow:none}.auth footer{margin-bottom:0}.table-wrap{background:transparent;border:0;padding:0;overflow:visible}.table-wrap table,.table-wrap tbody{display:block}.table-wrap thead{display:none}.table-wrap tr{display:block;background:white;border:1px solid var(--border);border-radius:14px;padding:12px;margin-bottom:12px}.table-wrap td{display:block;padding:7px 0;border:0}.table-wrap td[data-label]::before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);margin-bottom:3px}.member-grid{grid-template-columns:1fr}.scan-panel{margin-top:0;padding:20px}.scan-actions button{min-height:52px}input,select,textarea{font-size:16px}button,.button{min-height:44px}.customer-actions{gap:8px}.customer-actions .button{white-space:normal}}

@media(max-width:720px){.mobile-dock a img{width:22px;height:22px;filter:invert(37%) sepia(44%) saturate(830%) hue-rotate(109deg) brightness(85%);margin:3px 0}.mobile-dock a.dock-scan img{filter:brightness(0) invert(1)}}