:root{font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{min-width:320px;min-height:100vh;margin:0}body{margin:0}*{box-sizing:border-box}button{font:inherit}.app{color:#17202a;background:#f4f6f8;min-height:100vh;display:flex}.sidebar{color:#fff;background:#081a33;flex-direction:column;width:260px;min-height:100vh;padding:24px 18px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.brand{text-align:center;border-bottom:1px solid #ffffff14;flex-direction:column;align-items:center;gap:10px;padding:4px 8px 24px;display:flex}.brandLogo{object-fit:contain;width:115px;height:115px;display:block}.brandText{flex-direction:column;align-items:center;display:flex}.brandText h1{margin:0;font-size:19px}.brandText p{color:#fff;margin:0;font-size:12px;font-weight:600;line-height:1.4}.brandIcon{color:#081a33;background:#168bff;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.brand h1{margin:0;font-size:19px}.menu{flex-direction:column;flex:1;gap:4px;margin-top:20px;display:flex}.menuTitle{letter-spacing:1.4px;color:#697788;padding:20px 12px 7px;font-size:10px;font-weight:700}.menuItem{color:#b9c2cc;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:11px 12px;transition:all .2s;display:flex}.menuItem:hover{color:#fff;background:#ffffff0f}.menuItem.active{color:#081a33;background:#168bff;font-weight:700}.menuIcon{text-align:center;width:22px}.sidebarFooter{border-top:1px solid #ffffff14;align-items:center;gap:11px;padding:18px 8px 0;display:flex}.userAvatar{background:#293747;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.sidebarFooter div:last-child{flex-direction:column;display:flex}.sidebarFooter strong{font-size:13px}.sidebarFooter span{color:#8491a0;font-size:11px}.main{width:calc(100% - 260px);margin-left:260px;padding:28px 34px 50px}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.eyebrow{color:#8793a1;letter-spacing:1.4px;margin:0 0 5px;font-size:10px;font-weight:800}.topbar h2{margin:0;font-size:30px}.topActions{gap:10px;display:flex}.primaryButton,.secondaryButton{cursor:pointer;border:0;border-radius:9px;padding:11px 16px;font-weight:700}.primaryButton{color:#151b22;background:#168bff}.primaryButton:hover{background:#0877e6}.secondaryButton{color:#202832;background:#fff;border:1px solid #dce1e6}.welcome{color:#fff;background:#0d2744;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:25px 28px;display:flex}.welcome h3{margin:2px 0 8px;font-size:23px}.welcome>div>p:last-child{color:#aab5c1;max-width:650px;margin:0;font-size:14px;line-height:1.55}.status{white-space:nowrap;background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;display:flex}.statusDot{background:#43d17d;border-radius:50%;width:8px;height:8px}.cardsGrid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px;display:grid}.statCard{background:#fff;border:1px solid #e6e9ed;border-radius:14px;padding:20px;box-shadow:0 3px 12px #151d260a}.cardTop{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.cardTop>span{color:#778390;background:#f3f5f7;border-radius:999px;padding:5px 8px;font-size:10px}.cardIcon{background:#eaf4ff;border-radius:10px;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.statCard>p{color:#6f7c89;margin:0;font-size:13px}.statCard h3{margin:6px 0;font-size:27px}.statCard small{color:#98a2ad}.dashboardGrid{grid-template-columns:minmax(0,2.2fr) minmax(260px,.8fr);gap:18px;display:grid}.panel{background:#fff;border:1px solid #e5e9ed;border-radius:14px;overflow:hidden}.panelHeader{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.panelHeader h3{margin:0;font-size:18px}.textButton{color:#0b6fd3;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.tableWrapper{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:#7b8793;background:#fafbfc;padding:13px 16px;font-size:11px;font-weight:700}td{border-top:1px solid #edf0f2;padding:15px 16px}.emptyState{color:#8995a1;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:240px;display:flex}.emptyIcon{margin-bottom:5px;font-size:34px}.emptyState strong{color:#35404c;font-size:14px}.emptyState span{margin-bottom:8px;font-size:12px}.emptyState .primaryButton{font-size:12px}.quickActions{flex-direction:column;gap:9px;padding:14px;display:flex}.quickActions button{cursor:pointer;text-align:left;background:#fbfcfd;border:1px solid #e8ebee;border-radius:11px;align-items:center;gap:13px;padding:14px;display:flex}.quickActions button:hover{background:#f5faff;border-color:#168bff}.quickActions button>span{background:#fff;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.quickActions button div{flex-direction:column;display:flex}.quickActions strong{color:#2a3540;font-size:13px}.quickActions small{color:#8c97a2;margin-top:3px}@media (width<=1050px){.cardsGrid{grid-template-columns:repeat(2,1fr)}.dashboardGrid{grid-template-columns:1fr}}@media (width<=760px){.sidebar{width:78px;padding-left:10px;padding-right:10px}.brand div:last-child,.menuItem span:last-child,.menuTitle,.sidebarFooter div:last-child{display:none}.brand{justify-content:center;padding-left:0;padding-right:0}.menuItem{justify-content:center}.main{width:calc(100% - 78px);margin-left:78px;padding:22px 18px}.cardsGrid{grid-template-columns:1fr}.topbar,.welcome{flex-direction:column;align-items:flex-start;gap:16px}.topActions{width:100%}.topActions button{flex:1}}.nuevoViajePage{max-width:1100px;margin:0 auto;padding:35px}.pageHeader{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.pageHeader h2{margin:0;font-size:30px}.pageDescription{color:#7c8793;margin:7px 0 0;font-size:14px}.tripForm{flex-direction:column;gap:18px;display:flex}.formSection{background:#fff;border:1px solid #e4e8ec;border-radius:14px;padding:24px}.formSectionHeader{border-bottom:1px solid #edf0f2;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:17px;display:flex}.formSectionHeader>span{background:#e8f3ff;border-radius:10px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.formSectionHeader h3{margin:0;font-size:17px}.formSectionHeader p{color:#8994a0;margin:4px 0 0;font-size:12px}.formGrid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.formGroup{flex-direction:column;gap:7px;display:flex}.formGroup label{color:#4c5966;font-size:12px;font-weight:700}.formGroup input,.formGroup select,.formGroup textarea{color:#202a35;width:100%;font:inherit;background:#fff;border:1px solid #dce1e6;border-radius:9px;outline:none;padding:11px 12px}.fullWidth{grid-column:1/-1}.moneyInput{position:relative}.moneyInput>span{color:#697581;font-weight:800;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.moneyInput input{padding-left:31px}.marginBox{color:#fff;background:#0d2744;border-radius:12px;justify-content:space-around;align-items:center;gap:15px;margin-top:22px;padding:20px;display:flex}.marginBox>div{flex-direction:column;gap:5px;display:flex}.marginBox span{color:#94a1ae;font-size:11px}.marginBox strong{font-size:20px}.marginBox .minus,.marginBox .equals{color:#687685;font-size:23px}.marginResult{background:#168bff1f;border:1px solid #168bff40;border-radius:10px;padding:12px 17px}.marginResult strong{color:#168bff}.formActions{justify-content:flex-end;gap:10px;padding:5px 0 25px;display:flex}@media (width<=700px){.nuevoViajePage{padding:20px}.formGrid{grid-template-columns:1fr}.fullWidth{grid-column:auto}.marginBox{flex-direction:column;align-items:stretch}.marginBox .minus,.marginBox .equals{text-align:center}}.loginPage{background:#081a33;justify-content:center;align-items:center;min-height:100vh;padding:25px;display:flex}.loginCard{background:#fff;border-radius:18px;width:100%;max-width:430px;padding:35px;box-shadow:0 25px 70px #0000004d}.loginBrand{border-bottom:1px solid #edf0f2;align-items:center;gap:12px;padding-bottom:25px;display:flex}.loginBannerWrapper{background:#081a33;border-radius:12px;width:100%;margin-bottom:25px;overflow:hidden}.loginBanner{object-fit:contain;width:100%;height:auto;display:block}.loginBrand h1{margin:0;font-size:21px}.loginBrand p{color:#7d8995;margin:3px 0 0;font-size:12px}.loginHeader{margin:27px 0 23px}.loginHeader h2{margin:4px 0 8px;font-size:27px}.loginHeader>p:last-child{color:#7c8793;margin:0;font-size:13px;line-height:1.5}.loginForm{flex-direction:column;gap:17px;display:flex}.loginButton{width:100%;margin-top:5px;padding:13px}.loginButton:disabled{opacity:.7;cursor:wait}.loginError{color:#b42318;background:#fff1f1;border:1px solid #ffd0cc;border-radius:9px;padding:11px 12px;font-size:12px}.loginFooter{text-align:center;color:#9aa4af;border-top:1px solid #edf0f2;margin-top:25px;padding-top:18px;font-size:11px}.sessionLoading{color:#fff;background:#081a33;place-items:center;min-height:100vh;font-weight:700;display:grid}body{color:#17202a;-webkit-font-smoothing:antialiased;background:#f4f6f8;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{transition:border-color .18s,box-shadow .18s,background .18s,transform .18s}.primaryButton:hover{background:#0877e6;transform:translateY(-1px);box-shadow:0 5px 14px #168bff38}.secondaryButton:hover{background:#f8f9fa;border-color:#c8ced5;transform:translateY(-1px)}.primaryButton:active,.secondaryButton:active{transform:translateY(0)}.statCard{transition:transform .18s,box-shadow .18s,border-color .18s}.statCard:hover{border-color:#dfe3e7;transform:translateY(-2px);box-shadow:0 8px 24px #151d2612}tbody tr{transition:background .15s}th{white-space:nowrap;text-transform:uppercase;letter-spacing:.35px}td{color:#34404c;font-size:13px}input:hover,select:hover,textarea:hover{border-color:#c8cfd6}input:focus,select:focus,textarea:focus{border-color:#168bff;outline:none;box-shadow:0 0 0 3px #168bff1f}select{cursor:pointer}.pageHeader h2,.topbar h2{letter-spacing:-.5px}.panel,.formSection{box-shadow:0 3px 14px #151d2609}table{border-collapse:separate;border-spacing:0;width:100%}thead th{color:#6f7b87;letter-spacing:.45px;text-transform:uppercase;background:#f8fafb;border-bottom:1px solid #e7ebef;padding:12px 14px;font-size:10px;font-weight:800}tbody td{vertical-align:middle;border-bottom:1px solid #edf0f2;padding:14px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f7fbff}tbody td:first-child{color:#25313c}td strong{font-weight:700}td .secondaryButton,td .primaryButton{border-radius:8px;padding:8px 11px;font-size:12px}.tableWrapper,.formSection>div[style*=overflowX]{scrollbar-width:thin}.panel table,.formSection table{background:#fff}thead{z-index:1;position:relative}.formGroup input,.formGroup select,.formGroup textarea{color:#202a35;background:#fff;border:1px solid #d8dee4;border-radius:10px;min-height:44px;padding:11px 13px;font-size:13px}.formGroup textarea{resize:vertical;min-height:100px}.formGroup input::placeholder,.formGroup textarea::placeholder{color:#a5afb9}.formGroup input:hover,.formGroup select:hover,.formGroup textarea:hover{background:#fff;border-color:#c6ced6}.formGroup input:focus,.formGroup select:focus,.formGroup textarea:focus{border-color:#168bff;box-shadow:0 0 0 3px #168bff1f}.formGroup label{color:#3f4b57;letter-spacing:.1px;font-size:12px;font-weight:800}.formSection{padding:26px}.formSectionHeader{margin-bottom:24px}.formSectionHeader h3{color:#202a35}.formSectionHeader p{color:#8a95a0}input:disabled,select:disabled,textarea:disabled{color:#8b96a1;cursor:not-allowed;background:#f3f5f7}.formActions{border-top:1px solid #edf0f2;margin-top:4px;padding-top:18px}@media (width<=700px){.formSection{padding:20px}.formActions{flex-direction:column}.formActions button{width:100%}}.primaryButton,.secondaryButton{white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:40px;display:inline-flex}.primaryButton:focus-visible,.secondaryButton:focus-visible,.textButton:focus-visible,.menuItem:focus-visible{outline-offset:2px;outline:3px solid #168bff47}.primaryButton:disabled,.secondaryButton:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.secondaryButton:hover{color:#081a33;background:#f6f8fa}tbody .primaryButton,tbody .secondaryButton{min-height:34px}.alertSuccess,.alertWarning,.alertDanger,.alertInfo{border-radius:12px;margin-bottom:16px;padding:14px 16px;font-size:13px;line-height:1.45}.alertSuccess{color:#23623a;background:#edf9f1;border:1px solid #b9e5c7}.alertWarning{color:#725c00;background:#fff9e6;border:1px solid #f3d77a}.alertDanger{color:#a52a21;background:#fff1f1;border:1px solid #f2c1bd}.alertInfo{color:#315b7d;background:#f1f6fb;border:1px solid #cbdceb}.statusBadge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-height:27px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.statusSuccess{color:#237443;background:#eaf8ef}.statusWarning{color:#856400;background:#fff5d6}.statusDanger{color:#b23b31;background:#fff0ee}.statusNeutral{color:#65717d;background:#f0f2f4}.loginError{border-radius:10px;font-weight:600}@media (width<=700px){.pageHeader{flex-direction:column;gap:16px}.pageHeader>div:last-child{flex-wrap:wrap;width:100%}}@media (width<=1200px){.main{padding:24px 24px 40px}.nuevoViajePage{max-width:100%;padding:28px}.cardsGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.pageHeader{flex-direction:column;gap:16px}.pageHeader>div:last-child{flex-wrap:wrap;width:100%}.formGrid,.dashboardGrid{grid-template-columns:1fr}.cardsGrid{grid-template-columns:1fr 1fr}.marginBox{flex-wrap:wrap;justify-content:flex-start}}@media (width<=700px){.main{padding:18px 12px 30px}.nuevoViajePage{padding:16px}.cardsGrid{grid-template-columns:1fr}.formSection{padding:18px}.pageHeader h2,.topbar h2{font-size:25px}.primaryButton,.secondaryButton{width:100%}.formActions{flex-direction:column}.formActions button{width:100%}.marginBox{flex-direction:column;align-items:stretch}.marginBox .minus,.marginBox .equals{text-align:center}table{min-width:700px}.tableWrapper,.formSection>div[style*=overflowX]{overflow-x:auto}}@media (width<=480px){.sidebar{width:64px}.main{width:calc(100% - 64px);margin-left:64px}.brandIcon{width:38px;height:38px}.menuItem{padding:10px 8px}.statCard h3{font-size:23px}}.loginPage{background:radial-gradient(circle at 100% 0,#168bff1a,#0000 32%),#081a33}.loginCard{border:1px solid #ffffff14;box-shadow:0 30px 80px #00000052,0 1px 3px #00000014}.loginBrand{align-items:center}.loginHeader h2{color:#17202a;letter-spacing:-.5px}.loginForm input{min-height:46px;font:inherit;border:1px solid #d8dee4;border-radius:10px;padding:11px 13px}.loginForm input:focus{border-color:#168bff;outline:none;box-shadow:0 0 0 3px #168bff1f}.loginButton{border-radius:10px;min-height:46px}.loginFooter{line-height:1.5}@media (width<=500px){.loginCard{padding:25px 20px}.loginHeader h2{font-size:24px}}.userInfo{flex-direction:column;min-width:0;display:flex}.logoutButton{color:#8f9ba8;text-align:left;cursor:pointer;background:0 0;border:0;margin-top:7px;padding:0;font-size:11px;font-weight:700}.logoutButton:hover{color:#168bff}