:root{--page:#f4f7f7;--ink:#132327;--muted:#697b7f;--border:#dde6e5;--teal:#126467;--coral:#cf604e;--shadow:0 14px 30px #1323270d;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;line-height:1.4}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}input,select,textarea,button{letter-spacing:0}button,input,select,textarea{font-family:inherit}::selection{color:#fff;background:var(--teal)}.app-shell{background:var(--page);grid-template-columns:248px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{border-right:1px solid var(--border);background:#fbfcfc;flex-direction:column;gap:26px;height:100svh;padding:22px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:#153f43;border-radius:8px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.brand strong{color:var(--ink);font-size:15px;line-height:1.2;display:block}.brand span,.privacy-note span{color:var(--muted);font-size:12px}.side-nav{gap:5px;display:grid}.side-nav a{min-height:40px;color:var(--muted);border-radius:7px;align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.side-nav a.is-active,.side-nav a:hover{color:var(--ink);background:#eef7f6}.privacy-note{border:1px solid var(--border);color:var(--teal);background:#fff;border-radius:8px;gap:10px;margin-top:auto;padding:12px;display:flex}.workspace{min-width:0;padding:22px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.coach-strip{color:#154b4d;background:#edf8f6;border:1px solid #bedad7;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-height:46px;margin-bottom:12px;padding:10px 12px;display:flex}.coach-strip div{align-items:center;gap:8px;min-width:0;display:flex}.coach-strip strong,.coach-strip span{font-size:13px}.coach-strip span{color:#356567}.text-button{height:auto;color:var(--teal);white-space:nowrap;background:0 0;border:0;padding:0}.tutorial-panel{box-shadow:var(--shadow);background:#fff;border:1px solid #cfe0df;border-radius:8px;grid-template-columns:minmax(220px,.82fr) minmax(0,1.18fr) auto;align-items:start;gap:16px;margin-bottom:12px;padding:16px;display:grid}.tutorial-copy h2{color:var(--ink);margin:6px 0 0;font-size:19px;line-height:1.2}.tutorial-copy p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.48}.section-label{color:#0f5557;text-transform:uppercase;font-size:11px;font-weight:850;display:inline-flex}.tutorial-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tutorial-step{border:1px solid var(--border);background:#fbfcfc;border-radius:8px;gap:10px;min-height:86px;padding:10px;display:flex}.tutorial-step>span{color:#fff;background:#153f43;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:12px;font-weight:850;display:grid}.tutorial-step strong{color:var(--ink);font-size:13px;line-height:1.25;display:block}.tutorial-step p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.35}.tutorial-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:8px;display:flex}.icon-button{border-color:var(--border);background:#fff;width:38px;padding:0}.topbar h1,.panel-head h2,.composer-panel h2,.add-panel h2,.sell-panel h2{color:var(--ink);letter-spacing:0;margin:0}.topbar h1{font-size:28px;line-height:1.14}.topbar p,.panel-head p,.composer-head p,.sell-panel p{color:var(--muted);margin:5px 0 0;font-size:13px}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.search-box{border:1px solid var(--border);min-width:260px;height:38px;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:9px;padding:0 10px;display:flex}.search-box input{width:100%;min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0}.top-actions select,.field input,.field select,.field textarea{border:1px solid var(--border);color:var(--ink);font:inherit;background:#fff;border-radius:8px}.top-actions select{height:38px;padding:0 28px 0 10px;font-size:13px;font-weight:650}button,.as-button{height:38px;color:var(--ink);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}button:focus-visible,.as-button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #1c807b}.primary{color:#fff;background:var(--teal)}.primary:hover{background:#0f5557}.ghost{border-color:var(--border);background:#fff}.ghost:hover{background:#f7fbfa;border-color:#bcd1d0}.segmented,.tabs,.tone-row{border:1px solid var(--border);background:#fff;border-radius:8px;gap:3px;padding:3px;display:inline-flex}.segmented button,.tabs button,.tone-row button{height:30px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 10px}.tone-row button{align-content:center;gap:1px;min-width:96px;height:46px;display:grid}.tone-row button small{color:inherit;opacity:.72;font-size:10px;font-weight:700}.segmented button.is-selected,.tabs button.is-selected,.tone-row button.is-selected{color:var(--ink);background:#e9f5f4}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.metric{border:1px solid var(--border);min-height:112px;box-shadow:var(--shadow);background:#fff;border-radius:8px;gap:13px;padding:15px;display:flex}.metric-icon{border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.metric.risk .metric-icon{color:#0f5557;background:#e6f4f2}.metric.critical .metric-icon{color:#a63b2b;background:#fff1ed}.metric.watch .metric-icon{color:#8b5a12;background:#fff6d8}.metric.clear .metric-icon{color:#276749;background:#e8f7ed}.metric span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:750;display:block}.metric strong{color:var(--ink);margin-top:6px;font-size:25px;line-height:1;display:block}.metric p{color:var(--muted);margin:8px 0 0;font-size:13px}.main-grid{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:12px;display:grid}.queue-panel,.composer-panel,.add-panel,.sell-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:8px}.queue-panel,.add-panel,.sell-panel{overflow:hidden}.panel-head,.composer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:14px 16px;display:flex}.panel-head h2,.composer-panel h2,.add-panel h2,.sell-panel h2{font-size:17px;line-height:1.2}.invoice-table-wrap{overflow:auto}.invoice-table{border-collapse:collapse;table-layout:fixed;width:100%}.invoice-table th:first-child,.invoice-table td:first-child{width:27%}.invoice-table th:nth-child(2),.invoice-table td:nth-child(2){width:13%}.invoice-table th:nth-child(3),.invoice-table td:nth-child(3){width:15%}.invoice-table th:nth-child(4),.invoice-table td:nth-child(4){width:13%}.invoice-table th:nth-child(5),.invoice-table td:nth-child(5){width:15%}.invoice-table th:nth-child(6),.invoice-table td:nth-child(6){width:17%}.invoice-table th,.invoice-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;overflow-wrap:anywhere;padding:11px 12px}.invoice-table th{color:var(--muted);text-transform:uppercase;background:#fbfcfc;font-size:11px;font-weight:800}.invoice-table tr{cursor:pointer}.invoice-table tbody tr:hover,.invoice-table tbody tr.is-selected{background:#eef8f7}.invoice-table td{color:var(--ink);font-size:13px}.invoice-table td strong{color:var(--ink);font-size:13px;display:block}.muted,.client-cell span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.client-cell{text-align:left;background:0 0;border:0;height:auto;padding:0;display:block}.next-cell{max-width:220px;color:var(--muted);font-size:12px;line-height:1.35;display:block}.risk-badge{border-radius:999px;justify-content:center;align-items:center;min-width:74px;height:26px;padding:0 9px;font-size:11px;font-weight:850;display:inline-flex}.risk-badge.clear{color:#276749;background:#e8f7ed}.risk-badge.watch{color:#8b5a12;background:#fff6d8}.risk-badge.overdue{color:#a35d15;background:#fff0de}.risk-badge.critical{color:#a63b2b;background:#fff1ed}.composer-panel{padding-bottom:14px;position:sticky;top:14px}.composer-head{border-bottom:0}.composer-hint{color:#154b4d;background:#f3faf8;border:1px solid #cfe0df;border-radius:8px;align-items:flex-start;gap:8px;margin:0 14px 10px;padding:9px 10px;font-size:12px;line-height:1.35;display:flex}.composer-hint svg{flex:none;margin-top:1px}.tone-row{margin:0 14px 12px}.field{color:var(--muted);gap:6px;margin:0 14px 10px;font-size:12px;font-weight:800;display:grid}.field input,.field select,.field textarea{box-sizing:border-box;width:100%;min-width:0;padding:10px;font-size:13px;font-weight:550}.field textarea{resize:vertical;min-height:172px;line-height:1.48}.field.compact{margin:0}.composer-actions{grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 14px;display:grid}.timeline{border:1px solid var(--border);border-radius:8px;margin:0 14px 14px;overflow:hidden}.timeline h3{color:var(--ink);border-bottom:1px solid var(--border);margin:0;padding:10px 12px;font-size:13px}.action-step{border-bottom:1px solid var(--border);grid-template-columns:28px 72px minmax(0,1fr);align-items:center;gap:8px;padding:10px 12px;display:grid}.action-step:last-child{border-bottom:0}.action-step div{width:28px;height:28px;color:var(--teal);background:#e9f5f4;border-radius:8px;place-items:center;display:grid}.action-step span{color:var(--ink);font-size:12px;font-weight:800}.action-step p{color:var(--muted);margin:0;font-size:12px;line-height:1.35}.editor-grid{grid-template-columns:1fr 1fr;gap:10px;padding:0 14px;display:grid}.ops-grid{grid-template-columns:minmax(0,1fr) 390px;gap:12px;margin-top:12px;display:grid}.add-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px 16px 16px;display:grid}.sell-panel{padding:16px}.sell-panel p{line-height:1.5}.quick-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.proof-list{color:var(--muted);gap:9px;margin:16px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.proof-list li{align-items:flex-start;gap:6px;display:flex}.proof-list svg{color:var(--teal);flex:none;margin-top:2px}.toast{z-index:30;color:#fff;background:#153f43;border-radius:8px;padding:12px 14px;font-size:13px;font-weight:800;position:fixed;bottom:22px;right:22px;box-shadow:0 16px 36px #153f433d}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1180px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.brand div:last-child,.side-nav a span,.privacy-note span{display:none}.side-nav a,.privacy-note{justify-content:center}.metric-grid,.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-grid{grid-template-columns:minmax(0,1fr)}.tutorial-panel{grid-template-columns:1fr}.tutorial-actions{justify-content:flex-start}.composer-panel{position:static}}@media (width<=780px){.app-shell{display:block}.sidebar{flex-direction:row;align-items:center;height:auto;padding:14px;position:static;overflow:auto}.brand div:last-child,.privacy-note{display:none}.side-nav{gap:6px;display:flex}.workspace{padding:14px}.topbar{display:grid}.coach-strip,.coach-strip div{align-items:flex-start}.coach-strip{display:grid}.coach-strip div{grid-template-columns:18px 1fr;display:grid}.coach-strip span{grid-column:2}.top-actions{justify-content:flex-start}.search-box{min-width:100%}.metric-grid,.ops-grid,.add-form,.editor-grid,.tutorial-steps,.composer-actions{grid-template-columns:1fr}.invoice-table{min-width:680px}}