.navbar{background-color:#fff;justify-content:space-between;align-items:center;gap:18px;min-height:80px;padding:0 30px;display:flex;box-shadow:0 2px 10px #0000000d}.search-bar{background-color:#f1f5f9;border-radius:12px;align-items:center;gap:10px;width:min(350px,42vw);min-width:180px;padding:12px 18px;display:flex}.search-bar input{background:0 0;border:none;outline:none;width:100%}.navbar-right{align-items:center;gap:25px;min-width:0;display:flex}.nav-icon{cursor:pointer;font-size:20px}.profile{cursor:pointer;align-items:center;gap:10px;min-width:0;display:flex}.profile span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-icon{flex:none;font-size:30px}@media (width<=900px){.navbar{flex-direction:column;align-items:stretch;gap:12px;padding:14px 18px}.search-bar{width:100%}.navbar-right{justify-content:space-between;width:100%}}@media (width<=520px){.navbar{padding:12px}.navbar-right{gap:12px}.profile span{max-width:150px}}.sidebar{color:#fff;background:#0f172a;flex-direction:column;flex:0 0 270px;width:270px;min-height:100vh;padding:30px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.logo-section{margin-bottom:50px}.logo-section h1{color:#1d7ed6;font-size:28px}.logo-section p{color:#94a3b8;margin-top:5px;font-size:14px}.menu{flex-direction:column;gap:12px;display:flex}.menu li{cursor:pointer;border-radius:12px;align-items:center;gap:15px;padding:15px;transition:all .2s;display:flex}.menu li:hover{background-color:#1e293b}.icon{font-size:18px}.menu-link{color:#fff;border-radius:12px;align-items:center;gap:15px;min-width:0;padding:14px 18px;text-decoration:none;transition:all .3s;display:flex}.menu-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-link:hover{background:#ffffff1f}.menu-link.active{background:#ffffff2e;font-weight:600}@media (width<=1024px){.sidebar{flex-basis:230px;width:230px;padding:22px 14px}.logo-section h1{font-size:24px}.menu-link{gap:10px;padding:12px}}@media (width<=760px){.sidebar{flex:none;width:100%;min-height:auto;padding:14px 12px;position:static;overflow:auto hidden}.logo-section{margin-bottom:12px}.logo-section h1{font-size:20px}.logo-section p{font-size:12px}.menu{scrollbar-width:thin;flex-direction:row;gap:8px;padding-bottom:2px;overflow-x:auto}.menu li{flex:none}.menu-link{white-space:nowrap;border-radius:999px;flex:none;min-height:42px;padding:10px 12px}.menu-link span{max-width:150px}}.layout{width:100%;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.content{background-color:#f5f9ff;flex:1;min-width:0;padding:20px;overflow-x:hidden}.page-backbar{align-items:center;margin-bottom:18px;display:flex}.back-button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;width:fit-content;min-height:40px;padding:10px 14px;font-weight:700;display:inline-flex;box-shadow:0 3px 10px #0f172a0f}.back-button:hover{color:#005bac;border-color:#005bac}@media (width<=760px){.layout{flex-direction:column}.content{padding:12px}.page-backbar{margin-bottom:12px}.back-button{justify-content:center;min-height:38px;padding:9px 12px}}.login-screen{color:#e5eefb;background:radial-gradient(circle at 0 0,#38bdf847,#0000 32%),radial-gradient(circle at 100% 100%,#0ea5e92e,#0000 30%),linear-gradient(135deg,#08111f 0%,#0f172a 55%,#111827 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ad6;border:1px solid #94a3b82e;border-radius:24px;width:min(440px,100%);min-width:0;padding:32px;box-shadow:0 30px 70px #080f1e73}.login-brand h1{margin:10px 0 8px;font-size:clamp(2rem,3vw,2.8rem);line-height:1.04}.login-brand p{color:#b5c3da;margin:0 0 24px;line-height:1.5}.login-badge{color:#7dd3fc;letter-spacing:.12em;background:#38bdf824;border:1px solid #38bdf83d;border-radius:999px;padding:6px 12px;font-size:.82rem;display:inline-flex}.login-form{gap:16px;display:grid}.login-form label{color:#d9e3f4;gap:8px;font-size:.95rem;display:grid}.login-form input{color:#f8fafc;background:#0f172af2;border:1px solid #94a3b838;border-radius:14px;outline:none;width:100%;padding:14px 16px}.login-form input:focus{border-color:#38bdf8a6;box-shadow:0 0 0 3px #38bdf81f}.login-form button{color:#04111f;cursor:pointer;background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);border:none;border-radius:14px;margin-top:8px;padding:14px 16px;font-weight:700}.login-form button:disabled{opacity:.7;cursor:wait}.login-error{color:#fecaca;background:#ef44441f;border:1px solid #ef444438;border-radius:12px;padding:12px 14px}@media (width<=520px){.login-screen{align-items:stretch;padding:12px}.login-card{border-radius:8px;align-self:center;padding:22px}.login-brand h1{font-size:1.8rem}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;min-width:320px}body{color:#0f172a;background:#f5f9ff;margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}#root{width:100%;min-height:100vh}img,svg,video,canvas{max-width:100%}button,input,select,textarea{font:inherit;max-width:100%}input,select,textarea{min-width:0}button{touch-action:manipulation}a{color:inherit;text-decoration:none}@media (width<=640px){h1{font-size:clamp(1.45rem,8vw,2rem);line-height:1.15}h2{font-size:clamp(1.15rem,6vw,1.5rem);line-height:1.2}p,span,label,input,select,textarea,button{overflow-wrap:anywhere}}.route-loading{justify-content:center;align-items:center;min-height:40vh;padding:2rem;display:flex}.dashboard-header,.mis-eventos-header,.solicitud-header,.operation-header,.perfil-header,.dashboard-header>*,.mis-eventos-header>*,.solicitud-header>*,.operation-header>*,.perfil-header>*{min-width:0}.stat-card,.resumen-card,.event-card,.operation-card,.operation-panel,.form-section,.requests-section,.perfil-card,.detalle-card,.historial-card,.map-card{max-width:100%}.stats-grid,.operation-grid,.report-cards,.mis-eventos-grid,.perfil-grid,.historial-summary,.map-grid,.table-header,.table-row,.operation-row,.operation-table-header{min-width:0}.table-header>*,.table-row>*,.operation-row>*,.operation-table-header>*{overflow-wrap:anywhere;min-width:0}@media (width<=900px){.dashboard-header,.mis-eventos-header,.solicitud-header,.operation-header,.perfil-header{flex-direction:column;gap:10px;display:flex}.mis-eventos-grid,.operation-grid,.report-cards,.perfil-grid,.historial-summary,.map-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}}@media (width<=640px){.content>*{min-width:0}.stat-card,.resumen-card,.event-card,.operation-card,.operation-panel,.form-section,.requests-section,.perfil-card,.detalle-card,.historial-card,.map-card{border-radius:8px}.stats-grid,.operation-grid,.report-cards,.mis-eventos-grid,.perfil-grid,.historial-summary,.map-grid{grid-template-columns:1fr}.resumen-card{width:100%}.submit-container,.operation-actions,.calendar-actions,.event-actions{flex-direction:column;align-items:stretch}.submit-container button,.operation-actions button,.calendar-actions button,.event-actions button,.event-actions a{width:100%}}