*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#eff6ff;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-success:#059669;--color-success-light:#ecfdf5;--color-warning:#d97706;--color-warning-light:#fffbeb;--color-danger:#dc2626;--color-danger-light:#fef2f2;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-bg:#fff;--color-bg-secondary:#f9fafb;--color-text:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}body{min-height:100dvh}.app{flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:0 16px;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;height:56px;margin:0 auto;display:flex}.logo{color:var(--color-text);align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.logo svg{color:var(--color-primary)}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px 16px 96px}.bottom-nav{z-index:100;background:var(--color-bg);border-top:1px solid var(--color-border);padding:4px 0;padding-bottom:env(safe-area-inset-bottom,4px);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--color-text-muted);border-radius:var(--radius);flex-direction:column;align-items:center;gap:2px;padding:6px 12px;font-size:11px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.nav-item.active{color:var(--color-primary)}.nav-item:hover{color:var(--color-gray-700)}.nav-item.active:hover{color:var(--color-primary)}.page-header{margin-bottom:24px}.page-title{color:var(--color-text);letter-spacing:-.025em;font-size:24px;font-weight:700}.page-subtitle{color:var(--color-text-secondary);margin-top:4px;font-size:14px}.page-actions{align-items:center;gap:12px;margin-top:16px;display:flex}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-title{color:var(--color-text);font-size:16px;font-weight:600}.card-body{padding:20px}.btn{font-size:14px;font-weight:500;font-family:var(--font-sans);border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{color:var(--color-gray-700);border-color:var(--color-gray-300);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--color-gray-50)}.btn-danger{color:var(--color-danger);border-color:var(--color-danger);background:#fff}.btn-danger:hover:not(:disabled){background:var(--color-danger-light)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000;padding:6px 8px}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-text)}.btn-sm{padding:4px 10px;font-size:13px}.btn-icon{width:32px;height:32px;padding:6px}.form-group{margin-bottom:16px}.form-label{color:var(--color-gray-700);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-input,.form-select,.form-textarea{width:100%;font-size:14px;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-gray-300);border-radius:var(--radius);padding:8px 12px;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.form-help{color:var(--color-text-muted);margin-top:4px;font-size:13px}.badge{border-radius:9999px;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-permanent{background:var(--color-primary-light);color:var(--color-primary)}.badge-consumable{background:var(--color-warning-light);color:var(--color-warning)}.badge-packing{background:var(--color-success-light);color:var(--color-success)}.badge-pending{background:var(--color-gray-100);color:var(--color-gray-600)}.badge-loaded{background:var(--color-success-light);color:var(--color-success)}.badge-skipped{background:var(--color-warning-light);color:var(--color-warning)}.badge-verified{background:var(--color-primary-light);color:var(--color-primary)}.modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:flex-end;padding:16px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}@media (width>=640px){.modal-overlay{align-items:center}}.modal{background:var(--color-bg);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-lg);animation:.2s ease-out slideUp;overflow-y:auto}@media (width>=640px){.modal{animation:.15s ease-out scaleIn}}.modal-header{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.modal-title{font-size:18px;font-weight:600}.modal-body{padding:16px 20px}.modal-footer{justify-content:flex-end;gap:8px;padding:0 20px 20px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.list-item{border-bottom:1px solid var(--color-border-light);align-items:center;gap:12px;padding:12px 20px;transition:background .1s;display:flex}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--color-gray-50)}.list-item-content{flex:1;min-width:0}.list-item-title{color:var(--color-text);font-size:14px;font-weight:500}.list-item-subtitle{color:var(--color-text-secondary);margin-top:2px;font-size:13px}.list-item-actions{flex-shrink:0;gap:4px;display:flex}.empty-state{text-align:center;color:var(--color-text-secondary);padding:48px 24px}.empty-state svg{color:var(--color-gray-300);margin-bottom:16px}.empty-state p{margin-bottom:16px;font-size:14px}.checklist-section{margin-bottom:24px}.checklist-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-gray-50);border-bottom:1px solid var(--color-border-light);padding:8px 20px;font-size:13px;font-weight:600}.checklist-item{border-bottom:1px solid var(--color-border-light);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:12px 20px;transition:background .1s;display:flex}.checklist-item:hover{background:var(--color-gray-50)}.checklist-item.completed{opacity:.6}.checklist-item.completed .checklist-item-text{text-decoration:line-through}.checkbox{border:2px solid var(--color-gray-300);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex}.checkbox.checked{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.checklist-item-text{color:var(--color-text);flex:1;font-size:14px}.checklist-progress{background:var(--color-primary-light);border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:16px 20px;display:flex}.progress-bar{background:var(--color-primary-100);border-radius:9999px;flex:1;height:6px;overflow:hidden}.progress-fill{background:var(--color-primary);border-radius:9999px;height:100%;transition:width .3s}.progress-text{color:var(--color-primary);white-space:nowrap;font-size:13px;font-weight:600}.search-container{position:relative}.search-input{width:100%;font-size:16px;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:12px 16px 12px 44px;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}@media (width>=640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;padding:16px}.stat-value{color:var(--color-text);letter-spacing:-.025em;font-size:28px;font-weight:700}.stat-label{color:var(--color-text-secondary);margin-top:2px;font-size:13px}.tabs{background:var(--color-gray-100);border-radius:var(--radius-lg);gap:4px;margin-bottom:20px;padding:4px;display:flex}.tab{font-size:14px;font-weight:500;font-family:var(--font-sans);color:var(--color-text-secondary);border-radius:var(--radius);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:8px 12px;transition:all .15s}.tab.active{background:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-sm)}.tab:hover:not(.active){color:var(--color-text)}.trip-status{border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-flex}.trip-status-planning{background:var(--color-gray-100);color:var(--color-gray-600)}.trip-status-packing{background:var(--color-warning-light);color:var(--color-warning)}.trip-status-departing{background:var(--color-primary-light);color:var(--color-primary)}.trip-status-setup{color:#15803d;background:#f0fdf4}.trip-status-active{background:var(--color-success-light);color:var(--color-success)}.trip-status-returning{background:var(--color-gray-100);color:var(--color-gray-600)}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filter-chip{font-size:13px;font-weight:500;font-family:var(--font-sans);color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;border-radius:9999px;padding:6px 14px;transition:all .15s}.filter-chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.filter-chip:hover:not(.active){border-color:var(--color-gray-400)}.dimensions{color:var(--color-text-muted);align-items:center;gap:4px;font-size:13px;display:inline-flex}.search-result{border-bottom:1px solid var(--color-border-light);padding:16px 20px}.search-result:last-child{border-bottom:none}.search-result-name{color:var(--color-text);font-size:15px;font-weight:500}.search-result-location{color:var(--color-text-secondary);align-items:center;gap:6px;margin-top:4px;font-size:13px;display:flex}.search-result-meta{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.trip-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.trip-phase-nav{gap:8px;margin-bottom:20px;padding-bottom:4px;display:flex;overflow-x:auto}.phase-btn{font-size:14px;font-weight:500;font-family:var(--font-sans);color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;white-space:nowrap;padding:8px 16px;transition:all .15s}.phase-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.phase-btn:hover:not(.active){border-color:var(--color-gray-400)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.gap-2{gap:8px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}@media (width>=768px){.main-content{padding:32px 24px}.bottom-nav{border-top:none;border-bottom:1px solid var(--color-border);justify-content:center;gap:8px;padding:8px 16px;position:static}.nav-item{flex-direction:row;gap:6px;padding:8px 16px;font-size:14px}.page-header{justify-content:space-between;align-items:center;display:flex}.page-actions{margin-top:0}.modal-overlay{align-items:center}}@media (width>=1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.loading{color:var(--color-text-muted);justify-content:center;align-items:center;padding:48px;display:flex}.spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.back-link{color:var(--color-text-secondary);align-items:center;gap:6px;margin-bottom:16px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--color-text)}.delete-warning{background:var(--color-danger-light);border-radius:var(--radius);color:var(--color-danger);margin-bottom:16px;padding:12px 16px;font-size:14px}.login-page{background:var(--color-bg-secondary);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:400px;padding:32px}.login-header{text-align:center;margin-bottom:28px}.login-header h1{color:var(--color-text);letter-spacing:-.025em;margin-top:12px;font-size:24px;font-weight:700}.login-header p{color:var(--color-text-muted);margin-top:4px;font-size:14px}.login-error{background:var(--color-danger-light);border-radius:var(--radius);color:var(--color-danger);margin-bottom:8px;padding:10px 14px;font-size:14px}.login-footer{text-align:center;color:var(--color-text-secondary);margin-top:20px;font-size:14px}.btn-link{color:var(--color-primary);font-size:14px;font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500}.btn-link:hover{text-decoration:underline}