:root{--ink:#182421;--muted:#68736f;--line:#e3e8e5;--paper:#f6f8f5;--green:#176b4d;--green2:#e3f1e9;--amber:#b86a16;--red:#b9423d;--white:#fff;--shadow:0 8px 30px rgba(31,48,42,.07)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#12251e;color:#dce7e1;padding:25px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font:800 19px Manrope}.brand span{width:34px;height:34px;border-radius:10px;background:#d8a948;color:#12251e;display:grid;place-items:center}.workspace{margin:32px 8px 20px}.workspace small,.dialog-head small{display:block;font-size:9px;letter-spacing:1.5px;color:#8fa39b;margin-bottom:7px}.workspace button{border:0;background:transparent;color:white;font:600 13px 'DM Sans';padding:0;width:100%;text-align:left;display:flex;justify-content:space-between}nav{display:grid;gap:5px}nav a,.side-bottom>a{padding:11px 12px;color:#aebeb7;text-decoration:none;border-radius:9px;font-size:13px;display:flex;gap:12px;align-items:center}nav a.active,nav a:hover,.side-bottom>a:hover{background:#244238;color:#fff}.side-bottom{margin-top:auto}.user{border-top:1px solid #2b4038;margin-top:13px;padding:18px 5px 0;display:flex;gap:10px;align-items:center}.user i{font-style:normal;background:#d8a948;color:#14271f;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px}.user strong,.user small{display:block;font-size:11px}.user small{color:#8fa39b;margin-top:2px}.main{margin-left:238px;min-height:100vh}.topbar{height:91px;padding:0 38px;border-bottom:1px solid var(--line);background:rgba(246,248,245,.9);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;backdrop-filter:blur(10px);z-index:4}.topbar p{margin:0;color:var(--muted);font-size:11px}.topbar h1{margin:3px 0 0;font:700 21px Manrope}.top-actions{display:flex;gap:10px}.primary,.secondary,.icon-btn{border:0;border-radius:9px;padding:11px 15px;font:600 12px 'DM Sans';cursor:pointer}.primary{background:var(--green);color:white}.primary:hover{background:#0e573e}.secondary{background:#edf1ee;color:#34413c}.icon-btn{background:white;border:1px solid var(--line);position:relative;padding:10px 13px}.icon-btn em{position:absolute;top:-5px;right:-5px;background:var(--red);color:white;font-size:8px;border-radius:20px;padding:2px 5px;font-style:normal}.mobile-menu{display:none}.page{padding:31px 38px 50px;max-width:1500px}.welcome{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.welcome h2,.page-heading h2{font:800 27px Manrope;margin:0 0 6px}.welcome p,.page-heading p{margin:0;color:var(--muted);font-size:13px}.gst-pill{background:var(--green2);color:var(--green);padding:8px 11px;border-radius:20px;font-size:11px;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.card{background:white;border:1px solid var(--line);border-radius:13px;padding:19px;box-shadow:0 2px 8px rgba(30,55,45,.025)}.metric-head{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.metric b{font:800 23px Manrope;display:block;margin:13px 0 5px}.metric small{font-size:10px;color:var(--muted)}.up{color:var(--green)!important}.down{color:var(--red)!important}.grid{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.card h3{font:700 14px Manrope;margin:0}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-head button,.text-button{border:0;background:transparent;color:var(--green);font-weight:700;font-size:11px;cursor:pointer}.chart{display:flex;height:170px;align-items:end;gap:12px;padding-top:15px}.bar-group{flex:1;text-align:center;color:var(--muted);font-size:9px}.bars{height:140px;display:flex;align-items:end;gap:3px;justify-content:center}.bar{width:11px;border-radius:4px 4px 1px 1px;background:#bcd9ca}.bar.expense{background:#e9c995}.bar-group span{display:block;margin-top:7px}.legend{display:flex;gap:16px;font-size:10px;color:var(--muted)}.legend i{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:5px;background:#bcd9ca}.legend i.amber{background:#e9c995}.due-list{display:grid;gap:11px}.due{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center}.due i{font-style:normal;border-radius:9px;width:35px;height:35px;background:#f0f4f1;display:grid;place-items:center}.due strong,.due small{display:block}.due strong{font-size:11px}.due small{font-size:9px;color:var(--muted);margin-top:3px}.due b{font-size:11px}.module-row{margin-top:18px}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.module{cursor:pointer;transition:.15s}.module:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.module i{font-style:normal;font-size:18px}.module strong,.module small{display:block}.module strong{font-size:12px;margin:13px 0 4px}.module small{font-size:9px;color:var(--muted)}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;color:var(--muted);font-size:9px;letter-spacing:.8px;padding:11px 14px;border-bottom:1px solid var(--line)}.data-table td{padding:14px;font-size:11px;border-bottom:1px solid #edf0ee}.data-table td strong{display:block;font-size:12px}.data-table td small{color:var(--muted)}.amount{text-align:right!important;font-weight:700}.badge{display:inline-block;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:700}.badge.paid,.badge.active{background:var(--green2);color:var(--green)}.badge.pending,.badge.overdue{background:#fff0df;color:var(--amber)}.empty{text-align:center;padding:50px;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-card label,dialog label{display:grid;gap:7px;font-size:11px;font-weight:600;margin-bottom:15px}.form-card input,.form-card select,dialog input,dialog select{border:1px solid var(--line);border-radius:8px;padding:11px;background:white;font:12px 'DM Sans';outline:none}.form-card input:focus,.form-card select:focus,dialog input:focus,dialog select:focus{border-color:var(--green)}dialog{border:0;border-radius:16px;width:min(480px,calc(100% - 24px));padding:0;box-shadow:0 30px 100px rgba(0,0,0,.24)}dialog::backdrop{background:rgba(10,22,17,.56);backdrop-filter:blur(3px)}dialog form{padding:24px}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.dialog-head h2{font:800 22px Manrope;margin:0}.close{border:0;background:#eef2ef;width:31px;height:31px;border-radius:50%;font-size:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.toast{position:fixed;right:24px;bottom:24px;background:#12251e;color:#fff;padding:12px 18px;border-radius:9px;font-size:11px;opacity:0;transform:translateY(10px);transition:.2s;z-index:20}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:950px){.metrics,.module-grid{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0}.mobile-menu{display:block;border:0;background:transparent;font-size:20px}.topbar{padding:0 20px}.page{padding:25px 20px}}@media(max-width:560px){.topbar h1{font-size:17px}.topbar p,.icon-btn{display:none}.primary{padding:10px}.metrics,.module-grid,.settings-grid{grid-template-columns:1fr}.welcome{display:grid;gap:12px}.page-heading{align-items:start}.two{grid-template-columns:1fr}.sidebar{width:82%;max-width:270px}}
.signout{margin:10px 0 0 50px;border:0;background:transparent;color:#aebeb7;font:11px 'DM Sans';cursor:pointer}.auth-screen[hidden]{display:none}.auth-screen{position:fixed;inset:0;background:radial-gradient(ellipse at 20% 10%,#e5f0e8 0,transparent 48%),#f6f8f5;display:grid;place-items:center;padding:20px;z-index:50}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:17px;padding:32px;box-shadow:var(--shadow)}.auth-brand{color:var(--ink);margin-bottom:35px}.eyebrow{font-size:9px;letter-spacing:1.3px;color:var(--green);font-weight:700}.auth-card h1{font:800 25px Manrope;margin:8px 0}.auth-copy{font-size:12px;color:var(--muted);line-height:1.7}.auth-card label{display:grid;gap:7px;margin:20px 0 12px;font-size:11px;font-weight:600}.auth-card input{border:1px solid var(--line);border-radius:8px;padding:12px;font:13px 'DM Sans'}.auth-submit{width:100%;margin-top:8px}.auth-resend{width:100%;margin-top:9px}.auth-message{font-size:11px;color:var(--green);min-height:16px}.auth-foot{font-size:10px;line-height:1.6;color:var(--muted)}