:root{--navy:#082a5e;--navy2:#0b3b78;--blue:#0875e1;--cyan:#0aa7cf;--teal:#069b91;--green:#28b44b;--ink:#10254a;--muted:#667895;--bg:#f4f8fc;--line:#d8e5f1;--white:#fff;--shadow:0 12px 34px rgba(8,42,94,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;background:linear-gradient(135deg,#f7faff 0%,#f2f8fc 60%,#f2fbf6 100%)!important;color:var(--ink)!important;margin:0}body:before{content:"";position:fixed;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green));z-index:9999}
.top,body>header{background:linear-gradient(115deg,#082a5e 0%,#0b4775 62%,#078c80 100%)!important;color:#fff!important;box-shadow:0 8px 24px rgba(8,42,94,.16);min-height:86px;padding:17px 5%!important}.top>div:first-child,body>header>div:first-child{position:relative;padding-left:62px}.top>div:first-child:before,body>header>div:first-child:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:48px;height:48px;background:url('/assets/jge-isotipo.png') center/contain no-repeat;filter:drop-shadow(0 3px 7px rgba(0,0,0,.15))}.top strong,.brand{font-size:24px!important;font-weight:800!important;color:#fff!important}.top h1,.top h2,.top h3,header h1,header h2,header h3{color:#fff!important}
main{max-width:1440px!important;margin:auto!important;padding:34px 4.2%!important}h1,h2,h3{color:var(--navy)!important;letter-spacing:-.025em}.sub,.muted{color:var(--muted)!important}.panel,.card,.box,.section,.wrap{background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:var(--shadow)!important}.panel{padding:24px!important}.card{padding:22px!important}.cards{gap:16px!important}.num{color:var(--blue)!important;font-weight:800!important}
.btn,button{font-family:inherit;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn{background:linear-gradient(135deg,var(--navy2),var(--blue))!important;color:#fff!important;border:0!important;border-radius:11px!important;text-decoration:none!important;box-shadow:0 6px 15px rgba(8,117,225,.18)}.btn.light{background:#fff!important;color:var(--navy)!important;border:1px solid #d7e5f1!important}.btn:hover,button:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 9px 22px rgba(8,117,225,.22)}.logout{border-radius:11px!important}
input,select,textarea{font-family:inherit;border:1px solid #cbdbea!important;border-radius:11px!important;background:#fff!important;color:var(--ink)!important}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(8,117,225,.10)}table{background:#fff;border-radius:12px;overflow:hidden}th{background:#f5f9fd!important;color:#41536e!important}tr:hover td{background:#f9fbfe}.jge-footer{text-align:center;color:#6b7a90;font-size:12px;padding:24px 10px 32px}.jge-footer b{color:var(--navy)}
/* Module button icon language */a.btn[href*="pagos"]:before{content:"💳  "}a.btn[href*="reportes"]:before{content:"📊  "}a.btn[href*="egresos"]:before{content:"💸  "}a.btn[href*="accesos"]:before{content:"👥  "}a.btn[href*="controles"]:before{content:"🚗  "}a.btn[href*="convenios"]:before{content:"📄  "}button[type="submit"]:before{content:"💾  "}.logout:before{content:"↪  "}
/* Private dashboard */.dash-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;background:linear-gradient(135deg,#f8fbff,#f2f8fc 65%,#f3fbf7)}.dash-sidebar{background:#fff;border-right:1px solid #dbe7f2;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.dash-logo{display:flex;align-items:center;gap:12px;padding:0 8px 22px}.dash-logo img{width:54px;height:54px;object-fit:contain}.dash-logo strong{font-size:22px;color:var(--navy)}.dash-logo span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.dash-nav{display:grid;gap:7px}.dash-nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:11px;color:var(--ink);text-decoration:none;font-weight:650}.dash-nav a:hover,.dash-nav a.active{background:linear-gradient(135deg,var(--navy2),var(--blue));color:#fff;box-shadow:0 7px 18px rgba(8,117,225,.18)}.dash-quick{margin-top:18px;padding-top:18px;border-top:1px solid #e1eaf3}.dash-quick small{display:block;color:var(--muted);font-weight:800;margin:0 10px 8px}.dash-sidequote{margin-top:auto;padding:18px 10px;color:var(--navy);font-weight:800;font-style:italic;border-bottom:3px solid var(--green)}.dash-main{min-width:0}.dash-top{height:86px;background:linear-gradient(115deg,#082a5e 0%,#0b4775 62%,#078c80 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 32px;border-top:4px solid transparent;border-image:linear-gradient(90deg,var(--blue),var(--cyan),var(--green)) 1}.dash-community{display:flex;gap:13px;align-items:center}.dash-community .home{font-size:30px}.dash-community strong{font-size:18px}.dash-community span{display:block;font-size:12px;opacity:.9}.dash-user{display:flex;align-items:center;gap:12px}.dash-user .who{text-align:right;font-size:12px}.dash-user .who b{display:block;font-size:15px}.dash-content{padding:32px;max-width:1320px;margin:auto}.dash-welcome{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.dash-welcome h1{font-size:42px;margin:0 0 4px}.date-pill{background:#eef5fb;border:1px solid #cfdeeb;border-radius:12px;padding:10px 14px;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:22px 0 30px}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.metric:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--blue)}.metric:nth-child(1):after{background:var(--green)}.metric:nth-child(3):after{background:#ff9500}.metric:nth-child(4):after{background:#e83b37}.metric:nth-child(5):after{background:#6840d8}.metric .mi{font-size:28px}.metric small{display:block;margin:6px 0;color:var(--ink)}.metric strong{font-size:25px;color:var(--navy)}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.module-card{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;text-decoration:none;color:var(--ink);box-shadow:0 8px 22px rgba(8,42,94,.07);transition:.16s}.module-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.module-icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,#0b63ce,#0a98e6)}.module-card:nth-child(3n+1) .module-icon{background:linear-gradient(135deg,#20a64a,#35c260)}.module-card:nth-child(3n) .module-icon{background:linear-gradient(135deg,#5632bf,#7a51e8)}.module-card b{display:block;color:var(--navy);font-size:16px}.module-card span{display:block;color:var(--muted);font-size:12px;margin-top:4px;line-height:1.35}.module-card .arrow{margin-left:auto;font-size:24px}.community-banner{margin-top:22px;background:linear-gradient(90deg,#eefaff,#f2fbf5);border-radius:16px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;color:var(--navy);font-style:italic}.dash-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;padding:22px 2px}
@media(max-width:1000px){.dash-shell{grid-template-columns:1fr}.dash-sidebar{position:relative;height:auto}.dash-nav{grid-template-columns:repeat(2,1fr)}.dash-sidequote{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.top,body>header{padding-left:4%!important;padding-right:4%!important}.top>div:first-child,body>header>div:first-child{padding-left:48px}.top>div:first-child:before,body>header>div:first-child:before{width:38px;height:38px}.dash-sidebar{display:none}.dash-top{padding:12px 16px}.dash-user .who{display:none}.dash-content{padding:22px 16px}.dash-welcome{display:block}.dash-welcome h1{font-size:34px}.date-pill{display:inline-block;margin-top:12px}.metric-grid,.module-grid{grid-template-columns:1fr}.dash-community span{display:none}.dash-footer{display:block;line-height:1.8}}