:root{--ink:#182f42;--muted:#64788a;--blue:#116fa2;--teal:#087f91;--line:#e3eaf0;--bg:#f5f8fb;--white:#fff;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,.button,.secondary,.small-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:8px;background:var(--teal);color:white;cursor:pointer;font-weight:600;font-size:.875rem;text-decoration:none;white-space:nowrap}button:hover,.button:hover{background:#076c7c;text-decoration:none}.secondary,.small-button{background:white;color:var(--ink);border-color:var(--line)}.secondary:hover,.small-button:hover{background:#edf5f8;color:var(--ink)}.small-button{min-height:36px;padding:6px 10px}.text-button{background:none;border:0;color:var(--muted);padding:8px;min-height:40px}.text-button:hover{background:#eef4f8;color:var(--ink)}button:disabled{opacity:.55;cursor:wait}input,textarea,select{border:1px solid #ccd8e2;border-radius:7px;padding:11px 12px;min-height:44px;color:var(--ink);background:white;max-width:100%;width:100%}input:focus,textarea:focus,select:focus{outline:3px solid #b5e2f0;outline-offset:1px;border-color:var(--teal)}:focus-visible{outline:3px solid #5bafcc;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:1.9rem;line-height:1.2;letter-spacing:-.8px;margin-bottom:10px}h2{font-size:1.1rem;letter-spacing:-.2px;margin-bottom:20px}h3{font-size:1rem}p{color:var(--muted)}small{display:block;font-size:.8rem;color:var(--muted)}strong{font-weight:650}.muted{color:var(--muted);font-size:.875rem}.eyebrow{display:block;color:var(--teal);font-size:.75rem;font-weight:700;letter-spacing:1.4px;margin-bottom:14px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:1.45rem;font-weight:750;letter-spacing:-.6px}.brand:hover{text-decoration:none}.mark{display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;background:var(--teal);color:white;border-radius:9px;font-size:1.5rem;font-weight:800}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 3px 8px #173c5510}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.inline{display:inline-flex;margin:0}.notice{padding:14px 18px;background:#e7f6f1;color:#176753;border:1px solid #bcdfd3;border-radius:8px;margin-bottom:20px}.error{color:#a1333e;background:#fff0f1;border-color:#efc6cb}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.single{grid-template-columns:1fr}.field{display:flex;flex-direction:column;gap:7px;font-size:.875rem;font-weight:550}.wide{grid-column:1/-1}.field>span{color:#486171}.section-gap{margin-top:24px}.text-right{text-align:right}.skip{position:absolute;left:-1000px;top:10px;z-index:20;background:white;padding:10px}.skip:focus{left:10px}.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:white;border-right:1px solid var(--line);padding:30px 18px 20px;display:flex;flex-direction:column;z-index:10}.sidebar>.brand{padding:0 12px;margin-bottom:32px}.workspace-label{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:12px 9px;margin-bottom:28px}.workspace-label strong{font-size:.85rem;display:block;max-width:138px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-label small{font-size:.75rem}.workspace-icon{background:#e5f2f6;color:var(--teal);border-radius:7px;width:33px;height:33px;display:grid;place-items:center;font-weight:700}.nav-label{font-size:.7rem;letter-spacing:1.4px;color:#8a9baa;font-weight:700;margin:0 12px 12px}.sidebar nav{display:grid;gap:4px;overflow:auto}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:11px 14px;color:#637788;font-size:.875rem;border-radius:8px}.sidebar nav a.active{color:var(--teal);background:#e9f5f7;font-weight:700}.sidebar nav a:hover{background:#f1f7fa;text-decoration:none}.nav-icon{font-size:1.2rem;width:22px;text-align:center}.sidebar-bottom{margin-top:auto;padding:24px 10px 0}.plan{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:10px}.plan span{background:#e5f4ee;color:#317763;padding:2px 6px;border-radius:4px;font-size:.7rem}.sidebar-bottom small{font-size:.7rem}.app-body{width:calc(100% - 230px);margin-left:230px}.topbar{height:86px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding:0 36px;background:white}.global-search{display:flex;align-items:center;gap:12px;flex:1;max-width:560px;margin-right:auto}.global-search span{font-size:1.7rem;color:#7b90a1}.global-search input{border:0;font-size:.875rem;padding-left:0}.user{display:flex;align-items:center;gap:10px;flex-shrink:0}.user strong{font-size:.8rem}.user small{font-size:.75rem}.avatar{width:36px;height:36px;border-radius:50%;background:#e5ecf5;color:#45637d;display:grid;place-items:center;font-weight:650}.notification-link{padding:8px 12px;font-size:1.2rem}.content{padding:36px;max-width:1700px;margin:auto;min-height:calc(100vh - 150px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading p{font-size:.9rem;margin:0}.page-heading .eyebrow{font-size:.65rem;margin-bottom:10px}.overview-banner{display:flex;justify-content:space-between;align-items:center;border:1px solid #cde5ed;background:linear-gradient(105deg,#e8f6f8,#f2f8fc);padding:18px 22px;border-radius:10px;margin-bottom:26px;font-size:.85rem}.overview-banner>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.overview-banner>div>span:last-child{color:#69818e}.overview-banner a{white-space:nowrap;font-weight:600;margin-left:16px}.banner-icon{width:32px;height:32px;display:grid;place-items:center;background:#d1ebed;color:var(--teal);border-radius:8px;font-size:1.3rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.kpi{padding:22px}.kpi>div{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--muted)}.kpi>strong{display:block;font-size:1.8rem;letter-spacing:-.7px;margin:12px 0}.kpi-icon{font-size:1.2rem;color:#6c99b1}.kpi small{font-size:.75rem}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:23px 0;margin:0 0 10px}.metric-strip>div{padding:0 24px;border-right:1px solid var(--line);display:flex;justify-content:center;gap:8px;flex-direction:column}.metric-strip>div:first-child{padding-left:0}.metric-strip>div:last-child{border:0}.metric-strip span{font-size:.8rem;color:var(--muted)}.metric-strip strong{font-size:1.1rem}.dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.section-heading h2{margin:0}.section-heading a,.section-heading>span{font-size:.75rem}.chart{display:flex;height:245px;align-items:stretch;gap:16px;padding-top:15px}.bar-column{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;min-width:0}.bar-column>span{font-size:.65rem;color:var(--muted);white-space:nowrap}.bar-track{height:180px;width:66%;display:flex;align-items:flex-end;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#eef3f7 45px)}.bar{width:100%;background:linear-gradient(#51b8c7,#1485a1);border-radius:5px 5px 0 0;min-height:3px}.bar-column small{margin-top:12px}.stage-stat{display:grid;grid-template-columns:100px 1fr 25px;gap:10px;align-items:center;margin:11px 0;font-size:.75rem}.stage-stat>div{height:7px;background:#edf3f6;border-radius:4px}.stage-stat i{display:block;background:#57aebb;height:7px;border-radius:4px}.stage-stat strong{text-align:right;color:#6c8190}.count{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;background:#eef4f7;color:#728694;font-size:.7rem;padding:2px 7px;margin-left:5px}.follow-row{display:flex;gap:13px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.follow-row:last-child{border:0}.follow-row>div{flex:1}.follow-row a{color:var(--ink);font-size:.875rem;font-weight:600}.follow-row small{margin-top:4px;font-size:.75rem}.activity-icon{width:36px;height:36px;border-radius:9px;background:#eef4fa;color:#5e85a4;display:grid;place-items:center;font-size:1.2rem}.timeline-item{display:flex;gap:14px;font-size:.8rem;margin-bottom:20px}.timeline-item:last-child{margin-bottom:0}.timeline-item p{font-size:.8rem;margin:3px 0}.timeline-item small{font-size:.7rem}.timeline-dot{margin-top:7px;width:8px;height:8px;flex-shrink:0;border:2px solid #5fa8b4;border-radius:50%}.calm-empty{text-align:center;padding:42px 15px;color:#496b7b}.calm-empty p{font-size:.85rem;margin-top:8px}.app-footer{display:flex;gap:20px;font-size:.75rem;color:#7a8d9a;padding:20px 36px;border-top:1px solid var(--line)}.app-footer>span:last-child{margin-left:auto}.list-panel{padding:0;overflow:hidden}.filters{padding:20px;display:flex;align-items:center;gap:12px;background:#fcfdfe}.filters input{max-width:400px}.filters select{width:auto;max-width:210px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th{text-align:left;background:#f7fafc;padding:14px 20px;font-size:.75rem;color:#718594;font-weight:550;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:19px 20px;border-bottom:1px solid var(--line);max-width:280px;overflow-wrap:anywhere}td small{margin-top:5px;font-size:.75rem}.record-name{color:var(--ink);font-weight:650}tr:hover td{background:#fcfdff}.badge{display:inline-block;background:#eaf2fb;color:#497599;border-radius:5px;padding:4px 9px;font-size:.75rem;white-space:nowrap}.badge.good{background:#e5f5ed;color:#298464}.badge.bad{background:#fceced;color:#b1585f}.pagination{display:flex;justify-content:flex-end;gap:20px;padding:17px 20px;font-size:.8rem;color:var(--muted)}.pagination>span{margin-right:auto}.empty{text-align:center;padding:70px 24px}.empty>span{display:block;font-size:2.5rem;color:var(--teal);margin-bottom:16px}.empty h3{font-size:1.1rem;margin-bottom:8px}.empty p{font-size:.9rem}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.detail-grid p{color:var(--ink);margin:6px 0;overflow-wrap:anywhere}.related{display:flex;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:.875rem;flex-wrap:wrap}.related:last-child{border:0}.related>strong:last-child{margin-left:auto}.kanban{display:flex;overflow:auto;gap:18px;padding-bottom:22px;min-height:500px}.kanban-column{background:#edf2f6;border:1px solid #e0e8ee;border-radius:10px;min-width:260px;width:280px;padding:16px;flex-shrink:0}.kanban-title{display:flex;align-items:center;justify-content:space-between}.kanban-title h2{margin:0;font-size:.875rem}.column-value{font-size:.75rem;margin:5px 0 20px}.kanban-card{background:white;border:1px solid #e0e7ee;border-radius:9px;padding:17px;margin-bottom:12px;box-shadow:0 2px 5px #192d4610;cursor:grab}.kanban-card .eyebrow{font-size:.6rem;margin-bottom:10px}.kanban-card h3{margin-bottom:8px}.kanban-card a{color:var(--ink)}.kanban-card p{font-size:.8rem}.kanban-card>strong{font-size:.95rem}.card-meta{display:flex;justify-content:space-between;gap:10px;font-size:.7rem;color:var(--muted);margin:17px 0}.stage-form{display:flex;gap:5px}.stage-form select{font-size:.75rem;padding:6px;min-height:36px}.stage-form button{font-size:.7rem}.drag-over{outline:2px dashed var(--teal);outline-offset:-3px}.dragging{opacity:.4}.column-empty{font-size:.8rem;color:#8296a4;text-align:center;margin-top:36px}.document-actions{margin-bottom:20px}.document-form .section-heading select{max-width:350px}.line-item{display:grid;grid-template-columns:minmax(150px,3fr) repeat(4,minmax(70px,1fr)) 40px;align-items:end;gap:10px;margin-bottom:16px}.line-item label{font-size:.75rem}.line-item input{padding:9px}.line-item button{padding:7px;min-width:36px}.document-totals{display:flex;align-items:flex-end;flex-direction:column;margin-top:24px;gap:5px}.document-totals strong{font-size:1.6rem;color:var(--teal)}.document-totals span,.document-totals small{font-size:.8rem}.business-logo{max-height:70px;max-width:200px;margin-bottom:20px}.check{display:flex;gap:10px;align-items:center;margin-bottom:18px}.check input{width:20px;min-height:20px}.menu-toggle,.bottom-nav{display:none}#toast{display:none;position:fixed;bottom:30px;right:30px;padding:15px 20px;background:var(--ink);color:white;box-shadow:0 4px 20px #0002;border-radius:10px;z-index:30}.public-nav{height:100px;max-width:1200px;margin:auto;padding:20px 30px;display:flex;align-items:center;justify-content:space-between}.public-nav>div{display:flex;align-items:center;gap:28px;font-size:.875rem}.hero{padding:80px 24px 70px;text-align:center;background:radial-gradient(ellipse at top,#e5f5f7,transparent 70%)}.hero h1{font-size:clamp(3rem,6.8vw,6rem);line-height:1.02;letter-spacing:-4px;margin:24px 0}.hero h1 span{color:var(--teal)}.hero p{font-size:1.1rem;line-height:1.8}.hero .actions{justify-content:center;margin-top:30px}.hero .button{padding:15px 25px}.flow{display:flex;justify-content:center;flex-wrap:wrap;margin:65px auto 0;gap:12px;max-width:1100px}.flow span{padding:12px 17px;border:1px solid #dae6ed;border-radius:8px;background:white;font-size:.8rem;box-shadow:0 3px 5px #14384f08}.flow span:last-child{color:white;background:var(--teal)}.public-section{max-width:1200px;padding:60px 30px;margin:auto}.public-section h2{font-size:2rem;letter-spacing:-1px}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.three-grid p{font-size:.9rem;line-height:1.8}.feature-number{display:block;color:var(--teal);font-size:1.4rem;margin-bottom:25px}.pricing{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.price{font-size:3rem}.pricing small{margin-top:16px}.public-footer{display:flex;gap:30px;align-items:center;max-width:1200px;padding:40px 30px;margin:40px auto 0;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.public-footer .brand{font-size:1.1rem}.public-footer>span{margin-right:auto}.auth{max-width:470px;margin:60px auto 100px;padding:36px}.auth h1{font-size:1.8rem;margin-bottom:28px}.auth>p{font-size:.875rem;margin:20px 0 0}.onboarding{max-width:850px;margin:40px auto;padding:20px}.onboarding>.brand{margin-bottom:30px}
@media(min-width:1600px){.content{padding:44px}.kpi>strong{font-size:2.15rem}}
@media(max-width:1150px){.sidebar{width:190px;padding:25px 12px}.app-body{width:calc(100% - 190px);margin-left:190px}.workspace-label strong{max-width:105px}.content{padding:25px}.topbar{padding:0 25px;gap:15px}.overview-banner>div>span:last-child{display:none}.kpi-grid{gap:12px}.kpi{padding:16px}.kpi>strong{font-size:1.45rem}.dashboard-grid{gap:15px}.panel{padding:20px}.list-panel{padding:0}.user>div{display:none}.metric-strip>div{padding:0 15px}.line-item{grid-template-columns:2fr 1fr 1fr}.line-item>label:first-child{grid-column:1/-1}}
@media(max-width:900px){.sidebar{width:76px;padding:24px 10px}.sidebar>.brand{padding:0;margin:auto auto 30px}.sidebar>.brand>span:last-child,.workspace-label,.nav-label,.sidebar nav a>span:last-child,.sidebar-bottom{display:none}.sidebar nav a{padding:12px;justify-content:center}.app-body{width:calc(100% - 76px);margin-left:76px}.dashboard-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.metric-strip{grid-template-columns:repeat(2,1fr);gap:20px}.metric-strip>div:nth-child(3){padding-left:0}.metric-strip>div:nth-child(2){border:0}.detail-grid{grid-template-columns:repeat(2,1fr)}.page-heading h1{font-size:1.6rem}.page-heading>.button{padding:10px 12px}.overview-banner{padding:16px}.filters{flex-wrap:wrap}.filters input{max-width:none}.three-grid{grid-template-columns:1fr}.pricing{gap:30px}.public-nav>div{gap:15px}.chart{gap:12px}.stage-stat{font-size:.875rem}.section-heading a,.section-heading>span{font-size:.875rem}.sidebar nav a{min-height:48px}}
@media(max-width:600px){:root{font-size:16px}.sidebar{display:none;top:68px;bottom:62px;width:220px;box-shadow:10px 0 30px #16384922}.sidebar.open{display:flex}.sidebar.open nav a>span:last-child{display:block}.sidebar.open nav a{justify-content:flex-start}.sidebar.open .brand{display:none}.app-body{margin-left:0;width:100%}.topbar{height:68px;padding:0 16px;gap:8px}.menu-toggle{display:inline-flex;padding:7px 11px}.global-search span{display:none}.global-search input{font-size:.8rem}.notification-link{display:none}.user{display:none}.topbar>.inline button{font-size:.75rem;white-space:nowrap}.content{padding:26px 16px 80px}.page-heading{align-items:flex-start;gap:14px;flex-direction:column;margin-bottom:22px}.page-heading h1{font-size:1.7rem}.page-heading p{line-height:1.65}.page-heading .eyebrow{font-size:.65rem}.overview-banner{display:block;font-size:.8rem}.overview-banner a{display:block;margin:12px 0 0 44px}.kpi-grid{gap:12px}.kpi{padding:16px 13px}.kpi>div{font-size:.8rem}.kpi>strong{font-size:1.3rem;overflow-wrap:anywhere}.kpi small{font-size:.75rem}.metric-strip>div{padding:0 15px}.metric-strip{padding:22px 0;gap:18px}.metric-strip span{font-size:.8rem}.metric-strip strong{font-size:1.05rem}.panel{padding:20px 16px}.list-panel{padding:0}.dashboard-grid{gap:18px}.section-heading{gap:10px;flex-wrap:wrap}.section-heading h2{font-size:1rem}.section-heading>a,.section-heading>span{font-size:.8rem}.bar-column>span{font-size:.62rem}.bar-track{width:70%}.chart{gap:6px}.form-grid,.detail-grid{grid-template-columns:1fr}.form-grid{gap:18px}.field{font-size:.875rem}.filters{padding:16px;gap:10px}.filters select{flex:1;min-width:110px}.filters button{width:100%}table thead{display:none}table,tbody,tr,td{display:block;width:100%;max-width:none}tr{padding:16px;border-bottom:1px solid var(--line)}td{border:0;padding:7px 0;display:flex;justify-content:space-between;gap:14px;text-align:right}td:before{content:attr(data-label);color:var(--muted);font-size:.8rem;text-align:left;flex-shrink:0}td:first-child{display:block;text-align:left;font-size:1rem}td:first-child:before{display:none}td small{font-size:.8rem}td:last-child{padding-bottom:0}td .inline{margin-left:auto}.record-name{font-size:1rem}.kanban-column{width:280px;min-width:280px}.kanban-card{touch-action:pan-y}.kanban-title h2{font-size:1rem}.kanban-card .eyebrow{font-size:.75rem}.column-value,.card-meta{font-size:.8rem}.stage-form select{font-size:.875rem;min-height:44px}.stage-form button{font-size:.8rem;min-height:44px}.line-item{grid-template-columns:1fr 1fr;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--line)}.line-item>label:first-child{grid-column:1/-1}.line-item label{font-size:.875rem}.line-item button{grid-column:2;justify-self:end}.document-totals{text-align:right}.document-form .section-heading select{max-width:100%}.document-actions .button,.document-actions .secondary{font-size:.8rem;min-height:44px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:15;background:white;border-top:1px solid var(--line);padding:8px 5px max(8px,env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav a{font-size:.75rem;padding:12px 5px;color:#446577}.app-footer{display:none}.public-nav{height:80px;padding:16px}.public-nav .brand{font-size:1.3rem}.public-nav>div>a:not(.button){display:none}.public-nav .button{padding:10px 13px}.hero{padding:50px 20px}.hero h1{letter-spacing:-2px;font-size:3.4rem}.hero p{font-size:1rem}.hero .actions{gap:12px}.hero .eyebrow{font-size:.7rem}.flow{margin-top:45px;gap:7px}.flow span{padding:8px 10px;font-size:.75rem}.public-section{padding:40px 20px}.public-section h2{font-size:1.8rem}.pricing{grid-template-columns:1fr;gap:20px}.public-footer{flex-wrap:wrap;gap:20px;padding:24px 20px}.public-footer>span{width:100%;order:4}.auth{margin:24px 16px 60px;padding:28px 22px}.onboarding{margin:10px auto}.related{gap:10px}.related>span{overflow-wrap:anywhere}#toast{bottom:80px;left:16px;right:16px;font-size:.875rem}.actions>select{max-width:100%}.business-logo{max-width:160px}}
@media print{.sidebar,.topbar,.bottom-nav,.app-footer,.document-actions,.skip{display:none!important}.app-body{width:100%;margin:0}.content{padding:0}.panel{box-shadow:none;break-inside:avoid}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}