:root{--ink:#17251f;--muted:#77827c;--line:#e8ece8;--paper:#fff;--canvas:#f5f7f4;--green:#164d3b;--green-2:#23674f;--green-soft:#e7f2ec;--lime:#d9f278;--amber:#b8781e;--amber-soft:#fbf2e4;--red:#c34d43;--red-soft:#faecea;--blue:#557e9b;--blue-soft:#eaf1f5;--shadow:0 5px 20px rgba(22,44,33,.035)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#123c30;color:#e9f2ed;padding:25px 15px 14px;display:flex;flex-direction:column;z-index:5}.brand{height:48px;display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;padding:0 9px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:var(--lime);border-radius:11px;color:#153e30}.brand-mark svg{width:19px}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font:800 21px Manrope,sans-serif;letter-spacing:-1.1px}.brand-copy small{font-size:8px;letter-spacing:1.55px;color:#a9c4b6;font-weight:700}.workspace-label,.nav-group-label{font-size:9px;font-weight:700;letter-spacing:1.25px;color:#84a898}.workspace-label{margin:38px 10px 12px}.side-nav{display:flex;flex-direction:column;gap:3px}.nav-group-label{margin:10px 10px 5px}.nav-item{height:39px;border:0;background:transparent;color:#bdd0c5;border-radius:7px;text-align:left;padding:0 10px;display:flex;align-items:center;gap:11px;font-size:12px;transition:.15s}.nav-item>svg{width:16px;height:16px;stroke-width:1.8;flex:none}.nav-item:hover{background:#ffffff0c;color:#fff}.nav-item.active{background:#ffffff16;color:#fff;font-weight:600;box-shadow:inset 2px 0 var(--lime)}.nav-count,.nav-alert{margin-left:auto;font-size:10px;font-weight:600}.nav-count{color:#9bb5a7}.nav-alert{background:#e5aa4c;color:#3b2a10;border-radius:10px;padding:2px 6px}.nav-divider{height:1px;background:#ffffff17;margin:9px 8px 5px}.sidebar-bottom{margin-top:auto}.help-card{display:flex;align-items:center;gap:9px;background:#ffffff0d;border:1px solid #ffffff10;border-radius:9px;padding:12px 10px;margin:0 2px 14px}.help-icon{width:28px;height:28px;display:grid;place-items:center;background:#ffffff14;border-radius:7px;color:#d9f278}.help-icon svg{width:15px}.help-card div,.profile-copy{display:flex;flex-direction:column;gap:3px}.help-card strong{font-size:10px;font-weight:600}.help-card small,.profile-copy small{font-size:9px;color:#9bb5a7}.help-arrow{width:14px;margin-left:auto;color:#91aa9d}.profile-button{width:100%;display:flex;align-items:center;text-align:left;gap:9px;background:none;border:0;border-top:1px solid #ffffff17;padding:13px 6px 4px;color:#fff}.profile-button>svg{width:15px;margin-left:auto;color:#99b1a4}.profile-copy strong{font-size:10px;font-weight:600}.avatar{display:grid;place-items:center;flex:none;border-radius:50%;font-weight:700}.avatar-profile{width:31px;height:31px;background:#e5bc92;color:#563e2d;font-size:10px}.main-area{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:62px;background:rgba(255,255,255,.84);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 37px;position:sticky;top:0;z-index:4;backdrop-filter:blur(12px)}.breadcrumb{display:flex;align-items:center;gap:10px;color:#929b96;font-size:11px}.breadcrumb svg{width:13px;height:13px}.breadcrumb strong{font-weight:600;color:#304039}.topbar-actions{display:flex;align-items:center;gap:19px}.branch-select{height:31px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:10px;color:#45564c}.branch-select svg{width:13px;height:13px}.branch-select svg:first-child{color:var(--green-2)}.branch-select svg:last-child{width:11px;color:#89958e}.topbar-date{font-size:10px;color:#78837c}.icon-button{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:white;color:#526159;position:relative}.icon-button svg{width:16px;height:16px}.notification-button>span{position:absolute;width:6px;height:6px;right:6px;top:6px;border-radius:50%;background:#d77951;border:1px solid white}.avatar-top{width:29px;height:29px;background:#e5bc92;color:#563e2d;font-size:9px}.mobile-menu{display:none}.content{width:min(1240px,100%);margin:0 auto;padding:32px 38px 36px;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:23px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.15px;color:#85938b}.page-heading h1{font:700 24px Manrope,sans-serif;letter-spacing:-.8px;margin:6px 0 4px}.page-heading p{margin:0;color:#849089;font-size:11px}.heading-actions{display:flex;gap:8px;align-items:center}.button{height:35px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;border:1px solid transparent;font-size:10px;font-weight:600;white-space:nowrap}.button svg{width:14px;height:14px}.button-primary{background:var(--green);color:white}.button-primary:hover{background:#236348}.button-secondary{background:#fff;border-color:var(--line);color:#45554d}.button-secondary:hover{border-color:#b8c7be}.button-quiet{background:#f3f5f2;color:#526159}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.kpi-card{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:16px 17px 14px;min-height:117px;box-shadow:var(--shadow)}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:10px;color:#7b8780;font-weight:500}.kpi-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:var(--green-soft);color:var(--green-2)}.kpi-icon svg{width:14px;height:14px}.kpi-icon.amber{background:var(--amber-soft);color:var(--amber)}.kpi-icon.blue{background:var(--blue-soft);color:var(--blue)}.kpi-icon.red{background:var(--red-soft);color:var(--red)}.kpi-value{font:700 23px Manrope,sans-serif;letter-spacing:-.85px;margin-top:12px;line-height:1.15}.kpi-value small{font:500 11px 'DM Sans',sans-serif;letter-spacing:0;color:#79857e}.kpi-foot{font-size:9px;color:#8c9791;margin-top:5px}.trend{color:#438260;font-weight:600}.trend.down{color:#b55c50}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(240px,.88fr);gap:14px;margin-bottom:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;padding:17px 18px 0}.panel-title{font:700 12px Manrope,sans-serif;letter-spacing:-.15px}.panel-subtitle{font-size:9px;color:#909b94;margin-top:4px}.period-select{display:flex;align-items:center;gap:7px;color:#657269;font-size:9px;border:1px solid var(--line);border-radius:5px;padding:6px 8px;background:white}.period-select svg{width:12px;height:12px}.chart-legend{display:flex;align-items:center;gap:13px;font-size:9px;color:#7f8983}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px}.chart-wrap{height:190px;padding:8px 13px 9px 8px;position:relative}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#edf0ed;stroke-width:1}.chart-label{font:9px 'DM Sans',sans-serif;fill:#98a19b}.chart-line{fill:none;stroke:#216449;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.chart-fill{fill:url(#areaFill)}.chart-dot{fill:#fff;stroke:#216449;stroke-width:2}.risk-panel{padding-bottom:14px}.risk-total{padding:14px 18px 9px;display:flex;align-items:baseline;gap:7px}.risk-total strong{font:700 27px Manrope,sans-serif;letter-spacing:-1px}.risk-total span{font-size:10px;color:#829087}.risk-stack{height:8px;margin:0 18px;border-radius:8px;display:flex;overflow:hidden;gap:2px}.risk-stack span:first-child{background:#5e9a70}.risk-stack span:nth-child(2){background:#d8b35f}.risk-stack span:nth-child(3){background:#d78c50}.risk-stack span:nth-child(4){background:#c9655a}.risk-legend{padding:14px 18px 0;display:flex;flex-direction:column;gap:10px}.risk-row{display:grid;grid-template-columns:8px 1fr auto auto;gap:8px;align-items:center;font-size:9px;color:#69766e}.risk-key{width:7px;height:7px;border-radius:2px}.risk-row strong{font-size:9px;color:#37463d}.risk-row small{font-size:8px;color:#929c95;min-width:38px;text-align:right}.risk-note{margin:15px 18px 0;border-top:1px solid var(--line);padding-top:11px;color:#849088;font-size:9px;display:flex;gap:7px;align-items:center}.risk-note svg{width:13px;color:#c77b42}.lower-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.95fr);gap:14px}.table-panel{overflow:hidden}.panel-head.table-heading{align-items:center;padding:16px 18px}.panel-link{font-size:9px;color:var(--green-2);font-weight:600;text-decoration:none;display:flex;align-items:center;gap:4px}.panel-link svg{width:12px}.table-tools{display:flex;gap:7px;align-items:center}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}thead{background:#fafbf9}th{padding:9px 13px;font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:#8b958f;font-weight:600}td{padding:11px 13px;border-top:1px solid #eff1ef;color:#536158;font-size:9px}td:first-child,th:first-child{padding-left:18px}.client-cell{display:flex;align-items:center;gap:8px;color:#283a30;font-weight:600}.mini-avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:700;color:#45574c;background:#e8ede6}.mini-avatar.tone-1{background:#f4e2d2;color:#805a3e}.mini-avatar.tone-2{background:#dfe9ee;color:#456476}.mini-avatar.tone-3{background:#eee3ed;color:#735874}.subcell{font-size:8px;color:#929c95;margin-top:2px;font-weight:400}.money{font-weight:600;color:#304238}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:20px;font-size:8px;font-weight:600}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-green{color:#49815c;background:#eaf4ed}.status-amber{color:#a36d22;background:#fbf2e4}.status-red{color:#b44f45;background:#faecea}.status-blue{color:#557b96;background:#eaf1f5}.collection-panel{padding-bottom:15px}.collection-list{padding:10px 17px 3px}.collection-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f0f2ef}.collection-item:last-child{border-bottom:0}.collect-avatar{width:29px;height:29px;display:grid;place-items:center;background:#f0e8db;color:#775c3d;border-radius:8px;font-size:8px;font-weight:700}.collect-info{min-width:0;flex:1}.collect-info strong{display:block;font-size:9px;font-weight:600;color:#3d4a42}.collect-info small{font-size:8px;color:#929c95;display:block;margin-top:3px}.collect-value{text-align:right;font-size:9px;font-weight:600;color:#34443a}.collect-value small{display:block;font-weight:400;color:#929c95;font-size:8px;margin-top:3px}.collection-total{margin:8px 17px 0;padding:11px 0 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#78857d;font-size:9px}.collection-total strong{color:#32443a;font-size:10px}.app-footer{margin:0 38px;border-top:1px solid var(--line);padding:13px 0 15px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.45px;color:#929c95}.footer-dot{color:#c1c9c3;padding:0 4px}.module-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:15px}.module-stat{background:#fff;border:1px solid var(--line);border-radius:8px;padding:15px 17px}.module-stat span{font-size:9px;color:#859189}.module-stat strong{display:block;font:700 21px Manrope,sans-serif;margin-top:8px;letter-spacing:-.6px}.module-stat small{font-size:9px;color:#89958d}.module-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 15px;border-bottom:1px solid var(--line)}.searchbox{height:32px;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;gap:7px;padding:0 9px;background:#fff;min-width:210px}.searchbox svg{width:13px;color:#89968e}.searchbox input{border:0;outline:0;width:100%;font-size:10px;color:var(--ink);background:transparent}.filter-button{height:32px;border:1px solid var(--line);border-radius:5px;background:white;color:#58665d;padding:0 9px;font-size:9px;display:inline-flex;align-items:center;gap:6px}.filter-button svg{width:13px}.module-table{margin-bottom:4px}.empty-state{text-align:center;padding:34px;color:#86938b}.empty-state strong{display:block;color:#46564c;margin-bottom:4px}.activity-strip{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 15px;margin-top:14px;color:#758279;font-size:9px}.activity-strip svg{width:15px;color:#598569}.activity-strip strong{color:#415248}.action-dialog{width:min(440px,calc(100% - 30px));border:1px solid var(--line);border-radius:12px;padding:0;box-shadow:0 24px 90px #13291e35;color:var(--ink)}.action-dialog::backdrop{background:#12251d76;backdrop-filter:blur(2px)}.action-dialog form{padding:21px}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--line)}.dialog-top h2{font:700 19px Manrope,sans-serif;letter-spacing:-.5px;margin:5px 0 0}.dialog-fields{padding:16px 0 7px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:9px;font-weight:600;color:#536158}.field input,.field select{width:100%;height:35px;border:1px solid #e2e8e2;border-radius:5px;background:white;padding:0 9px;font-size:10px;color:#314238;outline:none}.field input:focus,.field select:focus{border-color:#7fa58e;box-shadow:0 0 0 3px #eaf2ec}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.toast{position:fixed;right:22px;bottom:22px;background:#183f31;color:#fff;padding:11px 15px;border-radius:7px;box-shadow:0 8px 30px #173a2c30;font-size:11px;z-index:10;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.sidebar{width:220px}.main-area{margin-left:220px}.content{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.app-footer{margin:0 25px}.kpi-grid{gap:9px}.kpi-card{padding:14px}.dashboard-grid,.lower-grid{grid-template-columns:minmax(0,1.5fr) minmax(220px,.85fr)}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:transform .22s ease;width:255px;box-shadow:8px 0 35px #122a1f1a}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.mobile-menu{display:grid;margin-right:10px}.topbar{padding:0 18px}.breadcrumb{margin-right:auto}.topbar-date{display:none}.content{padding:25px 18px}.app-footer{margin:0 18px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.risk-panel{padding-bottom:16px}.chart-wrap{height:205px}.page-heading h1{font-size:21px}}
@media(max-width:520px){.topbar{height:56px;padding:0 12px}.branch-select{border:0;padding:0 3px;gap:5px}.branch-select span{max-width:105px;overflow:hidden;text-overflow:ellipsis}.topbar-actions{gap:9px}.topbar-actions .avatar-top{display:none}.content{padding:22px 12px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:19px}.page-heading p{max-width:220px;line-height:1.5}.heading-actions{flex-direction:column;align-items:stretch}.heading-actions .button{height:31px;padding:0 9px}.heading-actions .button-secondary{display:none}.kpi-card{min-height:107px;padding:12px}.kpi-value{font-size:20px}.kpi-label{font-size:9px}.kpi-foot{font-size:8px}.module-stats{gap:7px}.module-stat{padding:11px}.module-stat strong{font-size:17px}.module-stat span,.module-stat small{font-size:8px}.module-toolbar{align-items:stretch;flex-direction:column}.searchbox{width:100%}.table-tools{justify-content:space-between}.table-tools .button{flex:1}.table-tools .filter-button{flex:none}.app-footer{margin:0 12px;font-size:7px}.dialog-fields{grid-template-columns:1fr}.field.full{grid-column:auto}.panel-head{padding-left:13px;padding-right:13px}.panel-head.table-heading{padding:13px}.chart-wrap{height:180px}}