:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#0b1120;color:#e5e7eb}body{margin:0}.app-container{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#020617;border-bottom:1px solid #1f2937}.topbar h1{font-size:1.2rem;margin:0}.topbar-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.topbar select,.topbar button,.entrada-manual input,.entrada-manual button{padding:.35rem .6rem;border-radius:4px;border:1px solid #4b5563;background:#020617;color:#e5e7eb}.topbar button,.entrada-manual button{cursor:pointer;background:#16a34a;border-color:#16a34a}.topbar button:disabled,.entrada-manual button:disabled{opacity:.6;cursor:not-allowed}.sesion-label{font-size:.85rem;opacity:.8}.main-layout{display:flex;flex-direction:column;gap:1rem;padding:1rem}.panel-mapa,.panel-buses{background:#020617;border-radius:8px;padding:.75rem;border:1px solid #1f2937}.panel-mapa h2,.panel-buses h2{margin:0 0 .5rem}.alert{padding:.4rem .6rem;border-radius:4px;margin:.4rem 0;font-size:.85rem}.alert.ok{background:#064e3b;border:1px solid #16a34a}.alert.error{background:#450a0a;border:1px solid #b91c1c}.carriles-grid{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.carril{background:#020617;border-radius:6px;border:1px solid #1f2937;padding:.4rem}.carril-header{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.puestos-row{display:flex;flex-wrap:nowrap;gap:.25rem;overflow-x:auto}.puesto{min-width:42px;max-width:55px;border-radius:4px;border:1px solid #4b5563;padding:.15rem;display:flex;flex-direction:column;align-items:center;font-size:.75rem}.puesto-num{font-weight:600;font-size:.7rem}.puesto-bus{font-size:.68rem;margin-top:.1rem}.panel-buses .entrada-manual{display:flex;gap:.5rem;margin-bottom:.75rem}.carril-buses{margin-bottom:.5rem}.carril-buses-header{font-size:.85rem;font-weight:600;margin-bottom:.25rem}.buses-row{display:flex;flex-wrap:wrap;gap:.25rem}.bus-tag{border-radius:999px;padding:.2rem .6rem;font-size:.75rem;border:1px solid #4b5563;background:#020617;color:#e5e7eb;cursor:pointer}.pantalla-container{min-height:100vh;background:radial-gradient(circle at top,#1f2937 0,#020617 60%);padding:.5rem 1rem 1rem}.pantalla-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.pantalla-header h1{margin:0;font-size:1.3rem}.pantalla-ciclo{font-size:1rem}.carriles-grid.pantalla .carril{border-width:0;background:#0f172acc}@media(max-width:900px){.main-layout{grid-template-columns:1fr}}.pantalla-grupos{display:flex;flex-direction:column;gap:30px}.grupo-titulo{font-size:2.2rem;font-weight:700;margin-bottom:10px;color:#e5e7eb;border-bottom:2px solid #475569;padding-bottom:5px}.carril{margin-bottom:10px}.carril-header{font-size:1.5rem;margin-bottom:8px;opacity:.8}.puestos-row{display:flex;gap:8px}.puesto{width:60px;height:60px;border-radius:6px;padding:4px;font-size:.9rem;text-align:center;display:flex;flex-direction:column;justify-content:center}.puesto-num{font-size:1rem;font-weight:700}.puesto-bus{font-size:.9rem;margin-top:2px}.puesto.libre{background:#3a3f47}.puesto.reservado{background:#276ef1}.puesto.ocupado{background:#00c853}.puesto.salida{background:#ff6f00;color:#000}.operador-main{padding:1rem}.operador-grupos{display:flex;flex-direction:column;gap:24px}.grupo-operador{border-top:1px solid #1f2937;padding-top:.5rem}.grupo-operador-titulo{font-size:1rem;font-weight:700;margin-bottom:.5rem;letter-spacing:.08em;color:#9ca3af}.carril-operador{margin-bottom:.75rem}.carril-operador-header{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.puestos-row{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto}.puesto{min-width:44px;height:44px;border-radius:6px;border:1px solid #4b5563;background:#020617;color:#e5e7eb;font-size:.75rem;display:flex;align-items:center;justify-content:center}button.puesto{cursor:pointer}button.puesto:disabled{cursor:default}.puesto.libre{background:#020617}.puesto.reservado{background:#1d4ed8;border-color:#1d4ed8}.puesto.ocupado{background:#16a34a;border-color:#16a34a}.puesto.salida{background:#b45309;border-color:#f59e0b}.puesto-bus{font-size:.78rem;font-weight:600}.buses-list-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.bus-tag{border-radius:999px;padding:.2rem .55rem;font-size:.75rem;border:1px solid #4b5563;background:#020617;color:#e5e7eb;cursor:pointer}.bus-tag.pendiente:hover{background:#16a34a;border-color:#16a34a}.bus-tag.ocupado{background:#4b5563;border-color:#6b7280}.bus-tag.salida{background:#b45309;border-color:#f59e0b}.bus-tag.reservado{background:#1d4ed8;border-color:#1d4ed8}.bus-tag:disabled{opacity:.6;cursor:default}