:root{--ink:#17221f;--muted:#68736f;--line:#dfe6e2;--paper:#fff;--bg:#f4f6f1;--green:#173f35;--mint:#dff2e8;--lime:#d8ec8b;--orange:#f4b86a;--red:#d35f52;--shadow:0 10px 30px rgba(31,57,49,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#12372f;color:white;padding:24px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 28px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--lime);color:var(--green);font:800 20px Manrope}.brand strong,.brand small{display:block}.brand strong{font:800 18px Manrope}.brand small{color:#a9c4ba;font-size:11px;margin-top:2px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#bed0ca;padding:11px 12px;border-radius:10px;display:flex;gap:12px;align-items:center;text-align:left;font:600 14px inherit;cursor:pointer}.nav-item span{width:20px;text-align:center;font-size:17px}.nav-item b{margin-left:auto;background:#e6b061;color:#39291c;border-radius:9px;padding:1px 7px;font-size:11px}.nav-item:hover,.nav-item.active{background:#285147;color:#fff}.sidebar-bottom{margin-top:auto;display:grid;gap:10px}.health{margin:0 8px 8px;padding:12px;background:#1d493e;border:1px solid #2e5b4f;border-radius:12px;display:flex;align-items:center;gap:10px}.health i{width:8px;height:8px;background:#9fdb72;border-radius:50%;box-shadow:0 0 0 4px rgba(159,219,114,.12)}.health strong,.health small{display:block}.health strong{font-size:12px}.health small{font-size:10px;color:#9fb9b0;margin-top:2px}.profile{border-top:1px solid #31564e;padding:18px 8px 0;display:flex;align-items:center;gap:9px}.profile>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e7c887;color:#3c3321;font-weight:800}.profile div{min-width:0}.profile strong,.profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile strong{font-size:12px}.profile small{font-size:10px;color:#9fb9b0}.profile button{margin-left:auto;background:none;border:0;color:#a9c4ba}.topbar{height:72px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:10}.search{width:min(430px,45vw);height:40px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:#f8faf7;padding:0 12px}.search input{border:0;outline:0;background:transparent;width:100%;font:inherit}.top-actions{display:flex;gap:10px}.primary,.secondary,.icon-btn{border:0;border-radius:10px;cursor:pointer;font:700 13px inherit}.primary{background:var(--green);color:white;padding:11px 16px}.primary:hover{background:#245748}.secondary{background:#f2f4f0;color:var(--ink);padding:11px 16px;border:1px solid var(--line)}.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:white;position:relative}.icon-btn em{position:absolute;right:-3px;top:-4px;background:#d16254;color:#fff;width:17px;height:17px;border-radius:50%;font:700 9px inherit;display:grid;place-items:center}.mobile-menu{display:none;border:0;background:none;font-size:22px}.content{padding:34px;max-width:1440px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:#638176}.page-head h1{font:800 30px Manrope;margin:5px 0}.page-head p{color:var(--muted);margin:0;font-size:14px}.period{background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:var(--ink);font:600 13px inherit}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 2px 2px rgba(20,40,33,.02)}.metric-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:700}.metric-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:var(--mint);color:var(--green)}.metric h3{font:800 24px Manrope;margin:13px 0 4px}.metric small{font-size:11px;color:var(--muted)}.metric small.up{color:#3b7863}.metric.warn{border-top:3px solid var(--orange)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.85fr);gap:16px;margin-top:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-head h2{font:800 16px Manrope;margin:0}.panel-head button,.text-link{border:0;background:none;color:#2d6b59;font-weight:800;font-size:12px;cursor:pointer}.chart{height:215px;display:flex;align-items:flex-end;gap:18px;border-bottom:1px solid var(--line);padding:20px 12px 0}.bar-group{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:5px;position:relative}.bar{width:12px;border-radius:5px 5px 0 0;background:#2c6555;transition:.25s}.bar.expense{background:#d7dfda}.bar-group label{position:absolute;bottom:-26px;font-size:10px;color:var(--muted)}.chart-legend{display:flex;gap:18px;padding-top:32px;font-size:11px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px;background:#2c6555}.dot.gray{background:#d7dfda}.attention-list{display:grid;gap:10px}.attention{border:1px solid var(--line);border-radius:11px;padding:12px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center}.attention>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#fff1df;color:#a96119}.attention strong,.attention small{display:block}.attention strong{font-size:13px}.attention small{font-size:11px;color:var(--muted);margin-top:3px}.attention button{border:0;background:#edf5f1;color:#245748;font-weight:800;font-size:11px;border-radius:8px;padding:7px;cursor:pointer}.recent{margin-top:16px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:680px}.data-table th{text-align:left;color:#78827e;font-size:10px;letter-spacing:.08em;padding:10px;border-bottom:1px solid var(--line)}.data-table td{padding:13px 10px;border-bottom:1px solid #edf0ed;font-size:12px}.client-cell{display:flex;align-items:center;gap:9px}.avatar{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#e8efe9;color:#275a4c;font-weight:800;font-size:11px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 9px;font-weight:700;font-size:10px}.status.confirmed{background:#e4f2eb;color:#2d6d56}.status.review{background:#fff0dc;color:#99601d}.status.pending{background:#f3e6e1;color:#a94b42}.amount.income{color:#28664f;font-weight:800}.amount.expense{color:#b45147;font-weight:800}.toolbar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 12px;font:600 12px inherit}.empty{padding:50px;text-align:center;color:var(--muted)}.collection-list{display:grid;gap:10px}.collection{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;border:1px solid var(--line);padding:16px;border-radius:12px}.collection strong,.collection small{display:block}.collection small{color:var(--muted);margin-top:4px}.days{font:800 12px Manrope;color:#a15147;background:#f8e7e3;padding:7px 10px;border-radius:20px}dialog{border:0;border-radius:18px;padding:0;width:min(620px,calc(100vw - 28px));box-shadow:0 30px 80px rgba(12,39,31,.25)}dialog::backdrop{background:rgba(13,33,28,.55);backdrop-filter:blur(3px)}dialog form{padding:25px}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{font:800 22px Manrope;margin:5px 0}.dialog-head p{color:var(--muted);font-size:13px;margin:0}.close{border:0;background:#f3f5f2;width:32px;height:32px;border-radius:50%;font-size:22px;cursor:pointer}.type-switch{display:grid;grid-template-columns:1fr 1fr;background:#f0f3ef;border-radius:10px;padding:4px;margin:22px 0 18px}.type-switch button{border:0;background:none;padding:10px;border-radius:8px;font-weight:800;color:var(--muted);cursor:pointer}.type-switch button.active{background:white;color:var(--green);box-shadow:0 2px 7px rgba(20,55,46,.09)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:11px;font-weight:800;color:#4c5b56}.form-grid label span{font-weight:400;color:#8a948f}.form-grid input,.form-grid select{display:block;width:100%;margin-top:6px;border:1px solid #d7ded9;border-radius:9px;padding:11px;font:500 13px inherit;outline:none}.form-grid input:focus,.form-grid select:focus{border-color:#4e7b6f;box-shadow:0 0 0 3px rgba(48,105,88,.1)}.form-grid .full{grid-column:1/-1}.money-input{position:relative}.money-input span{position:absolute;left:11px;top:17px;color:#53625d;font-weight:700}.money-input input{padding-left:27px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}#toast{position:fixed;right:25px;bottom:25px;background:#173f35;color:white;border-radius:10px;padding:13px 17px;font-size:12px;font-weight:700;transform:translateY(80px);opacity:0;transition:.25s;z-index:50}#toast.show{transform:none;opacity:1}.settings-grid,.reports-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.big-number{font:800 32px Manrope;margin:12px 0}.progress{height:8px;background:#edf0ed;border-radius:20px;overflow:hidden}.progress i{display:block;height:100%;background:#2b6655;border-radius:inherit}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.client-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px}.client-card .avatar{width:40px;height:40px}.client-card h3{font:800 14px Manrope;margin:11px 0 3px}.client-card p{font-size:11px;color:var(--muted);margin:0}.client-card footer{display:flex;justify-content:space-between;margin-top:15px;padding-top:12px;border-top:1px solid var(--line);font-size:11px}.client-card footer strong{color:#2c6555}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.client-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;width:255px;transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.mobile-menu{display:block}.topbar{padding:0 14px}.search{display:none}.content{padding:22px 15px}.page-head{align-items:flex-start}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:14px}.metric h3{font-size:19px}.top-actions .icon-btn{display:none}.dashboard-grid{grid-template-columns:1fr}.panel{padding:15px}.client-grid,.reports-grid,.settings-grid{grid-template-columns:1fr}.collection{grid-template-columns:1fr auto}.collection button{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}@media(max-width:430px){.metrics{grid-template-columns:1fr}.primary{padding:10px}.top-actions .primary{font-size:0}.top-actions .primary:after{content:'＋ Registrar';font-size:12px}.page-head h1{font-size:26px}}