:root{--sky:#719bca;--blue:#397baa;--navy:#123c59;--ink:#173047;--gold:#c8a321;--soft-gold:#fbf5df;--muted:#63768a;--line:#dce5ec;--bg:#f4f7fa;--white:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#f8fafc 0%,#eef4f8 100%);color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}header{height:68px;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(18,60,89,.1);box-shadow:0 2px 12px rgba(18,60,89,.06);display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100% - 920px)/2))}.brand{display:flex;align-items:center;gap:9px;color:var(--navy);font-weight:800;letter-spacing:-.02em;text-decoration:none}.brand img{width:38px;height:42px;object-fit:cover;object-position:center 60%;border-radius:50%}.link,.heading>a{border:0;background:transparent;color:var(--navy);font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.link:hover,.heading>a:hover{color:var(--blue)}main{width:min(920px,100%);margin:auto;padding:25px 16px 52px}h1{font-size:1.5rem;line-height:1.2;margin:0;color:var(--navy)}h2{font-size:1rem;margin:0}.heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:18px}.button,button{border:0;border-radius:9px;background:linear-gradient(135deg,var(--navy),var(--blue));box-shadow:0 5px 13px rgba(18,60,89,.18);color:#fff;font-weight:750;padding:11px 15px;text-decoration:none;cursor:pointer;font:inherit;white-space:nowrap}.button:hover,button:hover{filter:brightness(1.06)}.muted,.hint{color:var(--muted);font-size:.88rem;margin:.18rem 0}.card{background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(18,60,89,.05)}.form{padding:20px;display:grid;gap:15px}.form label{display:grid;gap:6px;font-weight:700;color:var(--navy)}.form input,.form select,.form textarea{width:100%;border:1px solid #c6d3de;border-radius:9px;padding:11px;font:inherit;background:#fff;color:var(--ink)}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--sky);box-shadow:0 0 0 3px rgba(113,155,202,.18);outline:0}.login{max-width:430px;margin:42px auto;padding:25px;text-align:center;border-top:4px solid var(--gold)}.login .form{text-align:left;padding:18px 0 0}.login-logo{height:76px;margin:-3px auto 12px;overflow:hidden}.login-logo img{width:88px;height:116px;object-fit:cover;object-position:center 60%;transform:translateY(-19px)}.list{display:grid;gap:10px}.incident{display:block;color:inherit;text-decoration:none;padding:16px;border-left:4px solid transparent}.incident:hover{border-color:var(--sky);box-shadow:0 8px 22px rgba(18,60,89,.09)}.incident dl,.details dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:13px 0 0}.incident dl div:last-child{grid-column:span 2}dt{color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:.015em;text-transform:uppercase}dd{margin:2px 0 0;font-weight:650}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.78rem;font-weight:700}.pendiente{background:var(--soft-gold);color:#876710}.solucionado{background:#dcefe8;color:#1d7155}.details{padding:20px;margin-bottom:16px;border-top:3px solid var(--sky)}.details .wide{grid-column:span 2}.description{white-space:pre-wrap;font-weight:400}.file{display:block;color:var(--blue);margin:6px 0;font-weight:650}.notice{background:#e4f2ec;border-left:4px solid #398269;color:#1a624a;padding:12px 14px;border-radius:8px;margin-bottom:16px}.error{color:#a63c32}.empty{text-align:center;padding:36px}.update{max-width:560px;border-top:3px solid var(--gold)}.filters{display:flex;gap:8px;margin:-3px 0 17px;overflow-x:auto;padding-bottom:2px}.filters a{border:1px solid #cad8e2;border-radius:999px;color:var(--navy);padding:7px 13px;text-decoration:none;white-space:nowrap;font-size:.9rem;font-weight:650;background:#fff}.filters a.active{background:var(--navy);border-color:var(--navy);color:#fff}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:var(--muted);font-size:.9rem}.pagination a{color:var(--navy);font-weight:750;text-decoration:none;padding:8px 0}@media(min-width:640px){.incident dl{grid-template-columns:1.4fr 1.2fr .8fr .9fr .9fr}.incident dl div:last-child{grid-column:auto}}@media(max-width:390px){.brand span{font-size:.92rem}.button{padding:10px 11px;font-size:.92rem}}