: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}.message{margin-top:1rem;min-height:1.5em}.cards-page{min-height:100vh;padding:2rem;text-align:center}.cards-page h1{color:#fff;text-shadow:0 0 10px rgba(0,0,0,.8)}.search-bar{margin:1rem auto 2rem;padding:.6em 1em;border-radius:999px;border:none;width:250px;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.card{height:120px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;cursor:pointer;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s ease}.card:hover{transform:scale(1.08);box-shadow:0 10px 25px #00000080}.trip-create-container{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:2rem auto;padding:1.5rem;background-color:#2a2a2af2;border-radius:16px;border:1px solid #444}.trip-create-container input,.trip-create-container button{width:100%}.trip-details-page{display:flex;min-height:100vh}.trip-sidebar{position:sticky;top:0;width:250px;min-height:100vh;background-color:#f5f5f5;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}.trip-title{font-size:1.5rem;margin-bottom:20px}.trip-sidebar h2{margin-bottom:1rem;text-align:center;font-size:1.2rem;text-transform:uppercase}.trip-sidebar button{padding:10px 15px;border:none;background-color:#e0e0e0;cursor:pointer;text-align:left;font-size:1rem;border-radius:5px;transition:background-color .2s}.trip-sidebar button:hover{background-color:#535bf2}.trip-sidebar button.active-tab{background-color:#646cff;font-weight:600;color:#fff}.trip-content{flex:1;padding:20px;overflow-x:hidden;overflow-y:auto}.trip-section-container{padding:20px;color:#fff}.trip-section-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.trip-section-header h2{flex-grow:1}.trip-search{padding:8px;border-radius:8px;border:none;outline:none}.add-btn{padding:10px 16px;border:none;border-radius:10px;background:#4a90e2;color:#fff;cursor:pointer;transition:transform .2s ease}.add-btn:hover{transform:scale(1.1)}.trip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.trip-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:20px;transition:transform .25s ease,background .25s ease;cursor:pointer}.trip-card:hover{transform:scale(1.05);background:#ffffff26}.trip-card input{background:transparent;border:none;outline:none;color:#fff;text-align:center;font-size:1.2rem;width:80%}.add-card{display:flex;align-items:center;justify-content:center;font-size:40px;opacity:.7}.add-card:hover{opacity:1}#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}