*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,"Segoe UI",sans-serif;background:#050d17;color:#ecfaff}.gate{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);background:radial-gradient(circle at 15% 10%,#0a497c,#061526 42%,#040a12 80%)}.demo{display:flex;align-items:center;justify-content:center;padding:42px;position:relative}.demo-card{position:relative;width:min(1000px,100%);border:1px solid #1d5b7d;border-radius:24px;overflow:hidden;background:#07182a;box-shadow:0 30px 100px #0008}.demo-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;opacity:.92;filter:brightness(.9) saturate(1.03)}.demo-caption{position:absolute;left:0;right:0;bottom:0;padding:70px 30px 26px;background:linear-gradient(transparent,#020810e8);text-shadow:0 2px 18px #000}.demo-caption h2{font-size:clamp(28px,4vw,52px);margin:0}.demo-caption p{color:#c9e7f5;max-width:680px}.login{display:flex;align-items:center;padding:40px;background:#07111dcc;border-left:1px solid #ffffff12}.card{width:min(420px,100%);margin:auto}.logo{width:320px;max-width:100%;margin-bottom:26px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.3px;color:#53d8ff}.card h1{font-size:30px;margin:10px 0}.card>p{color:#9ebdce;line-height:1.55}.field{display:block;margin:14px 0}.field span{display:block;font-size:12px;font-weight:800;margin-bottom:6px;color:#c4e4f2}.field input,.field select{width:100%;padding:13px 14px;border-radius:11px;border:1px solid #245475;background:#061827;color:white;font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:13px 15px;border-radius:11px;border:0;background:linear-gradient(135deg,#18c9ff,#236fff);color:#fff;font-weight:900;cursor:pointer;text-decoration:none}.notice{padding:12px 14px;border-radius:11px;border:1px solid #8b3c4e;background:#4e1626aa;color:#ffe2e8;margin:16px 0;font-size:13px;line-height:1.5}.notice.ok{border-color:#28795d;background:#144b39aa;color:#d8ffef}.meta{display:grid;gap:7px;margin-top:20px;padding-top:16px;border-top:1px solid #ffffff14;font-size:11px;color:#799caf}.meta span{display:flex;justify-content:space-between}.meta b{color:#bee1f0}.admin{max-width:1180px;margin:auto;padding:28px}.adminhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.adminhead img{width:240px}.actions{display:flex;gap:8px}.link{padding:9px 12px;border:1px solid #245474;border-radius:9px;background:#0a263d;color:#e1f7ff;text-decoration:none;font-weight:800;font-size:12px}.panel{background:#071a2a;border:1px solid #17435f;border-radius:16px;padding:20px;margin-bottom:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.users{width:100%;border-collapse:collapse;font-size:13px}.users th,.users td{padding:10px;border-bottom:1px solid #12364e;text-align:left;vertical-align:top}.badge{display:inline-block;padding:4px 7px;border-radius:999px;background:#124a6e;font-size:10px;font-weight:900}.badge.off{background:#582b35}.mini{display:inline-block;border:1px solid #285976;background:#0d2b43;color:#e6f8ff;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:800;cursor:pointer;margin:2px}@media(max-width:900px){.gate{grid-template-columns:1fr}.demo{min-height:35vh;padding:18px}.login{border-left:0;border-top:1px solid #ffffff12;padding:26px 18px}.grid{grid-template-columns:1fr}.admin{padding:16px}.adminhead{align-items:flex-start;flex-direction:column;gap:14px}.users{display:block;overflow:auto}}
/* JC-3D · Container Security Center */
.single-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at 20% 10%,#0a497c,#061526 44%,#040a12 82%)}
.card.compact{width:min(460px,100%);padding:28px;border:1px solid #17435f;border-radius:18px;background:#071a2af2;box-shadow:0 24px 80px #0008}.card.compact .logo{width:250px}.wide{width:100%;margin-top:10px}.center{text-align:center}.muted{color:#83a9bc;font-size:12px;line-height:1.55}.page-title{margin:0 0 18px}.page-title h1{margin:5px 0 4px;font-size:30px}.page-title p{margin:0;color:#83a9bc}.panel-title-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.panel-title-row h2{margin:0 0 4px}.fit{width:auto;min-width:180px}.badge.secure{background:#0f6049;color:#d8fff1}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.metric-grid article{background:#071a2a;border:1px solid #17435f;border-radius:14px;padding:16px}.metric-grid b{display:block;font-size:28px;color:#64dfff}.metric-grid span{font-size:12px;color:#83a9bc}.setup-box{padding:14px;border:1px solid #245475;border-radius:12px;background:#061827;margin:12px 0}.setup-box p{color:#b9d9e8;font-size:13px}.setup-box details{margin:10px 0}.uri-code{display:block;overflow-wrap:anywhere;padding:10px;background:#030b12;border-radius:8px;margin-top:8px;color:#bfe9ff}.recovery{border-color:#4d7d3c;background:#0a251f}.recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.recovery-grid code{padding:10px;border-radius:8px;background:#041711;border:1px solid #1f5d48;text-align:center;color:#d6fff0;letter-spacing:.6px}.danger-zone{margin-top:14px;border:1px solid #7d3444;border-radius:10px;padding:10px;background:#30131b55}.danger-zone summary{cursor:pointer;font-weight:800;color:#ffdbe3}.danger-btn{border:1px solid #9c4054;background:#5a1b2a;color:#fff;border-radius:9px;padding:9px 12px;font-weight:900;cursor:pointer}.session-list{display:grid;gap:9px}.session-card{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,1.4fr) auto auto;align-items:center;gap:12px;padding:12px;border:1px solid #17435f;border-radius:11px;background:#061827}.session-card.inactive{opacity:.58}.session-card>div:first-child b,.session-card>div:first-child span{display:block}.session-card>div:first-child span{color:#83a9bc;font-size:11px;margin-top:3px}.session-meta{display:flex;gap:10px;flex-wrap:wrap;color:#83a9bc;font-size:11px}.admin-actions{display:flex;flex-wrap:wrap;gap:3px}.admin-actions form{display:inline}.password-reset{display:flex;gap:5px;margin-top:5px}.password-reset input{min-width:170px;background:#061827;border:1px solid #285976;border-radius:8px;color:#fff;padding:6px 8px}.danger-mini{border-color:#7d3444;background:#431923}.audit td code{font-size:11px;color:#b9dbea;white-space:normal;overflow-wrap:anywhere}
@media(max-width:900px){.metric-grid{grid-template-columns:1fr}.panel-title-row{flex-direction:column}.recovery-grid{grid-template-columns:1fr}.session-card{grid-template-columns:1fr}.password-reset{flex-direction:column}.fit{width:100%}}

/* JC-3D CM4 · login limpio */
.login .card>.logo{margin-bottom:22px}
.login .card form{margin-top:4px}