@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans+Condensed:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css);:root{--lev-red:#c8102e;--lev-red-dark:#a50e26;--lev-red-deep:#7e0a1c;--lev-red-soft:#fbebee;--lev-lacquer:#101113;--lev-ink:#17181b;--lev-ink-soft:#4a4f56;--lev-muted:#6c7178;--lev-chrome:#a9aeb5;--lev-line:#e1e3e6;--lev-surface:#fff;--lev-ground:#f3f3f4;--lev-ok:#14724a;--lev-ok-soft:#e4f2eb;--lev-danger:#8a1c12;--lev-danger-soft:#f7eae8;--lev-steel:#3f5266;--lev-sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--lev-display:"IBM Plex Sans Condensed","IBM Plex Sans",-apple-system,"Segoe UI",sans-serif;--lev-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f3f4;background-color:var(--lev-ground);color:#17181b;color:var(--lev-ink);font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--lev-sans);margin:0}code{font-family:IBM Plex Mono,ui-monospace,Menlo,Consolas,monospace;font-family:var(--lev-mono)}h1,h2,h3,h4{text-wrap:balance;font-family:IBM Plex Sans Condensed,IBM Plex Sans,-apple-system,Segoe UI,sans-serif;font-family:var(--lev-display);letter-spacing:-.005em}input[type=date],input[type=number],input[type=time],table td,table th{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #c8102e;outline:2px solid var(--lev-red);outline-offset:2px}body,html{height:100%;overflow-x:hidden;width:100%}@media screen and (max-width:768px){html{font-size:14px}}@media screen and (max-width:480px){html{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box}.auth-container{align-items:center;background:radial-gradient(circle at 18% 8%,#c8102e38,#0000 42%),radial-gradient(circle at 88% 92%,#c7ccd31a,#0000 45%),#101113;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background-color:#fff;border:1px solid #ffffff14;border-radius:14px;border-top:3px solid #c8102e;box-shadow:0 30px 80px #0000008c;max-width:480px;padding:44px 38px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{align-items:center;color:#7e0a1c;display:flex;font-size:2rem;gap:10px;justify-content:center;margin-bottom:10px}.auth-header h2{color:#17181b;font-size:1.5rem;font-weight:500}.auth-header p{color:#737b88;line-height:1.5;margin:10px 0 0}.auth-brand{color:#b87800;display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.18em;margin-bottom:16px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:.9rem}.input-with-icon i{color:#7e0a1c}.input-with-icon input:focus{border-color:#7e0a1c;box-shadow:0 0 0 3px #17604626}.auth-button{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:10px;justify-content:center;margin-top:10px;padding:14px;transition:all .3s}.auth-button,.auth-button:hover{background-color:#7e0a1c}.auth-button:disabled{background-color:#c7cbd1;cursor:not-allowed}.auth-footer{color:#6c7178;margin-top:20px;text-align:center}.auth-footer a{color:#7e0a1c;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-error{align-items:center;background-color:#f7eae8;border-radius:8px;color:#8a1c12;display:flex;gap:10px;margin-bottom:20px;padding:12px 15px}.auth-error i{font-size:1.2rem}.auth-setup-notice{align-items:flex-start;background:#fff6da;border-radius:10px;color:#6d4a00;display:flex;font-size:.88rem;gap:10px;line-height:1.45;margin-bottom:20px;padding:12px 14px}.auth-setup-notice i{color:#b87800;margin-top:3px}@media screen and (max-width:480px){.auth-card{padding:30px 20px}}.navbar{background-color:#101113;box-shadow:0 1px 0 #ffffff0f,0 2px 14px #00000059;left:0;position:fixed;top:0;width:100%;z-index:1000}.navbar-container{height:60px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px}.navbar-container,.navbar-logo,.navbar-logo a{align-items:center;display:flex}.navbar-logo a{color:#fff;font-size:1.3rem;font-weight:700;gap:10px;letter-spacing:.01em;text-decoration:none}.navbar-logo img{height:32px;margin-right:8px;object-fit:contain;width:32px}.navbar-logo i{font-size:1.5rem}.navbar-links{gap:20px}.navbar-links,.navbar-links a{align-items:center;display:flex}.navbar-links a{border-radius:6px;color:#a9aeb5;font-weight:500;gap:7px;padding:8px 12px;text-decoration:none;transition:all .3s ease}.navbar-links a:hover{background-color:#ffffff0f;color:#fff}.navbar-links a.active{background-color:#ffffff17;box-shadow:inset 0 -2px 0 #c8102e;color:#fff}.logout-btn{align-items:center;background-color:initial;border:none;border-radius:6px;color:#7c828a;cursor:pointer;display:flex;font-weight:500;gap:7px;padding:8px 12px;transition:all .3s ease}.logout-btn:hover{background-color:#c8102e24;color:#ff6b7e}.hamburger-menu{cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;width:30px;z-index:1010}.hamburger-menu span{background-color:#e1e3e6;border-radius:3px;height:3px;transition:all .3s ease;width:100%}.hamburger-menu.open span:first-child{transform:translateY(8.5px) rotate(45deg)}.hamburger-menu.open span:nth-child(2){opacity:0}.hamburger-menu.open span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}.navbar-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:60px;z-index:998}.navbar-links a i.fa-history,.navbar-links a i.fa-taxi{font-size:1.1rem}@media screen and (max-width:768px){.hamburger-menu{display:flex}.navbar-links{align-items:flex-start;background-color:#101113;border-left:1px solid #24272c;bottom:0;box-shadow:-5px 0 15px #0000001a;flex-direction:column;gap:15px;max-height:calc(100vh - 60px);overflow-y:auto;padding:20px 20px 40px;position:fixed;right:-280px;top:60px;transition:right .3s ease;width:280px;z-index:999}.navbar-links.active{right:0}.logout-btn,.navbar-links a{padding:12px 15px;width:100%}.logout-btn i,.navbar-links a i{margin-right:5px;text-align:center;width:20px}.navbar-links:before{border-bottom:1px solid #2a2e34;color:#7c828a;content:"Menú";display:block;font-size:.78rem;font-weight:700;letter-spacing:.12em;margin-bottom:10px;padding:10px 0;text-transform:uppercase;width:100%}.navbar-links a[href="/reservar"]{background-color:#c8102e1f;border-left:3px solid #c8102e}.navbar-links a[href="/historial"]{background-color:#ffffff0a;border-left:3px solid #55697e}}@keyframes slideIn{0%{right:-280px}to{right:0}}@keyframes slideOut{0%{right:0}to{right:-280px}}.dashboard-container{background-color:#f3f3f4;display:flex;flex-direction:column;min-height:100vh;width:100%}.dashboard-content{flex:1 1;margin-top:60px;padding:20px}.dashboard-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.dashboard-card h2{color:#17181b;margin-bottom:15px;margin-top:0}.usuario-card{border:1px solid #0000000d;border-radius:12px;box-shadow:0 3px 12px #00000014;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.usuario-card:hover{border-color:#c7cbd1;box-shadow:0 6px 18px #1011131a}.usuario-card-header{align-items:flex-start;background:linear-gradient(150deg,#1c1e22,#101113);border-bottom:2px solid #c8102e;color:#fff;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 16px 14px;position:relative}.usuario-card-header.inactive{background:linear-gradient(135deg,#4a4f56,#3a3e45)}.cc-badge{background-color:#ffffff17;border:1px solid #ffffff29;border-radius:4px;display:inline-block;font-family:var(--lev-mono);font-size:.82rem;font-weight:500;letter-spacing:.04em;order:1;padding:3px 10px}.usuario-nombre{flex:1 1 100%;font-family:var(--lev-display);font-size:1.15rem;font-weight:600;letter-spacing:.01em;line-height:1.2;margin:6px 0 0;order:2;overflow-wrap:anywhere}.status-indicator{align-items:center;border-radius:20px;display:flex;flex:none;font-size:.8rem;font-weight:600;gap:5px;letter-spacing:.06em;margin-left:auto;order:1;padding:4px 10px;text-transform:uppercase}.status-indicator.active{background-color:#e4f2eb;color:#14724a}.status-indicator.active:before{background-color:#14724a;border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.status-indicator.inactive{background-color:#f7eae8;color:#8a1c12}.status-indicator.inactive:before{background-color:#8a1c12;border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.usuario-card-body{border-bottom:1px solid #f3f3f4;flex:1 1;padding:20px 15px}.info-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:14px}.info-row:last-child{margin-bottom:0}.info-icon{color:#c8102e;flex-shrink:0;text-align:center;width:18px}.info-content{flex:1 1}.info-label{color:#6c7178;font-size:.85rem;font-weight:500;margin-bottom:4px}.info-value{color:#17181b;font-size:.95rem;word-break:break-word}.usuario-card-actions{background-color:#fafafb;display:flex;justify-content:space-between;padding:12px 15px}.card-action-btn{align-items:center;background-color:initial;border:none;border-radius:6px;color:#4a4f56;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:5px;padding:8px 12px;transition:all .3s}.card-action-btn:hover{background-color:#f0f0f0}.card-action-btn.reservar{background-color:#c8102e;box-shadow:0 2px 5px #0000001a;color:#fff;padding:8px 15px}.card-action-btn.reservar i{margin-right:5px}.card-action-btn.reservar:hover{background-color:#a50e26;box-shadow:0 3px 10px #c8102e47}.card-action-btn.reservar:disabled{background-color:#c7cbd1;box-shadow:none;cursor:not-allowed;transform:none}.card-action-btn.danger{border:1px solid #e1e3e6;color:#8a1c12}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:modalFadeIn .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-height:90vh;max-width:550px;overflow-y:auto;width:100%}.modal-header{align-items:center;background-color:#c8102e;border-bottom:1px solid #f1f2f4;border-top-left-radius:12px;border-top-right-radius:12px;color:#fff;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#fff;font-size:1.3rem;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:30px;justify-content:center;padding:0;transition:transform .3s;width:30px}.modal-close:hover{background-color:#ffffff1a;transform:rotate(90deg)}.modal-body{padding:20px}.success-message{align-items:center;animation:pulse 1.5s infinite;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:15px}@keyframes pulse{0%{box-shadow:0 0 0 0 #c8102e66}70%{box-shadow:0 0 0 8px #c8102e00}to{box-shadow:0 0 0 0 #c8102e00}}.success-message i{font-size:1.5rem}.form-user-info{background-color:#fafafb;border:1px solid #f1f2f4;border-radius:8px;margin-bottom:20px;padding:15px}.user-info-item{display:flex;margin-bottom:8px}.user-info-item:last-child{margin-bottom:0}.user-info-label{color:#4a4f56;font-weight:600;width:120px}.user-info-value{color:#17181b;flex:1 1;font-weight:500}.modal-form{display:flex;flex-direction:column;gap:20px}.form-group label{align-items:center;display:flex;gap:5px}.form-group label:after{color:#8a1c12;content:"*";font-size:1.2rem}.form-group input,.form-group textarea{background-color:#fafafb;border:1px solid #e1e3e6;border-radius:8px;font-size:1rem;padding:12px 15px;transition:all .3s}.international-phone-field{grid-gap:8px;display:grid;gap:8px;grid-template-columns:minmax(150px,.9fr) minmax(150px,1.1fr)}.international-phone-field select{background:#fafafb;border:1px solid #e1e3e6;border-radius:8px;color:#17181b;font-size:.9rem;min-width:0;padding:12px 10px}.international-phone-field select:focus{border-color:#c8102e;box-shadow:0 0 0 2px #c8102e33;outline:none}.phone-preview{color:#a50e26;font-size:.78rem;font-weight:600}@media screen and (max-width:560px){.international-phone-field{grid-template-columns:1fr}}.form-group input:focus,.form-group textarea:focus{background-color:#fff;border-color:#c8102e;box-shadow:0 0 0 2px #c8102e33;outline:none}.form-group textarea{min-height:100px;resize:vertical}.modal-footer{border-top:1px solid #f1f2f4;display:flex;gap:15px;justify-content:flex-end;margin-top:10px;padding:15px 20px 20px}.modal-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:12px 25px;transition:all .3s}.modal-btn.cancel{background-color:#f1f2f4;color:#6c7178}.modal-btn.cancel:hover{background-color:#e1e3e6}.modal-btn.submit{background-color:#c8102e;box-shadow:0 2px 5px #0000001a;color:#fff}.modal-btn.submit:hover{background-color:#a50e26;box-shadow:0 4px 10px #00000026}.modal-btn.submit:disabled{background-color:#c7cbd1;box-shadow:none;cursor:not-allowed}.admin-user-badge{background-color:#ffc107;border:2px solid #fff;border-radius:10px;box-shadow:0 2px 5px #0003;color:#17181b;font-size:.7rem;font-weight:700;padding:3px 8px;position:absolute;right:-10px;text-transform:uppercase;top:-10px;z-index:5}.creator-info{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-top:40px;padding:15px;text-align:center}.creator-info h3{color:#c8102e;font-size:1.2rem;margin:0 0 10px}.creator-info p{color:#6c7178;font-size:.9rem;margin:0}.creator-social{display:flex;gap:15px;justify-content:center;margin-top:10px}.creator-social a{color:#c8102e;text-decoration:none;transition:all .3s}.creator-social a:hover{color:#a50e26;transform:translateY(-2px)}.form-row{gap:15px}.usuarios-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.dashboard-filters{align-items:center;background-color:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 3px 10px #00000014;display:flex;justify-content:space-between;margin-bottom:25px;padding:15px 20px;position:sticky;top:70px;transition:all .3s ease;z-index:10}.dashboard-filters:focus-within{box-shadow:0 5px 15px #0000001a}.search-box{flex:1 1;position:relative;width:100%}.search-icon{color:#c8102e;font-size:1.1rem;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background-color:#f7f9f8;border:1px solid #e1e3e6;border-radius:30px;box-shadow:inset 0 2px 5px #00000008;color:#17181b;font-size:1rem;padding:14px 45px;transition:all .3s;width:100%}.search-box input:focus{background-color:#fff;border-color:#c8102e;box-shadow:0 0 0 3px #c8102e1a;outline:none}.search-box input::placeholder{color:#aaa;font-style:italic}.search-clear-btn{align-items:center;background:none;border:none;border-radius:50%;color:#9aa0a7;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .2s;width:24px}.search-clear-btn:hover{background-color:#0000000d;color:#6c7178}.filter-dropdown{align-items:center;background-color:#f7f9f8;border:1px solid #e1e3e6;border-radius:30px;display:flex;gap:12px;padding:8px 15px}.filter-dropdown label{color:#4a4f56;font-weight:600;white-space:nowrap}.filter-dropdown select{-webkit-appearance:none;appearance:none;background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8102E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:none;border-radius:20px;color:#17181b;cursor:pointer;font-size:.95rem;font-weight:500;padding:8px 30px 8px 12px}.filter-dropdown select:focus{outline:none}.usuarios-counter{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;color:#6c7178;display:inline-flex;font-size:.95rem;font-weight:500;margin-bottom:20px;padding:10px 15px}.usuarios-counter:before{color:#c8102e;content:"\f0c0";font-family:Font Awesome\ 5 Free;font-weight:900;margin-right:8px}@media screen and (max-width:768px){.dashboard-filters{margin-bottom:20px;padding:12px 15px;top:60px}.search-box input{font-size:.95rem;padding:12px 40px}}@media screen and (max-width:480px){.dashboard-content{padding-top:15px}.dashboard-filters{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:15px}.filter-dropdown,.search-box{width:100%}.filter-dropdown{justify-content:space-between}.usuarios-counter{justify-content:center;width:100%}}.edit-modal-title{color:#55697e;margin-bottom:20px;text-align:center}.edit-form-container{background-color:#fafafb;border-radius:8px;margin-bottom:20px;padding:20px}.card-action-btn.edit{border:1px solid #e1e3e6;color:#55697e}.card-action-btn.edit:hover{background-color:#55697e1a}.card-action-btn.danger:hover{background-color:#8a1c121a}.delete-confirmation{max-width:450px}.modal-header.delete{background-color:#8a1c12}.delete-warning{align-items:center;background-color:#f7eae8;border-left:4px solid #8a1c12;border-radius:8px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.delete-warning i{color:#8a1c12;font-size:2rem}.delete-warning p{color:#17181b;font-weight:500;margin:0}.delete-user-info{background-color:#fafafb;border-radius:8px;margin-bottom:20px;padding:15px}.delete-user-info p{margin:8px 0}.delete-note{color:#6c7178;font-size:.9rem;font-style:italic;margin-bottom:20px;text-align:center}.modal-btn.delete{background-color:#8a1c12;color:#fff}.modal-btn.delete:hover{background-color:#7a180f}.form-group label:not(:has(+input[required])):after{content:""}.form-group label:not(:has(+input[required])):before{color:#888;content:"(Opcional) ";font-size:.8rem;font-weight:400}.cc-edit-container{align-items:center;display:flex}.cc-edit-input{background-color:#f7f9f8;border:1px solid #e1e3e6;border-radius:6px;color:#17181b;flex:1 1;font-size:.95rem;font-weight:500;padding:8px 12px;transition:all .3s}.cc-edit-input:focus{background-color:#fff;border-color:#c8102e;box-shadow:0 0 0 2px #c8102e1a;outline:none}.cc-edit-input::placeholder{color:#aaa;font-style:italic}.cc-edit-container .user-info-label{position:relative}.cc-edit-container .user-info-label:after{content:"✏️";font-size:.8rem;margin-left:5px;opacity:.7}.add-user-button-container{margin-bottom:20px;text-align:left}.add-user-btn{align-items:center;background-color:#c8102e;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px;transition:background-color .3s}.add-user-btn:hover{background-color:#a50e26}.perfil-container{background-color:#f3f3f4;display:flex;flex-direction:column;min-height:100vh}.perfil-content{align-items:center;display:flex;flex:1 1;flex-direction:column;margin-top:60px;padding:20px}.perfil-card{background-color:#fff;border-radius:12px;box-shadow:0 3px 12px #00000014;margin-bottom:30px;max-width:600px;padding:30px;width:100%}.perfil-form{display:flex;flex-direction:column;gap:20px}.input-with-icon input{background-color:#fafafb;border:1px solid #e1e3e6;border-radius:8px;font-size:1rem;padding:12px 12px 12px 40px;width:100%}.input-with-icon input:focus{background-color:#fff;box-shadow:0 0 0 3px #c8102e1a;outline:none}.input-disabled{background-color:#f1f2f4!important;color:#7c828a!important;cursor:not-allowed}.input-help{color:#888;font-size:.8rem;margin-top:5px}.save-btn{align-items:center;background-color:#c8102e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:10px;justify-content:center;margin-top:10px;padding:14px;transition:all .3s}.save-btn:hover{background-color:#a50e26;box-shadow:0 4px 10px #0000001a}.save-btn:disabled{background-color:#c7cbd1;box-shadow:none;cursor:not-allowed}.otros-usuarios-seccion{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:2rem;padding:1rem}.otros-usuarios-seccion h2{border-bottom:1px solid #dfe1e4;color:#17181b;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.usuarios-lista{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.usuario-card{align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;padding:.75rem;transition:transform .2s,box-shadow .2s}.usuario-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.usuario-avatar{align-items:center;background-color:#e6e9ed;border-radius:50%;display:flex;height:50px;justify-content:center;margin-right:1rem;overflow:hidden;width:50px}.usuario-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{color:#3f5266;font-size:1.25rem;font-weight:700}.usuario-info{flex:1 1}.usuario-info h3{color:#17181b;font-size:1rem;margin:0}.usuario-info p{color:#6c7178;font-size:.875rem;margin:5px 0 0}@media screen and (max-width:768px){.perfil-card{padding:20px}.usuarios-lista{grid-template-columns:1fr}}.reservar-container{background-color:#f3f3f4;display:flex;flex-direction:column;min-height:100vh}.reservar-content{align-items:center;display:flex;flex:1 1;flex-direction:column;margin-top:60px;padding:20px}.reservar-form-container{background-color:#fff;border-radius:12px;box-shadow:0 3px 12px #00000014;margin-bottom:30px;max-width:600px;padding:30px;width:100%}.reservar-form{gap:20px}.form-group,.reservar-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1 1}.form-group label{color:#4a4f56;font-size:.95rem;font-weight:500}.input-with-icon{position:relative}.input-with-icon i{color:#c8102e;font-size:1rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon input,.input-with-icon textarea{background-color:#fafafb;border:1px solid #e1e3e6;border-radius:8px;font-size:1rem;padding:12px 12px 12px 40px;transition:all .3s;width:100%}.input-with-icon textarea{min-height:120px;padding-top:40px;resize:vertical}.input-with-icon.textarea i{top:20px;transform:none}.input-with-icon input:focus,.input-with-icon textarea:focus{background-color:#fff;border-color:#c8102e;box-shadow:0 0 0 3px #c8102e1a;outline:none}.submit-btn{align-items:center;background-color:#c8102e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:10px;justify-content:center;margin-top:10px;padding:14px;transition:all .3s}.submit-btn:hover{background-color:#a50e26;box-shadow:0 4px 10px #0000001a}.submit-btn:disabled{box-shadow:none}.error-message,.success-message{align-items:center;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;max-width:600px;padding:15px;width:100%}.success-message{background-color:#e4f2eb;border-left:4px solid #14724a;color:#14724a}.error-message{border-left:4px solid #8a1c12}.error-message i,.success-message i{font-size:1.3rem}.form-section{background-color:#fafafb;border:1px solid #eaeaea;border-radius:10px;margin-bottom:30px;padding:20px}.form-section h3{align-items:center;color:#17181b;display:flex;font-size:1.1rem;gap:10px;margin-bottom:10px;margin-top:0}.section-description{color:#6c7178;font-size:.9rem;margin-bottom:20px}.selected-users{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;min-height:40px}.no-users-selected{align-items:center;color:#9aa0a7;display:flex;font-style:italic;gap:8px;width:100%}.remove-user-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6c7178;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;line-height:1;margin:0;padding:0;width:20px}.remove-user-btn:hover{background-color:#0000001a;color:#8a1c12}.user-search{margin-bottom:15px;position:relative}.search-help-text{align-items:center;color:#757575;display:flex;font-size:.85rem;font-style:italic;gap:8px;margin-top:10px}.search-help-text i{color:#c8102e}.users-list-container{animation:slideDown .3s ease-out;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin-bottom:20px;position:relative}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.users-list{background-color:#fff;border:1px solid #e1e3e6;border-radius:8px 8px 0 0;max-height:300px;overflow-y:auto}.close-list-btn{align-items:center;background-color:#f3f3f4;border:1px solid #e1e3e6;border-radius:0 0 8px 8px;border-top:none;color:#6c7178;cursor:pointer;display:flex;font-size:.9rem;gap:5px;justify-content:center;padding:8px;text-align:center;transition:background-color .3s;width:100%}.close-list-btn:hover{background-color:#e1e3e6;color:#17181b}.input-with-icon input{border-color:#e1e3e6;padding-right:40px;transition:all .3s}.input-with-icon input:focus{border-color:#c8102e;box-shadow:0 0 0 2px #c8102e33}.input-with-icon select{-webkit-appearance:none;appearance:none;background-color:#fafafb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8102E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1px solid #e1e3e6;border-radius:8px;font-size:1rem;padding:12px 12px 12px 40px;transition:all .3s;width:100%}.input-with-icon select:focus{background-color:#fff;border-color:#c8102e;box-shadow:0 0 0 2px #c8102e33;outline:none}.selected-user-chip{align-items:center;animation:fadeIn .3s;background-color:#fbebee;border:1px solid #f3c9d1;border-radius:20px;display:flex;font-size:.9rem;gap:8px;padding:8px 12px;transition:all .2s}.selected-user-chip:hover{background-color:#f3c9d1;border-color:#efafba}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.user-item{align-items:center;border-bottom:1px solid #f1f2f4;cursor:pointer;display:flex;padding:12px 15px;transition:all .3s}.user-item:last-child{border-bottom:none}.user-item:hover{background-color:#f3f3f4}.user-item.selected{background-color:#fbebee}.user-icon{align-items:center;background-color:#c8102e;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:38px;justify-content:center;margin-right:15px;width:38px}.user-info{flex:1 1}.user-name{font-size:.95rem;font-weight:500;margin-bottom:3px}.user-details{color:#6c7178;display:flex;font-size:.85rem;gap:10px}.user-cc{align-items:center;display:flex;gap:2px}.user-cc:before{content:"\f2c2";font-family:Font Awesome\ 5 Free;font-size:.8rem;font-weight:900}.user-phone{align-items:center;display:flex;gap:2px}.user-phone:before{content:"\f095";font-family:Font Awesome\ 5 Free;font-size:.8rem;font-weight:900}.user-select-indicator{border-radius:50%;color:#c8102e;height:24px;width:24px}.no-users-found,.user-select-indicator{align-items:center;display:flex;justify-content:center}.no-users-found{color:#9aa0a7;flex-direction:column;padding:40px;text-align:center}.no-users-found i{font-size:2rem;margin-bottom:10px;opacity:.5}.no-users-found p{font-size:.85rem;margin-top:5px}.submit-btn{padding:15px;width:100%}.submit-btn:disabled{background-color:#c7cbd1;cursor:not-allowed;opacity:.7}.trip-type-selector{background-color:#f8f9fa;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:30px;padding:20px}.trip-type-selector h3{align-items:center;color:#17181b;display:flex;font-size:1.1rem;gap:10px;margin-bottom:15px;margin-top:0}.trip-type-selector h3 i{color:#c8102e}.trip-type-options{display:flex;gap:15px}.trip-type-btn{align-items:center;background-color:#fff;border:2px solid #e1e3e6;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:15px;transition:all .3s ease}.trip-type-btn i{color:#757575;font-size:24px;margin-bottom:8px}.trip-type-btn span{color:#4a4f56;font-weight:500}.trip-type-btn.active{background-color:#fbebee;border-color:#c8102e}.trip-type-btn.active i,.trip-type-btn.active span{color:#c8102e}.trip-type-btn:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.department-form-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;padding:25px}.department-form h3{align-items:center;color:#17181b;display:flex;font-size:1.2rem;gap:10px;margin:0 0 15px}.department-form p{color:#6c7178;font-size:.95rem;margin-bottom:20px}.btn-save-department{align-items:center;background-color:#c8102e;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:10px 15px;transition:background-color .3s}.btn-save-department:hover{background-color:#a50e26}.btn-save-department:disabled{background-color:#efafba;cursor:not-allowed}.departamento-badge{background-color:#edf0f3;border-radius:12px;color:#3f5266;font-size:.8rem;font-weight:400;margin-left:10px;padding:2px 10px}.reservas-container{background-color:#f3f3f4;display:flex;flex-direction:column;min-height:100vh}.reservas-content{flex:1 1;margin-top:60px;padding:20px}.reservas-filtros{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.filtro-btn{padding:8px 20px;transition:all .3s ease}.reservas-lista{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px}.reserva-card{background-color:#fff;border-radius:10px;border-top:3px solid #c8102e;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative}.tipo-badge{border-radius:4px;font-size:.75rem;font-weight:500;opacity:.8;padding:4px 8px;position:absolute;right:10px;top:10px}.tipo-badge.nuevo{background-color:#edf0f3;color:#55697e}.tipo-badge.antiguo{background-color:#f3e5f5;color:#9c27b0}.reserva-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:15px}.reserva-estado{border-radius:16px;font-size:.85rem;font-weight:500;padding:5px 10px}.estado-pendiente{background-color:#fff8e1;color:#ff9800}.estado-completada{background-color:#e4f2eb;color:#14724a}.estado-cancelada{background-color:#f7eae8;color:#8a1c12}.reserva-fecha{align-items:center;color:#757575;display:flex;font-size:.9rem;gap:5px}.reserva-body{padding:15px}.reserva-empresa{align-items:center;color:#4a4f56;display:flex;font-weight:500;gap:8px;margin-bottom:15px}.reserva-ruta{background-color:#fafafb;border-radius:8px;margin-bottom:20px;padding:15px}.ruta-punto{display:flex;gap:10px;margin-bottom:8px}.ruta-punto i{color:#c8102e;font-size:1.2rem}.ruta-detalle{flex:1 1}.ruta-label{color:#888;display:block;font-size:.85rem}.ruta-valor{font-weight:500}.ruta-separador{background-color:#e1e3e6;height:20px;margin-bottom:8px;margin-left:15px;width:1px}.reserva-pasajeros h4{align-items:center;color:#4a4f56;display:flex;font-size:1rem;gap:8px;margin-bottom:15px;margin-top:0}.pasajeros-lista{display:flex;flex-direction:column;gap:10px}.pasajero-item{background-color:#fafafb;border-radius:8px;gap:12px;padding:10px}.pasajero-avatar{align-items:center;background-color:#e1e3e6;border-radius:50%;color:#4a4f56;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.pasajero-meta{color:#757575;display:flex;font-size:.85rem;gap:15px}.meta-item{align-items:center;display:flex;gap:5px}.reserva-comentario{background-color:#f3f3f4;border-left:3px solid #c8102e;border-radius:4px;display:flex;gap:10px;margin-top:20px;padding:12px}.reserva-comentario i{color:#c8102e;margin-top:2px}.reserva-comentario p{color:#4a4f56;flex:1 1;font-size:.9rem;margin:0}.reserva-footer{border-top:1px solid #f0f0f0;display:flex;gap:10px;justify-content:flex-end;padding:15px}.cancel-btn,.edit-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 16px;transition:all .3s ease}.cancel-btn{background-color:#f7eae8;color:#8a1c12}.cancel-btn:hover{background-color:#8a1c12;color:#fff}.edit-btn{background-color:#edf0f3;color:#55697e}.edit-btn:hover{background-color:#55697e;color:#fff}.reserva-id{align-items:center;background-color:#f3f3f4;border-top:1px solid #eff0f2;color:#9e9e9e;display:flex;font-size:.75rem;gap:5px;padding:8px 15px}.reserva-collection{background-color:#e1e3e6;border-radius:10px;font-size:.7rem;margin-left:auto;padding:2px 6px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#c8102e;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{margin:0 auto;width:100%}.error-message p{margin:0}.no-reservas{background-color:#fafafb;border-radius:8px;margin:0 auto;max-width:600px;padding:40px 20px;text-align:center}.no-reservas i{color:#e1e3e6;font-size:3rem;margin-bottom:15px}.no-reservas h3{color:#4a4f56;margin-bottom:10px;margin-top:0}.no-reservas p{color:#888;margin-bottom:20px}.new-reservation-btn{align-items:center;background-color:#c8102e;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;gap:8px;padding:10px 20px;transition:all .3s ease}.new-reservation-btn:hover{background-color:#a50e26;transform:translateY(-2px)}@media (max-width:768px){.reservas-lista{width:100%}.reserva-header{align-items:flex-start;flex-direction:column;gap:8px}.pasajero-meta{flex-direction:column;gap:5px}}.historial-container{background-color:#f3f3f4;display:flex;flex-direction:column;min-height:100vh}.historial-content{flex:1 1;margin-top:60px;padding:20px}.page-title{color:#17181b;margin-bottom:30px;text-align:center}.filtros-container{display:flex;justify-content:center;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:500px;width:100%}.filtros-group{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:15px;width:100%}.filtros-group h3{color:#6c7178;font-size:1rem;margin-bottom:15px;margin-top:0;position:relative;text-align:center}.filtros-group h3:after{background-color:#c8102e;border-radius:2px;content:"";display:block;height:3px;margin:8px auto 0;width:40px}.filtros-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.filtro-btn{background-color:#f1f2f4;border:none;border-radius:20px;color:#6c7178;cursor:pointer;flex-grow:0;flex-shrink:0;font-size:.9rem;padding:8px 15px;text-align:center;transition:all .3s}.filtro-btn:hover{background-color:#e1e3e6}.filtro-btn.active{background-color:#c8102e;box-shadow:0 2px 5px #00000026;color:#fff}.viajes-list{display:flex;flex-direction:column;gap:25px;margin:0 auto;max-width:800px;padding-bottom:30px}.viaje-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;position:relative;transition:transform .3s}.viaje-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.viaje-card,.viaje-card.detallado,.viaje-card.simple{border-left:none}.viaje-header{background-color:#fafafb;border-bottom:1px solid #f1f2f4;display:flex;justify-content:space-between;padding:15px}.viaje-fecha,.viaje-hora{align-items:center;color:#4a4f56;display:flex;font-size:.95rem;font-weight:500;gap:8px}.viaje-fecha i,.viaje-hora i{color:#c8102e}.viaje-tipo{align-items:center;display:flex}.tipo-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:5px 12px;text-transform:capitalize}.tipo-badge.taximetro{background-color:#edf0f3;color:#55697e}.tipo-badge.reserva{background-color:#fff8e1;color:#ff9800}.tipo-badge.default{background-color:#f3f3f4;color:#757575}.viaje-body{padding:20px}.viaje-puntos{display:flex;flex-direction:column;gap:10px}.viaje-punto{align-items:flex-start;display:flex;gap:15px}.punto-icon{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;width:36px}.punto-icon.origen{background-color:#fbebee;color:#c8102e}.punto-icon.destino{background-color:#edf0f3;color:#55697e}.punto-info{flex:1 1}.punto-label{color:#7c828a;font-size:.8rem;margin-bottom:3px}.punto-valor{color:#17181b;font-weight:500}.viaje-separador{height:30px;padding-left:18px;position:relative}.separador-linea{background-color:#e1e3e6;bottom:0;left:18px;position:absolute;top:0;width:1px}.viaje-detalles{grid-gap:15px;background-color:#fafafb;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px;padding:15px}.detalle-item{align-items:center;display:flex;font-size:.95rem;gap:10px}.detalle-item i{color:#c8102e;text-align:center;width:20px}.detalle-item.valor i{color:#c8102e}.detalle-item.unidad i{color:#ff9800}.detalle-item.empresa i{color:#55697e}.detalle-item.distancia i,.detalle-item.tiempo i{color:#9c27b0}.detalle-item.metodo i{color:#8a1c12}.conductor-info{background-color:#fafafb;border-top:1px solid #f1f2f4;padding:15px}.conductor-header{align-items:center;color:#55697e;display:flex;font-weight:600;gap:10px;margin-bottom:12px}.conductor-details{display:flex;flex-wrap:wrap;gap:20px}.conductor-detail{align-items:center;display:flex;font-size:.9rem;gap:8px}.conductor-detail i{color:#c8102e}.conductor-foto{margin-top:15px;text-align:center}.conductor-foto img{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 10px #00000026;height:80px;object-fit:cover;width:80px}.viaje-comentarios{align-items:flex-start;background-color:#fafafb;border-left:3px solid #e1e3e6;border-radius:4px;display:flex;gap:10px;margin-top:20px;padding:15px}.viaje-comentarios i{color:#757575;margin-top:2px}.viaje-comentarios p{color:#4a4f56;flex:1 1;font-size:.95rem;margin:0}.viaje-footer{background-color:#f1f2f4;border-top:1px solid #e1e3e6;justify-content:space-between;padding:12px 15px}.viaje-footer,.viaje-id{align-items:center;display:flex}.viaje-id{color:#7c828a;font-size:.8rem;gap:5px}.btn-ver-detalle{align-items:center;background-color:initial;border:1px solid #c8102e;border-radius:20px;color:#c8102e;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 15px;transition:all .3s}.btn-ver-detalle:hover{background-color:#c8102e;color:#fff}.vista-info{background-color:#fbebee;border:1px solid #f3c9d1;border-radius:25px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:center;margin:0 auto 25px;padding:10px 20px;width:fit-content}.vista-actual{align-items:center;color:#c8102e;display:flex;font-size:.95rem;font-weight:500;gap:10px}.vista-auto{background-color:#0000000d;border-radius:12px;color:#757575;font-size:.8rem;font-weight:400;padding:3px 8px}.vista-controles{gap:10px;justify-content:center;margin-bottom:20px;position:relative}.vista-btn,.vista-controles{align-items:center;display:flex}.vista-btn{background-color:#f1f2f4;border:none;border-radius:25px;color:#4a4f56;cursor:pointer;font-size:.9rem;gap:8px;padding:10px 18px;transition:all .3s}.vista-btn:hover{background-color:#e1e3e6;transform:translateY(-2px)}.vista-btn.active{background-color:#c8102e;box-shadow:0 2px 8px #c8102e4d;color:#fff}.guardando-prefs{align-items:center;animation:fadeInOut 1.5s infinite;background-color:#ffffffe6;border-radius:20px;color:#c8102e;display:flex;font-size:.8rem;gap:5px;padding:3px 10px;position:absolute;right:0;top:50%;transform:translateY(-50%)}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}.tabla-container{margin-top:20px;overflow-x:auto;width:100%}.viajes-tabla{border-collapse:collapse;width:100%}.viajes-tabla th{background-color:#fafafb;border-bottom:2px solid #e1e3e6;color:#17181b;font-weight:600;padding:4px 10px;position:sticky;text-align:left;top:0;z-index:10}.viajes-tabla td,.viajes-tabla th{font-size:.9rem;white-space:nowrap}.viajes-tabla td{border-bottom:1px solid #f0f0f0;overflow:hidden;padding:3px 10px;text-overflow:ellipsis;vertical-align:middle}.viajes-tabla tbody tr:hover{background-color:#f3f3f4;transition:background-color .2s}.viajes-tabla tbody tr:nth-child(2n){background-color:#fafafb}.viajes-tabla td i{color:#c8102e;margin-right:5px}.viajes-tabla .icon-info{background-color:#edf0f3;border-radius:50%;color:#55697e;display:inline-block;font-size:12px;height:20px;line-height:20px;margin-right:5px;text-align:center;width:20px}.exportar-btn{align-items:center;background-color:#1d6f42;border:none;border-radius:6px;box-shadow:0 2px 5px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 18px;transition:all .3s}.exportar-btn:hover{background-color:#a50e26;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.exportar-btn i{font-size:1.1rem}.grupo-badge{align-items:center;background-color:#fbebee;border-radius:20px;color:#c8102e;display:flex;font-size:.8rem;gap:5px;margin-left:10px;padding:3px 10px}.grupo-badge i{font-size:.75rem}.client-details-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.client-detail-item{border-radius:6px;box-shadow:0 1px 3px #0000000d;padding:10px}.client-detail-label{margin-bottom:3px}.client-detail-value{font-size:.95rem;gap:5px}.client-detail-value i{font-size:.85rem}.viajes-tabla .detail-cell{color:#4a4f56;font-size:.85rem}.client-details-section{background-color:#fafafb;border:1px solid #e1e3e6;border-radius:8px;margin-top:15px;padding:15px}.client-details-header{align-items:center;border-bottom:1px solid #e1e3e6;color:#17181b;display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:15px;padding-bottom:8px}.client-details-header i{color:#55697e}.client-details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.client-detail-item{background-color:#fff;border-left:3px solid #c8102e;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:12px}.client-detail-item.cc-cliente{border-left-color:#55697e}.client-detail-item.cedula{border-left-color:#9c27b0}.client-detail-item.code-direccion{border-left-color:#ff9800}.client-detail-label{color:#7c828a;font-size:.8rem;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.client-detail-value{align-items:center;color:#17181b;display:flex;font-size:1rem;font-weight:500;gap:8px}.client-detail-value i{color:#c8102e;font-size:.9rem}.cc-cliente .client-detail-value i{color:#55697e}.cedula .client-detail-value i{color:#9c27b0}.code-direccion .client-detail-value i{color:#ff9800}.viajes-tabla .detail-cell{background-color:#fafafb;border-left:2px solid #0000;color:#17181b;font-family:monospace;font-size:.88rem;font-weight:500}.viajes-tabla .cc-cliente-cell{border-left-color:#55697e}.viajes-tabla .cedula-cell{border-left-color:#9c27b0}.viajes-tabla .code-direccion-cell{border-left-color:#ff9800}.viajes-tabla .detail-cell.cc-cliente-cell{border-left-color:#55697e}.viajes-tabla .detail-cell.cedula-cell{border-left-color:#9c27b0}.viajes-tabla .detail-cell.code-direccion-cell{border-left-color:#ff9800}.viajes-tabla .has-data{background-color:#f0f8ff}.viajes-tabla td[title]{cursor:help}.viajes-total-value{align-items:center;background-color:#f0fff0;border:1px solid #f3c9d1;border-radius:30px;box-shadow:0 1px 3px #0000000d;color:#c8102e;display:inline-flex;font-size:.95rem;font-weight:600;margin-left:15px;padding:4px 12px;white-space:nowrap}.viajes-total-value i{color:#c8102e;margin-right:6px}.viajes-tabla td.comentarios-cell{color:#4a4f56;cursor:default;font-size:.85rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:768px){.filtros-container{width:90%}.filtros-group{min-width:0;min-width:auto;width:100%}.viaje-header{flex-direction:column;gap:8px}.viaje-detalles{gap:10px;grid-template-columns:1fr}.conductor-details{flex-direction:column;gap:10px}.viajes-list{width:90%}.viajes-tabla td,.viajes-tabla th{max-width:none;padding:3px 5px;white-space:normal}}.filtro-fecha-title{font-size:.9rem;margin-bottom:10px}.filtro-item{min-width:200px}.filtro-btn-buscar i{font-size:.8rem}@media (max-width:1023px){.filtros-fecha-container{display:none}}.pasajeros-toggle-btn{align-items:center;background-color:#fbebee;border:1px solid #f3c9d1;border-radius:20px;color:#c8102e;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;margin-top:15px;padding:8px 16px;transition:all .3s;width:100%}.pasajeros-toggle-btn:hover{background-color:#f3c9d1;transform:translateY(-2px)}.pasajeros-toggle-btn i{transition:transform .3s}.pasajeros-toggle-btn.active i{transform:rotate(180deg)}.pasajeros-container{margin-top:0;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.pasajeros-container.open{margin-top:15px;max-height:500px}.pasajeros-list{background-color:#fff;border:1px solid #e1e3e6;border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:15px}.pasajeros-count{align-items:center;color:#c8102e;display:flex;font-size:.9rem;font-weight:500;gap:5px}.pasajero-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:15px;padding:10px 12px}.pasajero-item:last-child{border-bottom:none}.pasajero-item:hover{background-color:#fafafb}.pasajero-icon{align-items:center;background-color:#edf0f3;border-radius:50%;color:#3f5266;display:flex;font-size:1rem;font-weight:600;height:36px;justify-content:center;width:36px}.pasajero-info{flex:1 1}.pasajero-nombre{color:#17181b;font-size:.95rem;font-weight:500;margin-bottom:3px}.pasajero-detalles{color:#6c7178;display:flex;flex-wrap:wrap;font-size:.85rem;gap:12px}.pasajero-detalles span{align-items:center;background-color:#f3f3f4;border-radius:4px;display:inline-flex;gap:5px;padding:3px 8px}.pasajero-detalles span i{color:#4a4f56;font-size:.8rem}.pasajero-detalles .cc i{color:#55697e}.pasajero-detalles .cedula i{color:#9c27b0}.pasajero-detalles .code-dir i{color:#ff9800}.pasajero-detalles .telefono i{color:#795548}.solicitante-details-section{background-color:#f5f7f9;border:1px solid #dde3ea;border-radius:8px;margin-top:15px;padding:15px;position:relative}.solicitante-details-header{align-items:center;border-bottom:1px solid #dde3ea;color:#17181b;display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:15px;padding-bottom:8px}.solicitante-details-header i{color:#55697e}.solicitante-foto{margin-top:15px;position:absolute;right:15px;text-align:right;top:15px}.solicitante-foto img{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;height:60px;object-fit:cover;width:60px}.viajes-tabla .solicitante-cell{color:#2c3a47;font-weight:500}.viajes-tabla .solicitante-cell i{color:#55697e;margin-right:5px}.detail-cell strong.solicitante-indicator{color:#55697e;font-size:.8rem;margin-right:3px}.requester-pill{align-items:center;background-color:#edf0f3;border-radius:20px;color:#3f5266;display:flex;font-size:.85rem;gap:8px;margin-top:8px;padding:5px 12px;width:fit-content}.requester-pill i{font-size:.75rem}.id-info-summary{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.id-info-chip{align-items:center;background-color:#f3f3f4;border:1px solid #e1e3e6;border-radius:15px;display:flex;font-size:.8rem;padding:3px 8px}.id-info-chip.cc{background-color:#edf0f3;border-color:#cfd6de}.id-info-chip.cedula{background-color:#f3e5f5;border-color:#e1bee7}.id-info-chip.code-dir{background-color:#fff3e0;border-color:#ffe0b2}.id-info-chip.requester{position:relative}.id-info-chip.requester:after{background-color:#3f5266;border-radius:50%;content:"";height:8px;position:absolute;right:-4px;top:-4px;width:8px}.id-label{font-weight:600;margin-right:5px}.requester-badge{align-items:center;background-color:#edf0f3;border:1px solid #cfd6de;border-radius:12px;color:#3f5266;display:inline-flex;font-size:.75rem;margin-left:10px;padding:2px 10px}.requester-badge i{font-size:.75rem;margin-right:5px}.requester-header{background-color:#edf0f3;border:1px solid #cfd6de;border-radius:8px;margin-bottom:15px;padding:12px}.requester-title{align-items:center;color:#3f5266;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:5px}.requester-info{padding-left:25px}.requester-name{font-size:1rem;font-weight:500;margin-bottom:3px}.requester-ids{display:flex;flex-wrap:wrap;gap:8px}.requester-id{border-radius:10px;display:inline-flex;font-size:.8rem;font-weight:500;padding:2px 8px}.requester-id.cc{background-color:#cfd6de;color:#2c3a47}.requester-id.cedula{background-color:#e1bee7;color:#4a148c}.requester-id.code-dir{background-color:#ffcc80;color:#e65100}.viajes-tabla .detail-cell[title^="(S)"]{color:#3f5266;font-style:italic;font-weight:700}.table-view-details-btn{align-items:center;background-color:#c8102e;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;gap:5px;margin-left:8px;padding:2px 8px;transition:all .2s}.table-view-details-btn:hover{background-color:#a50e26;transform:scale(1.05)}.table-view-details-badge{align-items:center;background-color:#edf0f3;border:none;border-radius:4px;color:#3f5266;cursor:pointer;display:inline-flex;font-size:.8rem;gap:5px;padding:2px 8px}.table-view-details-badge:hover{background-color:#cfd6de}.group-trip-marker{color:#c8102e;font-style:italic;font-weight:700}.solicitante-data:before{background-color:#3f5266;border-radius:50%;color:#fff;content:"S";font-size:8px;font-style:normal;height:10px;left:-10px;position:absolute;top:-8px;width:10px}.grupo-details-overlay,.solicitante-data:before{align-items:center;display:flex;justify-content:center}.grupo-details-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.grupo-details-modal{animation:modalFadeIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.grupo-modal-header{align-items:center;border-bottom:1px solid #eff0f2;display:flex;justify-content:space-between;padding:15px 20px}.grupo-modal-header h3{color:#17181b;font-size:1.3rem;margin:0}.close-modal-btn{align-items:center;background:none;border:none;border-radius:50%;color:#7c828a;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;transition:all .2s;width:30px}.close-modal-btn:hover{background-color:#f3f3f4;color:#17181b}.grupo-modal-content{padding:20px}.grupo-trip-info{background-color:#fafafb;border-radius:8px;margin-bottom:20px;padding:15px}.grupo-trip-row{display:flex;margin-bottom:10px}.grupo-trip-row:last-child{margin-bottom:0}.grupo-trip-label{color:#4a4f56;font-weight:500;width:80px}.grupo-trip-value{flex:1 1;font-weight:700}.grupo-pasajeros-header,.grupo-solicitante-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.grupo-pasajeros-header i{color:#c8102e}.grupo-pasajeros-header h4,.grupo-solicitante-header h4{font-size:1.1rem;margin:0}.grupo-pasajeros-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.grupo-pasajero-item{background-color:#fff;border:1px solid #eff0f2;border-radius:8px;display:flex;gap:15px;padding:12px}.grupo-pasajero-index{align-items:center;background-color:#fbebee;border-radius:50%;color:#c8102e;display:flex;font-size:.9rem;font-weight:700;height:28px;justify-content:center;width:28px}.grupo-pasajero-data{flex:1 1}.grupo-pasajero-name{font-weight:700;margin-bottom:5px}.grupo-pasajero-details{display:flex;flex-direction:column;gap:5px}.grupo-pasajero-detail,.grupo-solicitante-detail{display:flex;gap:10px}.detail-label{color:#6c7178;font-size:.9rem;width:100px}.detail-value{font-weight:500}.grupo-solicitante-section{background-color:#edf0f3;border-radius:8px;margin-top:20px;padding:15px}.grupo-solicitante-header i{color:#3f5266}.grupo-solicitante-name{font-weight:700;margin-bottom:10px}.grupo-solicitante-details{display:flex;flex-direction:column;gap:5px}.solicitante-data{color:#3f5266;display:inline-block;font-style:italic;position:relative}.solicitante-badge-text{align-items:center;background-color:#edf0f3;border:1px solid #cfd6de;border-radius:4px;color:#3f5266;display:inline-flex;font-size:.8rem;font-style:normal;font-weight:500;gap:4px;padding:2px 6px}.solicitante-badge-text i{color:#3f5266;font-size:.75rem}.group-trip-solicitante-data{align-items:center;display:flex;gap:4px}.group-trip-solicitante-data:before{align-items:center;background-color:#3f5266;border-radius:50%;color:#fff;content:"S";display:flex;font-size:8px;font-style:normal;height:12px;justify-content:center;width:12px}.solicitante-full-info{cursor:pointer;position:relative}.solicitante-full-info:hover .solicitante-details-tooltip{display:block}.solicitante-details-tooltip{background-color:#fff;border:1px solid #dfe1e4;border-radius:6px;box-shadow:0 3px 10px #0003;display:none;font-size:.85rem;left:0;padding:12px;position:absolute;top:calc(100% + 5px);width:250px;z-index:100}.solicitante-details-tooltip:before{border:6px solid;border-color:#0000 #0000 #dfe1e4;bottom:100%;content:"";left:20px;position:absolute}.tooltip-content{display:flex;flex-direction:column;gap:6px}.tooltip-header{border-bottom:1px solid #e1e3e6;color:#3f5266;font-weight:600;margin-bottom:5px;padding-bottom:5px}.viajes-tabla .solicitante-cell{background-color:#f5f7f9;border-left:2px solid #3f5266;transition:all .2s}.viajes-tabla .solicitante-cell:hover{background-color:#edf0f3}.email-badge{color:#3f5266;display:block;font-size:.8rem;font-style:italic;margin-top:2px}.tooltip-email{border-bottom:1px solid #e1e3e6;color:#3f5266;font-weight:500;margin-bottom:8px;padding-bottom:5px}.tooltip-email i{margin-right:5px}.requester-email{color:#3f5266;font-size:.85rem;font-style:italic;margin:3px 0}.ocupante-nombre{font-weight:500}.ocupante-codigo{color:#3f5266;font-family:monospace;font-size:.85em}.ocupantes-cell[data-multiple=true] .ocupante-separador{color:#4a4f56;margin:0 2px}.ocupantes-cell{max-width:200px;min-width:120px;overflow:hidden;text-overflow:ellipsis}.ocupantes-cell[data-count]:not([data-count="1"]){font-style:normal}.ocupantes-nombres{display:block;font-size:.85rem;margin-top:3px}.ocupantes-cell{color:#17181b;font-size:.85rem;font-weight:400;line-height:1.4;max-width:350px;min-width:150px;overflow-wrap:break-word;padding:8px 10px;text-align:left;white-space:normal;width:auto}.ocupantes-cell[data-count]:not([data-count="1"]){background-color:#fafafb;border-left:3px solid #c8102e;color:#17181b}.filtros-fecha-container{background-color:#f3f3f4;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;margin-top:20px;padding:15px}.filtro-fecha-title{color:#17181b;font-size:.95rem;font-weight:600;margin-bottom:15px}.filtro-fecha-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.filtro-item{display:flex;flex:1 1;flex-direction:column;min-width:180px}.filtro-item label{color:#4a4f56;font-size:.8rem;margin-bottom:5px}.filtro-item input{border:1px solid #dfe1e4;border-radius:4px;font-size:.9rem;padding:8px}.filtro-btn-buscar{align-items:center;background-color:#c8102e;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:5px;height:38px;padding:8px 15px;transition:background-color .2s}.filtro-btn-buscar:hover{background-color:#a50e26}.filtro-btn-reset{align-items:center;background-color:#8a1c12;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:5px;height:38px;padding:8px 15px;transition:background-color .2s}.filtro-btn-reset:hover{background-color:#7a180f}.filtros-activos{border-top:1px dashed #dfe1e4;display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;padding-top:12px}.filtros-activos-label{color:#6c7178;font-size:.85rem;font-weight:500}.filtro-tag{align-items:center;background-color:#e1e3e6;border-radius:15px;color:#17181b;display:flex;font-size:.85rem;font-weight:500;gap:5px;padding:4px 10px}.filtro-tag.fecha{background-color:#fbebee;color:#a50e26}.filtro-tag.departamento{background-color:#edf0f3;color:#2c3a47}.filtro-tag.cc-cliente{background-color:#f3e5f5;color:#6a1b9a}@media (max-width:1023px){.filtros-fecha-container{display:block;padding:10px}.filtro-item{margin-bottom:10px;min-width:100%}.filtro-fecha-controls{align-items:stretch;flex-direction:column}}.pagination-controls{align-items:center;border-top:1px solid #e1e3e6;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:20px;padding:15px 5px}.pagination-info{color:#6c7178;font-size:.9rem}.pagination-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.pagination-btn{align-items:center;background-color:#f3f3f4;border:1px solid #dfe1e4;border-radius:4px;color:#17181b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.pagination-btn:hover:not(:disabled){background-color:#e1e3e6}.pagination-btn:disabled{color:#bbb;cursor:not-allowed}.pagination-page{align-items:center;background-color:#fff;border:1px solid #dfe1e4;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;min-width:36px;padding:0 8px;transition:all .2s}.pagination-page:hover{background-color:#f3f3f4}.pagination-page.active{background-color:#c8102e;border-color:#c8102e;color:#fff;font-weight:600}.pagination-dots{color:#6c7178;padding:0 8px}.items-per-page{align-items:center;color:#4a4f56;display:flex;font-size:.9rem;gap:10px}.items-per-page select{background-color:#fff;border:1px solid #dfe1e4;border-radius:4px;cursor:pointer;padding:6px 10px}@media screen and (max-width:768px){.pagination-controls{flex-direction:column;gap:15px}.pagination-info{text-align:center;width:100%}.items-per-page,.pagination-buttons{justify-content:center;width:100%}.items-per-page{margin-top:10px}}.viajes-sort-indicator{align-items:center;background-color:#fafafb;border:1px solid #e1e3e6;border-radius:30px;box-shadow:0 1px 3px #0000000d;color:#4a4f56;display:inline-flex;font-size:.85rem;font-weight:500;margin-left:10px;padding:4px 12px;white-space:nowrap}.viajes-sort-indicator i{color:#c8102e;margin-right:6px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px 0}.spinner{height:50px;margin-bottom:15px;position:relative;width:50px}.double-bounce1,.double-bounce2{animation:sk-bounce 2s ease-in-out infinite;background-color:#c8102e;border-radius:50%;height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.double-bounce2{animation-delay:-1s}@keyframes sk-bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}.empty-state{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;padding:50px 0;text-align:center}.empty-state i{color:#e1e3e6;font-size:4rem;margin-bottom:20px}.empty-state h2{color:#4a4f56;margin-bottom:10px}.empty-state p{color:#7c828a;max-width:400px}.error-message{align-items:center;background-color:#f7eae8;border-radius:8px;color:#8a1c12;display:flex;gap:10px;margin:0 auto 20px;max-width:600px;padding:15px}.error-message i{font-size:1.5rem}.ocupantes-cell[data-count]:not([data-count="1"]){background-color:#3f52660d;color:#3f5266;cursor:pointer;transition:background-color .2s}.ocupantes-cell[data-count]:not([data-count="1"]):hover{background-color:#3f52661a;text-decoration:underline}.view-passengers-indicator{align-items:center;display:flex;gap:5px}.view-passengers-indicator i{color:#c8102e}.view-passengers-hint{color:#3f5266;font-size:.8rem;font-style:italic;opacity:.7}.passenger-modal{max-width:650px}.passenger-modal .grupo-modal-header{background-color:#c8102e;color:#fff}.passenger-modal .grupo-trip-info{background-color:#f5f7f9;border-left:3px solid #3f5266}.btn-editar-mini{background:none;border:none;border-radius:4px;color:#55697e;cursor:pointer;font-size:1rem;padding:5px;transition:all .2s}.btn-editar-mini:hover{background-color:#55697e1a;color:#3f5266;transform:scale(1.1)}.btn-duplicar-mini{background:none;border:none;border-radius:4px;color:#c8102e;cursor:pointer;font-size:1rem;padding:5px;transition:all .2s}.btn-duplicar-mini:hover{background-color:#c8102e1a;color:#a50e26;transform:scale(1.1)}.acciones-td{display:flex;gap:8px;justify-content:center;text-align:center;width:90px}.edit-trip-modal{max-width:600px!important}.edit-form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;padding:10px 0}.edit-form-group{display:flex;flex-direction:column;gap:5px}.edit-form-group label{color:#6c7178;font-size:.85rem;font-weight:600}.edit-form-group input{border:1px solid #dfe1e4;border-radius:6px;font-size:.95rem;padding:8px 12px;transition:border-color .2s}.edit-form-group input:focus{border-color:#c8102e;box-shadow:0 0 0 2px #c8102e1a;outline:none}.edit-modal-body{max-height:70vh;overflow-y:auto;padding-right:10px}.grupo-modal-footer{border-top:1px solid #eff0f2;display:flex;gap:12px;justify-content:flex-end;margin-top:10px;padding-top:20px}.btn-cancelar{background-color:#f3f3f4;border:1px solid #dfe1e4;border-radius:6px;color:#6c7178;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-cancelar:hover{background-color:#eff0f2}.btn-guardar{align-items:center;background-color:#c8102e;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-guardar:hover{background-color:#a50e26;box-shadow:0 2px 8px #c8102e4d}.btn-guardar:disabled{background-color:#efafba;cursor:not-allowed}@media (max-width:600px){.edit-form-grid{grid-template-columns:1fr}}.add-user-page{display:flex;flex-direction:column;min-height:100vh}.add-user-content{align-items:flex-start;background-color:#f4f7f6;display:flex;flex-grow:1;justify-content:center;padding:30px}.add-user-form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;margin-top:20px;max-width:700px;padding:30px 40px;width:100%}.add-user-form-container h2{color:#17181b;font-size:1.8em;margin-bottom:10px;text-align:center}.add-user-form-container p{color:#6c7178;margin-bottom:30px;text-align:center}.add-user-form .form-group{margin-bottom:20px}.add-user-form label{color:#4a4f56;display:block;font-size:.95em;font-weight:600;margin-bottom:8px}.add-user-form input[type=text],.add-user-form select{border:1px solid #c7cbd1;border-radius:5px;box-sizing:border-box;font-size:1em;padding:12px 15px;transition:border-color .3s ease;width:100%}.add-user-form input[type=text]:focus,.add-user-form select:focus{border-color:#c8102e;outline:none}.add-user-form input::placeholder{color:#aaa}.add-user-form .form-row{display:flex;gap:20px;margin-bottom:20px}.add-user-form .form-row .form-group{flex:1 1;margin-bottom:0}.add-user-form .form-row .form-group-large{flex:2 1}.add-user-form .form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.add-user-form .cancel-btn,.add-user-form .submit-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:inline-flex;font-size:1em;font-weight:600;gap:8px;padding:12px 25px;transition:background-color .3s ease,opacity .3s ease}.add-user-form .submit-btn{background-color:#c8102e;color:#fff}.add-user-form .submit-btn:hover{background-color:#a50e26}.add-user-form .cancel-btn{background-color:#8a1c12;color:#fff}.add-user-form .cancel-btn:hover{background-color:#7a180f}.add-user-form button:disabled{cursor:not-allowed;opacity:.6}.form-message{align-items:center;border-radius:5px;display:flex;font-weight:500;gap:10px;margin-bottom:20px;padding:15px}.form-message.success{background-color:#fbebee;border:1px solid #efafba;color:#a50e26}.form-message.error{background-color:#f7eae8;border:1px solid #ef9a9a;color:#c62828}@media (max-width:768px){.add-user-content{padding:20px}.add-user-form-container{margin-top:10px;padding:20px}.add-user-form .form-row{flex-direction:column;gap:0}.add-user-form .form-row .form-group{margin-bottom:20px}.add-user-form .form-actions{flex-direction:column}.add-user-form .cancel-btn,.add-user-form .submit-btn{justify-content:center;width:100%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.page-title{font-size:1.5rem;margin-bottom:20px}h1,h2,h3{text-align:center}button{touch-action:manipulation}button,input,select,textarea{font-size:16px!important}}.demo-dashboard{background:#f4f6f2;color:#18251f;min-height:100vh}.demo-header{align-items:center;background:#123f30;box-shadow:0 8px 24px #123f302e;color:#fff;display:flex;justify-content:space-between;padding:18px 5vw}.demo-logo,.demo-user{align-items:center;display:flex;gap:14px}.demo-logo-mark{background:#f6b220;border-radius:13px;color:#123f30;display:grid;font-size:1.35rem;font-weight:900;height:42px;place-items:center;width:42px}.demo-logo small,.demo-logo strong{display:block}.demo-logo small{color:#c8dbd4;margin-top:2px}.demo-pill{border:1px solid #ffffff38;border-radius:999px;color:#d9e9e3;font-size:.78rem;padding:7px 11px}.demo-user button{background:#fff;border:0;border-radius:9px;color:#123f30;cursor:pointer;font-weight:700;padding:9px 13px}.demo-main{margin:0 auto;padding:48px 0;width:min(1180px,90%)}.demo-welcome{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:30px}.demo-welcome p{color:#b87800;font-weight:800;letter-spacing:.11em;margin:0 0 8px;text-transform:uppercase}.demo-welcome h1{font-size:clamp(2rem,4vw,3.2rem);margin:0 0 12px}.demo-welcome span{color:#67736d}.demo-status{background:#e1f0e9;border-radius:12px;color:#7e0a1c;flex:0 0 auto;font-weight:800;padding:13px 16px}.demo-status i{margin-right:7px}.demo-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.demo-module{background:#fff;border:1px solid #e1e6e1;border-radius:18px;box-shadow:0 10px 30px #1931270f;display:flex;gap:15px;padding:22px}.demo-module-icon{background:#e5f1eb;border-radius:13px;color:#7e0a1c;display:grid;flex:0 0 46px;font-size:1.15rem;height:46px;place-items:center;width:46px}.demo-module small,.demo-module span,.demo-module strong{display:block}.demo-module span{color:#66726c;font-weight:700}.demo-module strong{font-size:1.8rem;margin:4px 0}.demo-module small{color:#8a938e}.demo-setup{align-items:center;background:linear-gradient(120deg,#7e0a1c,#123f30);border-radius:20px;color:#fff;display:flex;gap:18px;margin-top:28px;padding:26px}.demo-setup-icon{background:#f6b220;border-radius:15px;color:#123f30;display:grid;flex:0 0 54px;font-size:1.3rem;height:54px;place-items:center;width:54px}.demo-setup h2{margin:0 0 7px}.demo-setup p{color:#d0e1da;line-height:1.5;margin:0}.demo-setup>span{background:#0000002e;border-radius:999px;color:#ffe6a7;margin-left:auto;padding:8px 11px;white-space:nowrap}@media (max-width:900px){.demo-grid{grid-template-columns:repeat(2,1fr)}.demo-setup{align-items:flex-start;flex-wrap:wrap}.demo-setup>span{margin-left:72px}}@media (max-width:620px){.demo-header,.demo-welcome{align-items:flex-start;flex-direction:column}.demo-user{justify-content:space-between;width:100%}.demo-grid{grid-template-columns:1fr}.demo-main{padding-top:32px}.demo-setup>span{margin-left:0}}
/*# sourceMappingURL=main.e45706dd.css.map*/