@import url(https://fonts.googleapis.com/css2?family=Monoton&family=Quicksand:wght@500;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9f9f9;color:#333;font-family:Quicksand,sans-serif;line-height:1.6}.header{background:linear-gradient(135deg,orange,#ff8c00);color:#fff;padding:3rem 1rem;text-align:center}.header h1{font-family:Monoton,cursive;font-size:clamp(2rem,5vw,4rem);letter-spacing:4px;text-transform:uppercase;word-spacing:20px}.form-container{background-color:#fff5e1;box-shadow:inset 0 0 10px #0000001a;display:flex;flex-wrap:wrap;width:100%}.form-image-wrapper{flex:1 1 60%;max-height:400px;overflow:hidden}.form-image{display:block;height:100%;object-fit:cover;width:100%}.form-panel{align-items:center;background-color:#ffb347;display:flex;flex:1 1 40%;flex-direction:column;justify-content:center;padding:2rem}.form-title{font-family:Quicksand,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.form-fields{display:flex;flex-direction:column;gap:1rem;max-width:300px;width:100%}.form-fields input,.form-fields select{border:none;border-radius:6px;box-shadow:2px 2px #0003;font-size:1rem;padding:.75rem 1rem}.form-fields select:hover{cursor:pointer}.form-fields input:focus,.form-fields select:focus{box-shadow:2px 2px 8px #0000004d;outline:none}.form-fields button{background-color:#2ecc71;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem;transition:background-color .3s ease}.form-fields button:hover{background-color:#27ae60}.packing-list{align-items:center;background-color:#fff7ed;gap:24px;padding:40px 20px}.item-list,.packing-list{display:flex;flex-direction:column}.item-list{gap:15px;list-style:none;max-width:800px;padding:0;width:100%}.item{background-color:#fff;border-radius:8px;box-shadow:2px 2px 8px #0000001a;justify-content:space-between;padding:16px 20px}.item,.item label{align-items:center;display:flex}.item label{gap:10px}.item input[type=checkbox]{accent-color:orange;cursor:pointer;height:20px;width:20px}.item.packed span{color:#999;text-decoration:line-through}.item button{background:none;border:none;color:red;cursor:pointer;font-size:20px;transition:transform .2s ease}.item button:hover{transform:scale(1.2)}.controls{align-items:center;display:flex;flex-direction:column;gap:12px}.controls button,.controls select{border:none;border-radius:6px;box-shadow:2px 2px 6px #0003;font-size:16px;outline:none;padding:10px 20px;transition:background-color .2s ease}.controls button:hover,.controls select:hover{background-color:#ffe2c5;cursor:pointer}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column}.footer{background-color:#8cedce;box-shadow:0 -2px 10px #0000001a;flex-wrap:wrap;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.25rem;line-height:1.5;padding:2.5rem 1rem;text-align:center;word-break:break-word}.footer,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-overlay{background-color:#0009;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:400px;padding:2rem;text-align:center;width:90%}.modal-message{font-size:1.2rem;margin-bottom:1.5rem}.modal-buttons{display:flex;gap:20px;justify-content:center}.modal-button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.modal-button.confirm{background-color:#2ecc71;color:#fff}.modal-button.confirm:hover{background-color:#27ae60}.modal-button.cancel{background-color:#e74c3c;color:#fff}.modal-button.cancel:hover{background-color:#c0392b}@media (max-width:768px){.form-container{flex-direction:column}.form-image-wrapper,.form-panel{flex:1 1 100%;max-height:none}.form-title{font-size:1.2rem}.form-image{display:block;height:200px;object-fit:cover;width:100%}}@media (min-width:600px){.controls{flex-direction:row}}@media (max-width:500px){.modal{padding:1.5rem}.modal-buttons{flex-direction:column;gap:12px}}
/*# sourceMappingURL=main.efac8a7d.css.map*/