body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;font-family:Lato,sans-serif;margin:0}.App{text-align:center}.App-logo{height:80px;pointer-events:none}.App-header{background:#282c34;color:#fff;justify-content:space-between;padding:20px;position:relative}.App-header,.header-left{align-items:center;display:flex}.App-header h1{color:khaki;font-family:Bangers,cursive;font-size:3rem;left:50%;margin:0;position:absolute;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 5px #00000080;transform:translateX(-50%)}.card-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:1rem}.card{border:1px solid #ccc}.card img{height:auto}.no-cards-message{color:#666;font-size:1.2rem;grid-column:1/-1;padding:40px;text-align:center}.card{background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:1rem;text-align:center;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 8px 16px #0003;transform:scale(1.05)}.card img{border-radius:4px;margin-bottom:0;max-width:100%}.image-unavailable{align-items:center;background-color:#f0f0f0;border-radius:4px;color:#999;display:flex;flex-direction:column;font-family:Lato,sans-serif;height:260px;justify-content:center;margin-bottom:.5rem}.card-name-placeholder{color:#666;font-size:1.2rem;font-weight:700;margin-bottom:1.6rem;white-space:pre-line}.card-comment{color:#666;font-size:.6rem;font-style:italic;margin-bottom:.5rem;margin-top:0;text-align:right}.card-actions{align-items:flex-start;display:flex;justify-content:space-around;margin-top:1rem}.card-controls{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:0}.card-controls label{color:#333;font-family:Bangers,cursive;font-size:1.5rem;margin-bottom:.25rem}.quantity-stepper{align-items:center;display:flex}.quantity-stepper button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:50%;cursor:pointer;font-size:16px;font-weight:700;height:24px;line-height:1;width:24px}.quantity-stepper input[type=number]{-moz-appearance:textfield;background:#0000;border:none;font-size:1.2rem;font-weight:700;text-align:center;width:25px}.quantity-stepper input[type=number]::-webkit-inner-spin-button,.quantity-stepper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.filter-bar{align-items:center;background-color:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:1rem 2rem}.filter-groups-left{gap:1.5rem}.filter-group,.filter-groups-left,.filter-groups-right{align-items:center;display:flex}.filter-group{gap:.5rem}.filter-group label{color:#333;font-family:Bangers,cursive;font-size:1.5rem}.filter-group select{-webkit-appearance:none;appearance:none;background-color:#f8f8f8;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007bff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:.65em auto;border:1px solid #ccc;border-radius:20px;font-family:Lato,sans-serif;font-size:1rem;padding:.5rem 2.5rem .5rem 1rem}.search-group{display:inline-block;position:relative}.search-group input[type=text]{background:#f8f8f8;border:1px solid #ccc;border-radius:20px;font-family:Lato,sans-serif;font-size:1rem;padding:.5rem 1rem;transition:border-color .2s}.search-group input[type=text]:focus{border-color:#007bff;outline:none}.search-clear-btn{align-items:center;background:#e0e7ff;border:none;border-radius:50%;box-shadow:0 1px 4px #00000014;color:#007bff;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:background .2s,color .2s;width:24px}.search-clear-btn:hover{background:#007bff;color:#fff}.login-container{align-items:center;display:flex;height:80vh;justify-content:center}.login-form{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px 0 #0003;display:flex;flex-direction:column;gap:1rem;padding:2rem;width:320px}.login-form h2{margin-bottom:1rem;text-align:center}.login-form input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1rem;max-width:90%;padding:.75rem;width:90%}.login-form input:last-of-type{margin-bottom:1rem}.login-form button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s}.login-form button:hover{background-color:#3a4252;color:#fff}.signup-link{color:#3a4252;cursor:pointer;text-decoration:none;transition:color .2s}.signup-link:hover{color:#007bff;text-decoration:none}.forgot-password-link{color:#3a4252;cursor:pointer;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:#007bff;text-decoration:none}.signup-grid{align-items:stretch;display:flex;flex-direction:column;gap:1rem;width:100%}.signup-grid input{box-sizing:border-box;margin:0;max-width:90%;width:90%}.signup-row-gap{display:none}.login-form-footer{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.footer-left{text-align:left}.footer-right{text-align:right}.user-menu{display:inline-block;position:relative}.user-icon{align-items:center;background-color:#4a4a4a;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.user-svg{height:24px;width:24px}.dropdown-menu{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px #0003;list-style:none;margin:0;min-width:120px;padding:.5rem 0;position:absolute;right:0;top:100%;z-index:1000}.dropdown-menu li{color:#333;cursor:pointer;padding:.5rem 1rem}.dropdown-menu li:hover{background-color:#f0f0f0}.dropdown-menu li a{color:inherit;display:block;margin:-.5rem -1rem;padding:.5rem 1rem;text-decoration:none}.settings-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:600px;padding:20px}.settings-container h2{color:#282c34;font-family:Bangers,cursive;font-size:3rem;text-align:center;text-shadow:1px 1px 1px #aaa}.form-group{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.form-group label[for]{color:#555;font-size:16px}button[type=submit]{background-color:#282c34;border:2px solid khaki;border-radius:5px;color:#fff;cursor:pointer;font-family:Bangers,cursive;font-size:1.5rem;padding:10px;text-transform:uppercase;transition:all .3s ease;width:100%}button[type=submit]:hover{background-color:khaki;border-color:#282c34;color:#282c34}button[type=submit]:disabled{background-color:#ccc;border-color:#999;color:#666;cursor:not-allowed;opacity:.6}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.profile-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:600px;padding:20px}.profile-container h2{color:#282c34;font-family:Bangers,cursive;font-size:3rem;text-align:center;text-shadow:1px 1px 1px #aaa}.profile-container .form-group{align-items:center;display:flex;margin-bottom:15px}.profile-container .form-group label{color:#555;flex:0 0 120px;font-weight:700;margin-right:20px;text-align:right;white-space:nowrap}.profile-container .form-group input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;flex:1 1;font-family:Lato,sans-serif;font-size:1rem;padding:10px}.form-row{display:flex;gap:20px;margin-bottom:24px;width:100%}.form-row .form-group{flex:1 1;margin-bottom:0;min-width:0}.form-row .form-group label{flex:initial;margin-bottom:8px;margin-right:10px;text-align:left}.form-row .form-group input{width:100%}.profile-container button[type=submit]{background-color:#282c34;border:2px solid khaki;border-radius:5px;color:#fff;cursor:pointer;font-family:Bangers,cursive;font-size:1.5rem;padding:10px;text-transform:uppercase;transition:all .3s ease;width:100%}.profile-container button[type=submit]:hover{background-color:khaki;border-color:#282c34;color:#282c34}.profile-container button[type=submit]:disabled{background-color:#ccc;border-color:#999;color:#666;cursor:not-allowed;opacity:.6}
/*# sourceMappingURL=main.27289ae1.css.map*/