@font-face{font-family:Termina Test;src:url(/assets/TerminaTest-Medium-C94JgEIN.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Termina Test;src:url(/assets/TerminaTest-Demi-DNr8hpAs.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}:root{--hyperoll-font-termina: "Termina Test", sans-serif;--hyperoll-color-gray: #727071;--hyperoll-color-black: #231F20;--hyperoll-color-white: #FFFFFF}:root{color:#15221c;background:#f3f3ee;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select{font:inherit}button{border:0;border-radius:8px;padding:.8rem 1.1rem;background:#c7f36b;color:#10251d;font-weight:750;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.eyebrow{margin:0 0 .35rem;color:#6d786f;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.login-shell{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 75% 15%,#294c3d,#10251d 55%)}.login-card{width:min(510px,100%);padding:3rem;border-radius:18px;background:#fbfbf7;box-shadow:0 24px 80px #0006}.login-card img,aside img{width:150px;margin-bottom:2.5rem}.login-card h1{font-size:clamp(2.3rem,7vw,4rem);line-height:.95;letter-spacing:-.055em;margin:.7rem 0 1.2rem}.login-card>p:not(.eyebrow){color:#5d675f;line-height:1.6}.login-card button{width:100%;margin-top:1.3rem}.login-card small{display:block;margin-top:.8rem;color:#8a5045}.app-shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}aside{position:sticky;top:0;height:100vh;padding:2rem 1.3rem;display:flex;flex-direction:column;background:#10251d;color:#fff}aside img{filter:invert(1);margin-bottom:1.5rem}aside .eyebrow{color:#91a098}aside nav{display:grid;gap:.35rem;margin-top:2.5rem}aside nav button{padding:.75rem .8rem;border-radius:7px;background:transparent;color:#aebdb5;text-align:left;font-weight:600}aside nav button.active{background:#203a2f;color:#d7fa8d}.quiet{margin-top:auto;background:transparent;border:1px solid #375045;color:#dbe6df}.content{padding:2.5rem clamp(1.2rem,4vw,4.5rem) 5rem;overflow:hidden}header,.panel-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}header h1{margin:0;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.045em}header select{max-width:280px;padding:.75rem;border:1px solid #d4d7ce;border-radius:8px;background:#fff}.report-controls{display:flex;align-items:end;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.report-controls label{display:grid;gap:.25rem;color:#6d786f;font-size:.7rem;font-weight:750;text-transform:uppercase}.report-controls input{padding:.65rem;border:1px solid #d4d7ce;border-radius:8px;background:#fff}.metric-grid{margin:2rem 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.metric-grid article{min-height:140px;display:flex;flex-direction:column;justify-content:space-between;padding:1.3rem;border:1px solid #dcddd5;border-radius:12px;background:#fbfbf8}.metric-grid article.primary{background:#c7f36b;border-color:#b3df5b}.metric-grid span{color:#69736c;font-size:.82rem;font-weight:700}.metric-grid strong{font-size:clamp(1.8rem,4vw,3.2rem);letter-spacing:-.05em}.metric-grid small{color:#667168}.panel{margin-top:1rem;padding:1.5rem;border:1px solid #dcddd5;border-radius:12px;background:#fbfbf8}.panel-title h2{margin:0;letter-spacing:-.025em}.panel-title>span{color:#6d786f;font-size:.8rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:1.3rem}th,td{padding:.9rem .6rem;text-align:right;border-top:1px solid #e5e6df;white-space:nowrap}th:first-child,td:first-child{text-align:left}th{color:#6d786f;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}td small{display:block;margin-top:.2rem;color:#7a847d}.opportunity-list article{display:flex;justify-content:space-between;gap:2rem;padding:1rem 0;border-top:1px solid #e5e6df}.opportunity-list small,.opportunity-list span{display:block;margin-top:.25rem;color:#6d786f;font-size:.8rem}.opportunity-list article>div:last-child{text-align:right}.error{color:#9b2f23!important}.banner{padding:.8rem;background:#f8ded8;border-radius:8px}.split-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-panel{display:grid;align-content:start;gap:1rem}.form-panel h2{margin:0}.form-panel label:not(.check){display:grid;gap:.4rem;color:#5d675f;font-size:.8rem;font-weight:750}.form-panel input,.form-panel select,.form-panel textarea{width:100%;min-width:0;padding:.75rem;border:1px solid #d4d7ce;border-radius:7px;background:#fff;color:#15221c;font:inherit}.form-panel textarea{min-height:95px;resize:vertical}.form-panel fieldset{display:grid;gap:.55rem;padding:1rem;border:1px solid #dcddd5;border-radius:8px}.form-panel legend{padding:0 .35rem;color:#5d675f;font-size:.8rem;font-weight:750}.form-panel .check{display:flex;align-items:center;gap:.55rem;font-size:.85rem}.form-panel .check input{width:auto}.compact-form{grid-template-columns:minmax(180px,1.3fr) repeat(3,minmax(150px,1fr)) auto;align-items:end}.quickbooks-connect{grid-template-columns:minmax(220px,1.5fr) minmax(220px,1fr) auto}.connection-list article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:1rem 0;border-top:1px solid #e5e6df}.connection-list small{display:block;margin-top:.25rem;color:#6d786f;font-size:.8rem}.connection-list article>div:nth-child(2){text-align:right}.connection-streams{display:grid;gap:.2rem;margin-top:.65rem}.connection-streams small{margin-top:0}.connection-streams b{color:#24372c;font-weight:600}.status{display:inline-block;padding:.25rem .5rem;border-radius:999px;background:#e4e9e2;font-size:.72rem;font-weight:800;text-transform:capitalize}.status.connected{background:#dff0ba}.status.needs_attention{background:#f8ded8;color:#8a3026}.operational-grid{margin-bottom:0;grid-template-columns:repeat(4,minmax(0,1fr))}.operational-grid article{min-height:125px}.operational-grid article.unavailable-card{background:#f1f1ec}.operational-grid article.unavailable-card strong{color:#747d76;font-size:1.6rem}.opportunity-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.opportunity-form>div,.opportunity-form label:nth-of-type(3){grid-column:span 2}.opportunity-list.detailed article{display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(220px,auto);align-items:center}.opportunity-list.detailed p{max-width:60ch;margin:.45rem 0 0;color:#59645d;font-size:.88rem}.opportunity-list .impact{display:flex;gap:1.2rem;text-align:right}.opportunity-list .impact strong{color:#15221c}.opportunity-update{display:grid;grid-template-columns:1fr;gap:.4rem}.opportunity-update select,.opportunity-update input{min-width:170px;padding:.6rem;border:1px solid #d4d7ce;border-radius:7px;background:#fff}.entity-picker{display:grid;gap:.35rem;color:#5d675f;font-size:.78rem;font-weight:750}.entity-picker select,.mapping-action select{padding:.65rem;border:1px solid #d4d7ce;border-radius:7px;background:#fff}.mapping-needed{padding:.25rem .5rem;border-radius:999px;background:#f8ded8;color:#8a3026;font-size:.72rem;font-weight:800}.mapping-action{display:flex;justify-content:flex-end;gap:.4rem}.mapping-controls{display:flex;gap:.6rem;align-items:end}.mapping-controls input{padding:.65rem;border:1px solid #d4d7ce;border-radius:7px;background:#fff}.mapping-action button{padding:.6rem .75rem;white-space:nowrap}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.2rem 0}.comparison-grid div{display:grid;gap:.35rem;padding:1rem;border-radius:9px;background:#f1f3eb}.comparison-grid span{color:#6d786f;font-size:.78rem;font-weight:750}.comparison-grid strong{font-size:1.55rem;letter-spacing:-.035em}.bridge{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:.7rem;align-items:center;padding-top:1rem;border-top:1px solid #e5e6df}.bridge div{display:grid;gap:.25rem}.bridge span{color:#6d786f;font-size:.75rem;font-weight:750}.bridge>span{font-size:1.2rem;text-align:center}.bridge small{grid-column:1 / -1;color:#6d786f}.setup-company-picker{max-width:420px;margin-top:1.2rem}.setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.adjustment-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.adjustment-form>div,.adjustment-form label:nth-of-type(4){grid-column:span 2}.reason-cell{max-width:360px;white-space:normal;text-align:left}.review-actions{display:flex;justify-content:flex-end;gap:.35rem}.review-actions button{padding:.5rem .65rem}.review-actions .reject{background:#f8ded8;color:#8a3026}.status.approved{background:#dff0ba}.status.rejected{background:#f8ded8;color:#8a3026}.status.healthy{background:#dff0ba}.status.stale,.status.never_synced{background:#fff0c2;color:#765b12}.status.failed{background:#f8ded8;color:#8a3026}.customer-card{max-width:640px}.customer-card .quiet{background:transparent;border:1px solid #bbc3bc;color:#27302a}@media(max-width:1050px){.compact-form,.setup-grid{grid-template-columns:1fr 1fr}}@media(max-width:850px){.app-shell{grid-template-columns:1fr}aside{position:static;height:auto;flex-direction:row;align-items:center;gap:1rem}aside img{width:100px;margin:0}aside>div{display:none}aside nav{display:flex;margin:0}aside nav button{padding:.55rem}aside .quiet{margin:0 0 0 auto}.metric-grid{grid-template-columns:repeat(2,1fr)}.split-panels,.opportunity-form,.setup-grid,.adjustment-form{grid-template-columns:1fr}.opportunity-form>div,.opportunity-form label:nth-of-type(3),.adjustment-form>div,.adjustment-form label:nth-of-type(4){grid-column:auto}.opportunity-list.detailed article{grid-template-columns:1fr}.opportunity-list .impact{text-align:left}header{align-items:flex-start;flex-direction:column}.report-controls{justify-content:flex-start}.bridge{grid-template-columns:1fr}.bridge>span{transform:rotate(90deg)}.bridge small{grid-column:auto}}@media(max-width:540px){.content{padding:1.3rem 1rem 3rem}header{align-items:stretch;flex-direction:column}header select{max-width:none}.metric-grid,.compact-form,.comparison-grid{grid-template-columns:1fr}.opportunity-list article{flex-direction:column}.opportunity-list article>div:last-child{text-align:left}aside nav{display:none}.connection-list article{grid-template-columns:1fr}.connection-list article>div:nth-child(2){text-align:left}}