:root{--ink:#172d27;--green:#245e49;--muted:#7b8982;--line:#e4e9e4;--bg:#f6f7f3}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,label.secondary{cursor:pointer}button{transition:background .15s}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #7ca899}.shell{min-height:100vh;display:flex}aside{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:240px;padding:35px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--green);align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:38px;font-weight:800;text-decoration:none;display:flex}.brand>span{letter-spacing:-1px;font-size:23px;font-weight:800}.brand small{letter-spacing:2.2px;color:#8e9e90;margin-top:5px;font-size:9px;display:block}.workspace-tag{border:1px solid var(--line);color:#66786b;border-radius:7px;align-items:center;gap:9px;margin:28px 0 38px;padding:10px;font-size:12px;display:flex}.dot{background:#4b8f64;border-radius:50%;width:6px;height:6px;display:inline-block}.nav-label{letter-spacing:1.8px;color:#9ba69f;margin:0 12px 14px;font-size:9px;font-weight:700}nav{gap:7px;display:grid}nav button{text-align:left;color:#748177;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:13px 12px;font-size:13px;display:flex}nav button.selected{color:#245e49;background:#edf4ed;font-weight:700}nav button svg:last-child:not(:first-child){margin-left:auto}.agent-area{margin-top:45px}.agent{align-items:center;gap:11px;margin:18px 10px;display:flex}.agent-icon{color:#4f7957;background:#edf3eb;border-radius:10px;padding:9px;display:flex}.blue{color:#627b9b!important;background:#eef1f7!important}.agent strong{font-size:12px}.agent small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.agent-area p{color:#95a095;margin:24px 10px;font-size:10px;line-height:1.8}.aside-bottom{color:#86968a;border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:auto;padding-top:20px;font-size:10px;display:flex}main{flex:1;min-width:0;margin-left:240px;padding:0 38px}.topline{border-bottom:1px solid var(--line);color:#8a978e;justify-content:space-between;align-items:center;height:67px;font-size:11px;display:flex}.topline b{color:#4c6154;font-weight:500}.timezone{align-items:center;gap:10px;display:flex}header{justify-content:space-between;align-items:center;gap:16px;padding:36px 0 28px;display:flex}.eyebrow{letter-spacing:2px;color:#84978a;font-size:9px;font-weight:700}h1{letter-spacing:-1.1px;margin:8px 0 9px;font-family:Manrope,sans-serif;font-size:31px;line-height:1.2}header p,.panel-head p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.actions{align-items:center;gap:10px;display:flex}.primary,.secondary,.icon-btn{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:11px 13px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#184731}.icon-btn{padding:10px}.actions input{width:143px}input,select{color:var(--ink);background:#fff;border:1px solid #dce3dc;border-radius:6px;min-width:0;padding:10px 11px;font-size:12px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:144px;padding:21px 20px}.metric.accent{color:#fff;background:#245e49;border-color:#245e49}.metric-top{color:#6f8075;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.metric.accent .metric-top{color:#c1d5c8}.metric-top svg{opacity:.7;flex-shrink:0}.metric-value{letter-spacing:-.8px;white-space:nowrap;margin:18px 0 11px;font-family:Manrope,sans-serif;font-size:27px;font-weight:700}.metric-foot{color:#8b978e;font-size:10px;line-height:1.4}.metric.accent .metric-foot{color:#c1d5c8}.two-col{grid-template-columns:1.3fr 1fr;gap:22px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:24px;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;gap:15px;padding:23px 23px 19px;display:flex}.panel-head h2{margin:0 0 5px;font-family:Manrope,sans-serif;font-size:15px;font-weight:700}.panel-head p{max-width:650px;font-size:11px}.badge{letter-spacing:.1px;white-space:nowrap;text-transform:none;border-radius:5px;padding:5px 8px;font-size:9px;display:inline-block}.green{color:#4b7654;background:#edf5ee}.amber{color:#a47631;background:#fff3df}.neutral{color:#6a7c6b;background:#f0f3ee}.text-btn{color:#477157;white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:4px;font-size:10px;display:inline-flex}.role-card{border-top:1px solid #edf0eb;align-items:center;gap:14px;margin:0 23px;padding:21px 0;display:flex}.role-mark{color:#5d805a;background:#edf4ea;border-radius:10px;justify-content:center;align-items:center;min-width:43px;height:43px;display:flex}.role-mark svg{width:20px}.role-card h3{margin:0 0 6px;font-size:12px}.role-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.role-card .text-btn{margin-left:auto}.health .panel-head{padding-bottom:0}.health-symbol{color:#a89562;background:#f6f2e6;border-radius:10px;justify-content:center;align-items:center;width:43px;height:43px;margin:14px 23px 10px;display:flex}.health h3{margin:10px 23px;font-size:14px}.health>p{color:var(--muted);margin:0 23px;font-size:11px;line-height:1.6}.coverage{margin:15px 23px 22px}.coverage>div{color:#697d6f;border-bottom:1px solid #edf0eb;justify-content:space-between;align-items:center;padding:9px 0;font-size:11px;display:flex}.coverage>div:last-child{border:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#8b998f;text-transform:uppercase;letter-spacing:.8px;background:#fafbf8;padding:13px 23px;font-size:9px;font-weight:600}td{color:#67796c;border-bottom:1px solid #edf0eb;padding:16px 23px;font-size:11px}tbody tr:last-child td{border:0}td strong{color:#304c3b;font-weight:600}.numeric{font-variant-numeric:tabular-nums;color:#304c3b}.person{align-items:center;gap:11px;display:flex}.avatar{color:#607755;background:#eef2e9;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;font-size:10px;font-weight:700;display:flex}.person small{color:#9ba59c;margin-top:4px;font-size:9px;display:block}.muted{color:#a3ada4;font-size:10px}.note{color:#74816b;background:#eef2e9;border:1px solid #e0e7d9;border-radius:8px;align-items:flex-start;gap:10px;margin:0 0 25px;padding:17px 19px;font-size:11px;line-height:1.7;display:flex}.note svg{flex-shrink:0;margin-top:2px}.cash-summary{padding:4px 23px}.cash-summary>div{color:#7f8f82;justify-content:space-between;padding:14px 0;font-size:12px;display:flex}.cash-summary strong{color:#395f49}.cash-summary .net{border-top:1px solid var(--line);font-weight:600}.panel-note{color:#8b968d;margin:15px 23px 22px;font-size:11px;line-height:1.7}.import-actions{align-items:center;gap:12px;margin:0 23px 23px;display:flex}.import-actions input{display:none}.empty{text-align:center;color:#a0aea2;padding:42px 20px}.empty svg{color:#8da38f}.empty h3{color:#617767;font-size:13px}.empty p{font-size:11px;line-height:1.7}.alert{color:#97702f;background:#fff3df;border:1px solid #f1dfc2;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:13px 16px;font-size:12px;display:flex}.alert.error{color:#9f493a;background:#fff0ed}.alert.success{color:#3e754d;background:#eaf4e9}.alert button{color:inherit;background:0 0;border:none}footer{border-top:1px solid var(--line);color:#9ca79c;justify-content:space-between;align-items:center;gap:15px;padding:18px 0 27px;font-size:9px;display:flex}footer>span:first-child{align-items:center;gap:6px;display:flex}.modal-overlay{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17362966;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:570px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 80px #10281c33}.modal .panel-head{border-bottom:1px solid var(--line)}.modal form{gap:17px;padding:22px;display:grid}.modal label{color:#627967;gap:7px;font-size:11px;font-weight:600;display:grid}.modal input,.modal select{width:100%;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-bottom{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding-top:17px;display:flex}@media (min-width:1600px){main{padding-left:55px;padding-right:55px}.metric-value{font-size:32px}}@media (max-width:1200px){aside{width:210px;padding:28px 16px}main{margin-left:210px;padding:0 24px}.metrics{gap:10px}.metric{padding:18px 14px}.metric-value{font-size:22px}.role-card{flex-wrap:wrap}.role-card .text-btn{margin-left:57px}header{flex-direction:column;align-items:flex-start}.two-col{grid-template-columns:1fr 1fr}}@media (max-width:800px){aside{border-right:0;border-bottom:1px solid var(--line);width:100%;padding:16px 20px;position:static}.shell{display:block}.brand{font-size:28px}.brand>span{font-size:20px}.brand small,.workspace-tag,.agent-area,.aside-bottom,.nav-label{display:none}nav{gap:4px;margin-top:16px;display:flex;overflow-x:auto}nav button{white-space:nowrap;gap:6px;padding:10px;font-size:11px}nav button svg{width:15px}nav button svg:last-child:not(:first-child){display:none}main{margin:0;padding:0 18px}.topline{height:45px}header{padding:26px 0 22px}h1{font-size:27px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{min-height:135px}.metric-value{font-size:23px}.two-col{grid-template-columns:1fr}.actions{flex-wrap:wrap;width:100%}.actions .primary{margin-left:auto}.panel-head{flex-wrap:wrap;padding:19px 17px}.panel-head input{width:100%}th,td{padding-left:17px;padding-right:17px}.role-card{margin:0 17px}.role-card .text-btn{margin-left:auto}.metric-foot{font-size:9px}footer{flex-wrap:wrap;font-size:9px}.form-grid{grid-template-columns:1fr}.modal-overlay{padding:10px}.modal .panel-head{flex-wrap:nowrap}.health .coverage{margin-top:10px}.badge{font-size:9px}}.letter-intro{background:#eef3ea;border:1px solid #dfe8da;border-radius:9px;align-items:center;gap:15px;margin:0 0 25px;padding:19px 22px;display:flex}.letter-icon{color:#477157;background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.letter-intro h2{margin:0 0 6px;font-size:14px}.letter-intro p{color:#7c8d7c;margin:0;font-size:11px;line-height:1.7}.letter-intro>.badge{margin-left:auto}.letter-grid{grid-template-columns:minmax(280px,.85fr) minmax(360px,1.4fr);align-items:start;gap:24px;display:grid}.letter-controls form{gap:16px;padding:0 22px 22px;display:grid}.letter-controls label{color:#627967;gap:7px;font-size:11px;font-weight:600;display:grid}.letter-controls input,.letter-controls select,.letter-controls textarea{width:100%}.letter-controls textarea{font:inherit;resize:vertical;color:var(--ink);border:1px solid #dce3dc;border-radius:6px;padding:10px;font-size:12px;font-weight:400;line-height:1.7}.template-description{margin-top:-7px}.template-description p{color:#8a978c;margin:7px 0 0;font-size:10px;line-height:1.6}.field-group-label{border-top:1px solid var(--line);padding-top:10px;font-size:11px;font-weight:700}.company-details{border-top:1px solid var(--line);padding-top:14px}.company-details summary{cursor:pointer;color:#55755c;font-size:11px;font-weight:600}.company-details label{margin-top:13px}.letter-hint{color:#8b998d;margin:0;font-size:10px;line-height:1.8}.generate-button{width:100%;padding:13px}.preview-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.preview-toolbar>div{color:#748776;align-items:center;gap:8px;font-size:12px;display:flex}.letter-page{border:1px solid var(--line);overflow-wrap:anywhere;background:#fff;border-radius:4px;min-height:650px;margin-bottom:12px;box-shadow:0 4px 18px #27422c06}.letterhead-space{color:#bac3b8;border-bottom:1px dashed #edf0ea;justify-content:center;align-items:center;height:120px;margin:0 40px;font-size:9px;display:flex}.letter-content{color:#222;padding:16px 40px 45px;font-family:Arial,sans-serif;font-size:11px;line-height:1.65}.letter-content h2{color:#000;margin:5px 0 24px;font-size:18px}.letter-content p{margin:0 0 12px}.letter-meta{margin-bottom:24px}.letter-meta p{margin:0 0 3px}.letter-signoff{margin-top:25px!important;margin-bottom:30px!important}.letter-preview-empty{padding-top:170px}.generated-card{color:#4c7651;background:#eef6ec;border:1px solid #d9e8d9;border-radius:8px;flex-wrap:wrap;align-items:flex-start;gap:10px;margin:16px 0 23px;padding:17px;display:flex}.generated-card strong{font-size:12px}.generated-card small,.generated-card span{margin-top:6px;font-size:9px;display:block}.letter-downloads{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.letter-downloads a{text-decoration:none}.generated-card>.letter-downloads{width:100%;padding-left:30px}.letter-version{color:#a2aca3;margin-top:5px;font-size:9px;display:block}@media (max-width:1100px){.letter-grid{grid-template-columns:1fr}.letter-preview-column{min-width:0}.letter-content{font-size:12px}}@media (max-width:600px){.letter-intro{align-items:flex-start;padding:15px}.letter-intro>.badge{display:none}.letter-controls .form-grid{grid-template-columns:1fr}.letter-content{padding:15px 22px 30px;font-size:11px}.letterhead-space{height:110px;margin:0 22px}.letter-content h2{font-size:17px}.letter-grid{gap:8px}.letter-intro h2{font-size:13px}}.brand{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.brand img{object-fit:contain;width:173px;max-width:100%;height:auto;display:block}.brand>small{letter-spacing:2.2px;color:#8e9e90;margin-left:3px;font:600 9px Manrope,Arial,sans-serif;display:block}@media (max-width:800px){.brand img{width:126px}.brand>small{display:none}}.owner-auth{border:1px solid var(--line);background:#fff;border-radius:12px;max-width:460px;margin:8vh auto;padding:38px}.owner-auth>img{height:auto;margin:0 auto 24px;display:block}.owner-auth h1{font-size:26px}.owner-auth>p{color:var(--muted);margin-bottom:26px;line-height:1.7}.owner-auth form{gap:18px;display:grid}.owner-auth label{gap:9px;font-size:12px;font-weight:600;display:grid}.owner-auth input{width:100%}.owner-auth .alert{margin-bottom:0}@media (max-width:600px){.owner-auth{margin:5vh 18px;padding:25px}}
