:root{--ink:#17231f;--muted:#718078;--line:#e7ece9;--paper:#fff;--canvas:#f4f6f3;--forest:#11261f;--forest-2:#18372d;--green:#278a67;--green-soft:#e9f5ef;--gold:#ba8b37;--gold-soft:#faf2df;--red:#c45d59;--red-soft:#fbedeb;--shadow:0 10px 30px rgba(23,35,31,.055)}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--forest);color:#fff;padding:27px 20px 19px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 30px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:#dff2e9;border-radius:12px}.brand-mark svg{width:28px;fill:#1d7255}.brand-mark .brand-dot{fill:#b58c44}.brand div:last-child{display:flex;flex-direction:column;line-height:1.05}.brand strong{font:800 20px "Manrope",sans-serif;letter-spacing:-.6px}.brand span{color:#a5b8b0;font-size:11px;letter-spacing:2.2px;text-transform:uppercase;margin-top:4px}.nav-label{font-size:10px;letter-spacing:1.7px;color:#688078;margin:10px 12px 8px;font-weight:700}.nav-label--second{margin-top:24px}.nav-item{height:44px;display:flex;align-items:center;gap:13px;border-radius:10px;padding:0 12px;color:#b9c8c2;text-decoration:none;margin:2px 0;font-weight:500;transition:.18s}.nav-item:hover{background:rgba(255,255,255,.05);color:#fff}.nav-item.active{background:var(--forest-2);color:#f5faf7;box-shadow:inset 3px 0 #52b28c}.nav-icon{width:22px;text-align:center;font-size:20px;color:#819a91}.active .nav-icon{color:#68c29e}.nav-count{margin-left:auto;background:rgba(255,255,255,.07);color:#91a79e;border-radius:20px;padding:2px 8px;font-size:11px}.sidebar-bottom{margin-top:auto}.health-card{display:flex;align-items:center;gap:10px;padding:12px;background:#18342b;border:1px solid rgba(255,255,255,.05);border-radius:10px;margin-bottom:13px}.health-dot{width:8px;height:8px;background:#64c89e;border-radius:50%;box-shadow:0 0 0 4px rgba(100,200,158,.1)}.health-card div,.user-card>span:nth-child(2){display:flex;flex-direction:column}.health-card strong{font-size:12px}.health-card small,.user-card small{font-size:10px;color:#82978f;margin-top:2px}.user-card{border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px;padding:16px 4px 0;color:#fff;text-decoration:none}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#d3a754;color:#1c2c26;font-weight:800;font-size:12px}.user-card strong{font-size:12px}.dots{margin-left:auto;color:#70867e;font-size:12px}.main-content{margin-left:250px;min-height:100vh}.topbar{height:100px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 42px;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.welcome p{margin:0 0 5px;text-transform:uppercase;letter-spacing:1.4px;color:#8b9791;font-size:10px;font-weight:700}.welcome h1{font:700 24px "Manrope",sans-serif;letter-spacing:-.7px;margin:0}.welcome h1 span{font-size:20px}.top-actions{margin-left:auto;display:flex;gap:9px}.icon-button,.menu-button{width:41px;height:41px;border:1px solid var(--line);background:white;border-radius:10px;color:#58665f;font-size:21px}.notification-button{position:relative}.notification-button>span{position:absolute;right:9px;top:8px;width:7px;height:7px;border-radius:50%;background:#d17b5d;border:2px solid white}.primary-button{height:41px;border:0;background:var(--forest);color:white;border-radius:10px;padding:0 17px;font-weight:600;box-shadow:0 5px 12px rgba(17,38,31,.15)}.primary-button span{font-size:17px;margin-right:4px}.menu-button{display:none}.content-wrap{padding:34px 42px 50px;max-width:1540px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-heading h2{font:700 21px "Manrope",sans-serif;margin:0 0 5px}.section-heading p,.panel-heading p{margin:0;color:var(--muted);font-size:12px}.period-switcher{background:#e9edea;padding:4px;border-radius:10px;display:flex}.period-switcher button{border:0;background:transparent;color:#75827c;padding:7px 13px;border-radius:7px;font-size:11px;font-weight:600}.period-switcher button.selected{background:#fff;color:#22322b;box-shadow:0 2px 7px rgba(0,0,0,.07)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;transition:.15s}.metric-grid.is-loading{opacity:.55}.metric-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:19px 20px 18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-25px;bottom:-37px;width:100px;height:100px;border-radius:50%;background:var(--green-soft);opacity:.55}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-icon{width:34px;height:34px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);border-radius:10px;font-size:18px;font-weight:700}.metric-card--cost .metric-icon{background:var(--gold-soft);color:var(--gold)}.metric-card--margin .metric-icon{background:#eef0f9;color:#5967a7}.trend{font-size:10px;font-weight:700;padding:4px 7px;border-radius:15px}.trend.positive{color:var(--green);background:var(--green-soft)}.trend.neutral{color:#99752f;background:var(--gold-soft)}.metric-card>p{font-size:11px;color:var(--muted);margin:16px 0 3px}.metric-card h3{font:800 23px "Manrope",sans-serif;letter-spacing:-.8px;margin:0 0 3px;position:relative;z-index:1}.metric-card>small{color:#9aa39e;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:17px;margin-top:17px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.9fr);gap:17px;margin-top:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.panel-heading{height:73px;padding:0 21px;display:flex;align-items:center;border-bottom:1px solid #edf0ee}.panel-heading h3{font:700 14px "Manrope",sans-serif;margin:0 0 5px}.panel-heading a{margin-left:auto;color:var(--green);font-size:11px;font-weight:700;text-decoration:none}.more-button{margin-left:auto;border:0;background:transparent;color:#89948f;letter-spacing:2px}.chart-panel{position:relative}.chart-legend{position:absolute;top:78px;right:22px;display:flex;gap:15px;color:#7b8781;font-size:10px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:7px;height:7px;border-radius:50%}.income-dot{background:var(--green)}.cost-dot{background:#c6a45d}.chart-wrap{height:267px;padding:18px 18px 9px 7px}.chart{width:100%;height:100%;overflow:visible}.grid-lines line{stroke:#edf0ee;stroke-width:1}.axis-labels text,.month-labels text{fill:#9aa49f;font:9px "DM Sans"}.income-area{fill:url(#incomeFill)}.income-line{fill:none;stroke:var(--green);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.cost-line{fill:none;stroke:#c6a45d;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}.renewal-list{padding:3px 20px}.renewal-row{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f2f1}.renewal-row:last-child{border:0}.date-badge{width:41px;height:45px;border:1px solid #e6eae8;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafbfa}.date-badge b{font:700 15px "Manrope"}.date-badge span{font-size:8px;color:#89948f;letter-spacing:.8px}.date-badge.urgent{background:var(--red-soft);border-color:#f1d6d3;color:var(--red)}.renewal-info,.renewal-amount{display:flex;flex-direction:column}.renewal-info strong,.renewal-amount strong{font-size:11px}.renewal-info span,.renewal-amount span{font-size:10px;color:#909b95;margin-top:3px}.renewal-amount{text-align:right}.activity-list{padding:1px 21px 6px}.activity-row{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #f0f2f1}.activity-row:last-child{border:0}.activity-icon,.option-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;font-weight:700}.activity-icon.income,.option-icon.income{background:var(--green-soft);color:var(--green)}.activity-icon.cost,.option-icon.cost{background:var(--gold-soft);color:var(--gold)}.activity-icon.clock,.option-icon.clock{background:#eef0f9;color:#6470a6}.activity-row>div{display:flex;flex-direction:column}.activity-row>div:last-child{text-align:right}.activity-row strong{font-size:11px}.activity-row span{font-size:10px;color:#909b95;margin-top:3px}.activity-row .green{color:var(--green)}.alert-count{margin-left:auto;background:var(--red-soft);color:var(--red);border-radius:20px;font-size:10px;font-weight:700;padding:4px 8px}.attention-item{display:grid;grid-template-columns:35px 1fr auto;gap:11px;align-items:center;margin:13px 20px;padding:11px;background:#fcfafa;border:1px solid #f1e8e6;border-radius:10px}.attention-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:var(--red-soft);color:var(--red);font-weight:800}.attention-icon.amber{background:var(--gold-soft);color:var(--gold)}.attention-item strong{font-size:11px}.attention-item p{margin:3px 0 0;font-size:10px;color:#89948f}.attention-item button{border:1px solid #e2e7e4;background:#fff;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:700;color:#526059}.mobile-overlay{display:none}.modal-backdrop{position:fixed;inset:0;background:rgba(7,19,15,.56);z-index:50;display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px)}.modal{width:min(460px,100%);background:#fff;border-radius:18px;padding:32px;position:relative;box-shadow:0 25px 70px rgba(0,0,0,.22)}.modal-close{position:absolute;right:17px;top:14px;border:0;background:#f1f4f2;color:#68756f;border-radius:8px;width:31px;height:31px;font-size:21px}.modal-kicker{font-size:9px;letter-spacing:1.7px;color:var(--green);font-weight:800}.modal h2{font:700 22px "Manrope";margin:8px 0 4px}.modal>p{font-size:12px;color:var(--muted);margin:0 0 22px}.movement-options{display:grid;gap:9px}.movement-options button{display:grid;grid-template-columns:40px 1fr auto;align-items:center;text-align:left;gap:12px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px;transition:.18s}.movement-options button:hover{border-color:#9fc8b6;background:#fafcfb;transform:translateY(-1px)}.movement-options button>span:nth-child(2){display:flex;flex-direction:column}.movement-options strong{font-size:12px}.movement-options small{font-size:10px;color:var(--muted);margin-top:3px}.movement-options b{color:#94a099;font-size:20px}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.renewals-panel{order:-1}.sidebar{width:225px}.main-content{margin-left:225px}.topbar,.content-wrap{padding-left:28px;padding-right:28px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s;width:260px}.sidebar--open{transform:translateX(0)}.mobile-overlay{display:block;position:fixed;inset:0;background:rgba(7,19,15,.5);z-index:25}.main-content{margin-left:0}.topbar{height:80px;padding:0 17px}.menu-button{display:block;margin-right:12px}.welcome p{display:none}.welcome h1{font-size:18px}.top-actions .icon-button{display:none}.topbar .primary-button{width:41px;padding:0;font-size:0}.topbar .primary-button span{font-size:20px;margin:0}.content-wrap{padding:24px 16px 40px}.section-heading{align-items:flex-start;gap:16px;flex-direction:column}.period-switcher{width:100%}.period-switcher button{flex:1;padding:7px 4px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:15px}.metric-card h3{font-size:19px}.metric-card>small{display:none}.dashboard-grid,.bottom-grid{gap:11px;margin-top:11px}.chart-wrap{height:230px}.chart-legend{top:79px}.renewal-row{grid-template-columns:43px 1fr auto}.panel-heading{padding:0 16px}.renewal-list,.activity-list{padding-left:15px;padding-right:15px}.attention-item{margin-left:14px;margin-right:14px}.modal{padding:27px 20px}}
@media(max-width:420px){.metric-grid{grid-template-columns:1fr}.welcome h1 span{display:none}.renewal-info strong{max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-legend{position:static;padding:12px 18px 0}.chart-wrap{padding-top:5px}.activity-row{grid-template-columns:36px 1fr}.activity-row>div:last-child{grid-column:2;text-align:left;flex-direction:row;gap:8px}.attention-item{grid-template-columns:35px 1fr}.attention-item button{grid-column:2;justify-self:start}}

/* Application screens */
.brand{text-decoration:none;color:#fff}.primary-link{display:inline-flex;align-items:center;text-decoration:none}.logout-button{border:0;background:transparent;color:#82978f;font-size:17px;padding:7px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.page-heading h2{font:750 25px "Manrope";letter-spacing:-.8px;margin:5px 0}.page-heading p{margin:0;color:var(--muted);font-size:12px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--green);font-weight:800}.heading-actions{display:flex;gap:9px}.secondary-button{height:41px;border:1px solid #dfe5e1;background:#fff;color:#526059;border-radius:10px;padding:0 16px;font-weight:650;font-size:12px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.search-box{height:42px;min-width:280px;max-width:460px;flex:1;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 13px;color:#8c9892}.search-box input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:12px;color:var(--ink)}.result-count{font-size:11px;color:var(--muted)}.toolbar-select{height:42px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:0 12px;color:#59665f;font-size:11px}.filter-tabs{margin-left:auto;background:#e9edea;padding:4px;border-radius:10px;display:flex}.filter-tabs button{border:0;background:transparent;color:#75827c;padding:7px 11px;border-radius:7px;font-size:10px;font-weight:650}.filter-tabs .selected{background:#fff;color:var(--ink);box-shadow:0 2px 7px rgba(0,0,0,.07)}.data-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.data-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{text-align:left;padding:13px 18px;background:#fafbf9;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1px;color:#8b9690;text-transform:uppercase}.data-table td{padding:13px 18px;border-bottom:1px solid #f0f2f1;font-size:11px;color:#55625b}.data-table tbody tr:hover{background:#fbfcfb}.data-table tr:last-child td{border-bottom:0}.entity-cell{display:flex;align-items:center;gap:11px}.entity-cell>div,.stacked{display:flex;flex-direction:column}.entity-cell strong,.stacked strong{color:var(--ink);font-size:11px}.entity-cell small,.stacked small{color:#919c96;margin-top:3px;font-size:9px}.entity-avatar{width:34px;height:34px;border-radius:9px;background:#e7f2ed;color:#287c60;display:grid;place-items:center;font-weight:750;font-size:10px}.count-pill,.soft-badge{background:#eef3f0;color:#4f665d;border-radius:20px;padding:4px 9px;font-size:9px;font-weight:700}.row-actions{text-align:right;white-space:nowrap}.row-actions button{border:0;background:transparent;color:var(--green);font-size:10px;font-weight:700;padding:5px}.row-actions .danger-link{color:#bd6560}.empty-state,.empty-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:38px;color:#839089;font-size:11px}.empty-inline{padding:40px 20px}.empty-state b{color:#435149}.simple-pagination{height:53px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;gap:15px;padding:0 17px;font-size:10px;color:var(--muted)}.simple-pagination button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 9px;color:#4f5d56}.simple-pagination button:disabled{opacity:.35}.flash-message{display:flex;align-items:center;gap:9px;background:#e8f5ee;color:#277459;border:1px solid #d1eadd;border-radius:10px;padding:11px 14px;margin-bottom:16px;font-size:11px;font-weight:600}.flash-message button{margin-left:auto;border:0;background:transparent;color:inherit;font-size:17px}.form-modal{max-height:90vh;overflow-y:auto;width:min(520px,100%)}.form-modal--wide{width:min(680px,100%)}.form-modal--large{width:min(860px,100%)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.form-grid--3{grid-template-columns:repeat(3,1fr)}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#57645d;font-weight:650}.form-grid label.full{grid-column:1/-1}.form-grid label>small:not(.field-error){font-weight:400;color:#8b9791}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #dfe5e1;border-radius:9px;background:#fff;padding:10px 11px;color:var(--ink);font:500 12px "DM Sans";outline:0}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#67a88e;box-shadow:0 0 0 3px rgba(39,138,103,.08)}.form-grid textarea{resize:vertical}.form-grid .check-label{flex-direction:row;align-items:center}.check-label input{width:15px}.field-error{color:#c45955!important;font-size:9px;font-weight:500}.sensitive-field{padding:12px;border-radius:10px;background:#fbf7ec;border:1px solid #efe3c6}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;box-shadow:var(--shadow)}.service-card.is-inactive{opacity:.62}.service-card-top{display:flex;justify-content:space-between;align-items:center}.service-symbol{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-size:21px}.service-symbol.supplier{background:var(--gold-soft);color:var(--gold)}.status-badge{display:inline-flex;border-radius:20px;padding:4px 8px;font-size:8px;font-weight:750}.status-badge.active,.status-paid{background:var(--green-soft);color:var(--green)}.status-badge.inactive,.status-cancelled{background:#f0f1f0;color:#7c8882}.status-pending{background:var(--gold-soft);color:#977128}.status-planned{background:#eef0f9;color:#5967a7}.service-card h3{font:700 14px "Manrope";margin:15px 0 5px}.service-card>p{font-size:10px;color:var(--muted);margin:0;min-height:30px}.service-numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0;padding:13px;background:#f8faf8;border-radius:9px}.service-numbers div{display:flex;flex-direction:column}.service-numbers small{font-size:8px;color:#929d97;letter-spacing:.7px}.service-numbers strong{font:700 13px "Manrope";margin-top:4px}.service-footer{display:flex;align-items:center;border-top:1px solid var(--line);padding-top:13px}.service-footer>span{font-size:9px;color:#86928c}.service-footer>div{margin-left:auto}.service-footer button{border:0;background:transparent;color:var(--green);font-size:9px;font-weight:700}.mini-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:17px}.mini-metrics>div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px 16px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.mini-metrics span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.mini-metrics strong{font:700 16px "Manrope";margin-top:5px}.green,.amount.income{color:var(--green)!important}.amber-text{color:#a77b2d}.amount.expense{color:#7b5d2d}.movement-symbol{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:800}.movement-symbol.income{background:var(--green-soft);color:var(--green)}.movement-symbol.expense{background:var(--gold-soft);color:var(--gold)}.type-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.type-switch button{height:42px;border:1px solid var(--line);background:#fff;border-radius:9px;color:#748179;font-weight:700;font-size:11px}.type-switch .selected.income{background:var(--green-soft);border-color:#cce6d9;color:var(--green)}.type-switch .selected.expense{background:var(--gold-soft);border-color:#eadbb8;color:#9c742b}.duration-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.attention-item a{border:1px solid #e2e7e4;background:#fff;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:700;color:#526059;text-decoration:none}

/* Authentication */
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,.9fr) minmax(460px,1.1fr);background:#fff}.auth-visual{background:var(--forest);color:#fff;padding:45px 55px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-visual:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-300px;bottom:-160px;box-shadow:0 0 0 70px rgba(255,255,255,.015),0 0 0 140px rgba(255,255,255,.01)}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand>strong{font:750 19px "Manrope"}.auth-brand>strong span{font-weight:500;color:#9eb2aa}.auth-visual h1{font:750 42px/1.18 "Manrope";letter-spacing:-1.8px;margin:12px 0}.auth-visual h1 em{font-style:normal;color:#68c29e}.auth-visual p{color:#a9bbb4;max-width:390px;line-height:1.7}.auth-kicker{color:#62b995;font-size:9px;letter-spacing:1.9px;font-weight:800}.auth-visual>small{color:#6f8880}.auth-form-wrap{display:grid;place-items:center;padding:35px}.auth-form{width:min(410px,100%)}.auth-form h2{font:750 27px/1.25 "Manrope";letter-spacing:-.8px;margin:10px 0 7px}.auth-form>p{color:var(--muted);font-size:12px;margin:0 0 25px}.auth-form>label:not(.remember){display:flex;flex-direction:column;gap:7px;margin:13px 0;font-size:10px;font-weight:700;color:#536059}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{height:45px;border:1px solid #dde3df;border-radius:9px;padding:0 12px;outline:0}.remember{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin:15px 0}.auth-submit{width:100%;height:46px;border:0;border-radius:10px;background:var(--forest);color:#fff;font-weight:700;margin-top:8px}
@media(max-width:1100px){.card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.page-heading{align-items:flex-start;gap:17px}.toolbar{flex-wrap:wrap}.search-box{min-width:100%}.filter-tabs{width:100%;margin-left:0;overflow-x:auto}.filter-tabs button{flex:1}.card-grid{grid-template-columns:1fr}.mini-metrics{grid-template-columns:1fr 1fr}.form-grid,.form-grid--3{grid-template-columns:1fr}.form-grid label.full{grid-column:1}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-wrap{padding:28px 20px}.heading-actions{width:100%}.heading-actions button{flex:1}}
@media(max-width:460px){.page-heading{flex-direction:column}.page-heading>.primary-button{width:100%}.mini-metrics{grid-template-columns:1fr}.form-modal{padding:26px 18px}.toolbar-select{flex:1}.topbar .primary-link{width:41px;font-size:0;padding:0;justify-content:center}.topbar .primary-link span{font-size:18px}}
.dependency-field{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.dependency-field legend{padding:0 6px;font-size:9px;letter-spacing:.7px;color:#6d7973}.dependency-field label{display:flex;flex-direction:row;align-items:center;gap:7px}.dependency-field input{width:14px}.dependency-field small{margin-left:auto;color:var(--muted)}

/* Improved readability */
html{font-size:16px}
body{font-size:16px;line-height:1.45}
.brand span,.nav-count{font-size:12px}
.nav-label{font-size:11px}
.nav-item{font-size:15px}
.health-card strong,.user-card strong{font-size:13px}
.health-card small,.user-card small{font-size:11px}
.welcome p{font-size:11px}
.welcome h1{font-size:26px}
.primary-button,.secondary-button{font-size:14px}
.section-heading h2{font-size:23px}
.section-heading p,.panel-heading p{font-size:14px}
.period-switcher button{font-size:13px}
.trend{font-size:12px}
.metric-card>p{font-size:13px}
.metric-card h3{font-size:25px}
.metric-card>small{font-size:12px}
.panel-heading h3{font-size:16px}
.panel-heading a{font-size:13px}
.chart-legend{font-size:12px}
.axis-labels text,.month-labels text{font-size:11px}
.renewal-info strong,.renewal-amount strong,.activity-row strong,.attention-item strong{font-size:13px}
.renewal-info span,.renewal-amount span,.activity-row span,.attention-item p{font-size:12px}
.attention-item button,.attention-item a{font-size:11px}
.modal-kicker,.eyebrow{font-size:11px}
.modal>p{font-size:14px}
.movement-options strong{font-size:14px}
.movement-options small{font-size:12px}
.page-heading h2{font-size:27px}
.page-heading p{font-size:14px}
.search-box,.toolbar-select{height:48px}
.search-box input,.toolbar-select{font-size:16px}
.result-count{font-size:13px}
.filter-tabs button{font-size:14px;padding:9px 14px}
.data-table th{font-size:13px;padding:16px 20px}
.data-table td{font-size:15px;padding:17px 20px;line-height:1.4}
.entity-cell strong,.stacked strong{font-size:16px}
.entity-cell small,.stacked small{font-size:13px;margin-top:5px}
.entity-avatar{width:40px;height:40px;font-size:13px}
.count-pill,.soft-badge{font-size:13px;padding:5px 10px}
.row-actions button{font-size:14px;padding:7px}
.empty-state,.empty-inline,.flash-message{font-size:13px}
.simple-pagination{font-size:14px;height:60px}
.form-modal{width:min(580px,100%)}
.form-modal--wide{width:min(760px,100%)}
.form-modal--large{width:min(960px,100%)}
.form-grid{gap:18px;margin-top:25px}
.form-grid label{font-size:14px;gap:8px}
.form-grid input,.form-grid select,.form-grid textarea{font-size:16px;min-height:48px;padding:12px 14px}
.form-grid textarea{min-height:92px;line-height:1.45}
.field-error{font-size:13px}
.status-badge{font-size:12px;padding:5px 9px}
.service-card h3{font-size:16px}
.service-card>p{font-size:12px}
.service-numbers small,.mini-metrics span{font-size:10px}
.service-numbers strong{font-size:15px}
.service-footer>span,.service-footer button{font-size:11px}
.mini-metrics strong{font-size:18px}
.type-switch button{font-size:13px}
.auth-form>p{font-size:14px}
.auth-form>label:not(.remember),.remember{font-size:12px}
.dependency-field legend{font-size:11px}