*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#172740;font-family:system-ui,Segoe UI,sans-serif}header{background:#142c4a;color:white;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;gap:16px}main{max-width:1200px;margin:42px auto;padding:0 24px;min-height:75vh}.brand{font-size:26px;font-weight:800;color:#50d5bf;display:flex;align-items:center;gap:14px}.brand span{color:white;font-size:17px}h1{font-size:38px;line-height:1.2;margin:8px 0 12px;letter-spacing:-1px}h2{font-size:23px;margin-top:0}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:700;color:#117a70}.muted,.small{color:#61718a;line-height:1.6}.small{font-size:12px}.card{background:white;border:1px solid #e1e7ef;border-radius:16px;padding:26px;box-shadow:0 4px 18px #16345506}.login{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;max-width:980px;margin:80px auto}.login h1{font-size:48px}.feature{margin:20px 0;font-weight:600}label{display:block;font-size:14px;font-weight:600;margin:18px 0}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;background:white;color:#172740;margin-top:7px}input:focus,select:focus,textarea:focus{outline:2px solid #43b9a8;outline-offset:1px}button{border:0;border-radius:8px;padding:12px 18px;background:#087f72;color:white;font:inherit;font-size:14px;font-weight:650;cursor:pointer}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#e9eff5;color:#223c59}.wide{width:100%}.inline{display:inline}.heading,.toolbar,.actions,.pager{display:flex;align-items:center;gap:14px;justify-content:space-between}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0}.stats span{color:#61718a}.stats strong{display:block;font-size:36px;margin-top:8px}.toolbar input{max-width:470px}.toolbar select{width:210px}.toolbar input,.toolbar select{margin:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:#667790;font-size:12px;padding:14px 10px;background:#f7f9fc}td{padding:18px 10px;border-bottom:1px solid #e9eef5}td small{display:block;color:#68788f;margin-top:5px}.badge{display:inline-block;border-radius:20px;padding:5px 10px;font-size:12px;background:#e6f5f1;color:#176a58}.pendiente{background:#fff1d5;color:#8c5c09}.en_atencion{background:#e6efff;color:#2955a0}.alta{color:#ae3544}.pager{justify-content:flex-end;margin-top:20px}dialog{width:min(560px,94vw);border:0;border-radius:16px;padding:28px;color:#172740;max-height:90vh;overflow:auto}dialog::backdrop{background:#142c4a88}.description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.notice{color:#176a58;font-size:14px;white-space:pre-line}.error{color:#b02f42}.actions{justify-content:flex-end;margin-top:20px}footer{padding:24px;text-align:center;font-size:12px;color:#68788f}@media(max-width:760px){header{align-items:flex-start;flex-direction:column}.login{display:block;margin:25px auto}.login .card{margin-top:30px}.login h1{font-size:36px}.heading{align-items:flex-start}.stats{gap:8px}.stats .card{padding:15px}.toolbar{flex-wrap:wrap}.toolbar select{width:100%}h1{font-size:30px}}
