:root{--luna: #F4C430;--noche: #1B2140;--noche2: #2A3160;--papel: #F6F7FB;--carta: #FFFFFF;--tinta: #1B2140;--gris: #6B7192;--linea: #E3E6F0;--alerta: #D64545;--ok: #2E9E5B;--sombra: 0 1px 3px rgba(27,33,64,.08), 0 6px 20px rgba(27,33,64,.05);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--papel);color:var(--tinta)}h1,h2,h3{font-family:Sora,system-ui,sans-serif}button{font-family:inherit}a{color:var(--noche)}input,select,textarea{font-family:inherit;font-size:14px;padding:10px 12px;border:1px solid var(--linea);border-radius:10px;background:#fff;color:var(--tinta);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--luna);border-color:var(--luna)}.app{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--noche);color:#fff;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px}.brand b{font-family:Sora,system-ui;font-size:16px}.brand small{color:#b9bdd4;display:block;font-size:11px}.nav{flex:1;overflow-y:auto;padding:6px}.nav button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;color:#c9cce4;border:none;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:14px;margin-bottom:2px}.nav button:hover{background:var(--noche2);color:#fff}.nav button.on{background:var(--luna);color:var(--noche);font-weight:700}.nav .ico{width:20px;text-align:center}.userbox{padding:12px 14px;border-top:1px solid #3A4270;font-size:13px;color:#c9cce4}.userbox b{color:#fff}.main{flex:1;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;background:var(--carta);border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:10}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;font-size:20px;cursor:pointer;background:transparent;border:1px solid var(--linea);border-radius:10px;color:var(--noche)}.backdrop{display:none}.content{padding:22px;max-width:1200px}.card{background:var(--carta);border:1px solid var(--linea);border-radius:14px;padding:16px;box-shadow:var(--sombra)}.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.g2,.g3,.g4{grid-template-columns:1fr}}@media (max-width: 820px){.sidebar{position:fixed;top:0;left:0;height:100vh;width:250px;transform:translate(-100%);transition:transform .22s ease;z-index:60;box-shadow:6px 0 28px #00000047}.sidebar.open{transform:translate(0)}.menu-btn{display:inline-flex}.backdrop.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#1b214080;z-index:55}.topbar{padding:12px 16px}.content{padding:16px}.title{font-size:19px}.stat .v{font-size:21px}input,select,textarea{font-size:16px}}.stat{background:var(--carta);border:1px solid var(--linea);border-radius:14px;padding:16px}.stat .l{font-size:12px;color:var(--gris)}.stat .v{font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:700;font-size:24px;margin-top:4px}.stat.dark{background:var(--noche);color:#fff;border-color:var(--noche)}.stat.dark .l{color:#b9bdd4}.stat.dark .v{color:var(--luna)}.stat.alert .v{color:var(--alerta)}.btn{padding:10px 16px;border-radius:10px;border:none;cursor:pointer;background:var(--noche);color:#fff;font-weight:600;font-size:14px}.btn:hover{background:var(--noche2)}.btn.luna{background:var(--luna);color:var(--noche)}.btn.ghost{background:transparent;color:var(--noche);border:1px solid var(--linea)}.btn.danger{background:#fff;color:var(--alerta);border:1px solid var(--alerta)}.btn.sm{padding:6px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.field{margin-bottom:12px}.field>label{display:block;font-size:12px;font-weight:600;color:var(--gris);margin-bottom:4px}.tag{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600}.tag.libre{background:#e7f6ec;color:var(--ok)}.tag.ocupada{background:#fdebeb;color:var(--alerta)}.tag.limpieza{background:#fff6e0;color:#a9791b}.tag.mantenimiento,.tag.gris{background:#eceef6;color:var(--gris)}.tag.ok{background:#e7f6ec;color:var(--ok)}.tag.warn{background:#fdebeb;color:var(--alerta)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--gris);font-size:12px;font-weight:600;padding:8px 10px;border-bottom:1px solid var(--linea)}td{padding:10px;border-bottom:1px solid var(--linea)}tr:last-child td{border-bottom:none}.tabla-wrap{overflow-x:auto}.title{margin:0 0 4px;font-size:22px}.sub{color:var(--gris);font-size:13px;margin:0 0 16px}.sello{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--gris);border:1px dashed var(--linea);border-radius:6px;padding:2px 8px;display:inline-block}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b21408c;display:grid;place-items:center;padding:16px;z-index:40}.modal{background:var(--carta);border-radius:16px;padding:18px;width:100%;max-width:460px;max-height:90vh;overflow-y:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-head b{font-family:Sora,system-ui;font-size:17px}.x{border:1px solid var(--linea);background:#fff;border-radius:8px;width:32px;height:32px;cursor:pointer;color:var(--gris)}.empty{border:1px dashed var(--linea);border-radius:12px;padding:26px;text-align:center;color:var(--gris);font-size:14px}.banner{background:#fff6e0;border:1px solid #F0D999;color:#8a6414;border-radius:12px;padding:10px 14px;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.banner.ok{background:#e7f6ec;border-color:#a7d9bb;color:#1e6b3e}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.muted{color:var(--gris);font-size:13px}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.center{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--noche)}.login{background:var(--carta);border-radius:18px;padding:28px;width:100%;max-width:380px;box-shadow:var(--sombra)}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.pinpad button{padding:16px;font-size:20px;border-radius:12px;border:1px solid var(--linea);background:#fff;cursor:pointer}.pinpad button:active{background:var(--papel)}.pin-dots{display:flex;gap:10px;justify-content:center;margin:8px 0 4px}.pin-dots span{width:14px;height:14px;border-radius:50%;border:2px solid var(--noche)}.pin-dots span.on{background:var(--luna);border-color:var(--luna)}