:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/assets/spacebkg-B5RBpGfK.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}h1{color:#fff;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.auth-container{width:100%;display:flex;justify-content:center;align-items:center}.auth-box{background-color:#2a2a2a;border:1px solid #444;padding:2rem;border-radius:16px;width:340px;text-align:center;box-shadow:0 8px 25px #00000080}.tabs{display:flex;margin-bottom:1.5rem;border-radius:12px;overflow:hidden;border:1px solid #444}.tabs button{flex:1;padding:.6em;border:none;background-color:#1a1a1a;color:inherit;cursor:pointer;transition:all .25s ease}.tabs button.active{background-color:#646cff;color:#fff;font-weight:600}.tabs button:hover{background-color:#535bf2;color:#fff}form{display:flex;flex-direction:column;gap:.8rem}input{padding:.7em;border-radius:10px;border:1px solid #555;background-color:#1a1a1a;color:#fff;font-family:inherit;transition:border .2s ease}input:focus{outline:none;border-color:#646cff}button[type=submit]{margin:1rem auto 0;width:70%;padding:.5em 1em;border-radius:999px;background-color:#646cff;color:#fff;font-weight:600;font-size:1.05rem;display:block;transition:all .25s ease}button[type=submit]:hover{background-color:#535bf2;transform:translateY(-2px);box-shadow:0 4px 12px #646cff66}.trips-page{min-height:100vh;padding:40px;color:#fff}.title{text-align:center;font-size:36px;margin-bottom:40px;font-weight:500}.trip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;max-width:900px;margin:auto}.trip-card{background:#0a1428d9;border-radius:16px;padding:20px;cursor:pointer;transition:.2s;box-shadow:0 0 15px #0096ff26}.trip-card:hover{transform:translateY(-5px);box-shadow:0 0 25px #0096ff66}.add-card{display:flex;justify-content:center;align-items:center;font-size:20px;color:#00cfff;border:1px solid #00cfff}.trip-top{display:flex;justify-content:space-between;align-items:center}.trip-top h2{margin:0;font-size:20px}.trip-time{color:#00cfff;font-size:14px;font-weight:700}.trip-destination{margin:10px 0 5px;color:#ccc}.trip-status{color:#00cfff;font-size:12px;letter-spacing:1px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000014b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#0a1428f2;margin-top:10px;padding:30px;border-radius:16px;width:350px;box-shadow:0 0 25px #0096ff4d}.modal h2{text-align:center;margin-bottom:20px}.modal-field{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.modal-field label{font-size:12px;color:#9bb3d1;margin-bottom:4px;letter-spacing:.5px}.modal input{width:100%;padding:10px;margin-bottom:12px;border-radius:8px;border:none;background:#0b1a2e;color:#fff}.modal-buttons{display:flex;justify-content:space-between;margin-top:10px}.confirm-btn{background:#00cfff;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;color:#000;font-weight:700}.cancel-btn{background:#1e2a3a;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;color:#fff}.delete-btn{background:#ce0000;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.add-trip-btn{position:fixed;bottom:30px;right:30px;padding:15px 25px;font-size:1.2rem;font-weight:700;background-color:#00cfff;color:#000;border:none;border-radius:8px;box-shadow:0 4px 8px #0003;cursor:pointer;z-index:1000;transition:transform .1s ease,box-shadow .2s ease}.add-trip-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000040}.message{text-align:center;margin-top:20px}.details-page{display:flex;height:100vh;color:#fff}.details-sidebar{width:260px;background:#0a1428f2;padding:25px;display:flex;flex-direction:column;gap:15px;position:fixed;height:100%;left:0;top:0;box-shadow:0 0 25px #0096ff33}.details-title{font-size:22px;margin-bottom:20px;text-align:center}.details-tab{background:transparent;border:1px solid rgba(0,200,255,.2);padding:12px;border-radius:10px;color:#fff;cursor:pointer;transition:.2s}.details-tab:hover{background:#00c8ff1a}.details-tab.active{background:#00cfff;color:#000;font-weight:700}.details-content{margin-left:260px;width:calc(100% - 260px);padding:30px;overflow-y:auto}.details-header{margin-bottom:20px}.details-header h1{font-size:28px}.details-body{background:#0a1428d9;padding:20px;border-radius:16px;box-shadow:0 0 20px #0096ff33}.booked-field{display:flex;align-items:center;gap:8px;margin-top:8px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}
