:root{--font-family-base: "Segoe UI", "Avenir Next", "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--line-height-base: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(16, 30, 54, .08);--shadow-md: 0 10px 24px rgba(16, 30, 54, .12);--shadow-lg: 0 20px 45px rgba(16, 30, 54, .16);--color-text: #1f2a37;--color-text-muted: #5f6b7a;--color-bg: #f3f6fb;--color-surface: #ffffff;--color-border: #d4dde8;--color-primary: #0a6e8a;--color-primary-hover: #085a71;--color-primary-soft: rgba(10, 110, 138, .15);--color-danger: #8c1d1d;--color-danger-soft: #fdecec;--color-success: #007a5a;--motion-fast: .12s;--motion-base: .18s;--motion-slow: .26s;--ease-standard: ease}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html,body{margin:0;padding:0}body{min-width:320px;font-family:var(--font-family-base);font-size:var(--font-size-md);line-height:var(--line-height-base);color:var(--color-text);background:var(--color-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:inherit;text-decoration:none}img,svg,video,canvas{display:block;max-width:100%}input,textarea,select,button{font:inherit;color:inherit}button{border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:background-color var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 4px var(--color-primary-soft)}::selection{background:#0a6e8a38}@media(max-width:768px){:root{--space-5: 20px;--space-6: 28px}}.container{width:min(100%,1080px);margin:0 auto;padding-inline:var(--space-5)}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ui-card--padded{padding:var(--space-5)}.ui-card--elevated{box-shadow:var(--shadow-md)}.section-title{font-size:var(--font-size-xl);line-height:1.2;letter-spacing:.2px;color:var(--color-text)}.section-subtitle{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.stack-xs{display:grid;gap:var(--space-1)}.stack-sm{display:grid;gap:var(--space-2)}.stack-md{display:grid;gap:var(--space-3)}.stack-lg{display:grid;gap:var(--space-4)}.stack-xl{display:grid;gap:var(--space-5)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.actions-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:10px 14px;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:700;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-fast) var(--ease-standard),filter var(--motion-fast) var(--ease-standard),color var(--motion-base) var(--ease-standard)}.btn:hover:enabled{transform:translateY(-1px)}.btn:active:enabled{transform:translateY(0)}.btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.btn-primary{color:#fff;background:linear-gradient(180deg,var(--color-primary),var(--color-primary-hover));box-shadow:0 8px 18px #0a6e8a40}.btn-primary:hover:enabled{filter:brightness(1.03)}.btn-secondary{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}.btn-secondary:hover:enabled{border-color:#0a6e8a73;background:#f8fbff}.btn-danger{color:#fff;background:#d83a3a}.btn-danger:hover:enabled{filter:brightness(.97)}.btn-ghost{color:var(--color-primary);background:transparent;border-color:transparent;box-shadow:none;padding-inline:4px;min-height:28px}.btn-ghost:hover:enabled{color:var(--color-primary-hover);transform:none;text-decoration:underline}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.2px;line-height:1}.badge-info{color:#1d4d7e;background:#e6f0fb}.badge-success{color:#0f5f4b;background:#dff5ee}.status{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);background:var(--color-surface)}.status-error{border-color:#f7c9c9;background:var(--color-danger-soft);color:var(--color-danger)}.status-muted{color:var(--color-text-muted)}.empty-state{border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:#fafcff;padding:var(--space-6) var(--space-5);text-align:center}.skeleton{position:relative;overflow:hidden;background:#e8edf4;border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff8c 45%,#fff0);animation:skeleton-shimmer 1.2s infinite}.skeleton-line{height:12px}.skeleton-title{height:20px;width:48%}.skeleton-pill{height:24px;width:120px;border-radius:999px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0;overflow:hidden}@media(max-width:768px){.container{padding-inline:var(--space-4)}.ui-card--padded{padding:var(--space-4)}.row-between{align-items:flex-start;flex-direction:column}}:root{--login-bg-1: #f2efe9;--login-bg-2: #dbe7f3;--login-card: #ffffff;--login-text: #1f2a37;--login-muted: #5f6b7a;--login-border: #d4dde8;--login-accent: #0a6e8a;--login-accent-hover: #085a71;--login-danger-bg: #fdecec;--login-danger-text: #8c1d1d;--login-shadow: 0 20px 45px rgba(16, 30, 54, .12);--radius-lg: 16px;--radius-md: 10px;--radius-sm: 8px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(10,110,138,.12),transparent 45%),linear-gradient(135deg,var(--login-bg-1),var(--login-bg-2));color:var(--login-text);font-family:Segoe UI,Avenir Next,Helvetica Neue,sans-serif}.login-card{width:100%;max-width:430px;background:var(--login-card);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-lg);box-shadow:var(--login-shadow);padding:28px;animation:login-enter .42s ease-out}.login-title{margin:0;font-size:1.65rem;line-height:1.2;letter-spacing:.2px}.login-subtitle{margin:8px 0 20px;color:var(--login-muted);font-size:.96rem}.login-form{display:grid;gap:14px}.login-field{display:grid;gap:6px}.login-label{font-size:.9rem;color:#314152;font-weight:600}.login-input{width:100%;border:1px solid var(--login-border);background:#fff;border-radius:var(--radius-sm);padding:11px 12px;font-size:.98rem;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.login-input:focus{outline:none;border-color:var(--login-accent);box-shadow:0 0 0 4px #0a6e8a26;transform:translateY(-1px)}.login-error{border:1px solid #f7c9c9;background:var(--login-danger-bg);color:var(--login-danger-text);border-radius:var(--radius-sm);padding:10px 12px;font-size:.9rem}.login-button{margin-top:4px;padding:12px 14px;font-size:.98rem;font-weight:700;background:linear-gradient(180deg,var(--login-accent),#095d75);cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;box-shadow:0 8px 18px #0a6e8a40;color:#fff;border:0;border-radius:var(--radius-md)}.login-button:hover:enabled{transform:translateY(-1px);filter:brightness(1.03);background:linear-gradient(180deg,var(--login-accent-hover),#074b5e)}.login-button:active:enabled{transform:translateY(0)}.login-button:disabled{cursor:allowed;opacity:.65;box-shadow:none}.login-toggle{text-align:center;margin-top:12px;font-size:.875rem;color:#666}.login-toggle button{background:none;border:none;color:#2563eb;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}@keyframes login-enter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:520px){.login-page{padding:14px}.login-card{padding:20px}.login-title{font-size:1.45rem}}.itinerary-panel{margin-top:12px;padding:12px;background:#f9f9f9;border-radius:6px;border:1px solid #ddd}.itinerary-title{margin:0 0 6px}.itinerary-summary{margin:0 0 12px;color:#555}.itinerary-day{margin-bottom:20px}.itinerary-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.itinerary-item-header{display:flex;align-items:baseline;gap:8px}.itinerary-item-time{font-size:.9em;color:#555}.itinerary-item-location{font-size:.85rem;color:#666;margin-top:2px}.itinerary-item-cost{font-weight:600;margin-left:16px}.itinerary-apply-btn{margin-top:12px;background-color:#2e86de;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.itinerary-apply-btn:disabled{cursor:not-allowed;opacity:.7}.trip-list-shell{padding-block:var(--space-5)}.trip-list-header{gap:var(--space-4)}.trip-list-create-btn{flex-shrink:0}.trip-list-items{list-style:none;margin:0;padding:0}.trip-card{transition:box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.trip-card:hover{box-shadow:var(--shadow-md)}.trip-title-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.trip-title{margin:0;font-size:var(--font-size-lg);line-height:1.25;color:var(--color-text)}.trip-meta{display:grid;gap:var(--space-2);margin:0}.trip-meta-row{display:grid;grid-template-columns:120px 1fr;gap:var(--space-3);align-items:baseline}.trip-meta-row dt{margin:0;color:var(--color-text-muted);font-weight:700;font-size:var(--font-size-sm)}.trip-meta-row dd{margin:0;color:var(--color-text);font-size:var(--font-size-md);word-break:break-word}.trip-empty-title{font-size:var(--font-size-lg);color:var(--color-text)}@media(max-width:768px){.trip-list-shell{padding-block:var(--space-4)}.trip-title{font-size:var(--font-size-md)}.trip-meta-row{grid-template-columns:1fr;gap:var(--space-1)}.trip-list-create-btn{width:100%}}.create-trip-form{display:flex;flex-direction:column;gap:1rem;max-width:400px}.create-trip-error{color:red}.app-layout{padding:2rem;font-family:sans-serif}.app-header{display:flex;justify-content:space-between;margin-bottom:2rem}.app-loading{padding:2rem}