*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f6f9;color:#18212b}.top{background:#102a43;color:#fff;padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px;position:sticky;top:0;z-index:5}.brand{font-weight:800;letter-spacing:.5px}.nav a{color:#fff;text-decoration:none;margin-left:12px;font-size:14px}.wrap{max-width:1200px;margin:25px auto;padding:0 16px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 3px 14px #0000000b}.metric{font-size:28px;font-weight:800;margin-top:8px}.muted{color:#697586;font-size:13px}.positive{color:#16834b}.negative{color:#c0392b}.btn{display:inline-block;border:0;border-radius:9px;background:#1261a0;color:white;padding:10px 15px;text-decoration:none;cursor:pointer;font-weight:700}.btn.secondary{background:#e8eef5;color:#183b56}.btn.danger{background:#b83232}.btn.small{padding:7px 10px;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label{display:block;font-size:13px;font-weight:700}input,select,textarea{width:100%;padding:10px;border:1px solid #d5dce3;border-radius:8px;margin-top:6px;background:#fff}textarea{min-height:90px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{padding:10px;border-bottom:1px solid #edf0f2;text-align:left;font-size:13px}th{background:#f7f9fb}.alert{padding:12px;border-radius:9px;margin:12px 0}.danger{background:#ffe8e8;color:#8d1d1d}.ok{background:#e7f8ee;color:#17643c}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth .card{width:min(430px,100%)}.logo{width:54px;height:54px;border-radius:15px;background:#1261a0;color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px}.auth h1{font-size:24px}.auth form{display:grid;gap:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.badge{padding:4px 8px;border-radius:99px;background:#edf2f7;font-size:11px}.section{margin:18px 0}.file{font-size:12px}.receipt{max-width:70px;max-height:70px;border-radius:5px}.chartbar{height:12px;background:#e7edf3;border-radius:99px;overflow:hidden}.chartbar>span{display:block;height:100%;background:#1261a0}.period{font-size:14px}.hide-mobile{display:block}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.formgrid,.two{grid-template-columns:1fr}.nav a{margin-left:6px}.hide-mobile{display:none}table{display:block;overflow-x:auto}.metric{font-size:23px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.top{padding:12px}.wrap{padding:0 10px}.card{padding:15px}}