:root{font-family:Inter,system-ui,sans-serif;color:#29445c;background:#f4f7fb;--mint:#20d3ad;--navy:#17324d;--line:#dce5ed;--muted:#6c7e90}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}.topline{height:6px;background:var(--mint)}main{max-width:1440px;margin:auto;padding:22px}.brand{display:flex;align-items:center;gap:10px;font-size:26px;color:var(--navy);margin-bottom:20px}.brand b{background:var(--mint);color:#fff;padding:11px;border-radius:4px 17px}.brand small{font-size:12px;color:var(--muted)}.panel,.tablebox,.cards article,.summaries article,.welcome{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 15px #17324d08}.login{max-width:440px;margin:50px auto;padding:32px}.shell{display:grid;grid-template-columns:220px 1fr;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:720px}aside{padding:28px 18px;background:#f9fbfd;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px}aside span{display:block;color:var(--muted);font-size:12px;margin-top:4px}nav{display:grid;gap:6px}nav button,.logout{background:transparent;color:#496177;text-align:left}.logout{margin-top:auto;border:1px solid var(--line)}nav button.active{background:#ddfaf3;color:#087d6e}.workspace{padding:30px;min-width:0}.workspace-title,.welcome{display:flex;justify-content:space-between;align-items:center;gap:16px}.workspace-title h1{margin:3px 0}.workspace-title label{max-width:180px}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:#0aa58e;margin:0}h1,h2{color:var(--navy)}label{display:grid;gap:6px;font-size:13px;font-weight:700;margin-top:11px}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:10px;border:1px solid #b8c7d3;border-radius:7px;background:#fff}textarea{min-height:70px}button{border:0;background:var(--navy);color:#fff;border-radius:7px;padding:11px 16px;font-weight:700;cursor:pointer;margin-top:12px}.secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.summaries{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.summaries article{padding:20px;display:grid;gap:7px}.summaries span,.muted,.foot{color:var(--muted)}.summaries strong{font-size:23px}.dark{background:var(--navy)!important;color:#fff}.dark span{color:#dfe9f1}.welcome{padding:24px;border-left:5px solid var(--mint)}.panel{padding:22px;margin:16px 0}.panel h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 16px}.filters{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:end}.tablebox{overflow:auto}.data{width:100%;border-collapse:collapse}.data th,.data td{padding:12px;text-align:left;border-bottom:1px solid #edf1f5;white-space:nowrap;font-size:13px}.data th{font-size:11px;color:var(--muted);text-transform:uppercase}.mini{padding:6px 9px;margin:0 4px 0 0;background:#fff;color:var(--navy);border:1px solid var(--line)}.income{color:#07856e}.expense,.overdue{color:#c33e38}.columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.metric{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf1f5}.reconcile{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.reconcile article{background:#f4f8fa;padding:12px;border-radius:8px}.reconcile small,.reconcile strong{display:block}.reconcile small{color:var(--muted);margin-top:5px}.cards{display:grid;gap:12px}.cards article{padding:18px}.cardhead{display:flex;justify-content:space-between}.badge{background:#edf3f7;border-radius:20px;padding:4px 8px;font-size:12px}.progress{height:8px;background:#e8eef3;border-radius:8px;overflow:hidden;margin:12px 0}.progress i{display:block;height:100%;background:var(--mint)}#message,#app-message{padding:12px;background:#e3faf4;color:#087565;border-radius:7px}#message.error,#app-message.error{background:#fff0ed;color:#9f332a}.foot{text-align:center;font-size:12px}dialog{border:0;border-radius:10px;padding:25px;width:min(92vw,420px);box-shadow:0 20px 70px #0004}dialog::backdrop{background:#17324d99}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{padding:15px;border-right:0;border-bottom:1px solid var(--line)}nav{grid-template-columns:repeat(5,1fr);overflow:auto}nav button{text-align:center;font-size:11px;padding:9px}.logout{position:absolute;right:32px;top:78px}.filters{grid-template-columns:repeat(2,1fr)}.reconcile{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){main{padding:12px}.workspace{padding:15px}.summaries,.grid,.columns{grid-template-columns:1fr}.welcome{align-items:flex-start;flex-direction:column}.reconcile{grid-template-columns:1fr}.logout{right:18px;top:70px;padding:7px}.brand small{display:none}.workspace-title h1{font-size:25px}}