*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f7fb;color:#172033}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#08234a,#0797d5)}.card{background:white;padding:36px;border-radius:24px;width:360px;text-align:center;box-shadow:0 20px 50px #0004}.logo{margin:auto;background:#1d2738;color:white;border:3px solid #f59e0b;border-radius:16px;width:78px;height:78px;display:grid;place-items:center;font-weight:800;font-size:24px}.small{width:52px;height:52px;font-size:16px;margin:0}.card input,.form input,.form select,#search{width:100%;padding:13px;border:1px solid #d9e1ee;border-radius:12px;margin:6px 0}button{background:#0b7bd3;color:white;border:0;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer}.danger{background:#dc2626}.app{display:flex;min-height:100vh}aside{width:260px;background:#0d1729;color:white;padding:24px;position:fixed;height:100vh}.brand{display:grid;gap:5px;margin-bottom:26px}.brand span{color:#9ca3af}nav button{display:block;width:100%;margin:10px 0;text-align:left;background:#152842}main{margin-left:260px;padding:35px;width:calc(100% - 260px)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stats div{background:white;border-radius:18px;padding:25px;box-shadow:0 6px 20px #0000000d}.stats span{font-size:36px;color:#0875c9;font-weight:800}.stats small{display:block;margin-top:8px}.top{display:flex;justify-content:space-between;align-items:center}table{width:100%;border-collapse:collapse;background:white;border-radius:18px;overflow:hidden;margin-top:18px;box-shadow:0 6px 20px #0000000d}th,td{padding:14px;border-bottom:1px solid #eef2f7;text-align:left}th{background:#eaf3fb}.badge{padding:6px 10px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:700}.modal{position:fixed;inset:0;background:#0006;display:grid;place-items:center;z-index:10}.form{background:white;max-height:92vh;overflow:auto;width:min(1000px,95vw);padding:25px;border-radius:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}@media(max-width:800px){aside{position:static;width:100%;height:auto}.app{display:block}main{margin-left:0;width:100%}.stats,.grid{grid-template-columns:1fr}}