:root{--fondo:#f7f6f3;--tarjeta:#ffffff;--tinta:#1c1917;--tinta-suave:#78716c;--borde:#e7e5e4;--primario:#0f766e;--primario-suave:#ccfbf1;--peligro:#b91c1c;--ok:#15803d;--aviso:#b45309}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--tinta);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}nav.principal{display:flex;align-items:center;gap:4px;padding:10px 20px;background:var(--tarjeta);border-bottom:1px solid var(--borde);position:-webkit-sticky;position:sticky;top:0;z-index:10}nav.principal .logo{font-weight:700;color:var(--primario);margin-right:16px;font-size:17px}nav.principal a{color:var(--tinta-suave);text-decoration:none;padding:6px 12px;border-radius:8px;font-weight:500}nav.principal a:hover{background:var(--fondo);color:var(--tinta)}nav.principal .salir{margin-left:auto}main{max-width:900px;margin:0 auto;padding:24px 20px 60px}h1{font-size:22px;margin:0 0 4px}h2{font-size:16px;margin:24px 0 8px}p.sub{color:var(--tinta-suave);margin:0 0 20px}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;padding:16px;margin-bottom:12px}.fila,.fila-entre{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.fila-entre{justify-content:space-between}.columna{display:flex;flex-direction:column;gap:10px}button,input,select{font:inherit;padding:8px 12px;border-radius:8px;border:1px solid var(--borde);background:var(--tarjeta);color:var(--tinta)}input:focus,select:focus{outline:2px solid var(--primario-suave);border-color:var(--primario)}label{font-size:13px;color:var(--tinta-suave);display:block;margin-bottom:4px}button{cursor:pointer;font-weight:500}button.primario{background:var(--primario);color:white;border-color:var(--primario)}button.primario:hover{filter:brightness(1.1)}button.sutil{background:transparent}button.peligro{color:var(--peligro);border-color:#fecaca}button:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.pendiente{background:#fef3c7;color:var(--aviso)}.badge.confirmada{background:var(--primario-suave);color:var(--primario)}.badge.completada{background:#dcfce7;color:var(--ok)}.badge.cancelada,.badge.no_show{background:#fee2e2;color:var(--peligro)}.badge.reprogramada{background:var(--borde);color:var(--tinta-suave)}.badge.activa{background:#dcfce7;color:var(--ok)}.badge.desconectada{background:#fef3c7;color:var(--aviso)}.badge.requiere_qr{background:#fee2e2;color:var(--peligro)}.error{background:#fee2e2;color:var(--peligro)}.error,.exito{border-radius:8px;padding:10px 14px;margin:10px 0}.exito{background:#dcfce7;color:var(--ok)}.hora-slot{min-width:72px}.hora-slot.elegido{background:var(--primario);color:white;border-color:var(--primario)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;color:var(--tinta-suave);padding:6px 8px}td,th{border-bottom:1px solid var(--borde)}td{padding:10px 8px;vertical-align:middle}tr:last-child td{border-bottom:none}.login-caja{max-width:360px;margin:12vh auto 0}.login-caja .logo{font-size:28px;font-weight:700;color:var(--primario);text-align:center;margin-bottom:16px}.qr-caja{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px}.qr-caja img{width:260px;height:260px;border:1px solid var(--borde);border-radius:12px}