:root{--azul:#0b3761;--azul2:#164f82;--cel:#9fc6e8;--cel2:#e8f4ff;--bg:#f2f7fc;--text:#1c2733;--muted:#68778c;--border:#dce8f4;--ok:#128065;--red:#b42318;--amber:#ad6b00;--shadow:0 18px 50px rgba(11,55,97,.12);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#fff,var(--cel2))}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--border);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.brand{display:flex;gap:12px;align-items:center}.brand img{width:54px;height:54px;border-radius:14px;object-fit:contain;background:#fff;border:1px solid var(--border)}h1,h2,h3{margin:0 0 14px;font-family:Arial Narrow,Impact,sans-serif;letter-spacing:.3px}.muted{color:var(--muted)}.input,select,textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:#fff;color:var(--text);font-size:15px}.btn{border:0;border-radius:14px;padding:11px 15px;background:#fff;border:1px solid var(--border);color:var(--text);font-weight:800;cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center}.btn.primary{background:var(--azul);border-color:var(--azul);color:#fff}.btn.ok{background:var(--ok);color:#fff}.btn.red{background:var(--red);color:#fff}.grid{display:grid;gap:16px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:0 8px 25px #0b37610f}.layout{display:grid;grid-template-columns:296px 1fr;min-height:100vh}.side{background:#f8fbff;border-right:1px solid var(--border);padding:26px 22px;position:sticky;top:0;height:100vh}.side-user{display:flex;gap:12px;align-items:center;padding:18px 0}.avatar{width:52px;height:52px;border-radius:50%;background:#dce8f4;color:var(--azul);font-weight:900;display:grid;place-items:center;object-fit:cover}.nav{display:grid;gap:6px;margin-top:18px}.nav a{padding:12px 13px;border-radius:14px;color:#526176;display:flex;gap:10px;align-items:center}.nav a.active,.nav a:hover{background:#e4f1fc;color:var(--azul);font-weight:800}.main{min-width:0}.top{background:#fff;border-bottom:1px solid var(--border);padding:26px 30px;display:flex;align-items:center;justify-content:space-between}.content{padding:30px}.pill{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:#e4f1fc;color:var(--azul);display:inline-flex}.pill.ok{background:#dff8f0;color:var(--ok)}.pill.bad{background:#ffe6e3;color:var(--red)}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);padding:12px;text-align:left}.table th{font-size:12px;text-transform:uppercase;color:var(--muted)}.bottom-nav{display:none}.hero{background:linear-gradient(135deg,#fff,#dcefff);padding:30px;border-bottom:1px solid var(--border);display:flex;gap:18px;align-items:center}.hero .avatar{width:92px;height:92px;border:4px solid #fff;box-shadow:0 8px 24px #0b376129}.carnet{width:min(560px,100%);aspect-ratio:1.6;background:linear-gradient(135deg,#082944,#0b3761);border-radius:24px;color:#fff;padding:30px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.carnet:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(159,198,232,.18) 1px,transparent 1px);background-size:30px 30px}.carnet>*{position:relative}.qrbox{background:#fff;padding:14px;border-radius:16px;display:inline-block}.portero{min-height:100vh;background:#020812;color:#eaf5ff}.portero .top{background:#060d16;color:#fff;border-color:#112033}.scanner-box{max-width:760px;margin:20px auto;padding:16px}.alert{padding:16px;border-radius:18px;margin:12px 0;font-weight:800}.alert.ok{background:#063b2e;color:#aff7df}.alert.bad{background:#3b0707;color:#ffd2d2}.small{font-size:12px}.install-tip{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);padding:12px 14px;border-radius:18px;display:flex;gap:10px;z-index:10}@media(max-width:850px){.layout{display:block}.side{display:none}.top{padding:18px}.content{padding:16px 16px 86px}.hero{padding:20px 16px}.grid2{grid-template-columns:1fr}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(6,1fr);z-index:20}.bottom-nav a{font-size:11px;padding:9px 3px;text-align:center;color:#526176}.bottom-nav a.active{color:var(--azul);font-weight:900;background:#eaf4ff}.card{padding:16px}.table.mobile-hide{display:none}.carnet{border-radius:18px;padding:22px}.carnet .qrbox{transform:scale(.85);transform-origin:right bottom}.install-tip{left:12px;right:12px;transform:none;bottom:68px}}