@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#172033;background:#f3f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.topbar{height:auto;min-height:76px;background:#142b4a;color:#fff;padding:14px 5%;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand,.user-area{display:flex;align-items:center;gap:12px}.brand strong,.brand span{display:block}.brand span{font-size:12px;color:#b8c7d9;margin-top:3px}.brand-mark{width:48px;height:48px;border-radius:14px;background:#dceafe;color:#174b88;display:grid;place-items:center;font-weight:800;font-size:18px}.small-mark{width:40px;height:40px;border-radius:11px}.user-area{flex-wrap:wrap;justify-content:flex-end;font-size:13px}.role{font-size:10px;font-weight:800;letter-spacing:1px;background:#244b73;padding:6px 9px;border-radius:20px}.content{max-width:1250px;margin:auto;padding:36px 24px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{font-size:29px;margin:5px 0}h2{font-size:18px;margin:0}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#647c9a}.muted{color:#7b8798;font-size:13px;margin-top:7px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat,.panel,.login-card{background:#fff;border:1px solid #e7ecf3;border-radius:16px;box-shadow:0 5px 22px #1d35570a}.stat{padding:21px}.stat span,.stat small{display:block;color:#7b8798;font-size:12px}.stat strong{display:block;font-size:23px;margin:13px 0 8px;overflow-wrap:anywhere}.stat small{font-size:11px}.positive{color:#159768!important}.negative,.negative-value{color:#d64c55!important}.panel{padding:23px;margin-bottom:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.transaction-form{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#46546a}input,select{width:100%;padding:12px;border:1px solid #dce3ec;border-radius:9px;background:#fff;color:#25344a;outline:none}input:focus,select:focus{border-color:#3979c9;box-shadow:0 0 0 3px #3979c91a}.wide{grid-column:span 3}.primary,.secondary,.ghost,.delete-button{border:0;border-radius:9px;padding:12px 16px;font-weight:700;cursor:pointer}.primary{background:#2467b5;color:#fff}.primary:hover{background:#185493}.primary:disabled{opacity:.6;cursor:wait}.submit-button{align-self:end}.secondary{background:#e8f1fc;color:#225b9b}.ghost{background:#294563;color:#fff;padding:9px 13px}.table-heading{margin-bottom:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid #edf0f5;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#8491a3;background:#fafbfd}td{color:#39465a}.money{font-weight:700;white-space:nowrap}.tag{padding:5px 8px;border-radius:20px;font-size:10px;font-weight:700}.tag-in{background:#e4f7ef;color:#14845b}.tag-out{background:#fff0e8;color:#c05a2b}.delete-button{padding:7px 10px;background:#fff0f0;color:#c23e49;font-size:11px}.empty{text-align:center;color:#8995a5;padding:28px}.employee-note{background:#eaf3ff;border:1px solid #d6e7fb;color:#245487;border-radius:12px;padding:16px;margin-bottom:20px;font-size:13px}.employee-note p{margin:6px 0 0;color:#54749b}.form-message{font-size:12px;margin-top:12px}.success{color:#13845a}.error{color:#c23e49}.footer-note{text-align:center;color:#9aa4b2;font-size:11px;padding:15px}.login-shell,.setup{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#102b4a,#1d5686)}.login-card,.setup .panel{width:min(100%,430px);padding:35px}.login-card h1,.setup h1{margin:17px 0 8px}.login-card form{display:grid;gap:17px;margin-top:25px}.login-card .primary{margin-top:5px}.small{font-size:11px;line-height:1.6;margin-top:20px}.notice{background:#fff3e5;color:#9b5b12;padding:11px;border-radius:8px;margin-top:15px;font-size:12px}@media(max-width:900px){.stats,.transaction-form{grid-template-columns:repeat(2,1fr)}.wide{grid-column:span 2}}@media(max-width:560px){.topbar{padding:14px 18px;align-items:flex-start}.user-area{max-width:55%}.user-area>span:first-child{display:none}.content{padding:25px 14px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.stat strong{font-size:17px}.transaction-form{grid-template-columns:1fr}.wide{grid-column:span 1}.panel{padding:17px}.page-heading h1{font-size:24px}.section-heading{align-items:flex-start;flex-direction:column}}