*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--teal:#01708B;--teal-hi:#3eb8d0;--teal-mid:#1a9bb8;--teal-lo:#015a6e;--yellow:#EFDB00;--gray:#686B71;--face:#ECE9D8;--face-hi:#E8E4D0;--face-lo:#D4D0C8;--hilite:#ffffff;--shadow:#808080;--dkshadow:#404040;--ink:#000000;--ok:#217A2B;--mal:#9B1C1C}body,html{height:100%}body{font:11px/1.35 Tahoma,"MS Sans Serif",sans-serif;color:var(--ink);background:#5aa8bc;background-image:radial-gradient(ellipse 120% 70% at 50% -10%,#c5e8f0 0,#7ec8d9 28%,#3aa7bc 52%,transparent 72%),linear-gradient(180deg,#7ec8d9,#2e8aa0 38%,#01708B 62%,#0a4a40);min-height:100vh;overflow:hidden}body:after{content:"";position:fixed;left:-10%;right:-10%;bottom:28px;height:42%;pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 90% at 18% 110%,#0d5c48 0,transparent 62%),radial-gradient(ellipse 85% 80% at 78% 120%,#0a4a3c 0,transparent 58%),radial-gradient(ellipse 50% 60% at 50% 130%,#0e6a52 0,transparent 55%)}::selection{background:var(--teal);color:#fff}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--face-lo)}::-webkit-scrollbar-button,::-webkit-scrollbar-thumb{background:var(--face);border:2px solid;border-color:var(--hilite) var(--dkshadow) var(--dkshadow) var(--hilite)}::-webkit-scrollbar-button{height:16px;width:16px}::-webkit-scrollbar-corner{background:var(--face)}.xp-desktop{position:relative;z-index:1;min-height:100vh;padding:8px 8px 40px;display:flex;flex-direction:column}.xp-dialog,.xp-window{background:var(--face);border:3px solid var(--teal);border-radius:8px 8px 0 0;box-shadow:inset 1px 1px 0 var(--teal-hi),inset -1px 0 0 var(--teal-lo),2px 2px 8px rgba(0,0,0,.35);overflow:hidden}.xp-window{flex:1 1;min-height:0;display:flex;flex-direction:column}.xp-title{display:flex;align-items:center;gap:6px;height:26px;padding:0 4px 0 6px;color:#fff;font:700 13px/1 Trebuchet MS,Tahoma,sans-serif;letter-spacing:.2px;text-shadow:1px 1px 1px rgba(0,0,0,.45);background:linear-gradient(180deg,#9adfeb 0,#4fc3d8 7%,var(--teal-mid) 18%,var(--teal) 55%,var(--teal) 86%,var(--teal-lo) 100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.xp-title img{height:16px;width:16px;object-fit:contain}.xp-caps{margin-left:auto;display:flex;gap:2px}.xp-cap{position:relative;width:21px;height:21px;border:1px solid #fff;box-shadow:inset 1px 1px 0 rgba(255,255,255,.4),inset -1px -1px 0 rgba(0,0,0,.25);background:linear-gradient(180deg,#6fd0e4 0,var(--teal) 55%,var(--teal-lo) 100%);cursor:default}.xp-cap:after,.xp-cap:before{content:"";position:absolute;background:#fff}.xp-cap.min:before{left:4px;right:4px;bottom:5px;height:2px}.xp-cap.max:before{left:5px;right:5px;top:5px;bottom:5px;background:transparent;border:2px solid #fff;border-top:3px solid #fff}.xp-cap.cerrar{background:linear-gradient(180deg,#ff8a8a,#e22 40%,#b00)}.xp-cap.cerrar:after,.xp-cap.cerrar:before{width:12px;height:2px;top:9px;left:4px;background:#fff}.xp-cap.cerrar:before{transform:rotate(45deg)}.xp-cap.cerrar:after{transform:rotate(-45deg)}.xp-menubar{display:flex;gap:0;padding:1px 2px 2px;background:var(--face);border-bottom:1px solid var(--face-lo);font:11px Tahoma,sans-serif}.xp-menubar a{color:var(--ink);text-decoration:none;padding:2px 8px;border:1px solid transparent}.xp-menubar a:hover{background:var(--face);border-color:var(--hilite) var(--shadow) var(--shadow) var(--hilite)}.xp-menubar a[aria-current=page]{background:var(--face-lo);border-color:var(--shadow) var(--hilite) var(--hilite) var(--shadow)}.xp-client{flex:1 1;min-height:0;overflow:auto;border:2px solid;border-color:var(--shadow) var(--hilite) var(--hilite) var(--shadow);margin:2px 3px 3px}.xp-client,.xp-status{background:var(--face)}.xp-status{display:flex;gap:2px;padding:1px 2px 2px;font-size:11px;color:#222}.xp-status span{flex:1 1;padding:1px 6px;border:1px solid;border-color:var(--shadow) var(--hilite) var(--hilite) var(--shadow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xp-taskbar{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;gap:4px;padding:0 2px 0 0;background:linear-gradient(180deg,#b8eaf4 0,#4fc3d8 8%,var(--teal) 22%,var(--teal) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}.xp-start,.xp-taskbar{height:30px;align-items:center}.xp-start{display:inline-flex;justify-content:center;padding:0 22px 0 14px;margin-right:4px;border:0;border-radius:0 18px 18px 0;background:linear-gradient(180deg,#fff6a8 0,var(--yellow) 38%,#c9b800 100%);color:var(--teal);font:italic 700 14px/1 Trebuchet MS,Tahoma,sans-serif;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:1px 0 3px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.7);cursor:pointer}.xp-start:hover{filter:brightness(1.05)}.xp-start:active{transform:translate(1px,1px);box-shadow:none}.xp-task{display:inline-flex;align-items:center;height:22px;padding:0 10px;min-width:130px;max-width:220px;color:#fff;font:700 11px Tahoma,sans-serif;text-decoration:none;text-shadow:1px 1px 0 rgba(0,0,0,.25);background:linear-gradient(180deg,#4fc3d8,var(--teal-lo));border:1px solid;border-color:#8ad7e6 var(--teal-lo) var(--teal-lo) #8ad7e6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xp-task.on{background:linear-gradient(180deg,var(--teal-lo),#013d4c);border-color:var(--teal-lo) #8ad7e6 #8ad7e6 var(--teal-lo)}.xp-tray{margin-left:auto;height:22px;padding:0 10px;color:#fff;font:11px Tahoma,sans-serif;background:linear-gradient(180deg,#2a9cb4,#015a6e);border-color:#015a6e #7fd0e0 #7fd0e0 #015a6e;border-style:solid;border-width:1px}.xp-login,.xp-tray{display:flex;align-items:center}.xp-login{min-height:100vh;justify-content:center;padding:16px 16px 48px}.xp-dialog{width:100%;max-width:400px}.xp-dialog-body{padding:14px 16px 16px}.xp-dialog-body .logo-grande{display:block;width:min(260px,100%);height:auto;margin:2px auto 10px}.xp-dialog h1{font:700 13px Trebuchet MS,Tahoma,sans-serif;color:var(--teal);margin:0 0 4px}.xp-dialog .meta{margin-bottom:10px}main{max-width:1040px;width:100%;margin:0 auto;padding:12px}.tarjeta{background:var(--face);border:1px solid var(--shadow);box-shadow:1px 1px 0 var(--hilite);padding:10px 12px;margin-bottom:10px}.tarjeta h2{margin:0 0 4px;font:700 11px Tahoma,sans-serif;color:var(--teal)}.meta,.tarjeta .meta{color:var(--gray);font-size:11px}.fila{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}.valor{font:700 16px Tahoma,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--teal)}.badge{display:inline-block;padding:0 6px;font:700 10px Tahoma,sans-serif;text-transform:uppercase;border:1px solid;border-color:var(--hilite) var(--dkshadow) var(--dkshadow) var(--hilite);background:var(--face-lo);color:var(--ink)}.badge.aprobada,.badge.validada{background:var(--teal);color:#fff;border-color:var(--teal-hi) var(--teal-lo) var(--teal-lo) var(--teal-hi)}.badge.pagada{background:var(--ok);color:#fff}.badge.rechazada{background:var(--mal);color:#fff}.badge.recibida{background:var(--yellow);color:var(--ink)}.hallazgo{font-size:11px;padding:4px 6px;margin-top:4px;border:1px solid}.hallazgo.bloquea{background:#e8c8c8;color:var(--mal);border-color:var(--mal)}.hallazgo.avisa{background:#efe8a8;color:#5a5200;border-color:#b8a800}button{font:11px Tahoma,"MS Sans Serif",sans-serif;padding:3px 14px;min-width:75px;min-height:23px;background:var(--face);color:var(--ink);border:2px solid;border-color:var(--hilite) var(--dkshadow) var(--dkshadow) var(--hilite);border-radius:0;box-shadow:none;cursor:pointer}button:hover{background:var(--face-hi)}button:active{border-color:var(--dkshadow) var(--hilite) var(--hilite) var(--dkshadow);padding:4px 13px 2px 15px}button:focus{outline:1px dotted #000;outline-offset:-5px}button.secundario{background:var(--face);color:var(--ink)}button:not(.secundario):not(:disabled){background:var(--yellow);font-weight:700;color:var(--teal)}button:not(.secundario):not(:disabled):hover{filter:brightness(1.06)}button:disabled{color:var(--shadow);background:var(--face);text-shadow:1px 1px 0 var(--hilite);cursor:not-allowed}.acciones{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}input[type=date],input[type=file],input[type=password],input[type=text],select{font:11px Tahoma,"MS Sans Serif",sans-serif;padding:3px 4px;width:100%;background:var(--face-hi);color:var(--ink);border:2px solid;border-color:var(--shadow) var(--hilite) var(--hilite) var(--shadow);border-radius:0;outline:none}input:focus,select:focus{outline:1px dotted var(--teal);outline-offset:-3px}.aviso{background:#efe8a8;color:#5a5200;border:2px solid;border-color:var(--hilite) #b8a800 #b8a800 var(--hilite);padding:6px 8px;margin-bottom:10px;font-size:11px}.error{background:#e8c8c8;color:var(--mal);border-color:var(--hilite) var(--mal) var(--mal) var(--hilite)}.vacio{color:var(--gray);text-align:center;padding:28px 0}.badge.inscrito{background:var(--teal);color:#fff;border-color:var(--teal-hi) var(--teal-lo) var(--teal-lo) var(--teal-hi)}.badge.suspendido{background:var(--mal);color:#fff}.form-grid{display:grid;grid-template-columns:minmax(90px,160px) 1fr;grid-gap:6px 10px;gap:6px 10px;align-items:center;margin-top:8px}.form-grid .ancho{grid-column:1/-1}.form-grid input,.form-grid select{width:100%}.xp-inicio-wrap{position:relative;align-self:stretch;display:flex}.xp-start,button.xp-start{min-width:0;height:30px;padding:0 22px 0 14px;margin-right:4px;border:0;border-radius:0 18px 18px 0;text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:1px 0 3px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.7)}.xp-start,button.xp-start,button.xp-start:not(.secundario):not(:disabled){font:italic 700 14px/1 Trebuchet MS,Tahoma,sans-serif;background:linear-gradient(180deg,#fff6a8 0,var(--yellow) 38%,#c9b800 100%);color:var(--teal)}button.xp-start:hover{filter:brightness(1.05);background:linear-gradient(180deg,#fff6a8 0,var(--yellow) 38%,#c9b800 100%)}button.xp-start.on,button.xp-start:active{transform:translate(1px,1px);box-shadow:none;padding:0 22px 0 14px;border:0}.xp-inicio-menu{position:absolute;left:0;bottom:30px;z-index:200;width:min(280px,calc(100vw - 8px));display:flex;flex-direction:column;background:var(--face);border:3px solid var(--teal);border-radius:8px 8px 0 0;box-shadow:inset 1px 1px 0 var(--teal-hi),2px 2px 10px rgba(0,0,0,.4);overflow:hidden}.xp-inicio-marca{margin:0;padding:10px 12px;color:#fff;font:italic 700 14px/1.2 Trebuchet MS,Tahoma,sans-serif;text-shadow:1px 1px 1px rgba(0,0,0,.45);background:linear-gradient(180deg,#9adfeb 0,var(--teal-mid) 28%,var(--teal) 100%)}.xp-inicio-menu a{padding:8px 12px;color:var(--ink);text-decoration:none;border-top:1px solid var(--face-lo)}.xp-inicio-menu a:hover,.xp-inicio-menu a[aria-current=page]{background:var(--teal);color:#fff}.xp-inicio-salir{margin:0;padding:6px;border-top:1px solid var(--shadow);background:var(--face-lo)}.xp-inicio-salir button{width:100%;text-align:left;min-width:0}a{color:var(--teal)}.xp-link-btn{display:inline-flex;align-items:center;padding:3px 14px;min-height:23px;background:var(--face);color:var(--ink);text-decoration:none;border:2px solid;border-color:var(--hilite) var(--dkshadow) var(--dkshadow) var(--hilite)}code{font-family:Courier New,monospace;font-size:11px}@media (max-width:860px){.xp-desktop{padding:0 0 30px}.xp-window{border-radius:0;border-width:0;box-shadow:none}.xp-task{min-width:0;max-width:42vw}.xp-task:not(.on){display:none}.xp-start,button.xp-start{padding:0 14px 0 10px;font-size:13px}main{padding:10px}body:after{height:28%}.form-grid{grid-template-columns:1fr}}