*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#14213d}.hide{display:none!important}.center{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#071a3d,#153e75)}.card{background:white;border-radius:18px;box-shadow:0 15px 45px #0002}.login{width:min(420px,92vw);padding:34px}.brand{display:flex;flex-direction:column;gap:3px;margin-bottom:22px}.brand b{font-size:27px;color:#0a2d5e}.brand b:first-letter{color:#f28c28}.brand span{font-size:13px;color:#65758b}input,select,button{font:inherit}input,select{width:100%;padding:12px;border:1px solid #d8e0ea;border-radius:9px;margin:7px 0}button{border:0;border-radius:9px;padding:11px 14px;background:#0a2d5e;color:white;cursor:pointer}.login button{width:100%;margin-top:10px;background:#f28c28;font-weight:700}#err{color:#b42318}#app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#071a3d;color:white;padding:22px;display:flex;flex-direction:column}aside .brand b,aside .brand span{color:white}nav{display:grid;gap:7px}nav button{background:transparent;text-align:left}nav button:hover{background:#ffffff16}.logout{margin-top:auto;background:#ffffff16}main{min-width:0}header{height:70px;background:white;display:flex;justify-content:space-between;align-items:center;padding:0 28px;border-bottom:1px solid #e8edf3}header select{width:330px}.wrap{padding:28px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{padding:20px}.metric small{color:#65758b}.metric h2{margin:8px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.panel{padding:20px}.form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form .full{grid-column:1/-1}.orange{background:#f28c28}.table{overflow:auto}.table table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;border-bottom:1px solid #e8edf3;text-align:left;white-space:nowrap}.pill{padding:5px 9px;border-radius:20px;background:#e9f7ef;color:#177245;font-size:12px}.danger{background:#fff1f0;color:#b42318}.receipt{max-width:720px;margin:auto;padding:28px;border-top:7px solid #0a2d5e}.receipt .top{display:flex;justify-content:space-between}.receipt h1{color:#0a2d5e}.amount{font-size:28px;font-weight:700;color:#f28c28}@media(max-width:850px){#app{grid-template-columns:1fr}aside{position:static}nav{grid-template-columns:1fr 1fr}.logout{margin-top:12px}.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}header{padding:10px;height:auto;gap:10px}header select{width:70%}}@media(max-width:520px){.cards,.form{grid-template-columns:1fr}.form .full{grid-column:auto}.wrap{padding:14px}}