:root{--brand-50: #ecfdf5;--brand-100: #d1fae5;--brand-200: #a7f3d0;--brand-500: #10b981;--brand-600: #059669;--brand-700: #047857;--brand-800: #065f46;--brand-900: #064e3b;--ink: #101828;--ink-strong: #0b1220;--muted: #5c687a;--soft: #f5f6f8;--card: #ffffff;--line: #dde3eb;--line-soft: #edf0f4;--danger: #ef4444;--danger-50: #fff1f2;--danger-600: #dc2626;--success: #16a34a;--success-50: #ecfdf3;--amber: #f59e0b;--amber-50: #fff7ed;--violet: #8b5cf6;--violet-50: #f5f3ff;--teal-50: #f0fdfa;--radius: 8px;--shadow: 0 12px 28px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html{min-height:100%;background:var(--soft)}body{min-height:100vh;margin:0;color:var(--ink);background:var(--soft);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}body.sidebar-open{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}.login-page{display:grid;min-height:100vh;place-items:center;padding:28px 16px;background:linear-gradient(135deg,#eef9f5,#dcecfb)}.login-card{width:min(446px,100%);overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 18px 38px #0f172a29}.login-card-head{display:grid;justify-items:center;gap:10px;padding:24px 24px 18px;background:linear-gradient(135deg,var(--brand-700),#34d399);color:#fff}.login-card-head p{margin:0;color:#ffffffe0;font-size:13px}.login-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.login-brand-word{font-size:30px;line-height:1;font-weight:430}.login-brand-word strong{font-weight:850}.login-brand-logo{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.16))}.login-form{display:grid;gap:22px;padding:34px 32px 30px}.login-field{display:grid;gap:8px;color:var(--ink);font-size:14px;font-weight:760}.login-field>span:first-child{display:inline-flex;align-items:center;gap:8px}.login-field svg{width:17px;height:17px;color:#475467}.login-page .login-field input{width:100%;min-height:40px;padding:0 12px;border-radius:7px;background:#fff;color:var(--ink);caret-color:var(--ink);-webkit-text-fill-color:var(--ink)}.password-control{position:relative;display:block}.login-page .password-control input{padding-right:44px;background:#eaf1fb;color:var(--ink);caret-color:var(--ink);-webkit-text-fill-color:var(--ink)}.password-control button{position:absolute;right:8px;top:50%;display:grid;width:30px;height:30px;place-items:center;transform:translateY(-50%);border:0;border-radius:6px;background:transparent;color:#98a2b3}.login-row{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#475467;font-size:14px}.remember-check{display:inline-flex;align-items:center;gap:8px}.remember-check input{width:16px;height:16px;min-height:16px;accent-color:var(--ink-strong)}.link-button{border:0;background:transparent;color:var(--brand-700);font-size:14px;font-weight:780;text-decoration:none}.link-button.strong{color:var(--brand-600);font-size:16px}.login-submit{min-height:41px;border:1px solid var(--brand-600);border-radius:7px;background:var(--brand-600);color:#fff;font-weight:850}.login-submit:hover{background:var(--brand-700)}.login-security{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:-4px 0 0;color:#98a2b3;font-size:12px}.login-security svg{width:15px;height:15px;color:#22c55e}.create-account{display:grid;gap:8px;justify-items:center;color:#344054}.create-account p{margin:0}.login-footer{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:18px;border-top:1px solid var(--line-soft);color:#98a2b3;font-size:12px}.login-footer button{border:0;background:transparent;color:inherit}input,select{min-height:40px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}input:focus,select:focus{border-color:var(--brand-500);outline:3px solid rgba(16,185,129,.16)}.app-shell{display:grid;min-height:100vh;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:26px 8px;background:linear-gradient(180deg,#0f9b75,#07805f 48%,#07543f);color:#fff;z-index:20}.side-nav{display:grid;gap:8px}.nav-item{display:flex;align-items:center;width:100%;min-height:44px;gap:12px;padding:0 14px;border:1px solid transparent;border-radius:7px;background:transparent;color:#fff;font-size:14px;font-weight:760;text-align:left;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.nav-item svg{width:20px;height:20px;stroke-width:2.2;flex:0 0 auto}.nav-item:hover,.nav-item.is-active{border-color:#ffffff3d;background:#055f467a;box-shadow:0 8px 18px #044e3a3d}.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;height:82px;padding:0 32px;background:#fff;border-top:2px solid var(--brand-600);border-bottom:1px solid var(--line)}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:18px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:160px;min-height:40px;color:var(--brand-600);text-decoration:none;font-size:24px;line-height:1}.brand-logo{width:38px;height:38px;object-fit:contain}.brand-word{display:inline-flex;align-items:baseline}.brand strong{font-weight:850}.icon-button,.mini-icon-button{display:inline-grid;place-items:center;border:0;background:transparent;color:#4b5563}.icon-button{width:36px;height:36px;border-radius:7px}.icon-button:hover,.mini-icon-button:hover{background:var(--brand-50);color:var(--brand-700)}.icon-button svg{width:20px;height:20px}.avatar-button{display:grid;width:36px;height:36px;place-items:center;overflow:hidden;border:2px solid #f4c45f;border-radius:50%;background:radial-gradient(circle at 52% 26%,#1d2a44 0 13%,transparent 14%),radial-gradient(circle at 43% 37%,#f2b985 0 19%,transparent 20%),linear-gradient(145deg,var(--brand-700),#f59e0b);color:#fff;font-size:10px;font-weight:850}.topbar-menu-control{position:relative}.topbar-menu-control.is-open>.icon-button,.topbar-menu-control.is-open>.avatar-button{outline:2px solid var(--ink-strong);outline-offset:2px;background:#fff;color:var(--ink-strong)}.topbar-dropdown{position:absolute;top:calc(100% + 10px);right:0;display:none;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 14px 30px #0f172a21;overflow:hidden;z-index:45}.topbar-menu-control.is-open .topbar-dropdown{display:block}.topbar-dropdown-title{padding:18px 16px;border-bottom:1px solid var(--line-soft);color:var(--ink);font-size:15px;font-weight:800}.notification-menu{width:min(384px,calc(100vw - 32px))}.notification-empty{display:grid;min-height:162px;place-items:center;align-content:center;gap:12px;color:#667085;font-size:14px}.notification-empty svg{width:44px;height:44px;color:#c8ced8;stroke-width:1.9}.settings-menu{width:224px;padding:8px 0}.profile-menu{width:192px;padding:8px 0}.topbar-menu-item{display:flex;align-items:center;width:100%;min-height:36px;gap:10px;padding:0 16px;border:0;background:#fff;color:#475569;font-size:14px;font-weight:560;text-align:left}.topbar-menu-item:hover{background:#f8fafc;color:var(--ink-strong)}.topbar-menu-item svg{width:16px;height:16px;color:#64748b}.page-content{min-height:calc(100vh - 82px);padding:28px 24px 42px}.page-wide{max-width:1328px}.page-head,.module-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.page-title,.module-title{margin:0;color:var(--ink-strong);font-size:30px;line-height:1.1;font-weight:820}.module-title{font-size:28px}.page-title .wave{display:inline-block;margin-left:8px}.page-subtitle,.module-subtitle{margin:8px 0 0;color:var(--muted);font-size:15px}.dashboard-tools,.toolbar-actions,.chart-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.segmented,.chart-tabs,.view-tabs{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#fff}.chart-tabs,.view-tabs{border-color:transparent;background:#f0f2f5}.segment,.chart-toggle,.view-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:#475569;font-size:12px;font-weight:760;white-space:nowrap}.segment svg{width:14px;height:14px}.segment.is-active,.pill.is-active,.month-pill.is-active{background:var(--brand-600);color:#fff;box-shadow:0 8px 16px #0596692e}.chart-toggle.is-active,.view-toggle.is-active{background:#fff;color:var(--ink-strong)}.toolbar-button,.select-control,.filter-select,.search-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink-strong);font-size:13px;font-weight:760;white-space:nowrap}.toolbar-button svg,.select-control svg,.filter-select svg{width:17px;height:17px}.primary-button,.secondary-button,.dark-button,.success-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:7px;font-size:14px;font-weight:800;white-space:nowrap}.primary-button{border:1px solid var(--brand-600);background:var(--brand-600);color:#fff}.dark-button{border:1px solid var(--ink-strong);background:var(--ink-strong);color:#fff}.success-button{border:1px solid #22c55e;background:#22c55e;color:#fff}.secondary-button,.ghost-button{border:1px solid var(--line);background:#fff;color:#334155}.ghost-button{min-height:34px;padding:0 12px}.period-control{position:relative}.period-trigger{min-width:164px}.period-menu{position:absolute;right:0;top:calc(100% + 8px);display:none;width:min(320px,calc(100vw - 28px));padding:0;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:var(--shadow);overflow:visible;z-index:30}.period-control.is-open .period-menu{display:block}.period-menu-title{padding:16px 18px 14px;border-bottom:1px solid var(--line-soft);color:var(--ink-strong);font-size:14px;font-weight:850}.filter-panel-section{position:relative;padding:12px 18px 10px;border-bottom:1px solid var(--line-soft)}.filter-section-head,.filter-panel-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:35px;padding:0;border:0;background:transparent;color:#475569;font-size:13px;font-weight:800;text-align:left}.filter-panel-row{padding:12px 18px;border-bottom:1px solid var(--line-soft)}.filter-panel-row:last-child{border-bottom:0}.filter-section-head span,.filter-panel-row span{display:inline-flex;align-items:center;gap:9px}.filter-section-head svg,.filter-panel-row svg{width:17px;height:17px;color:#64748b}.period-select{width:100%;min-height:40px;margin-top:8px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink-strong);font-size:13px;font-weight:620}.period-select:focus-visible{outline:2px solid var(--ink-strong);outline-offset:2px}.period-select svg{width:16px;height:16px;color:#64748b}.period-options{position:absolute;left:18px;right:18px;top:calc(100% - 10px);display:none;padding:8px 6px;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 12px 26px #0f172a1f;z-index:40}.period-filter-group.is-options-open .period-options{display:grid}.period-options button{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:7px;min-height:32px;padding:0 8px;border:0;border-radius:4px;background:transparent;color:var(--ink-strong);font-size:13px;font-weight:560;text-align:left}.period-options button svg{width:15px;height:15px}.period-options button:hover,.period-options button.is-active{background:#eef2f7;color:var(--ink-strong)}.filter-panel-row:hover{background:#f8fafc;color:var(--ink-strong)}.metric-grid,.stats-grid,.summary-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.summary-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card,.panel,.module-card,.finance-card,.table-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:0 1px 2px #0f172a08}.metric-card{position:relative;min-height:232px;padding:24px;overflow:hidden}.finance-card{min-height:112px;padding:18px 24px}.finance-card-head,.metric-top,.panel-head,.card-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.finance-card-title,.metric-label{margin:0;color:#344054;font-size:14px;font-weight:760}.finance-card-value,.metric-value,.stat-number{margin:8px 0 0;font-size:25px;line-height:1.1;font-weight:820}.finance-card-value.brand,.item-value.income{color:var(--success)}.finance-card-value.danger,.item-value.expense{color:var(--danger-600)}.finance-card-value.warn{color:#ea580c}.finance-card-sub{margin:6px 0 0;color:#667085;font-size:12px}.metric-icon,.finance-icon,.transaction-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:8px}.metric-icon{width:48px;height:48px}.metric-icon svg,.finance-icon svg,.transaction-icon svg{width:22px;height:22px;stroke-width:2.1}.metric-icon.balance,.finance-icon.balance{background:var(--brand-50);color:var(--brand-700)}.metric-icon.income,.finance-icon.income,.transaction-icon.income{background:var(--success-50);color:var(--success)}.metric-icon.expense,.finance-icon.expense,.transaction-icon.expense{background:var(--danger-50);color:var(--danger)}.metric-icon.planned,.finance-icon.planned{background:var(--violet-50);color:var(--violet)}.metric-icon.pending,.finance-icon.pending{background:var(--amber-50);color:#ea580c}.metric-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--success-50);color:var(--success);font-size:14px;font-weight:800;white-space:nowrap}.metric-body{margin-top:18px}.metric-note{display:inline-flex;align-items:center;min-height:22px;margin-top:10px;padding:0 10px;border:1px solid var(--brand-200);border-radius:999px;background:var(--brand-50);color:var(--brand-700);font-size:12px;font-weight:800;max-width:100%}.metric-progress{margin-top:12px}.progress-track{width:100%;height:7px;border-radius:999px;background:#edf0f3;overflow:hidden}.progress-fill{height:100%;width:var(--progress, 0%);border-radius:inherit;background:linear-gradient(90deg,var(--brand-600),var(--amber))}.progress-meta{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:#7b8492;font-size:10px;font-weight:700}.card-chevron{position:absolute;left:50%;bottom:26px;display:grid;width:24px;height:24px;place-items:center;transform:translate(-50%);border:0;border-radius:50%;background:transparent;color:#64748b}.metric-card.is-expanded .metric-extra{display:block}.metric-extra{display:none;margin-top:12px;color:#64748b;font-size:12px;line-height:1.4}.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.96fr);gap:24px}.panel{padding:24px}.panel-head{align-items:flex-start;margin-bottom:22px}.panel-title{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:18px;line-height:1.2;font-weight:820}.panel-title svg{width:16px;height:16px;color:#98a2b3}.legend{display:flex;align-items:center;gap:20px;margin-bottom:10px}.legend-item{display:inline-flex;align-items:center;gap:8px;color:#475569;font-size:13px}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.income{background:var(--success)}.legend-dot.expense{background:var(--danger)}.chart-frame{position:relative;height:302px;overflow:hidden}.chart-svg{display:block;width:100%;height:100%}.chart-axis{color:#64748b;font-size:10px;font-weight:700}.recent-list,.transaction-list,.plain-list,.account-list,.card-list{display:grid;gap:14px}.recent-item,.transaction-item,.summary-row{display:grid;align-items:center;gap:12px}.recent-item{grid-template-columns:40px minmax(0,1fr) auto}.mini-avatar{display:grid;place-items:center;overflow:hidden;border:2px solid #f4c45f;border-radius:50%;background:radial-gradient(circle at 50% 23%,#1e293b 0 13%,transparent 14%),radial-gradient(circle at 43% 37%,#f2b985 0 19%,transparent 20%),linear-gradient(145deg,var(--brand-700),#f59e0b);color:#fff;font-weight:900}.mini-avatar{width:38px;height:38px;font-size:9px}.item-title,.item-value{margin:0;font-size:15px;font-weight:820}.item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta{margin:3px 0 0;color:#64748b;font-size:13px}.item-status{color:#a16207;font-weight:800}.module-card{padding:20px}.module-card h3{margin:0 0 8px;font-size:16px}.module-card p{margin:0;color:#64748b}.filters-row,.search-row,.month-strip,.table-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.filters-row{margin-bottom:18px}.month-strip{justify-content:flex-start}.pill-group{display:flex;gap:8px;flex-wrap:wrap}.pill,.month-pill{min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#475569;font-size:13px;font-weight:780}.filter-select{min-width:160px}.search-wrap{position:relative;min-width:min(420px,100%);flex:1}.search-wrap svg{position:absolute;top:50%;left:12px;width:17px;height:17px;transform:translateY(-50%);color:#98a2b3}.search-wrap input{width:100%;padding:0 14px 0 38px}.toggle-control{display:inline-flex;align-items:center;gap:8px;color:#101828;font-size:13px;font-weight:680}.switch{position:relative;width:44px;height:26px;border:0;border-radius:999px;background:#d9e0e8}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .16s ease}.switch.is-on{background:var(--ink-strong)}.switch.is-on:after{transform:translate(18px)}.table-card{overflow:hidden}.table-scroll{overflow:auto}.data-table{width:100%;min-width:880px;border-collapse:collapse}.data-table th,.data-table td{border-bottom:1px solid var(--line-soft);padding:12px 10px;text-align:left;vertical-align:middle;white-space:nowrap}.data-table th{background:#fbfcfe;color:#566174;font-size:12px;font-weight:800;text-transform:uppercase}.data-table td{font-size:13px}.table-empty{display:grid;min-height:122px;place-items:center;color:#667085;text-align:center}.status-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:var(--brand-100);color:var(--brand-800);font-size:12px;font-weight:800}.summary-row{grid-template-columns:minmax(0,1fr) auto;padding:12px 0;border-bottom:1px solid var(--line)}.summary-row:last-child{border-bottom:0}.summary-label{color:#64748b;font-size:13px;font-weight:700}.summary-value{font-size:14px;font-weight:820}.hint-box{padding:12px;border:1px solid #c7d2fe;border-radius:8px;background:#eef4ff;color:#344054;font-size:12px}.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:24px}.credit-dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:24px}.investment-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:24px}.investment-card{min-height:170px}.investment-action-row{display:flex;justify-content:flex-end;margin:0 0 24px}.investment-action-row .primary-button{min-width:262px}.investment-dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.96fr);gap:24px}.investment-chart-frame{height:280px}.investment-allocation-panel{min-height:360px}.allocation-empty{display:grid;min-height:310px;place-items:center;color:#98a2b3;font-size:14px;text-align:center}.legend-dot.investment-line{background:#10b981}.credit-metric-card{min-height:202px}.credit-invoice-chart{height:260px}.credit-transactions-panel{margin-top:24px}.credit-month-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.credit-month-toolbar strong{min-width:46px;text-align:center}.empty-credit-category{display:grid;min-height:280px;place-items:center;align-content:center;gap:16px;color:#667085;text-align:center}.empty-credit-category svg{width:52px;height:52px;color:#98a2b3;stroke-width:1.9}.empty-credit-category p{margin:0}.credit-spending-list{margin-top:36px}.category-panel{min-height:420px}.panel-title-wrap{display:inline-flex;align-items:center;gap:10px}.panel-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:8px}.panel-icon svg{width:20px;height:20px}.panel-icon.violet{background:var(--violet-50);color:var(--violet)}.panel-icon.violet-soft{background:#faf5ff;color:#7c3aed}.panel-total{display:grid;gap:4px;justify-items:end;color:#667085;font-size:12px}.panel-total strong{color:var(--violet);font-size:20px}.category-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.category-legend{display:flex;align-items:center;gap:12px;min-height:34px;flex-wrap:wrap;margin-bottom:16px}.category-empty-line{display:flex;align-items:center;min-height:34px;margin-bottom:16px;color:#667085;font-size:13px}.category-chart-frame{height:250px}.category-toggle{margin-bottom:22px}.donut-layout{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:28px}.donut-chart{display:grid;width:172px;height:172px;place-items:center;align-content:center;justify-self:center;border-radius:50%;background:radial-gradient(circle at center,#ffffff 0 40%,transparent 41%),conic-gradient(var(--donut-color) 0 var(--donut-percent),#edf0f3 var(--donut-percent) 100%);color:#667085;text-align:center;font-size:11px}.donut-chart strong{color:var(--ink);font-size:14px}.donut-list{display:grid;gap:10px}.donut-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto auto;align-items:center;gap:10px;color:#475467;font-size:13px}.floating-chat{position:fixed;right:20px;bottom:20px;display:grid;width:56px;height:56px;place-items:center;border:0;border-radius:50%;background:var(--brand-600);color:#fff;box-shadow:0 14px 24px #05966947;z-index:40}.floating-chat svg{width:25px;height:25px}.mobile-bottom-nav{display:none}.toast{position:fixed;left:50%;bottom:24px;z-index:50;max-width:min(420px,calc(100vw - 32px));padding:12px 16px;transform:translate(-50%);border-radius:8px;background:var(--ink-strong);color:#fff;font-size:14px;font-weight:760;box-shadow:var(--shadow)}.is-hidden-value{color:transparent;text-shadow:0 0 9px rgba(17,24,39,.35);-webkit-user-select:none;user-select:none}body.sidebar-collapsed .app-shell{grid-template-columns:64px minmax(0,1fr)}body.sidebar-collapsed .nav-item{justify-content:center;padding:0}body.sidebar-collapsed .nav-item span{display:none}@media(max-width:1180px){.metric-grid,.stats-grid,.summary-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.dashboard-lower-grid,.credit-dashboard-grid,.investment-dashboard-grid{grid-template-columns:1fr}.investment-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.donut-layout{grid-template-columns:1fr}}@media(max-width:820px){body.sidebar-open:before{content:"";position:fixed;inset:0;z-index:50;background:#0f172a61}.app-shell,body.sidebar-collapsed .app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:248px;transform:translate(-100%);transition:transform .18s ease;z-index:60;box-shadow:none}body.sidebar-open .sidebar{transform:translate(0);box-shadow:18px 0 34px #0f172a38}body.sidebar-open .nav-item{justify-content:flex-start;padding:0 14px}body.sidebar-open .nav-item span{display:inline}.topbar{height:72px;padding:0 12px}.topbar-left{min-width:0;gap:10px}.topbar-actions{gap:8px}.brand{min-width:0;gap:8px;font-size:20px}.brand-logo{width:32px;height:32px;max-width:32px}.brand-word{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button,.avatar-button{width:34px;height:34px}.page-content{overflow-x:hidden;padding:16px 10px 92px}.page-head,.module-head,.panel-head{display:grid}.donut-layout{grid-template-columns:1fr}.dashboard-tools,.chart-controls,.toolbar-actions{width:100%;justify-content:flex-start}.primary-button,.secondary-button,.dark-button,.success-button,.ghost-button,.toolbar-button,.select-control,.filter-select,.search-control{max-width:100%}.metric-grid,.stats-grid,.summary-card-grid,.investment-metric-grid,.module-grid{grid-template-columns:1fr}.metric-card{min-height:208px}.recent-item,.transaction-item{grid-template-columns:38px minmax(0,1fr)}.recent-item .item-value,.transaction-item .item-value{grid-column:2;justify-self:start}.floating-chat{right:14px;bottom:72px;width:46px;height:46px;box-shadow:0 10px 20px #0596693d}.floating-chat svg{width:21px;height:21px}.topbar-dropdown{max-width:calc(100vw - 24px)}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:55;display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) 58px repeat(2,minmax(0,1fr));align-items:center;min-height:56px;padding:4px 8px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;box-shadow:0 -8px 18px #0f172a14}.mobile-nav-item,.mobile-nav-action{display:grid;place-items:center;gap:2px;border:0;background:transparent;color:#7b8492;font-size:9px;font-weight:650}.mobile-nav-item svg{width:17px;height:17px}.mobile-nav-item.is-active{color:#2563eb}.mobile-nav-action{width:48px;height:48px;margin:-20px auto 0;border-radius:50%;background:#2f7df6;color:#fff;box-shadow:0 10px 20px #2f7df647}.mobile-nav-action svg{width:24px;height:24px}}@media(max-width:420px){.brand{font-size:18px}.brand-logo{width:28px;height:28px;max-width:28px}.topbar-actions{gap:4px}}