:root{--ink:#19231f;--muted:#758078;--paper:#f5f6f3;--brand:#176b54;--line:#e4e8e3}*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,44%) 1fr;background:#fff}.login-panel{width:min(430px,80%);margin:auto}.login-art{margin:18px;border-radius:28px;background:linear-gradient(145deg,rgba(10,59,47,.4),rgba(10,59,47,.9)),url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1600&q=80') center/cover;position:relative}.art-copy{position:absolute;left:8%;bottom:9%;color:white}.art-copy h2{font-size:clamp(2.2rem,4vw,4.5rem);line-height:1.05}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.18em;color:var(--brand)}.brand-mark{height:48px;width:48px;display:inline-grid;place-items:center;border-radius:14px;background:var(--brand);color:#fff}.brand-mark.small{height:34px;width:34px;border-radius:10px}.form-control,.form-select{border-color:var(--line);padding:.75rem .9rem}.form-control:focus,.form-select:focus{border-color:#7aab9d;box-shadow:0 0 0 .25rem rgba(23,107,84,.1)}.sidebar{width:260px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:24px 18px;display:flex;flex-direction:column;z-index:10}.logo{display:flex;align-items:center;gap:11px;font-size:1.2rem;font-weight:750;margin:0 10px 28px}.text-brand{color:var(--brand)}.nav-label{color:#a1aaa4;font-size:.64rem;font-weight:800;letter-spacing:.15em;margin:20px 13px 8px}.sidebar .nav-link{display:flex;align-items:center;gap:12px;color:#677169;border-radius:11px;padding:10px 13px;margin:2px 0;font-size:.9rem}.sidebar .nav-link.active,.sidebar .nav-link:hover{background:#edf5f1;color:var(--brand);font-weight:650}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:18px 5px 0;display:flex;align-items:center;gap:10px;font-size:.78rem}.sidebar-footer small{display:block;color:var(--muted)}.avatar{height:36px;width:36px;border-radius:50%;display:grid;place-items:center;background:#e6b86a;color:#fff;font-weight:700}.content{margin-left:260px;min-height:100vh}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 3rem;background:rgba(245,246,243,.85);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}.btn-brand{background:var(--brand);color:#fff;border:none}.btn-brand:hover{background:#105c47;color:#fff}.notify{position:absolute;width:7px;height:7px;background:#e15e4e;border-radius:50%;top:8px;right:8px}.period{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 14px;font-size:.82rem}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 5px 18px rgba(32,46,39,.025)}.metric{display:grid;grid-template-columns:44px 1fr;gap:0 12px}.metric-icon{grid-row:1/4;height:42px;width:42px;border-radius:12px;display:grid;place-items:center}.metric-icon.green{background:#e3f1ea;color:#197054}.metric-icon.coral{background:#fbe8e4;color:#c65747}.metric-icon.blue{background:#e5eef9;color:#4574a9}.metric-icon.gold{background:#fff1d8;color:#b77a20}.metric-icon.purple{background:#eee8f7;color:#7557a0}.metric small{color:var(--muted)}.metric strong{font-size:1.35rem}.metric em{font-size:.7rem;color:#9ba39e;font-style:normal}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.panel-head h5{margin:0;font-weight:700}.panel-head small{color:var(--muted)}.chart-placeholder{height:275px;background:linear-gradient(#fff,#f8faf8);border-radius:10px;position:relative;overflow:hidden}.chart-bars{height:220px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 54px,#eef0ed 55px)}.chart-bars i{width:8%;background:linear-gradient(180deg,#2b8b70,#a8d4c7);border-radius:7px 7px 0 0}.chart-line{text-align:center;color:var(--muted);font-size:.75rem;padding:15px}.goal{margin:24px 0}.goal>div:first-child{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:8px}.goal span{color:var(--muted)}.progress{height:7px;background:#edf0ed}.progress-bar{background:var(--brand)}.goldbar{background:#e2a94c}@media(max-width:991px){.login-shell{grid-template-columns:1fr}.login-art{display:none}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.content{margin-left:0}.topbar{padding:0 1rem}}@media(max-width:560px){.login-panel{width:86%}}
.dashboard-brand-mark{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 auto 22px;font-size:1.25rem;font-weight:800}.dashboard-brand-mark img{width:48px;height:48px}.dashboard-brand-mark span span{color:var(--brand)}
.primary-menu{display:grid;gap:3px}.primary-menu a{display:flex;align-items:center;gap:12px;color:#677169;text-decoration:none;border-radius:11px;padding:10px 13px;font-size:.9rem}.primary-menu a:hover,.primary-menu a.active{background:#edf5f1;color:var(--brand);font-weight:650}.sidebar>.nav-label,.sidebar>.nav-link,.sidebar>.nav-subgroup-toggle{display:none!important}
.dashboard-period-filter{position:relative}.period{display:flex;align-items:center;gap:8px;padding:0 12px}.period select{appearance:none;border:0;background-color:transparent;color:var(--ink);font:inherit;font-weight:600;padding:10px 24px 10px 0;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 8px) 50%,calc(100% - 4px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.period select:focus{outline:none}.dashboard-custom-period{position:absolute;right:0;top:calc(100% + 8px);z-index:8;display:flex;align-items:center;gap:8px;min-width:460px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px rgba(25,35,31,.12)}.dashboard-custom-period input{min-width:145px}.dashboard-custom-period span{font-size:.75rem;color:var(--muted)}@media(max-width:560px){.dashboard-period-filter{width:100%}.period{width:100%}.period select{width:100%}.dashboard-custom-period{position:static;min-width:0;margin-top:8px;flex-wrap:wrap}.dashboard-custom-period input{flex:1;min-width:125px}}
.chart-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);text-align:center}.chart-empty i{font-size:2rem;opacity:.45}.chart-empty strong{color:var(--ink)}.cash-flow-day{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:3px}.chart-bars .cash-flow-day i{width:min(18px,35%)}.chart-bars .cash-expense{background:linear-gradient(180deg,#d96c5f,#efb0a8)}.cash-legend{margin:0 10px}.cash-legend:before{content:'';display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;background:#2b8b70}.cash-legend.expense:before{background:#d96c5f}