:root{--ink:#18252b;--muted:#7c898d;--line:#e8eceb;--paper:#fbfcfb;--mint:#d9f2e8;--green:#26946f;--coral:#ef806f;--blue:#6689ca}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#f2f7f3;border-right:1px solid #e4ebe7;padding:30px 18px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font:700 22px 'Space Grotesk';letter-spacing:-1px;margin:0 12px 58px}.brand-mark{width:29px;height:29px;display:grid;place-items:center;background:var(--ink);color:#d5f6e6;border-radius:8px;font-size:16px}.brand-dot{color:var(--green)}.workspace-label,.eyebrow,thead{font-size:10px;letter-spacing:1.4px;color:#99a6a5;font-weight:700}.workspace-label{margin:0 12px 10px}.company-switcher{width:100%;height:43px;border:1px solid #dce6e1;background:#fff;border-radius:8px;padding:0 11px;display:flex;align-items:center;gap:9px;color:var(--ink);font:600 12px 'DM Sans';cursor:pointer}.company-icon{color:var(--green);font-size:15px}.chevron{margin-left:auto;color:#92a09e;font-size:16px}nav{margin-top:30px}.nav-item{height:43px;padding:0 13px;display:flex;align-items:center;gap:13px;text-decoration:none;color:#7a8987;font-size:13px;font-weight:600;border-radius:7px;margin-bottom:4px}.nav-item span{font-size:18px;width:17px;text-align:center}.nav-item.active{background:#dcefe7;color:#187e5f}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid #dde7e2;padding:18px 5px 0;display:flex;align-items:center;gap:9px;font-size:12px}.avatar{background:#f6c6ad;color:#6d493e;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700}.profile strong,.profile small{display:block}.profile small{color:#9aa5a4;font-size:10px;margin-top:2px}.more{margin-left:auto;color:#9daaa7}.main-content{flex:1;padding:40px 5.5%;max-width:1440px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{margin:0 0 9px}h1,h2,p{margin:0}h1{font:600 30px 'Space Grotesk';letter-spacing:-1.2px}h2{font:600 16px 'Space Grotesk';letter-spacing:-.3px}.top-actions{display:flex;gap:16px;align-items:center}.icon-button,.more-button{background:none;border:0;color:#82918d;position:relative;font-size:20px;cursor:pointer}.notification-dot{position:absolute;width:5px;height:5px;background:var(--coral);border-radius:50%;right:3px;top:3px}.button{border:0;border-radius:6px;padding:11px 16px;font:600 12px 'DM Sans';cursor:pointer}.primary{background:var(--ink);color:#fff}.filter-row{display:flex;align-items:center;gap:15px;margin:33px 0 18px}.period-select{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:9px 12px;color:#5d6d6d;font-size:12px}.period-select select{border:0;background:transparent;color:#5d6d6d;font:600 12px 'DM Sans';outline:0}.rate-input{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px 10px;color:#71807d;font-size:11px;font-weight:600}.rate-input input{width:66px;border:0;border-left:1px solid var(--line);padding-left:7px;color:var(--ink);font:600 12px 'DM Sans';outline:0}.updated{font-size:11px;color:#a1acab}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric-card{border:1px solid var(--line);border-radius:8px;padding:17px 18px;background:#fff;min-height:126px}.dark-card{background:var(--ink);border-color:var(--ink);color:#fff}.metric-head,.metric-foot{display:flex;justify-content:space-between;align-items:center}.metric-head{font-size:11px;color:#82908e}.dark-card .metric-head{color:#b4c3be}.metric-icon{font-size:17px;color:#a3b0ad}.metric-icon.green{color:#55bb91}.metric-icon.red{color:#ef8d7d}.metric-icon.blue{color:#84a5df}.metric-card strong{display:block;font:600 24px 'Space Grotesk';margin:14px 0 11px;letter-spacing:-1px}.metric-foot{font-size:10px;color:#a1acab}.positive{color:#2ca375;font-weight:700}.dark-card .positive{color:#77d4ae}.negative{color:#e17b6a;font-weight:700}.content-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:12px;margin-top:12px}.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start}.panel-header p{color:#9ba7a5;font-size:11px;margin-top:5px}.legend{display:flex;gap:15px;color:#899592;font-size:10px}.legend span{display:flex;gap:6px;align-items:center}.legend i{width:7px;height:7px;border-radius:50%;display:block}.legend-income{background:var(--green)}.legend-expense{background:var(--coral)}.chart-wrap{display:flex;height:200px;margin-top:20px}.y-axis{width:35px;display:flex;flex-direction:column;justify-content:space-between;padding:0 0 23px;color:#a6b0ae;font-size:9px}.chart{flex:1;position:relative;padding-bottom:23px}.grid-lines{position:absolute;inset:0 0 23px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{border-top:1px dashed #e9eeec}.bars{height:100%;display:flex;align-items:flex-end;justify-content:space-around;position:relative;padding:0 5% 23px;gap:5%}.bar-group{height:100%;display:flex;align-items:flex-end;gap:5px;width:35px}.bar{width:13px;border-radius:3px 3px 0 0}.bar.income{background:var(--green)}.bar.expense{background:var(--coral)}.x-axis{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#a6b0ae;font-size:9px}.donut-wrap{display:grid;place-items:center;margin:16px 0 17px}.donut{width:134px;height:134px;border-radius:50%;background:conic-gradient(var(--green) 0 42%,#7ea5d6 42% 73%,#f3b27f 73% 92%,#d9e1df 92%);display:grid;place-items:center}.donut:before{content:'';position:absolute;width:95px;height:95px;border-radius:50%;background:#fff}.donut-center{z-index:1;text-align:center;width:80px}.donut-center strong,.donut-center span{display:block}.donut-center strong{font:600 13px 'Space Grotesk';letter-spacing:-.3px}.donut-center span{font-size:10px;color:#a1acab;margin-top:2px}.company-list>div{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid #f0f2f1;font-size:11px}.company-list strong{font-weight:600}.company-name{display:flex;align-items:center;gap:8px;color:#687775}.dot{width:7px;height:7px;border-radius:50%}.dot-a{background:var(--green)}.dot-b{background:#7ea5d6}.dot-c{background:#f3b27f}.dot-d{background:#d9e1df}.movements-panel,.monthly-panel{margin-top:12px;padding-bottom:8px}.movements-header{margin-bottom:14px}.movement-actions{display:flex;gap:17px;align-items:center}.filter-button{background:#fff;border:1px solid var(--line);border-radius:5px;padding:8px 11px;color:#647370;font:600 11px 'DM Sans';cursor:pointer}.text-button{background:none;border:0;color:var(--green);font:600 11px 'DM Sans';cursor:pointer}.text-button span{font-size:15px;margin-left:4px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:650px}th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #f0f3f2;font-size:11px;color:#657471}td.desc-cell{color:var(--ink);font-weight:600}th:last-child,td:last-child{text-align:right}.company-cell{display:flex;align-items:center;gap:7px}.company-badge{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:700}.badge-n{background:#6fb698}.badge-v{background:#7996c5}.badge-b{background:#e7a36f}.status{padding:4px 7px;border-radius:4px;font-size:9px;font-weight:700}.status-paid{background:#e4f4ed;color:#31936f}.status-pending{background:#fff1dd;color:#ba8138}.income-amount{color:var(--green);font-weight:700}.expense-amount{color:#dd7d6e;font-weight:700}.converted{display:block;color:#9aa7a5;font-size:9px;font-weight:400;margin-top:3px}.carry-label{font-size:10px;color:var(--green);font-weight:700;background:#e4f4ed;padding:5px 8px;border-radius:4px}.empty-state{text-align:center;color:#9aa7a5!important;padding:25px}.monthly-panel strong{font-weight:700}footer{display:flex;justify-content:space-between;color:#a4afad;font-size:10px;padding:25px 2px}.toast{position:fixed;bottom:25px;right:25px;background:var(--ink);color:#fff;padding:12px 18px;border-radius:6px;font-size:12px;opacity:0;transform:translateY(10px);transition:.25s}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:900px){.sidebar{width:200px}.main-content{padding:30px 3%}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media(max-width:620px){.sidebar{display:none}.main-content{padding:25px 16px}.topbar{gap:15px}.top-actions .icon-button{display:none}h1{font-size:25px}.filter-row{align-items:stretch;flex-wrap:wrap}.updated{width:100%}.metric-grid{gap:8px}.metric-card{padding:14px 12px}.metric-card strong{font-size:19px}.content-grid{display:block}.distribution-panel{margin-top:12px}.legend{display:none}footer{display:block;line-height:2}}
.login-screen{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#eef5f1}.login-card{width:min(420px,calc(100% - 32px));background:#fff;border:1px solid #dfe9e4;border-radius:12px;padding:40px;box-shadow:0 20px 60px rgba(24,37,43,.08)}.login-brand{margin:0 0 48px}.login-card h1{font-size:26px;margin-bottom:10px}.login-copy{color:#84928f;font-size:13px;line-height:1.6;margin-bottom:25px}.google-button{min-height:40px;display:flex;justify-content:center}.login-status{font-size:11px;color:#9aa7a5;text-align:center;margin-top:18px}.setup-note{color:#879590;font-size:11px;margin-top:24px;line-height:1.5}.setup-note summary{cursor:pointer;color:#59716a;font-weight:700}.login-screen.hidden{display:none}.app-shell:not(.authenticated){filter:blur(2px)}
.dev-access{width:100%;margin-top:12px;padding:10px;border:1px dashed #b7c8c1;border-radius:6px;background:#f7faf8;color:#59716a;font:600 11px 'DM Sans';cursor:pointer}.dev-access:hover{background:#edf6f1}
.movement-tabs{display:flex;gap:3px;background:#f1f5f3;border-radius:6px;padding:3px}.movement-tab{border:0;background:transparent;color:#81908c;border-radius:4px;padding:6px 9px;font:600 10px 'DM Sans';cursor:pointer}.movement-tab.active{background:#fff;color:var(--green);box-shadow:0 1px 3px rgba(24,37,43,.08)}
.workspace-switcher{position:relative}.company-menu{display:none;position:absolute;z-index:5;top:48px;left:0;right:0;padding:5px;background:#fff;border:1px solid #dce6e1;border-radius:8px;box-shadow:0 12px 28px rgba(24,37,43,.1)}.company-menu.open{display:block}.company-menu button{display:block;width:100%;border:0;border-radius:5px;background:transparent;padding:9px 10px;text-align:left;color:#6f7f7b;font:600 12px 'DM Sans';cursor:pointer}.company-menu button:hover,.company-menu button.selected{background:#e8f5ef;color:#187e5f}
.editable-row{cursor:pointer}.editable-row:hover{background:#f5faf7}.modal-backdrop{display:none;position:fixed;inset:0;z-index:20;background:rgba(24,37,43,.38);place-items:center;padding:16px}.modal-backdrop.open{display:grid}.movement-modal{width:min(500px,100%);background:#fff;border-radius:10px;padding:24px;box-shadow:0 24px 80px rgba(24,37,43,.22)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-header h2{margin-top:5px}.modal-close{border:0;background:transparent;color:#82918d;font-size:24px;cursor:pointer}.movement-modal label{display:block;color:#657471;font-size:11px;font-weight:700;margin-bottom:14px}.movement-modal input,.movement-modal select{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:5px;padding:10px;color:var(--ink);background:#fff;font:500 12px 'DM Sans';outline:0}.movement-modal input:focus,.movement-modal select:focus{border-color:var(--green)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.secondary{background:#eef4f1;color:#557069}
.monthly-actions{display:flex;align-items:center;gap:10px}.sort-button{border:1px solid var(--line);border-radius:5px;background:#fff;color:#61736e;padding:7px 10px;font:600 10px 'DM Sans';cursor:pointer}.sort-button:hover{border-color:#b9d5ca;color:var(--green)}
.donut{background:conic-gradient(var(--green) 0 100%)}
.danger{background:#fff0ee;color:#c75f52}.modal-spacer{flex:1}
.duplicate-month-button{white-space:nowrap}.month-copy-help{margin:-8px 0 18px;color:#788984;font-size:12px;line-height:1.55}.month-copy-preview{display:grid;gap:5px;margin:4px 0 8px;padding:12px;border:1px solid #e5eee9;border-radius:7px;background:#f6faf8;color:#567069;font-size:11px}.month-copy-preview strong{color:var(--ink);font-size:12px}.month-copy-preview em{color:#a56934;font-style:normal}.month-copy-modal select{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:5px;padding:10px;color:var(--ink);background:#fff;font:500 12px 'DM Sans'}.month-copy-modal .modal-actions{margin-top:18px}.month-copy-modal button:disabled{opacity:.55;cursor:not-allowed}
.loading-screen{position:fixed;inset:0;z-index:50;display:grid;place-items:center;align-content:center;gap:14px;background:#18252b;color:#fff;transition:opacity .55s ease,visibility .55s ease}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-orbit{width:82px;height:82px;position:relative;display:grid;place-items:center}.loading-core{width:43px;height:43px;display:grid;place-items:center;border:1px solid #79c8a7;border-radius:50%;color:#b8f0d6;font-size:20px;animation:core-pulse 1.8s ease-in-out infinite}.loading-orbit span{position:absolute;inset:0;border:1px solid rgba(121,200,167,.45);border-radius:50%;animation:orbit-spin 2.8s linear infinite}.loading-orbit span:nth-child(2){transform:rotate(60deg) scale(.8);animation-duration:2.1s;border-color:rgba(121,200,167,.3)}.loading-orbit span:nth-child(3){transform:rotate(-60deg) scale(.65);animation-duration:1.7s;border-color:rgba(255,255,255,.25)}.loading-brand{display:flex;align-items:baseline;gap:7px;font-family:'Space Grotesk';letter-spacing:3px}.loading-brand strong{font-size:25px;font-weight:600}.loading-brand small{font-size:10px;letter-spacing:4px;color:#8fd1b4}.loading-screen p{margin:0;color:#a9bbb6;font-size:11px}.loading-track{width:150px;height:2px;overflow:hidden;background:#31464b;border-radius:2px}.loading-track i{display:block;width:45%;height:100%;background:#76c7a4;border-radius:2px;animation:loading-slide 1.25s ease-in-out infinite}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes core-pulse{50%{box-shadow:0 0 0 8px rgba(121,200,167,.08)}}@keyframes loading-slide{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}
.movement-filters{display:none;align-items:end;gap:10px;padding:14px 0 4px}.movement-filters.open{display:flex}.movement-filters label{color:#687875;font-size:10px;font-weight:700}.movement-filters select,.movement-filters input{display:block;margin-top:5px;border:1px solid var(--line);border-radius:5px;padding:7px 9px;background:#fff;color:var(--ink);font:500 11px 'DM Sans'}.clear-filter{border:0;background:transparent;color:var(--green);padding:7px;font:600 10px 'DM Sans';cursor:pointer}.sort-head{border:0;background:transparent;padding:0;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;text-align:left}.status-toggle{border:0;cursor:pointer}.status-pending{background:#fff0ee;color:#d2544b}.status-paid{background:#e4f4ed;color:#31936f}
button.more{background:none;border:0;font-size:14px;padding:0;cursor:pointer}button.more:hover{color:#dd7d6e}
.chart-tooltip{position:absolute;transform:translate(-50%,-115%);background:var(--ink);color:#fff;padding:6px 9px;border-radius:6px;font-size:10px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s;z-index:5}.chart-tooltip.show{opacity:1}.chart-tooltip strong{display:block;font-size:9px;color:#b9c6c2;margin-bottom:2px;font-weight:700}
.brand-logo{height:80px;width:auto;display:block}.login-brand .brand-logo{height:64px}
.metric-icon.orange{color:#e7a36f}
.metric-toggle{cursor:pointer;user-select:none;transition:opacity .15s,border-color .15s}
.metric-toggle:hover{border-color:#c9d6d1}
.toggle-hint{display:none;color:#a1acab;font-size:9px;margin-top:6px}
.metric-toggle.excluded{opacity:.5}
.metric-toggle.excluded .toggle-hint{display:block}
.distribution-tabs{display:flex;gap:3px;background:#f1f5f3;border-radius:6px;padding:3px}
.distribution-tab{border:0;background:transparent;color:#81908c;border-radius:4px;padding:6px 9px;font:600 10px 'DM Sans';cursor:pointer}
.distribution-tab.active{background:#fff;color:var(--green);box-shadow:0 1px 3px rgba(24,37,43,.08)}
.search-box{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px 11px}
.search-box .search-icon{color:#98a5a3;font-size:13px}
.search-box input{border:0;outline:0;background:transparent;font:500 12px 'DM Sans';color:var(--ink);width:180px}
.search-box input::placeholder{color:#a7b2af}
.select-col{width:34px}
.select-col input,.row-select{cursor:pointer}
.bulk-actions{display:flex;align-items:center;gap:14px;background:#f4f8f6;border:1px solid #dce6e1;border-radius:8px;padding:10px 14px;margin-bottom:12px;font-size:11px;color:#4f625d;font-weight:600}
.bulk-actions .button.danger{padding:7px 12px;font-size:10px}
.bulk-status-control{display:flex;align-items:center;gap:6px}.bulk-status-control select{border:1px solid #dce6e1;border-radius:5px;background:#fff;padding:7px 9px;color:#40534e;font:600 10px 'DM Sans'}.bulk-status-control .button{padding:7px 10px;font-size:10px}
.editable-row.row-selected{background:#f4f8f6}
.reporting-panel{margin-top:12px}
.hidden-field{display:none}
.trend-chart{height:170px;margin-top:14px}
.trend-chart svg{width:100%;height:100%;overflow:visible}
.trend-line{fill:none;stroke:var(--green);stroke-width:2}
.trend-zero{stroke:#d7dedb;stroke-width:1;stroke-dasharray:4 4}
.trend-dot{fill:#fff;stroke-width:2}
.trend-dot.positive{stroke:var(--green)}
.trend-dot.negative{stroke:#dd7d6e}
.trend-label{font-size:8px;fill:#a1acab}
.top-expenses{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.top-expense-row{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:10px;font-size:11px;color:#556663}
.top-expense-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-expense-bar{height:8px;border-radius:4px;background:#eef2f0}
.top-expense-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--coral),#e7a36f)}
.top-expense-amount{font-weight:700;color:var(--ink);text-align:right}
.report-options{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0;font-size:11px;color:#556663;font-weight:600}
.report-options label{display:flex;align-items:center;gap:6px;cursor:pointer}
.report-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.button.secondary{background:#f1f5f3;color:#4f625d}
.report-output{border-top:1px dashed var(--line);padding-top:14px;font-size:12px;color:#556663}
.report-output h3{font:600 14px 'Space Grotesk';margin:18px 0 8px}
.report-output h3:first-child{margin-top:0}
.report-output table{width:100%;border-collapse:collapse;margin-top:6px}
.report-output th,.report-output td{text-align:left;padding:6px 8px;border-bottom:1px solid #f0f3f2;font-size:11px}
.report-output .report-metrics{display:flex;flex-wrap:wrap;gap:18px}
.report-output .report-metrics span{display:block;font-size:10px;color:#9ba7a5}
.report-output .report-metrics strong{display:block;font-size:15px;color:var(--ink)}
.report-note{font-size:11px;color:#9ba7a5;margin:12px 0;line-height:1.5}
.schedule-form{display:flex;flex-direction:column;gap:16px;max-width:640px}
.schedule-form label{display:block;color:#657471;font-size:11px;font-weight:700}
.schedule-form input,.schedule-form select{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:5px;padding:10px;color:var(--ink);background:#fff;font:500 12px 'DM Sans';outline:0;box-sizing:border-box}
.schedule-form input:focus,.schedule-form select:focus{border-color:var(--green)}
.schedule-form .report-options{margin:0;padding:14px;background:#f8faf9;border:1px solid var(--line);border-radius:8px}
.schedule-form .report-options label{display:flex;align-items:center;gap:6px;color:#556663;font-size:11px}
.schedule-form input[type="checkbox"]{width:auto;margin:0;accent-color:var(--green)}
.schedule-form button[type="submit"]{align-self:flex-start}
.schedule-rows-empty{color:#9aa7a5;font-size:11px}
.companies-panel{margin-top:12px}
.companies-list{display:flex;flex-direction:column;margin:14px 0}
.company-row{display:flex;align-items:center;padding:11px 0;border-top:1px solid #f0f2f1;font-size:12px;color:var(--ink)}
.company-row .company-name{color:var(--ink);font-weight:600}
.add-company-form{display:flex;gap:10px;max-width:420px}
.add-company-form input{flex:1;border:1px solid var(--line);border-radius:6px;padding:10px 12px;font:500 12px 'DM Sans';color:var(--ink);outline:0}
.add-company-form input:focus{border-color:var(--green)}
@media print{body *{visibility:hidden}#reportOutput,#reportOutput *{visibility:visible}#reportOutput{position:absolute;left:0;top:0;width:100%}}
:root{--ink:#18252b;--muted:#7c898d;--line:#e8eceb;--paper:#fbfcfb;--mint:#d9f2e8;--green:#26946f;--coral:#ef806f;--blue:#6689ca}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#f2f7f3;border-right:1px solid #e4ebe7;padding:30px 18px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font:700 22px 'Space Grotesk';letter-spacing:-1px;margin:0 12px 58px}.brand-mark{width:29px;height:29px;display:grid;place-items:center;background:var(--ink);color:#d5f6e6;border-radius:8px;font-size:16px}.brand-dot{color:var(--green)}.workspace-label,.eyebrow,thead{font-size:10px;letter-spacing:1.4px;color:#99a6a5;font-weight:700}.workspace-label{margin:0 12px 10px}.company-switcher{width:100%;height:43px;border:1px solid #dce6e1;background:#fff;border-radius:8px;padding:0 11px;display:flex;align-items:center;gap:9px;color:var(--ink);font:600 12px 'DM Sans';cursor:pointer}.company-icon{color:var(--green);font-size:15px}.chevron{margin-left:auto;color:#92a09e;font-size:16px}nav{margin-top:30px}.nav-item{height:43px;padding:0 13px;display:flex;align-items:center;gap:13px;text-decoration:none;color:#7a8987;font-size:13px;font-weight:600;border-radius:7px;margin-bottom:4px}.nav-item span{font-size:18px;width:17px;text-align:center}.nav-item.active{background:#dcefe7;color:#187e5f}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid #dde7e2;padding:18px 5px 0;display:flex;align-items:center;gap:9px;font-size:12px}.avatar{background:#f6c6ad;color:#6d493e;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700}.profile strong,.profile small{display:block}.profile small{color:#9aa5a4;font-size:10px;margin-top:2px}.more{margin-left:auto;color:#9daaa7}.main-content{flex:1;padding:40px 5.5%;max-width:1440px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{margin:0 0 9px}h1,h2,p{margin:0}h1{font:600 30px 'Space Grotesk';letter-spacing:-1.2px}h2{font:600 16px 'Space Grotesk';letter-spacing:-.3px}.top-actions{display:flex;gap:16px;align-items:center}.icon-button,.more-button{background:none;border:0;color:#82918d;position:relative;font-size:20px;cursor:pointer}.notification-dot{position:absolute;width:5px;height:5px;background:var(--coral);border-radius:50%;right:3px;top:3px}.button{border:0;border-radius:6px;padding:11px 16px;font:600 12px 'DM Sans';cursor:pointer}.primary{background:var(--ink);color:#fff}.filter-row{display:flex;align-items:center;gap:15px;margin:33px 0 18px}.period-select{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:9px 12px;color:#5d6d6d;font-size:12px}.period-select span:last-child{color:#98a5a3;margin-left:17px}.calendar{color:var(--green)}.updated{font-size:11px;color:#a1acab}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric-card{border:1px solid var(--line);border-radius:8px;padding:17px 18px;background:#fff;min-height:126px}.dark-card{background:var(--ink);border-color:var(--ink);color:#fff}.metric-head,.metric-foot{display:flex;justify-content:space-between;align-items:center}.metric-head{font-size:11px;color:#82908e}.dark-card .metric-head{color:#b4c3be}.metric-icon{font-size:17px;color:#a3b0ad}.metric-icon.green{color:#55bb91}.metric-icon.red{color:#ef8d7d}.metric-icon.blue{color:#84a5df}.metric-card strong{display:block;font:600 24px 'Space Grotesk';margin:14px 0 11px;letter-spacing:-1px}.metric-foot{font-size:10px;color:#a1acab}.positive{color:#2ca375;font-weight:700}.dark-card .positive{color:#77d4ae}.negative{color:#e17b6a;font-weight:700}.content-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:12px;margin-top:12px}.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start}.panel-header p{color:#9ba7a5;font-size:11px;margin-top:5px}.legend{display:flex;gap:15px;color:#899592;font-size:10px}.legend span{display:flex;gap:6px;align-items:center}.legend i{width:7px;height:7px;border-radius:50%;display:block}.legend-income{background:var(--green)}.legend-expense{background:var(--coral)}.chart-wrap{display:flex;height:200px;margin-top:20px}.y-axis{width:35px;display:flex;flex-direction:column;justify-content:space-between;padding:0 0 23px;color:#a6b0ae;font-size:9px}.chart{flex:1;position:relative;padding-bottom:23px}.grid-lines{position:absolute;inset:0 0 23px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{border-top:1px dashed #e9eeec}.bars{height:100%;display:flex;align-items:flex-end;justify-content:space-around;position:relative;padding:0 5% 23px;gap:5%}.bar-group{height:100%;display:flex;align-items:flex-end;gap:5px;width:35px}.bar{width:13px;border-radius:3px 3px 0 0}.bar.income{background:var(--green)}.bar.expense{background:var(--coral)}.x-axis{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#a6b0ae;font-size:9px}.donut-wrap{display:grid;place-items:center;margin:16px 0 17px}.donut{width:134px;height:134px;border-radius:50%;background:conic-gradient(var(--green) 0 42%,#7ea5d6 42% 73%,#f3b27f 73% 92%,#d9e1df 92%);display:grid;place-items:center}.donut:before{content:'';position:absolute;width:95px;height:95px;border-radius:50%;background:#fff}.donut-center{z-index:1;text-align:center;width:80px}.donut-center strong,.donut-center span{display:block}.donut-center strong{font:600 13px 'Space Grotesk';letter-spacing:-.3px}.donut-center span{font-size:10px;color:#a1acab;margin-top:2px}.company-list>div{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid #f0f2f1;font-size:11px}.company-list strong{font-weight:600}.company-name{display:flex;align-items:center;gap:8px;color:#687775}.dot{width:7px;height:7px;border-radius:50%}.dot-a{background:var(--green)}.dot-b{background:#7ea5d6}.dot-c{background:#f3b27f}.dot-d{background:#d9e1df}.movements-panel{margin-top:12px;padding-bottom:8px}.movements-header{margin-bottom:14px}.movement-actions{display:flex;gap:17px;align-items:center}.filter-button{background:#fff;border:1px solid var(--line);border-radius:5px;padding:8px 11px;color:#647370;font:600 11px 'DM Sans;cursor:pointer}.text-button{background:none;border:0;color:var(--green);font:600 11px 'DM Sans';cursor:pointer}.text-button span{font-size:15px;margin-left:4px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:650px}th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #f0f3f2;font-size:11px;color:#657471}td.desc-cell{color:var(--ink);font-weight:600}th:last-child,td:last-child{text-align:right}.company-cell{display:flex;align-items:center;gap:7px}.company-badge{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:700}.badge-n{background:#6fb698}.badge-v{background:#7996c5}.badge-b{background:#e7a36f}.status{padding:4px 7px;border-radius:4px;font-size:9px;font-weight:700}.status-paid{background:#e4f4ed;color:#31936f}.status-pending{background:#fff1dd;color:#ba8138}.income-amount{color:var(--green);font-weight:700}.expense-amount{color:#dd7d6e;font-weight:700}footer{display:flex;justify-content:space-between;color:#a4afad;font-size:10px;padding:25px 2px}.toast{position:fixed;bottom:25px;right:25px;background:var(--ink);color:#fff;padding:12px 18px;border-radius:6px;font-size:12px;opacity:0;transform:translateY(10px);transition:.25s}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:900px){.sidebar{width:200px}.main-content{padding:30px 3%}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media(max-width:620px){.sidebar{display:none}.main-content{padding:25px 16px}.topbar{gap:15px}.top-actions .icon-button{display:none}h1{font-size:25px}.metric-grid{gap:8px}.metric-card{padding:14px 12px}.metric-card strong{font-size:19px}.content-grid{display:block}.distribution-panel{margin-top:12px}.legend{display:none}footer{display:block;line-height:2}}