: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;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}}.App{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;flex:1 0 auto;width:100%;box-sizing:border-box}@media (prefers-color-scheme: dark){.App{color:#e0e0e0}}.app-footer{width:100%;text-align:center;padding:.5rem 0;border-top:1px solid #eee;font-size:.875rem;color:#aaa;background:#fff;margin-top:0;flex-shrink:0}.github-link{color:inherit;text-decoration:none;vertical-align:middle;display:inline-flex;align-items:center;gap:.4em;font-weight:500;transition:color .2s}.github-link:hover,.github-link:focus{color:#333}.github-link-text{font-weight:500}.github-icon{font-size:1.2em;vertical-align:middle}@media (prefers-color-scheme: dark){.app-footer{color:#bbb;border-top-color:#555;background:#222}.github-link:hover,.github-link:focus{color:#fff}}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.app-header h1{display:flex;align-items:center;gap:10px;color:#2c3e50;margin:0 20px 0 0}@media (prefers-color-scheme: dark){.app-header h1{color:#e0e0e0}.app-header{border-bottom-color:#444}}.header-actions{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 600px){.header-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;justify-items:stretch;align-items:stretch}.header-actions button{width:100%;min-width:0;margin:0}.import-btn,.export-btn{justify-content:center}}.import-btn,.export-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.import-btn{background-color:#3498db;color:#fff}.export-btn{background-color:#27ae60;color:#fff}.export-btn:disabled{background-color:#bdc3c7;cursor:not-allowed}.import-btn:hover,.export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.expand-all-btn:hover,.expand-all-btn:focus,.collapse-all-btn:focus,.collapse-all-btn:hover,.clear-all-btn:hover{border-color:transparent}.add-baggage-section{margin-bottom:30px}.add-baggage-section h2{color:#2c3e50;margin-bottom:15px}@media (prefers-color-scheme: dark){.add-baggage-section h2{color:#e0e0e0}}.baggage-type-buttons{display:flex;gap:10px;flex-wrap:wrap}.add-baggage-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#e74c3c;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.add-baggage-btn:hover{background-color:#c0392b;transform:translateY(-2px)}.baggages-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.baggage-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000001a;border:1px solid #e0e0e0}@media (prefers-color-scheme: dark){.baggage-card{background:#2d2d2d;border-color:#444;box-shadow:0 4px 6px #0000004d}}.baggage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.baggage-info h3{margin:0 0 8px;color:#2c3e50;text-transform:capitalize}@media (prefers-color-scheme: dark){.baggage-header{border-bottom-color:#444}.baggage-info h3{color:#e0e0e0}}.nickname-input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;width:200px}@media (prefers-color-scheme: dark){.nickname-input{background:#1a1a1a;border-color:#555;color:#e0e0e0}}.delete-btn{background-color:#e74c3c;color:#fff;border:none;padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center}.delete-btn:hover{background-color:#c0392b}.items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.items-header h4{margin:0;color:#34495e}@media (prefers-color-scheme: dark){.items-header h4{color:#e0e0e0}}.header-actions{align-items:center}.header-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.header-actions button:focus{outline:none}.header-actions-horizontal{display:flex;align-items:center;gap:10px;margin-left:auto}.collapse-btn{background:none;border:none;color:#95a5a6;font-size:24px;cursor:pointer;padding:5px 10px;margin-left:0}.collapse-btn:hover{color:#555}.collapse-btn:focus{outline:none}@media (prefers-color-scheme: dark){.collapse-btn{color:#bbb}.collapse-btn:hover{color:#fff}}.pack-all-btn{background:none;border:none;color:#2196f3;font-size:20px;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px;transition:all .2s}.pack-all-btn:hover{background-color:#2196f31a;color:#1976d2}@media (prefers-color-scheme: dark){.pack-all-btn{color:#64b5f6}.pack-all-btn:hover{background-color:#64b5f61a;color:#42a5f5}}.add-item-btn{background:none;border:none;color:#27ae60;font-size:24px;cursor:pointer}.add-item-section{background-color:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:15px}.add-item-section h5{margin:0 0 10px;color:#2c3e50}@media (prefers-color-scheme: dark){.add-item-section{background-color:#1a1a1a}.add-item-section h5{color:#e0e0e0}}.default-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:15px}.default-item-btn{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s;font-size:15px;color:#333}@media (prefers-color-scheme: dark){.default-item-btn{background:#333;border-color:#555;color:#e0e0e0}.default-item-btn:hover{background-color:#444;border-color:#2196f3}}.default-item-btn:hover{background-color:#e3f2fd;border-color:#2196f3}.default-item-btn ion-icon{font-size:20px;margin-bottom:4px;color:#666}@media (prefers-color-scheme: dark){.default-item-btn ion-icon{color:#bbb}}.custom-item-form{display:flex;gap:8px;align-items:center}.custom-item-form input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:6px}.custom-item-form select{padding:8px 12px;border:1px solid #ddd;border-radius:6px}@media (prefers-color-scheme: dark){.custom-item-form input,.custom-item-form select{background:#1a1a1a;border-color:#555;color:#e0e0e0}}.custom-item-form button{padding:8px 16px;background-color:#27ae60;color:#fff;border:none;border-radius:6px;cursor:pointer}.items-list{display:flex;flex-direction:column;gap:8px}.item-card{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s}.item-card.packed{background-color:#d4edda;border-color:#27ae60}@media (prefers-color-scheme: dark){.item-card{background:#2d2d2d;border-color:#444}.item-card.packed{background-color:#1a3d2e;border-color:#27ae60}}.item-info{display:flex;align-items:center;gap:10px}.item-info ion-icon{font-size:18px;color:#666}.item-name{font-weight:500;color:#2c3e50}@media (prefers-color-scheme: dark){.item-info ion-icon{color:#bbb}.item-name{color:#e0e0e0}}.item-controls{display:flex;align-items:center;gap:10px}.quantity-controls{display:flex;align-items:center;gap:5px}.quantity-controls button{background:none;border:1px solid #ddd;width:28px;height:28px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666}.item-counter-controls{width:32px;height:32px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;font-size:22px;background:none;border:1px solid #bbb;border-radius:6px;color:#666;padding:0}.item-counter-controls:hover{background:#f0f0f0;border-color:#2196f3}@media (prefers-color-scheme: dark){.item-counter-controls{border-color:#555;color:#bbb;background:#222}.item-counter-controls:hover{background:#444;border-color:#2196f3}}.quantity-controls button:hover{background-color:#f0f0f0}.quantity{min-width:20px;text-align:center;font-weight:500;color:#333}.item-counter-controls{display:flex;align-items:center;gap:5px;visibility:visible;color:#fff}@media (prefers-color-scheme: dark){.quantity-controls button{border-color:#555;color:#bbb}.quantity-controls button:hover{background-color:#444}.quantity{color:#e0e0e0}}.pack-btn{background:none;border:none;color:#95a5a6;font-size:20px;cursor:pointer}.pack-btn.packed{color:#27ae60}.delete-item-btn{background:none;border:none;color:#e74c3c;cursor:pointer}@media (prefers-color-scheme: dark){.pack-btn{color:#bbb}.pack-btn.packed{color:#27ae60}.delete-item-btn{color:#e74c3c}}.empty-state{text-align:center;padding:60px 20px;color:#7f8c8d;grid-column:1 / -1}.empty-state ion-icon{font-size:64px;margin-bottom:20px}@media (prefers-color-scheme: dark){.empty-state{color:#bbb}}@media (max-width: 768px){.App{padding:10px}.app-header{flex-direction:column;gap:20px;align-items:stretch}.app-header h1{margin-right:0}.header-actions{justify-content:center}.baggages-container{grid-template-columns:1fr}.baggage-type-buttons{justify-content:center}.custom-item-form{flex-direction:column;align-items:stretch}.default-items-grid{grid-template-columns:repeat(2,1fr)}}