*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#17202a}.topbar{background:#102a43;color:#fff;padding:14px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar strong{font-size:22px}.nav{display:flex;gap:15px;align-items:center}.nav a{color:#fff;text-decoration:none;font-size:14px}.menu-btn{display:none}.container{max-width:1250px;margin:25px auto;padding:0 18px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card,.panel{background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 10px #0000000d}.card .value{font-size:24px;font-weight:700;margin-top:8px}.muted{color:#66788a;font-size:13px}.panel{margin-top:18px}h1{font-size:25px;margin:0 0 18px}h2{font-size:18px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field label{display:block;font-weight:600;margin-bottom:6px;font-size:14px}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid #ccd5df;border-radius:7px;background:#fff}.field textarea{min-height:85px}.full{grid-column:1/-1}.btn{display:inline-block;border:0;border-radius:7px;padding:10px 15px;background:#1261a0;color:white;text-decoration:none;cursor:pointer}.btn.secondary{background:#5d6d7e}.btn.danger{background:#a93226}.btn.small{padding:6px 9px;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:11px 9px;border-bottom:1px solid #e8edf2;text-align:left;white-space:nowrap}th{background:#f7f9fb}.amount{font-weight:700;text-align:right}.alert{background:#e8f4fd;border-left:4px solid #1261a0;padding:12px;margin-bottom:15px}.filters{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:15px}.badge{padding:4px 8px;background:#e9eef3;border-radius:12px;font-size:12px}footer{text-align:center;color:#788896;padding:30px;font-size:12px}.login{max-width:420px;margin:10vh auto}.login .panel{padding:28px}.login h1{text-align:center}.error{background:#fdecea;color:#8a1f17;padding:10px;border-radius:6px;margin-bottom:12px}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.nav{display:none;position:absolute;right:10px;top:55px;background:#102a43;flex-direction:column;align-items:flex-start;padding:15px;border-radius:8px}.nav.show{display:flex}.menu-btn{display:block;background:none;color:#fff;border:0;font-size:22px}.grid{grid-template-columns:1fr}}@media(max-width:520px){.cards{grid-template-columns:1fr}.filters{grid-template-columns:1fr}}