:root{--page-bg: #081323;--card-bg: #0d1b2e;--surface: #132238;--surface-2: #1a2f4a;--row-odd: #0f2035;--border: #1e3a5f;--accent: #3d7fc1;--accent-light: #5b9bd5;--text: #c8daf0;--text-soft: #8fb8d8;--muted: #5a7fa8;--gold: #f59e0b;--status-green: #13a10e;--status-orange: #ca5010;--status-blue: #0078d4;--status-yellow: #c19c00;--pickup: #6ec97a;--dropoff: #a78bfa;--radius: 1rem;--gap: 1rem}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--page-bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif}#app{min-height:100%;padding:1rem 1.25rem}.display-shell{position:relative;height:calc(100vh - 2rem);transform:translateY(calc(-1 * var(--display-lift, 0px)));transition:transform .3s ease}.display-shell.is-content-packed{height:calc(100vh - 1.35rem)}#app.is-content-packed{padding-top:.35rem}.carousel-btn{display:none}.carousel-viewport{display:flex;align-items:center;height:calc(100% - 2.5rem);padding:0 .5rem;transition:align-items .2s ease}.carousel-viewport.is-content-packed{align-items:flex-start}.carousel-clip{container-type:inline-size;container-name:carousel;width:100%;overflow:hidden}.carousel-track{--card-span: calc((100cqi - var(--gap)) / 2);display:flex;align-items:flex-start;width:max-content;max-width:none;height:auto;transition:transform .45s ease;transform:translate(calc(var(--carousel-page, 0) * -100cqi));will-change:transform}.carousel-track.no-transition{transition:none}.carousel-page{flex:0 0 100cqi;width:100cqi;max-width:100cqi;display:flex;align-items:flex-start;justify-content:center;gap:var(--gap);min-width:0}.order-card{flex:0 0 var(--card-span);width:var(--card-span);max-width:var(--card-span);min-width:0;display:flex;flex-direction:column;height:fit-content;max-height:none;overflow:hidden;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 25px 50px #00000059}.carousel-pagination{display:flex;justify-content:center;align-items:center;gap:.55rem;height:2.5rem}.carousel-dot{width:.55rem;height:.55rem;padding:0;border:none;border-radius:999px;background:#5b9bd559;cursor:pointer;transition:transform .2s ease,background .2s ease,width .2s ease}.carousel-dot:hover{background:#5b9bd5a6}.carousel-dot.is-active{width:1.15rem;background:var(--accent-light)}.order-card-accent{height:3px;flex-shrink:0;background:linear-gradient(to right,#3d7fc1,#5b9bd5,#3d7fc1)}.order-card-body{display:flex;flex-direction:column;gap:1.35rem;flex:0 1 auto;padding:1.35rem 1rem 1.5rem;overflow:hidden;min-width:0}.order-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.order-identity{min-width:0}.order-id{margin:0 0 .35rem;font-size:1.5rem;font-weight:700;letter-spacing:-.03em;color:var(--text)}.order-created{display:flex;align-items:center;gap:.4rem;margin:0;color:var(--muted);font-size:.75rem}.order-type{text-align:right;min-width:0}.section-kicker{display:flex;align-items:center;gap:.4rem;margin:0;color:var(--muted);font-size:.625rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.operation-name{margin:.15rem 0 0;color:var(--accent-light);font-size:.875rem;font-weight:700}.status-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.15rem;background:var(--surface);border:1px solid var(--border);border-radius:.75rem}.status-left{display:flex;align-items:center;gap:.75rem}.status-divider{width:1px;height:1rem;background:var(--border)}.status-value{display:flex;align-items:center;gap:.5rem;color:var(--status-green);font-size:.875rem;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor;flex-shrink:0}.status-value--green{color:var(--status-green)}.status-value--orange{color:var(--status-orange)}.status-value--blue{color:var(--status-blue)}.status-value--yellow{color:var(--status-yellow)}.progress-badge{border:1px solid color-mix(in srgb,currentColor 35%,transparent);background:color-mix(in srgb,currentColor 14%,transparent);color:var(--status-orange);border-radius:999px;padding:.25rem .65rem;font-size:.625rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.progress-badge--green{color:var(--status-green)}.progress-badge--orange{color:var(--status-orange)}.progress-badge--blue{color:var(--status-blue)}.progress-badge--yellow{color:var(--status-yellow)}.completion-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;margin-bottom:.4rem}.completion-value{color:var(--accent);font-weight:600}.completion-track{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.completion-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(to right,#3d7fc1,#5b9bd5);transition:width .7s ease;will-change:width}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.summary-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-box{display:flex;flex-direction:column;gap:.25rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;min-width:0}.summary-box--accent{background:#3d7fc11f;border-color:#3d7fc14d}.summary-box .section-kicker{margin-bottom:.15rem}.summary-title{margin:0;font-size:.875rem;font-weight:700;line-height:1.3;color:var(--text)}.summary-number{margin:0;font-size:1.875rem;font-weight:700;line-height:1;color:var(--text)}.summary-sub{margin:0;color:var(--muted);font-size:.75rem}.hotel-rotator{display:flex;flex-direction:column;gap:.2rem;min-height:2.75rem}.hotel-name{color:var(--accent-light);transition:opacity .25s ease,transform .25s ease}.hotel-name.is-changing{opacity:0;transform:translateY(4px)}.hotel-rotator-meta.is-hidden{visibility:hidden;height:0;margin:0;overflow:hidden}.passengers{flex:0 0 auto;display:flex;flex-direction:column;padding-bottom:.35rem}.card-empty-state{margin-top:.15rem;padding:1.15rem 1rem;border-radius:.75rem;background:var(--surface);border:1px dashed color-mix(in srgb,var(--accent-light) 45%,var(--border));text-align:center}.card-empty-title{margin:0 0 .45rem;font-size:.95rem;font-weight:700;color:var(--accent-light)}.card-empty-copy{margin:0;color:var(--text);font-size:.8rem;font-weight:500;line-height:1.4}.passengers .category-bean{margin-bottom:.7rem}.category-bean{display:inline-flex;align-items:center;gap:.4rem;width:fit-content;max-width:100%;margin:0;padding:.35rem .85rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;border:1px solid transparent}.category-bean--passengers{background:#2f6fb3;border-color:#5b9bd58c}.category-bean--crew{background:#7c3aed;border-color:#a78bfa73}.category-bean--daypass{background:#16a34a;border-color:#4ade8073}.category-bean--luggage{background:#ca8a04;border-color:#facc1573;color:#111827}.category-bean--no-effect{background:#334155;border-color:#94a3b859}.category-bean svg{width:13px;height:13px;stroke:currentColor}.legs-panel{width:100%;max-width:100%;display:flex;flex-direction:column;gap:.35rem}.legs-head,.leg-card{display:grid;align-items:center;column-gap:.75rem;width:100%;min-width:0;box-sizing:border-box;padding:.45rem .55rem}.legs-head{padding-top:0;padding-bottom:.2rem;border:1px solid transparent}.legs-head--passengers,.leg-card--passengers{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1.1fr) 6.5rem minmax(5.75rem,.85fr) minmax(5.75rem,.85fr) 2.4rem}.legs-head--passengers.legs-head--no-checkin,.leg-card--passengers.leg-card--no-checkin{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.15fr) 6.5rem minmax(5.75rem,.9fr) 2.4rem}.legs-head--passengers.legs-head--no-hotel,.leg-card--passengers.leg-card--no-hotel{grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) 6.5rem minmax(5.75rem,.9fr) minmax(5.75rem,.9fr) 2.4rem}.legs-head--passengers.legs-head--no-hotel.legs-head--no-checkin,.leg-card--passengers.leg-card--no-hotel.leg-card--no-checkin{grid-template-columns:minmax(0,1.15fr) minmax(0,1.5fr) 6.5rem minmax(5.75rem,.95fr) 2.4rem}.legs-head--crew,.leg-card--crew{grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(0,1.15fr) minmax(5.75rem,.9fr) 2.4rem}.legs-col-label{display:flex;align-items:center;justify-content:center;width:100%;color:var(--muted);font-size:.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leg-card{border:1px solid var(--border);border-radius:.55rem;background:var(--card-bg)}.leg-card.row-odd{background:var(--row-odd)}.leg-cell{min-width:0;display:flex;align-items:center;justify-content:center;text-align:center}.leg-cell--checkin .datetime-stack,.leg-cell--pickup .datetime-stack{align-items:center}.leg-cell--checkin .datetime-stack--prominent .datetime-date,.leg-cell--pickup .datetime-stack--prominent .datetime-date{font-size:.62rem}.leg-cell--checkin .datetime-stack--prominent .datetime-time,.leg-cell--pickup .datetime-stack--prominent .datetime-time{font-size:.78rem}.leg-transport-name{color:var(--text);font-size:.72rem;font-weight:700;line-height:1.2;text-align:center}.leg-cell--hotel .cell-text{color:var(--accent-light);font-size:.68rem;font-weight:600;line-height:1.2;text-align:center}.leg-cell--endpoint .cell-text,.leg-cell--origin .cell-text,.leg-cell--destination .cell-text{color:var(--text);font-size:.72rem;font-weight:600;line-height:1.2;text-align:center}.cell-text{display:block;min-width:0;white-space:normal;overflow:visible;word-break:break-word;overflow-wrap:anywhere;line-height:1.25}.cell-with-icon{display:flex;align-items:center;gap:.3rem;min-width:0;max-width:100%}.cell-with-icon--stack{align-items:flex-start}.datetime-stack{display:flex;flex-direction:column;min-width:0;line-height:1.2}.datetime-stack--prominent .datetime-date{color:var(--text);font-size:.78rem;font-weight:700;letter-spacing:.01em}.datetime-stack--prominent .datetime-time{color:var(--accent-light);font-size:1rem;font-weight:700;line-height:1.15;margin-top:.1rem}.qty-badge{display:inline-flex;width:1.25rem;height:1.25rem;align-items:center;justify-content:center;border-radius:999px;background:#3d7fc133;color:var(--accent-light);font-size:.62rem;font-weight:700;flex-shrink:0}.tipo-badge{display:inline-flex;align-items:center;gap:.25rem;max-width:none;padding:.15rem .45rem;border-radius:999px;font-size:.58rem;font-weight:600;white-space:nowrap;overflow:visible;line-height:1.25;flex-shrink:0}.tipo-badge span{white-space:nowrap;overflow:visible;word-break:normal}.tipo-badge--pickup{background:#2ea04326;border:1px solid rgba(46,160,67,.3);color:var(--pickup)}.tipo-badge--dropoff{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:var(--dropoff)}.order-card i[data-lucide],.order-card svg{width:12px;height:12px;stroke:currentColor;flex-shrink:0}.cell-with-icon i[data-lucide],.cell-with-icon svg,.tipo-badge i[data-lucide],.tipo-badge svg{width:11px;height:11px}.order-created svg,.section-kicker svg{color:var(--muted)}.cell-with-icon svg{color:var(--accent)}.status-value svg,.tipo-badge svg{color:inherit}@media(max-width:1100px){.summary-grid,.summary-grid--two{grid-template-columns:1fr}.carousel-track{--card-span: 100cqi}.carousel-page{flex-direction:column}}:root{--color-primary: #0078d4;--color-primary-dark: #005a9e;--color-primary-light: rgba(0, 120, 212, .12);--color-accent: #0078d4;--color-primary-top: #1a84d8;--color-primary-mid: #0078d4;--color-primary-bottom: #0072c9;--gradient-primary: linear-gradient( 180deg, var(--color-primary-top) 0%, var(--color-primary-mid) 52%, var(--color-primary-bottom) 100% );--color-text: #1f1f1f;--color-text-muted: #616161;--color-danger: #d13438;--color-success: #107c10;--font-size-base: 13px;--font-sans: "Segoe UI Variable", "Segoe UI", "Inter", system-ui, -apple-system, sans-serif;--transition: .18s cubic-bezier(.33, 0, .1, 1)}body.login-page,body.login-page *,body.login-page *:before,body.login-page *:after{box-sizing:border-box}body.login-page{margin:0;padding:0}body.login-page .login-form__toggle{font:inherit;cursor:pointer;border:none;background:none;padding:0}body.login-page input{font:inherit}body.login-page a{color:inherit;text-decoration:none}body.login-page{--login-bg: #86acd9;--login-card: #ffffff;--login-text: #1f1f1f;--login-muted: #6b7280;--login-border: #d9dee7;--login-blue: #0078d4;--login-blue-bright: #3b9aef;--login-blue-deep: #005a9e;position:relative;isolation:isolate;width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.45;color:var(--login-text);-webkit-font-smoothing:antialiased;background:var(--login-bg)}body.login-page #app{display:contents;padding:0;min-height:0}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background-color:var(--login-bg)}.login-bg:before{content:"";position:absolute;top:-28%;right:-28%;bottom:-28%;left:-28%;background:radial-gradient(ellipse 72% 58% at 50% 42%,#c5daf0 0%,var(--login-bg) 46%,#6a96c8 100%);background-size:140% 140%;background-repeat:no-repeat;animation:login-bg-wash 2.8s ease-in-out infinite;transition:opacity .55s linear}.login-bg.is-ready:before{opacity:0}.login-bg picture{position:relative;z-index:1;display:block;width:100%;height:100%}@keyframes login-bg-wash{0%,to{filter:brightness(.94);background-position:44% 36%}50%{filter:brightness(1.12);background-position:56% 50%}}.login-bg__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0}.login-shell{position:relative;z-index:1;width:400px;max-width:min(400px,calc(100vw - 40px));margin:0 auto;flex:0 0 auto}.login-card{display:flex;flex-direction:column;width:100%;max-width:400px;min-height:560px;background:var(--login-card);border:none;border-radius:16px;overflow:hidden;isolation:isolate;box-shadow:0 1px 2px #0f172a0a,0 14px 36px #0f172a1a}.login-card__form{display:flex;flex-direction:column;flex:1;justify-content:flex-start;gap:16px;padding:40px 28px 44px;min-width:0}.login-card__intro{display:flex;flex-direction:column;flex-shrink:0;align-items:center;margin-bottom:32px}.login-card__logo{display:block;width:min(72%,200px);height:auto;margin:0 auto}.login-card__app-name{margin:14px 0 0;font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--login-blue);text-align:center;line-height:1.3}.login-card__title{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.03em;color:var(--login-text);line-height:1.2;text-align:center}.login-card__alert{margin:0;padding:8px 10px;border-radius:8px;background:#d134381a;border:1px solid rgba(209,52,56,.28);color:#9f1d21;font-size:12px;text-align:center;opacity:0;transform:translateY(8px)}.login-card__alert.is-visible{animation:login-alert-in .4s ease forwards}.login-card__alert[hidden]{display:none}@keyframes login-alert-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-form{display:flex;flex-direction:column;width:100%;max-width:280px;margin-inline:auto;margin-block:auto;gap:14px}.login-form__field{display:flex;flex-direction:column;gap:6px}.login-form__label{font-size:13px;font-weight:700;color:var(--login-text)}.login-form__input{width:100%;height:42px;padding:0 14px;border:1px solid var(--login-border);border-radius:10px;background:#fff;color:var(--login-text);font-size:14px;transition:border-color .18s ease,box-shadow .18s ease}.login-form__input::placeholder{color:#9aa3b2}.login-form__input:hover:not(:focus){border-color:#c2cad6}.login-form__input:focus{outline:none;border-color:#0078d4a6;box-shadow:0 0 0 3px #0078d429}.login-form__password-wrap{position:relative;width:100%}.login-form__input--password{padding-right:44px}.login-form__toggle{position:absolute;top:0;right:0;bottom:0;width:42px;display:flex;align-items:center;justify-content:center;color:#8a8f98;font-size:14px;transition:color .18s ease}.login-form__toggle:hover{color:var(--login-text)}.login-form__toggle:focus-visible{outline:2px solid rgba(0,120,212,.55);outline-offset:-4px;border-radius:0 10px 10px 0}body.login-page .login-form__submit{display:block;width:100%;height:42px;margin-top:22px;border:none;border-radius:10px;background:linear-gradient(180deg,#3b9aef,#0078d4);color:#fff;font:inherit;font-size:14px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:filter .18s ease,transform .18s ease}body.login-page .login-form__submit:hover{filter:brightness(1.05)}body.login-page .login-form__submit:disabled{cursor:wait;opacity:.72;filter:none}body.login-page .login-form__submit:active{transform:scale(.99)}.login-status{position:relative;display:flex;justify-content:center;align-items:center;min-height:18px;margin-top:22px}.login-status__bar{display:block;width:72px;height:8px;border-radius:999px;background:var(--login-blue)}.login-status[data-state=idle] .login-status__bar{background:var(--login-blue);color:var(--login-blue);animation:login-status-idle 2.4s ease-in-out infinite}.login-status[data-state=error] .login-status__bar{background:#d13438;color:#d13438;animation:login-status-idle 2.4s ease-in-out infinite}.login-status.is-shaking{animation:login-status-shake .5s ease}.login-status[data-state=success] .login-status__bar{background:#107c10;color:#107c10;animation:login-status-idle 1.2s ease-in-out infinite}.login-status[data-state=success]:before,.login-status[data-state=success]:after{content:"";position:absolute;left:50%;top:50%;width:72px;height:8px;border-radius:999px;box-shadow:0 0 #107c1073;pointer-events:none;animation:login-status-wave 1.15s ease-out infinite}.login-status[data-state=success]:after{animation-delay:.28s}@keyframes login-status-idle{0%,to{opacity:.62;box-shadow:0 0 2px currentColor}50%{opacity:1;box-shadow:0 0 7px currentColor}}@keyframes login-status-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes login-status-wave{0%{transform:translate(-50%,-50%) scale(1);opacity:.7;box-shadow:0 0 #107c1080}to{transform:translate(-50%,-50%) scale(2.15);opacity:0;box-shadow:0 0 0 12px #107c1000}}@media(max-width:900px){.login-card{min-height:500px}.login-card__form{padding:28px 22px 32px}.login-card__logo{width:min(70%,180px)}}@media(max-width:640px){body.login-page{padding:14px;align-items:center}.login-bg__image{object-position:center bottom}.login-shell{width:100%;max-width:min(400px,calc(100vw - 28px));flex:0 0 auto}.login-card{width:100%;max-width:400px;min-height:0;border-radius:14px}.login-card__form{padding:24px 16px;gap:14px}.login-card__intro{margin-bottom:24px}.login-card__logo{width:min(68%,168px)}}@media(max-width:480px){body.login-page{padding:12px}.login-card__logo{width:min(64%,152px)}}@media(prefers-reduced-motion:reduce){.login-bg:before{animation:none;filter:none;opacity:0}.login-bg__image{opacity:1}.login-form__submit,.login-form__input,.login-form__toggle{transition:none}.login-status[data-state=idle] .login-status__bar,.login-status[data-state=error] .login-status__bar,.login-status[data-state=success] .login-status__bar,.login-status.is-shaking,.login-status[data-state=success]:before,.login-status[data-state=success]:after{animation:none}.login-card__alert,.login-card__alert.is-visible{animation:none;opacity:1;transform:none}}
