:root{font-family:Inter,system-ui,sans-serif;line-height:1.5;--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--color-text-inverse: #f8fafc;--color-surface-app: #f8fafc;--color-surface-card: #ffffff;--color-surface-muted: #e2e8f0;--color-border: #d5dee8;--color-secondary: #9edd05;--color-secondary-soft: #ecf9c8;--color-accent-dark: #0c3a30;--color-accent-base: #126a55;--color-accent-soft: #d9efe9;--color-accent-deep: #0a2f27;--color-success-bg: #dcfce7;--color-success-text: #166534;--color-warning-bg: #fef9c3;--color-warning-text: #92400e;--color-danger-bg: #fee2e2;--color-danger-text: #b91c1c;color:var(--color-text-primary);background-color:var(--color-surface-app)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--color-surface-app)}a{color:var(--color-accent-base);text-decoration:none}a:hover{color:var(--color-accent-dark)}button,input,select{font-family:inherit}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--color-accent-dark);color:var(--color-text-inverse);display:flex;flex-direction:column;padding:32px 24px;gap:32px}.brand{margin:0 auto;align-items:center}.logo img{width:100%;height:100%;object-fit:contain}.logo{width:120px;height:80px;border-radius:12px;display:grid;place-items:center;font-weight:700}.brand-title{font-weight:600;text-align:center}.brand-subtitle{font-size:12px;color:#cde2dd}.nav{display:flex;flex-direction:column;gap:12px}.nav a{padding:10px 12px;border-radius:10px;color:#ddede9;font-weight:500;transition:all .2s ease}.nav a.active,.nav a:hover{background:var(--color-accent-base);color:var(--color-secondary)}.sidebar-footer{margin-top:auto;background:var(--color-accent-deep);padding:16px;border-radius:16px}.support-title{font-weight:600;margin-bottom:6px}.support-text{font-size:13px;color:#bfd7d0;margin-bottom:12px}.main-content{display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:28px 40px 16px;border-bottom:1px solid var(--color-border);background:var(--color-surface-card)}.topbar h1{font-size:22px;margin-bottom:4px}.topbar-actions{display:flex;align-items:center;gap:12px}.chip{padding:6px 12px;border-radius:999px;background:var(--color-secondary-soft);color:var(--color-accent-dark);font-weight:600;font-size:12px}.content{padding:32px 40px 60px}.page{display:flex;flex-direction:column;gap:24px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.status-pill{background:var(--color-accent-soft);color:var(--color-accent-dark);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.grid{display:grid;gap:20px}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid.charts{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:var(--color-surface-card);border-radius:20px;padding:24px;box-shadow:0 8px 30px #0c3a301f;display:flex;flex-direction:column;gap:16px}.card-title{font-size:14px;color:var(--color-text-muted)}.card-header{display:flex;justify-content:space-between;align-items:center}.table{display:flex;flex-direction:column;gap:12px}.table-header,.table-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:center}.table.compact .table-header,.table.compact .table-row{grid-template-columns:repeat(3,minmax(0,1fr))}.table-header{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b8794}.table-row span{font-size:13px}.table-row{padding:12px 0;border-bottom:1px solid var(--color-border);font-weight:500}.tinyText{font-size:12px;overflow:scroll}.pill{font-size:12px;padding:4px 10px;border-radius:999px;text-transform:capitalize;width:max-content}.pill.completed{background:var(--color-success-bg);color:var(--color-success-text)}.pill.pending{background:var(--color-warning-bg);color:var(--color-warning-text)}.pill.failed{background:var(--color-danger-bg);color:var(--color-danger-text)}.positive{color:var(--color-success-text);font-weight:600}.negative{color:var(--color-danger-text);font-weight:600}.warning{color:var(--color-warning-text);font-weight:600}.form{display:flex;flex-direction:column;gap:16px}label{display:flex;flex-direction:column;gap:8px;font-weight:500;color:var(--color-text-primary)}input,select{padding:10px 12px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface-app)}.error{color:var(--color-danger-text);font-size:12px}.success{color:var(--color-success-text);font-size:13px}.primary,.secondary{border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.primary{background:var(--color-secondary);color:var(--color-accent-dark)}.secondary{background:var(--color-accent-base);color:var(--color-text-inverse)}.primary:hover,.secondary:hover{transform:translateY(-1px);box-shadow:0 10px 18px #0c3a3033}.primary:disabled,.secondary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.muted{color:var(--color-text-muted)}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--color-accent-dark) 0%,var(--color-accent-base) 45%,var(--color-secondary) 100%);padding:24px}.login-card{width:min(420px,100%);background:var(--color-surface-card);padding:32px;border-radius:24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 20px 50px #0c3a3047}.login-kicker{font-weight:600;color:var(--color-accent-base);display:block;max-width:120px;margin:1rem auto}.login-footer{font-size:12px;color:#6b8794}.info-row{display:flex;justify-content:space-between;color:var(--color-text-secondary);font-weight:500}.checklist{display:grid;gap:10px;color:var(--color-text-secondary)}.empty-state{min-height:100vh;display:grid;place-items:center;text-align:center;gap:12px}.chart{height:260px}@media (max-width: 1024px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;justify-content:space-between}.sidebar-footer{display:none}.nav{flex-direction:row;flex-wrap:wrap;justify-content:center}}@media (max-width: 768px){.topbar{flex-direction:column;align-items:flex-start;gap:12px}.content{padding:24px}.page-header{flex-direction:column;align-items:flex-start}}.stats-three{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dashboard-loader{min-height:220px;display:grid;place-items:center;color:var(--color-text-muted)}.cashflow-bars{height:260px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:end}.cashflow-group{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.cashflow-columns{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:end}.cashflow-bar{border-radius:10px 10px 4px 4px;min-height:2px}.cashflow-bar.income{background:var(--color-accent-base)}.cashflow-bar.spend{background:var(--color-secondary)}.cashflow-label{font-size:12px;color:var(--color-text-muted)}