.modal.add-modal{max-width:1000px;padding:32px 36px;background:rgba(12,12,14,.86);border-color:hsla(0,0%,100%,.08);overflow:visible;max-height:none}.add-modal .modal-header{margin-bottom:24px}.add-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:400;color:#fff;margin:0}.add-title svg{flex-shrink:0}.add-modal .modal-close{display:flex;color:hsla(0,0%,100%,.7)}.add-modal .modal-close:hover{color:#fff}.add-modal .field-label{text-transform:none;letter-spacing:0;color:#fff;font-size:14px;font-weight:400}.add-modal .field-label .req{color:var(--accent)}.add-modal .field-label .opt{color:hsla(0,0%,100%,.4);font-weight:400}.add-modal .field-label--action{display:flex;align-items:center;justify-content:space-between}.add-body{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;margin-bottom:24px}.add-col{display:flex;flex-direction:column;gap:18px}.add-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.add-modal .form-group{display:flex;flex-direction:column;gap:8px}.add-modal input[type=text],.add-modal input[type=number]{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:13px 16px;color:#fff;font-family:inherit;font-size:15px;outline:none;transition:border-color .2s}.add-modal input:focus{border-color:var(--accent)}.add-modal input::placeholder{color:hsla(0,0%,100%,.35)}.add-modal input[type=file]{display:none}.add-modal .add-genre-toggle{display:inline-flex;align-items:center;gap:5px;margin:0;padding:0;background:none;border:none;cursor:pointer;font-family:inherit;font-size:13px;color:hsla(0,0%,100%,.45);text-transform:none;letter-spacing:0;transition:color .2s}.add-modal .add-genre-toggle svg{flex-shrink:0}.add-modal .add-genre-toggle:hover{color:var(--accent)}.add-modal .new-genre-row{display:none;gap:8px}.add-modal .new-genre-row.visible{display:flex}.add-modal .new-genre-input{flex:1;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;padding:10px 14px;color:#fff;font-family:inherit;font-size:14px;outline:none}.add-modal .new-genre-input:focus{border-color:var(--accent)}.add-modal .new-genre-confirm{background:rgba(var(--accent-rgb), 0.12);border:1px solid rgba(var(--accent-rgb), 0.3);border-radius:10px;color:var(--accent);font-family:inherit;font-size:14px;padding:10px 16px;cursor:pointer;white-space:nowrap;transition:background .2s}.add-modal .new-genre-confirm:hover{background:rgba(var(--accent-rgb), 0.22)}.add-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1;min-height:132px;padding:24px;background-color:hsla(0,0%,100%,.02);background-image:url("data:image/svg+xml,%3Csvg%20width='100%25'%20height='100%25'%20xmlns='http://www.w3.org/2000/svg'%3E%3Crect%20width='100%25'%20height='100%25'%20fill='none'%20rx='16'%20ry='16'%20stroke='%23ffffff'%20stroke-opacity='0.16'%20stroke-width='1.5'%20stroke-dasharray='13%209'/%3E%3C/svg%3E");border-radius:16px;color:hsla(0,0%,100%,.4);text-align:center;cursor:pointer;transition:color .2s,background-color .2s}.add-dropzone:hover{color:hsla(0,0%,100%,.6);background-image:url("data:image/svg+xml,%3Csvg%20width='100%25'%20height='100%25'%20xmlns='http://www.w3.org/2000/svg'%3E%3Crect%20width='100%25'%20height='100%25'%20fill='none'%20rx='16'%20ry='16'%20stroke='%23ffffff'%20stroke-opacity='0.32'%20stroke-width='1.5'%20stroke-dasharray='13%209'/%3E%3C/svg%3E")}.add-dropzone.dragover{color:#fff;background-color:rgba(var(--accent-rgb), 0.06);background-image:url("data:image/svg+xml,%3Csvg%20width='100%25'%20height='100%25'%20xmlns='http://www.w3.org/2000/svg'%3E%3Crect%20width='100%25'%20height='100%25'%20fill='none'%20rx='16'%20ry='16'%20stroke='%23E10000'%20stroke-width='1.5'%20stroke-dasharray='13%209'/%3E%3C/svg%3E")}.add-dropzone.has-file{color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg%20width='100%25'%20height='100%25'%20xmlns='http://www.w3.org/2000/svg'%3E%3Crect%20width='100%25'%20height='100%25'%20fill='none'%20rx='16'%20ry='16'%20stroke='%23E10000'%20stroke-width='1.5'%20stroke-dasharray='13%209'/%3E%3C/svg%3E")}.add-dropzone .dz-icon{display:flex}.add-dropzone .dz-text{font-size:14px;word-break:break-all}.add-body .add-col:last-child .form-group{flex:1}.add-preview{display:none;align-items:center;gap:14px;background:hsla(0,0%,100%,.03);border-radius:16px;padding:12px 16px;margin-bottom:24px}.add-preview-cover{width:52px;height:52px;border-radius:10px;flex-shrink:0;overflow:hidden;background:hsla(0,0%,100%,.06);display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.4);font-size:20px}.add-preview-cover img{width:100%;height:100%;object-fit:cover}.add-preview-play{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:none;background:var(--accent);color:#fff;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;padding-left:2px;transition:background .2s}.add-preview-play:hover{background:#ff1a1a}.add-preview canvas{flex:1;height:40px;min-width:0;display:block;cursor:pointer}.add-preview .wave-time{display:none}.add-modal .progress-bar-wrap{display:none;background:hsla(0,0%,100%,.05);border-radius:99px;height:6px;margin-bottom:16px;overflow:hidden}.add-modal .progress-bar-fill{height:100%;background:var(--accent);width:0%;border-radius:99px;transition:width .2s}.add-modal .modal-msg{margin-top:12px;font-size:14px;text-align:center}.add-modal .modal-msg.ok{color:var(--accent)}.add-modal .modal-msg.err{color:#f55}.add-modal .choices{font-family:inherit;margin:0}.add-modal .choices__inner{background:hsla(0,0%,100%,.03) !important;border:1px solid hsla(0,0%,100%,.1) !important;border-radius:12px !important;padding:13px 16px !important;min-height:unset !important;font-size:15px !important;color:#fff !important}.add-modal .choices.is-focused .choices__inner,.add-modal .choices.is-open .choices__inner{border-color:var(--accent) !important;box-shadow:none !important}.add-modal .choices__list--single{padding:0 !important}.add-modal .choices__list--single .choices__item{color:#fff !important}.add-modal .choices__placeholder{color:hsla(0,0%,100%,.35) !important;opacity:1 !important}.add-modal .choices__list--dropdown,.add-modal .choices__list[aria-expanded]{background:#1a1a1a !important;border:1px solid hsla(0,0%,100%,.15) !important;border-radius:10px !important;margin-top:4px !important;overflow:hidden;z-index:200 !important}.add-modal .choices__list--dropdown .choices__item{color:#fff !important;font-size:14px !important;padding:9px 14px !important;background-color:rgba(0,0,0,0) !important}.add-modal .choices__list--dropdown .choices__item.is-highlighted,.add-modal .choices__list--dropdown .choices__item--selectable.is-highlighted,.add-modal .choices__list--dropdown .choices__item--selectable:hover{background-color:rgba(var(--accent-rgb), 0.15) !important;color:var(--accent) !important}.add-modal .choices__input{background:rgba(0,0,0,0) !important;color:#fff !important;font-size:14px !important;font-family:inherit !important;border-bottom:1px solid hsla(0,0%,100%,.1) !important;margin:0 !important;padding:8px 14px !important;width:100% !important}.add-modal .choices[data-type*=select-one]::after{content:"";border:none;width:20px;height:20px;right:14px;margin-top:-10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M14.67 9C14.67 9 11.4773 12.2513 10.335 12.2513C9.19262 12.2513 6 9 6 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain}.add-modal .choices.is-open[data-type*=select-one]::after{transform:rotate(180deg);margin-top:-10px}.add-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--accent);color:#0c0c0c;font-family:inherit;font-size:16px;font-weight:400;border:none;border-radius:14px;padding:16px;cursor:pointer;transition:opacity .2s}.add-submit svg{flex-shrink:0}.add-submit:hover{opacity:.9}.add-submit:disabled{opacity:.45;cursor:not-allowed}@media(max-width: 720px){.add-body{grid-template-columns:1fr;gap:18px}.modal.add-modal{padding:24px 20px}}.status-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px}.status-opt{display:none}.status-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border-radius:14px;cursor:pointer;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);font-size:15px;color:hsla(0,0%,100%,.5);transition:background .15s,color .15s,border-color .15s}.status-btn-ic{display:flex}.status-btn--available .status-btn-ic{color:var(--accent)}.status-btn--reserved .status-btn-ic{color:#ffae00}.status-btn--sold .status-btn-ic{color:#f91616}.status-btn:hover{border-color:hsla(0,0%,100%,.16)}#statusAvailable:checked+.status-btn{background:#7de84e;color:#0c0c0c;border-color:#7de84e}#statusReserved:checked+.status-btn{background:#f5b840;color:#0c0c0c;border-color:#f5b840}#statusSold:checked+.status-btn{background:#ef4444;color:#0c0c0c;border-color:#ef4444}.status-opt:checked+.status-btn .status-btn-ic{color:#0c0c0c}@media(max-width: 768px){.status-row{grid-template-columns:1fr}}.add-modal .form-group.extra-field{display:none}.add-modal .form-group.extra-field.visible{display:flex}.remove-cover-btn{background:none;border:1px solid rgba(255,85,85,.3);border-radius:8px;color:#f55;font-family:inherit;font-size:12px;padding:4px 12px;cursor:pointer;transition:background .2s;white-space:nowrap}.remove-cover-btn:hover{background:rgba(255,85,85,.15)}
