:root{font-family:Ebrima,Inter,Arial,sans-serif;color:#152238;background:#f7fafd}*{box-sizing:border-box}body{margin:0}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#0f1c2e;color:#fff;padding:24px;display:flex;flex-direction:column}aside img{width:170px;height:80px;object-fit:contain}nav{display:flex;flex-direction:column;gap:10px;margin-top:28px}nav button{background:transparent;text-align:left}.navOn{background:#1a8ddd!important}main{padding:34px;max-width:1100px;width:100%}header{display:flex;justify-content:space-between;align-items:center}button{background:#1a8ddd;color:#fff;border:0;border-radius:10px;padding:12px 16px;font-weight:700;cursor:pointer}.card{background:#fff;border-radius:16px;padding:22px;margin-top:24px;box-shadow:0 6px 24px #15223812}.row,.search{display:flex;gap:10px;align-items:center}.search input{flex:1}.badge{background:#dcfce7;color:#15803d;padding:5px 9px;border-radius:999px;font-size:12px}.badge.off{background:#f2f4f7;color:#667085}.loginPage{min-height:100vh;display:grid;place-items:center;padding:24px}.loginCard{width:min(420px,100%);background:#fff;border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 36px #15223818}.loginCard img{height:70px;object-fit:contain}input,select{padding:13px 14px;border:1px solid #dce6f2;border-radius:10px;font-size:16px;width:100%;background:#fff}.loginCard small{color:#b42318}.ghost{margin-top:auto;background:transparent;border:1px solid #ffffff55}.pass{display:flex}.pass input{border-radius:10px 0 0 10px}.pass .eye{border-radius:0 10px 10px 0}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.formGrid label{display:grid;gap:7px;font-weight:700}.wide{grid-column:1/-1}.client{width:100%;display:flex;justify-content:space-between;text-align:left;background:#fff;color:#152238;border:1px solid #dce6ef;margin-top:10px}.client span,.approval span{color:#667085}.approval{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #edf2f7}.approval div{display:flex;flex-direction:column;gap:5px}.danger{background:#fff;color:#b42318;border:1px solid #fda29b}.back{background:#fff;color:#1a8ddd;border:1px solid #dce6ef}.message{color:#175cd3;font-weight:700}@media(max-width:760px){.shell{grid-template-columns:1fr}.shell aside{display:none}main{padding:18px}.formGrid{grid-template-columns:1fr}.wide{grid-column:auto}.approval{grid-template-columns:1fr auto}.approval .danger{grid-column:1/-1}}.financeLayout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}.financeList{margin-top:24px;position:sticky;top:24px}.financeItem{width:100%;background:#fff;color:#152238;border:1px solid #dce6ef;margin-top:10px;display:flex;justify-content:space-between;align-items:center;text-align:left}.financeItem>span:first-child{display:flex;flex-direction:column;gap:4px}.financeItem small{color:#667085}.financeItem.selected{border:2px solid #1A8DDD;background:#f3f9fe}.financeHero{display:flex;justify-content:space-between}.sectionTitle{display:flex;justify-content:space-between;gap:18px}.field{display:grid;gap:7px;font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#fff;color:#344054;border:1px solid #d0d5dd;padding:9px 11px}.chip.on{background:#eaf5fd;color:#126cae;border-color:#1a8ddd}.checkGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.check{border:1px solid #dce6ef;border-radius:12px;padding:14px;display:flex;gap:10px;align-items:flex-start}.check input{width:auto;margin-top:3px}.check span{display:flex;flex-direction:column;gap:4px}.check small{color:#667085}.formGrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.readOnly{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid #edf2f7}.readOnly span{color:#667085;text-align:right;max-width:62%}.saveBar{position:sticky;bottom:16px;margin-top:24px;background:#0f1c2e;color:#fff;border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 28px #0f1c2e33}.saveBar div{display:flex;flex-direction:column;gap:4px}.saveBar span{font-size:13px;color:#cbd5e1}.saveBar button:disabled{opacity:.65}.financeMessage{background:#eff8ff;border:1px solid #b2ddff;padding:12px;border-radius:10px}@media(max-width:950px){.financeLayout{grid-template-columns:1fr}.financeList{position:static}.formGrid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.checkGrid,.formGrid.three{grid-template-columns:1fr}.saveBar{position:static;gap:14px;align-items:flex-start;flex-direction:column}.readOnly{flex-direction:column}.readOnly span{text-align:left;max-width:none}}.inlineCreate{display:grid;grid-template-columns:1fr auto auto;gap:10px}.tabCard{padding:0;overflow:hidden}.tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid #e4eaf1;padding:0 14px}.tab{background:transparent;color:#475467;border-radius:0;padding:16px 12px;white-space:nowrap}.tab.on{color:#1a8ddd;border-bottom:3px solid #1A8DDD}.tabCard>.formGrid,.tabCard>h3,.tabCard>p,.tabCard>.checkGrid,.tabCard>.readOnly,.tabCard>.validationOk,.tabCard>.calcResult,.tabCard>.hint,.tabCard>.chips,.tabCard>button,.tabCard>.dataTable,.tabCard>.matrix,.tabCard>.chargeTable,.tabCard>.ageRule{margin-left:20px;margin-right:20px}.tabCard{padding-bottom:20px}.dataTable{margin-top:14px}.dataRow{display:grid;grid-template-columns:120px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2f7}.matrix{overflow:auto;margin-top:14px}.matrixHead,.matrixRow{display:grid;grid-template-columns:90px repeat(6,minmax(90px,1fr));gap:6px;align-items:center;min-width:700px}.matrixHead{padding:9px;background:#f6f8fb}.matrixRow{padding:7px 0;border-bottom:1px solid #edf2f7}.matrixRow input{padding:8px}.ageRule{display:grid;grid-template-columns:100px 100px 1fr;gap:12px;align-items:end;padding:14px 0;border-bottom:1px solid #edf2f7}.ageRule label{display:grid;gap:5px;font-weight:700}.chargeTable{overflow:auto;margin-top:16px}.chargeHead,.chargeRow{display:grid;grid-template-columns:150px 130px 120px 60px 210px 70px;gap:8px;align-items:center;min-width:790px;padding:8px}.chargeHead{background:#f3f6fa}.chargeRow{border-bottom:1px solid #edf2f7}.chargeRow input,.chargeRow select{padding:9px;font-size:14px}.chargeRow input[type=checkbox]{width:18px}.validationOk{display:flex;justify-content:space-between;background:#ecfdf3;color:#027a48;padding:16px;border-radius:12px;margin-top:18px}.calcResult{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.calcResult div{border:1px solid #dce6ef;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:7px}.calcResult span{color:#667085}.calcResult .ok{color:#15803d}.calcResult .bad{color:#b42318}.hint{color:#667085;background:#f8fafc;padding:12px;border-radius:10px}@media(max-width:900px){.calcResult{grid-template-columns:1fr 1fr}.inlineCreate,.ageRule{grid-template-columns:1fr}.tabs{padding:0 6px}}.ageHint{margin-top:14px!important;margin-bottom:12px!important}.ageRuleWrap{margin:0 20px;border-bottom:1px solid #edf2f7}.ageRuleWrap .ageRule{margin:0;border-bottom:0}.ageYearsNote{margin:-4px 0 14px;padding:10px 12px;border-radius:9px;background:#eef7ff;color:#344054;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ageYearsNote b{color:#175cd3}.ageYearsNote span{color:#667085}.userRow{display:grid;grid-template-columns:minmax(0,1fr) 180px 110px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #edf2f7}.userRow>div{display:flex;flex-direction:column;gap:4px}.userRow span{color:#667085;font-size:14px}.userRow select{padding:10px}.activate{background:#1570ef}.roleTag{margin-top:auto;margin-bottom:10px;color:#98a2b3;font-size:13px;font-weight:700}.roleTag+.ghost{margin-top:0}@media(max-width:760px){.userRow{grid-template-columns:1fr}.roleTag{display:none}}.quoteFilters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(125px,1fr)) minmax(155px,1fr) minmax(155px,1fr);gap:12px;margin:16px 0}.quoteFilters label{display:grid;gap:6px;font-weight:700;font-size:13px}.countTag{background:#eef7ff;color:#175cd3;padding:5px 10px;border-radius:999px;font-weight:700}.quoteTable{overflow:auto}.quoteHead,.quoteRow{display:grid;grid-template-columns:170px 1.2fr 1fr 1.3fr 55px;gap:12px;align-items:center;min-width:760px;padding:12px 8px}.quoteHead{background:#f6f8fb;color:#475467}.quoteRow{width:100%;background:#fff;color:#152238;border-radius:0;border-bottom:1px solid #edf2f7;text-align:left}.quoteRow:hover{background:#f8fbfe}.quoteRow span:first-child{display:flex;flex-direction:column;gap:3px}.quoteRow small{color:#667085}.quoteRow span:last-child{color:#1a8ddd;font-weight:700}.quoteFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quoteFacts div,.quotePayments div{border:1px solid #e4eaf1;border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:5px}.quoteFacts span,.quotePayments span,.docRow span{color:#667085;font-size:13px}.quotePayments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.docRow{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #edf2f7}.docRow>div{display:flex;flex-direction:column;gap:4px}.docRow code{font-size:12px;color:#667085;overflow-wrap:anywhere}@media(max-width:950px){.quoteFilters,.quoteFacts{grid-template-columns:1fr 1fr}}@media(max-width:760px){.quoteFilters,.quoteFacts,.quotePayments{grid-template-columns:1fr}.docRow{flex-direction:column}}.documentActions{display:grid;gap:12px;margin-top:14px}.documentActions>div{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #e4eaf1;border-radius:12px;padding:14px}.documentActions>div>div:first-child{display:flex;flex-direction:column;gap:4px}.documentActions span{font-size:13px;color:#667085}.docControls{display:flex;gap:10px;align-items:center}.docControls select{min-width:145px}@media(max-width:760px){.documentActions>div,.docControls{align-items:stretch;flex-direction:column}.docControls select{width:100%}}.rateEditor{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rateEditor input{max-width:140px}.rateEditor span{color:#475467}.rateActive{display:flex;align-items:center;gap:6px;font-weight:600;color:#475467}.rateActive input{width:18px}