.modal-overlay{z-index:10100;background-color:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow:hidden}.modal-content{border-radius:var(--radius-card,14px);background:#141418;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0003}.modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-card,14px) 12px 0 0;background:#141418;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{margin:0;font-size:1.5rem}.modal-close{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.5rem;transition:background-color .2s}.modal-close:hover{background-color:#1a1a1e}.modal-error{color:#ef5350;background-color:#c628281f;border:1px solid #ef44444d;border-radius:8px;margin:1rem 1.5rem 0;padding:1rem}.modal-form{flex:1;min-height:0;padding:1.5rem;overflow-y:auto}.form-group{margin-bottom:1.5rem}.form-group label{color:#f4f4f5;margin-bottom:.5rem;font-weight:600;display:block}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{border:1px solid var(--border-color,#e2e8f0);background-color:#141418;border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f4f4f5;outline:none}.form-group select{cursor:pointer}.form-group select:disabled,.form-group select.disabled{opacity:.5;cursor:not-allowed;background-color:#1a1a1e}.form-group input[type=file]{cursor:pointer;border:2px dashed #27272a;border-radius:8px;width:100%;padding:.5rem}.image-preview{border-radius:var(--radius-button,10px);max-width:300px;margin-top:1rem;overflow:hidden}.image-preview img{width:100%;height:auto;display:block}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.modal-actions{background:#141418;border-top:1px solid #27272a;border-radius:0 0 12px 12px;flex-shrink:0;gap:1rem;padding:1.5rem;display:flex}.btn-cancel,.btn-submit{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s}.btn-cancel{color:#f4f4f5;background-color:#1a1a1e}.btn-cancel:hover{background-color:#27272a}.btn-submit{background:var(--accent-gradient,linear-gradient(135deg, #7c3aed, #6d28d9));color:#fff}.btn-submit:hover{filter:brightness(1.15)}.btn-submit:disabled{color:#71717a;cursor:not-allowed;opacity:.7;background:#3f3f46}.category-input-row{align-items:center;gap:.75rem;display:flex}.category-input-row select,.category-input-row .new-category-input{flex:1;margin:0}.category-separator{color:#a1a1aa;white-space:nowrap;font-size:.9rem;font-weight:600}.new-category-input{border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:.75rem;font-size:1rem;transition:border-color .2s}.new-category-input:focus{border-color:var(--accent-color,#7c3aed);outline:none}.category-error{color:#c62828;margin-top:.5rem;font-size:.875rem;display:block}.images-upload-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:.5rem;display:grid}.checkbox-group{margin-bottom:1rem}.checkbox-group label{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px}.release-dates{border:2px solid var(--border-color,#e2e8f0);border-radius:var(--radius-button,10px);background-color:#1a1a1e;padding:1rem}.release-date-field{margin-bottom:1rem}.release-date-field:last-child{margin-bottom:0}.release-date-field label{color:#f4f4f5;margin-bottom:.5rem;font-weight:600;display:block}.release-date-field input[type=datetime-local]{border:1px solid var(--border-color,#e2e8f0);border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}.release-date-field input[type=datetime-local]:focus{border-color:#f4f4f5;outline:none}.release-date-field small{color:#a1a1aa;margin-top:.25rem;font-size:.85rem;display:block}.disabled-section{opacity:.5;pointer-events:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;color:#71717a;background-color:#1a1a1e}.checkbox-hint{color:var(--accent-color,#7c3aed);margin-top:.5rem;margin-left:1.75rem;font-size:.85rem;font-style:italic;display:block}.purchase-limit-section{border:2px solid var(--border-color,#e2e8f0);border-radius:var(--radius-button,10px);background-color:#1a1a1e;padding:1rem}.purchase-limit-section .form-row{margin-bottom:1rem}.purchase-limit-section .form-row:last-of-type{margin-bottom:.5rem}.purchase-limit-section .form-group{margin-bottom:0}.purchase-limit-section .checkbox-hint{margin-top:.75rem;margin-left:0}@media (max-width:640px){.modal-overlay{align-items:stretch;padding:0}.modal-content{border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh}.modal-header{z-index:2;border-radius:0;padding:1rem;position:sticky;top:0}.modal-header h2{font-size:1.15rem}.modal-form{padding:1rem 1rem 1.25rem}.form-group{margin-bottom:1.1rem}.form-row{grid-template-columns:1fr;gap:.75rem}.category-input-row{flex-direction:column;align-items:stretch;gap:.5rem}.category-separator{text-align:center;font-size:.8rem}.images-upload-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}.modal-actions{padding:.75rem 1rem;padding-bottom:max(.75rem, env(safe-area-inset-bottom,0px));z-index:2;background:#141418;border-radius:0;position:sticky;bottom:0;box-shadow:0 -8px 16px #00000059}.btn-cancel,.btn-submit{padding:.85rem 1rem;font-size:.95rem}.release-dates,.purchase-limit-section{border-width:1px;padding:.75rem}.release-date-field{margin-bottom:.75rem}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea,.form-group input[type=file],.new-category-input,.release-date-field input[type=datetime-local]{padding:.7rem .75rem;font-size:16px}}@media (max-width:380px){.modal-header,.modal-form{padding:.85rem}.modal-actions{padding:.6rem .85rem;padding-bottom:max(.6rem, env(safe-area-inset-bottom,0px));gap:.5rem}.images-upload-grid{grid-template-columns:1fr 1fr}}
.image-upload-component{width:100%;margin-bottom:1rem}.image-upload-preview{border-radius:var(--radius-button,10px);border:2px solid var(--border-color,#e2e8f0);background-color:#1a1a1e;width:100%;height:200px;position:relative;overflow:hidden}.image-upload-preview img{object-fit:cover;width:100%;height:100%}.image-upload-remove{color:#fff;cursor:pointer;z-index:10;background-color:#f00c;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.image-upload-remove:hover{background-color:red;transform:scale(1.1)}.image-upload-replace{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.image-upload-empty{border-radius:var(--radius-button,10px);cursor:pointer;background-color:#1a1a1e;border:2px dashed #27272a;justify-content:center;align-items:center;width:100%;height:200px;transition:all .2s;display:flex;position:relative}.image-upload-empty:hover{border-color:var(--accent-color,#7c3aed);background-color:#7c3aed14}.image-upload-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.image-upload-placeholder{text-align:center;pointer-events:none}.image-upload-placeholder span{color:var(--accent-color,#7c3aed);margin-bottom:.5rem;font-size:3rem;display:block}.image-upload-placeholder p{color:#a1a1aa;margin:0;font-size:.9rem}