: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.page-container{display:flex;flex-direction:column;padding:16px;gap:16px;font-family:sans-serif;height:auto;max-width:900px;margin:auto;box-sizing:border-box}.search-input{padding:10px;border-radius:8px;border:1px solid #ccc;margin-bottom:12px;font-size:14px}.trip-list{flex:none;max-height:350px;overflow-y:auto;border:1px solid #ddd;border-radius:8px;padding:10px;min-height:0;background:#fafafa;width:95%;margin:0 auto}.trip-card{display:flex;flex-direction:column;border:1px solid #bbb;border-radius:8px;padding:12px;margin-bottom:10px;background:#f0f0f0;transition:background .2s}.trip-card:hover{background:#e6e6e6}.trip-card strong{margin-bottom:8px;display:block}.trip-actions-row{display:grid;grid-template-columns:repeat(4,auto);gap:6px;align-items:center}.trip-actions-row button{padding:8px;font-size:14px;border-radius:6px;cursor:pointer;border:none;background:#007bff;color:#fff;transition:background .2s}.trip-actions-row button:hover{background:#0056b3}.more-btn{background:#6c757d}.action-menu{margin-top:6px;display:flex;flex-direction:column;gap:4px;border:1px solid #ccc;border-radius:6px;padding:6px;background:#fff}.action-menu button{background:#f0f0f0;color:#333;border-radius:6px;padding:6px 8px;border:none;cursor:pointer;text-align:left}.action-menu button.danger{background:#ff4d4f;color:#fff}.action-menu button:hover{opacity:.85}.actions-section{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.action-box{display:flex;flex-direction:column;gap:8px}.action-box input{padding:10px;width:100%;max-width:220px;box-sizing:border-box;border-radius:8px;border:1px solid #ccc;font-size:14px}.primary{background-color:#007bff;color:#fff;border:none;padding:10px;cursor:pointer;border-radius:8px;transition:background .2s}.primary:hover{background-color:#0056b3}.message{margin-top:8px;font-weight:700}.message.success{color:green}.message.error{color:red}.modal input{padding:10px;font-size:16px;border-radius:6px;border:1px solid #ccc}@media(max-width:600px){.trip-list{width:100%;max-height:300px}}*{box-sizing:border-box}.trip-edit-container{padding:12px;max-width:900px;margin:auto}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:768px){.edit-grid{grid-template-columns:1fr}}.list-card{display:flex;flex-direction:column;height:400px}.search-input{padding:8px 10px;margin-bottom:8px;border-radius:6px;border:1px solid #ccc;font-size:14px}.scroll-area{flex:1;overflow-y:auto;padding:8px;border:1px solid #ddd;border-radius:8px;background:#fafafa}.list-item{padding:12px;margin-bottom:6px;background:#f0f0f0;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s}.list-item:hover{background:#e6e6e6}.list-item.selected{background:#007bff;color:#fff}.item-text{flex:1}.delete-btn{background:#ff4d4f;border:none;color:#fff;font-weight:700;font-size:16px;border-radius:50%;width:24px;height:24px;cursor:pointer;margin-left:8px;line-height:20px;text-align:center;padding:0}.delete-btn:hover{background:#d9363e}.add-btn{margin-top:8px;padding:12px;font-size:16px;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer}.notice{margin-top:12px;text-align:center;color:#555}.combine-btn{display:block;margin:16px auto;padding:12px 20px;font-size:16px;background:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer}.image-panel{margin-top:16px;text-align:center}.image-panel img{max-width:100%;border-radius:8px;margin-bottom:8px}.message{text-align:center;margin-top:12px;color:red}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;width:90%;max-width:320px;padding:16px;border-radius:10px;display:flex;flex-direction:column;gap:10px}.modal input{padding:10px;font-size:16px}.modal button{padding:10px;font-size:16px;border-radius:6px;border:none;cursor:pointer}.modal button:not(.cancel){background:#007bff;color:#fff}.modal .cancel{background:#ddd}.image-modal{display:flex;flex-direction:column;align-items:center}.image-modal .preview-img{width:90%;max-width:300px;border-radius:8px;margin-bottom:12px}.image-delete-btn{background:#ff4d4f;color:#000;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;margin-top:8px;transition:background .2s}.image-panel .delete-btn{background:#ff4d4f;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}.image-panel .delete-btn:hover{background:#d9363e}.top-nav{height:56px;background-color:#0e5a74;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px;position:sticky;top:0;z-index:100}.nav-title{font-size:18px;font-weight:600}.menu-btn{background:transparent;border:none;color:#90ee90;font-size:26px;cursor:pointer}.menu{position:absolute;top:56px;right:8px;background:#fff;color:#222;border-radius:10px;box-shadow:0 8px 24px #00000040;min-width:180px;overflow:hidden}.menu-user{padding:14px;font-weight:700;border-bottom:1px solid #eee}.menu button{width:100%;padding:14px;text-align:left;border:none;background:#add8e6;font-size:15px;cursor:pointer}.menu button:hover{background:#20b2aa}.menu .danger{color:#d00000;font-weight:700}.menu button.active{background-color:#fff;font-weight:700}.menu .danger{color:#d00000}.menu .danger{border-top:1px solid #eee}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;font-family:Arial,sans-serif;background-color:#f9f9f9;min-height:100vh}nav{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;background-color:#007bff;padding:1rem 0;border-radius:8px}nav a{color:#fff;text-decoration:none;font-weight:700;padding:.5rem 1rem;transition:background-color .3s,color .3s;border-radius:4px}nav a:hover{background-color:#0056b3;color:#fff}h1{font-size:2rem;margin-bottom:1rem;color:#333}input[type=text],input[type=password]{padding:.5rem;margin:.5rem 0;width:250px;border:1px solid #ccc;border-radius:4px;font-size:1rem}button{padding:.6rem 1.2rem;margin-top:1rem;border:none;border-radius:4px;background-color:#28a745;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .3s}button:hover{background-color:#218838}p{color:red;font-weight:700;margin-top:.5rem}div>input,div>button{display:block;margin:.5rem auto}