*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}button,input,select{font:inherit}:root{--bg: #f4f7f5;--bg-accent: #e7f0ec;--surface: rgba(255, 255, 255, .85);--surface-solid: #ffffff;--line: #d9e3ea;--text: #0f2733;--muted: #5f7380;--primary: #139a73;--primary-strong: #0d855f;--warning: #ca7a2a;--danger: #d54e4e;--shadow: 0 30px 40px -35px rgba(17, 46, 58, .95)}body{font-family:IBM Plex Sans,sans-serif;color:var(--text);background:radial-gradient(circle at 8% -10%,#d7ece4 0,transparent 30%),radial-gradient(circle at 88% 0%,#f8e8d6 0,transparent 34%),var(--bg)}h1,h2,h3{font-family:Sora,sans-serif;margin:0}.saas-root{min-height:100%;display:grid;grid-template-columns:250px 1fr}.saas-sidebar{border-right:1px solid #d6e2e8;background:linear-gradient(180deg,#f8fcfa,#ecf3ef);padding:26px 18px}.brand-block{margin-bottom:24px}.brand-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.72rem;color:var(--primary);margin:0 0 8px}.brand-title{font-size:1.28rem}.side-nav{display:grid;gap:8px}.side-link{color:#334b5a;text-decoration:none;font-weight:600;font-size:.92rem;padding:10px 12px;border-radius:10px}.side-link.active{background:#d8ede5;color:#0f3a2e}.saas-main{padding:18px 22px 26px}.glass-card{background:var(--surface);border:1px solid rgba(255,255,255,.7);border-radius:18px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.saas-header{padding:16px 18px;display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.header-kicker{margin:0 0 6px;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--primary);font-weight:700}.header-subtitle{margin:0;color:var(--muted);font-size:.92rem}.profile-pill{background:#13384d;color:#f1f7fa;padding:8px 12px;border-radius:999px;font-weight:600;font-size:.82rem}.saas-content{display:grid;gap:12px}.filters-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px}.field-block{display:flex;flex-direction:column;gap:6px}.field-block.wide{grid-column:1 / -1}.field-block label{font-size:.78rem;font-weight:600;color:var(--muted)}.field-block input,.field-block select{background:var(--surface-solid);height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px}.actions-line{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px}.primary-btn,.secondary-btn{border:0;border-radius:11px;padding:10px 13px;font-weight:700;cursor:pointer}.primary-btn{background:linear-gradient(120deg,var(--primary),var(--primary-strong));color:#fff}.secondary-btn{background:#e8eef2;color:#1d3642}.secondary-btn.danger{color:#872f2f;background:#f9e9e9}.metrics-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{background:var(--surface-solid);border-radius:15px;border:1px solid #ebf1f5;padding:12px}.metric-label{margin:0 0 8px;color:var(--muted);font-size:.78rem}.metric-value{margin:0;font-family:Sora,sans-serif;font-size:1.25rem;font-weight:700}.metric-helper{margin:6px 0 0;color:var(--muted);font-size:.73rem}.metric-card.positive .metric-value{color:var(--primary)}.metric-card.negative .metric-value{color:var(--danger)}.dashboard-grid{display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr}.dashboard-grid.bottom{grid-template-columns:1.45fr 1fr}.panel-card{padding:14px}.panel-card h3{font-size:.95rem;margin-bottom:10px}.chart-wrap{height:280px}.chart-wrap.compact{height:220px}.legend-list{display:grid;gap:8px;margin:0;padding:6px 0 0;list-style:none;font-size:.82rem;color:#3d5260}.legend-list li{display:flex;gap:8px;align-items:center}.legend-list span{width:10px;height:10px;border-radius:50%}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 7px;border-bottom:1px solid #edf2f6;font-size:.84rem;white-space:nowrap}th{font-size:.74rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.expense-form{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.footer-status{color:var(--muted);font-size:.8rem}.page-stack{display:grid;gap:12px}.inline-alert{background:#fef4ea;border:1px solid #f4d8b8;color:#8e5a1e;border-radius:10px;padding:10px 12px;font-size:.85rem}.view-tabs{display:inline-flex;align-items:center;padding:5px;gap:4px;width:fit-content}.view-tab-btn{border:0;background:transparent;color:#385061;border-radius:12px;padding:8px 14px;font-weight:700;font-size:.84rem;cursor:pointer}.view-tab-btn.active{background:#d8ede5;color:#0f3a2e}.monthly-table-card{padding-bottom:8px}.monthly-super-table th:first-child,.monthly-super-table td:first-child{position:sticky;left:0;background:#f9fcfb;z-index:1}.monthly-super-table tbody tr:nth-child(8) td{font-weight:700;color:#0f3a2e}.empty-text{margin:6px 0 2px;color:var(--muted)}.settings-list{margin:12px 0 0;padding:0 0 0 18px;color:#324a58}.settings-connection-grid{margin-top:12px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.settings-connection-card{border:1px solid #e6edf2;background:#fdfefe;border-radius:12px;padding:12px}.settings-connection-title{margin:0 0 8px;font-weight:700}.settings-connection-badge{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:.77rem;font-weight:700;margin:0 0 8px}.settings-connection-badge.ok{color:#0f5639;background:#ddf2e8}.settings-connection-badge.pending{color:#815722;background:#f8ead2}.settings-connection-hint{margin:0;color:var(--muted);font-size:.78rem}.settings-inline-actions{display:flex;gap:6px}.settings-form-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.settings-checkbox-line{justify-content:center}.settings-checkbox-line label{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:#2f4653}.settings-provider-stack{margin-top:12px;display:grid;gap:10px}.settings-provider-card{border:1px solid #e6edf2;background:#fdfefe;border-radius:12px;padding:12px}.settings-provider-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-provider-head h4{margin:0;font-size:.92rem}.settings-switch{display:inline-flex;align-items:center;gap:6px;color:#3f5663;font-size:.82rem}.muted-line{margin:0;color:var(--muted)}.toast{position:fixed;right:16px;bottom:16px;background:#142430;color:#fff;padding:10px 14px;border-radius:10px;opacity:0;transform:translateY(8px)}.toast.show{opacity:1;transform:translateY(0)}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.dashboard-grid.bottom{grid-template-columns:1fr}}@media (max-width: 860px){.saas-root{grid-template-columns:1fr}.saas-sidebar{border-right:0;border-bottom:1px solid #d6e2e8}.filters-grid{grid-template-columns:1fr 1fr}.settings-connection-grid,.settings-form-grid{grid-template-columns:1fr}.view-tabs{width:100%}.view-tab-btn{flex:1;text-align:center}.actions-line{grid-column:1 / -1;justify-content:stretch}.expense-form{grid-template-columns:1fr}}