:root{--ink:#171512;--gold:#bd8c36;--bg:#f4f1eb;--card:#fff;--muted:#746e64;--line:#e8e2d8;--green:#307653;--red:#a7473d;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input{font:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,#d2ab6140,transparent 32rem),#12110f}.login-card{width:min(440px,100%);padding:42px;background:#fff;border-radius:24px;box-shadow:0 30px 90px #0008}.mark{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#171512;color:#fff;font-weight:800;margin:auto}.mark.small{width:38px;height:38px;margin:0}.brand{text-align:center;letter-spacing:.12em;font-weight:700}.brand b,.aside-brand b{color:var(--gold)}.login h1{text-align:center;margin:35px 0 8px;font-size:2rem}.muted{color:var(--muted)}.login .muted,.login small{text-align:center;display:block}.login form{display:grid;gap:18px;margin:28px 0 18px}label{display:grid;gap:8px;font-size:.82rem;font-weight:700}input{padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#fcfbf8}button{border:0;cursor:pointer}.login form button,.primary{padding:14px;border-radius:10px;background:var(--ink);color:#fff;font-weight:800}.app{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{position:fixed;inset:0 auto 0 0;width:230px;padding:25px 17px;background:#171512;color:#fff;display:flex;flex-direction:column}.aside-brand{display:flex;align-items:center;gap:10px;font-size:.78rem;letter-spacing:.07em;font-weight:700}aside nav{display:grid;gap:7px;margin-top:55px}aside nav button,.logout{display:flex;gap:14px;align-items:center;padding:13px 14px;border-radius:9px;background:transparent;color:#aaa49a;text-align:left}.logout{margin-top:auto}aside nav button.active,aside nav button:hover{background:#2a2722;color:#fff}main{grid-column:2;padding:0 34px 50px}.topbar{height:115px;display:flex;align-items:center;justify-content:space-between}.topbar p{margin:0 0 5px;color:var(--gold);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.topbar h1{margin:0;font-size:1.8rem}.top-actions{display:flex;gap:10px}.top-actions button{padding:10px 14px;border-radius:9px}.avatar{width:42px;height:42px;border-radius:50%!important;background:var(--ink);color:#fff}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--card);border:1px solid #fff;border-radius:16px;box-shadow:0 8px 30px #3329180c}.metric{padding:21px}.metric p{margin:0;color:var(--muted);font-size:.78rem}.metric strong{display:block;margin-top:9px;font-size:1.65rem}.metric small{color:var(--green)}.columns{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:18px}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel h2{font-size:1rem;margin:0}.link{background:none;color:var(--gold);font-weight:700;font-size:.78rem}.list{display:grid}.row{display:grid;grid-template-columns:52px 1fr auto;gap:13px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.date{padding:7px;border-radius:9px;background:#f3eee4;text-align:center;color:var(--gold);font-weight:800;font-size:.8rem}.row p{margin:0;font-weight:700;font-size:.86rem}.row small{color:var(--muted)}.pill{padding:5px 8px;border-radius:30px;background:#eaf5ef;color:var(--green);font-size:.68rem;font-weight:800}.pill.pending{background:#fff4de;color:#9a6a19}.toolbar{display:flex;gap:10px;margin-bottom:16px}.toolbar input{flex:1}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:13px;text-align:left;border-bottom:1px solid var(--line);font-size:.78rem;white-space:nowrap}.table th{color:var(--muted);font-size:.68rem;text-transform:uppercase}.mobile-nav{display:none}.empty{text-align:center;color:var(--muted);padding:50px}.finance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.positive{color:var(--green)}.negative{color:var(--red)}@media(max-width:850px){.app{display:block}aside{display:none}main{padding:0 14px 95px}.topbar{height:98px}.topbar h1{font-size:1.45rem}.metrics{grid-template-columns:1fr 1fr}.columns{grid-template-columns:1fr}.mobile-nav{position:fixed;z-index:10;display:grid;grid-template-columns:repeat(5,1fr);inset:auto 0 0;background:#171512;padding:8px 6px max(8px,env(safe-area-inset-bottom));box-shadow:0 -8px 25px #0002}.mobile-nav button{display:grid;gap:3px;place-items:center;padding:6px 2px;background:none;color:#918b81;font-size:1.1rem}.mobile-nav button span{font-size:.58rem}.mobile-nav button.active{color:#e1b865}.finance-grid{grid-template-columns:1fr}.login-card{padding:30px 22px}}@media(max-width:480px){.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:16px}.metric strong{font-size:1.25rem}.row{grid-template-columns:45px 1fr}.row>.pill{display:none}}