.upload-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem}.upload-modal{background:#1a1a1a;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00000080}.upload-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.upload-modal-header h2{margin:0;color:#fff;font-size:1.5rem}.close-btn{background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.close-btn:hover{background:#ffffff1a}.container{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.container input[type=file]{padding:.5rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0d0d0d;color:#fff;cursor:pointer}.container input[type=text],.container input[type=number]{padding:.75rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0d0d0d;color:#fff;font-size:1rem}.container input[type=text]:focus,.container input[type=number]:focus{outline:none;border-color:#ff3b6a}.container button{padding:.75rem 1.5rem;background-color:#ff3b6a;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:background .2s}.container button:hover:not(:disabled){background-color:#e2335d}.container button:disabled{opacity:.6;cursor:not-allowed}.message{margin-top:.5rem;padding:.75rem;border-radius:8px;text-align:center;font-weight:500}.message{color:#fff}.message:empty{display:none}.dashboard,.dashboard h2{color:#fff}.dashboard-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-tab{padding:.75rem 1.5rem;background:transparent;border:none;cursor:pointer;font-weight:600;font-size:1rem;color:#aaa;transition:all .2s}.dashboard-tab.active{color:#ff3b6a;border-bottom:2px solid #ff3b6a}.dashboard-create-form{margin-bottom:2rem}.dashboard-create-container{display:flex;gap:.75rem;align-items:center;max-width:500px}.dashboard-input-text{flex:1;padding:.75rem;background:#1a1a1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem}.dashboard-btn-primary{padding:.75rem 1.5rem;background:#ff3b6a;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem}.dashboard-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-top:2rem}.dashboard-pack-list{display:flex;flex-direction:column;gap:.75rem}.dashboard-pack-item{padding:1rem;background:#1a1a1a;border-radius:8px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s}.dashboard-pack-item.active{background:#ff3b6a}.dashboard-pack-item.active .dashboard-btn-remove{color:#fff}.dashboard-btn-remove{background:transparent;border:none;color:#ff3b6a;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:1rem}.dashboard-sample-list{display:flex;flex-direction:column;gap:.75rem}.dashboard-sample{padding:1rem;background:#1a1a1a;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.dashboard-sample-info{flex:1}.dashboard-audio{margin-top:.5rem;width:100%;max-width:400px}.dashboard-empty{color:#aaa}.dashboard-meta{font-size:.85rem;opacity:.8;display:flex;gap:1rem}.dashboard-title{font-weight:600;margin-bottom:.25rem}.container{display:flex;align-items:center;text-align:center}.title{margin-bottom:1.5rem}.next-button{padding:.6rem 1.2rem;font-size:1rem;background-color:#ff4f79;color:#fff;border:none;border-radius:8px;cursor:pointer;margin-bottom:1.5rem;width:auto;min-width:150px}.next-button:disabled{cursor:not-allowed;opacity:.7}.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem}.auth-container{width:100%;max-width:450px}.auth-page-title{text-align:center;font-size:2.5rem;margin-bottom:2rem;color:#fff}body,html,#root{height:100%;margin:0;background:#0d0d0d;color:#fff;font-family:Inter,sans-serif}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0d0d0d;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:7}.logo{margin-right:3px;font-size:1.5rem}.nav-buttons{display:flex;gap:.8rem;align-items:center}.nav-btn{background:#ff3b6a;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;color:#fff;font-weight:600;font-size:inherit;font-family:inherit;line-height:1.5;display:inline-block;text-decoration:none;box-sizing:border-box}.nav-btn:hover{background:#e2335d}.home-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;padding:3rem 4rem}.left-section{margin:2rem}.left-section .main-title{font-size:2rem;margin-bottom:2rem}.search-controls{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.search-controls input,.search-controls select{padding:.6rem;background:#1a1a1a;border-radius:8px;border:none;color:#fff}.search-btn{background:#ff3b6a;color:#fff;font-weight:700;border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer}.samples-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.sample-card{padding:.8rem;background:#1a1a1a;border-radius:8px}.sample-info{display:flex;flex-direction:column}.right-section{background:#111;padding:2rem;border-radius:12px;max-width:350px;margin:auto}.signup-title{text-align:center;margin-bottom:1rem}.signup-form{display:flex;flex-direction:column;gap:1rem}.signup-form input{padding:.7rem;background:#1a1a1a;border-radius:8px;border:none;color:#fff}.signup-form button{background:#ff3b6a;border:none;padding:.8rem;border-radius:8px;cursor:pointer;font-weight:600}.signup-form button:hover{background:#e2335d}.error{color:#ff6b6b;margin-top:.5rem}.footer{text-align:center;padding:2rem 0;font-size:.85rem;color:#aaa;margin-top:3rem}.app{display:flex;flex-direction:column;min-height:100vh}.dashboard{flex:1;padding:40px}.footer{margin-top:auto}.switch-btn{margin-top:12px;background:transparent;border:none;color:#ff4f79;cursor:pointer;font-size:.9rem;text-align:left;padding:0}.switch-btn:hover{text-decoration:underline;opacity:.8}.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:2rem;padding:1rem 0}.pagination-btn{background:#ff3b6a;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;color:#fff;font-weight:600;font-size:.9rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#e2335d;transform:scale(1.05)}.pagination-btn:disabled{background:#444;cursor:not-allowed;opacity:.5}.pagination-numbers{display:flex;align-items:center;gap:.5rem}.pagination-number{background:#333;border:1px solid #555;padding:.5rem .75rem;border-radius:6px;cursor:pointer;color:#fff;font-weight:500;font-size:.9rem;min-width:2.5rem;text-align:center;transition:all .2s ease}.pagination-number:hover{background:#444;border-color:#ff3b6a}.pagination-number.active{background:#ff3b6a;border-color:#ff3b6a;font-weight:700}.pagination-ellipsis{color:#aaa;padding:0 .25rem;font-size:.9rem}.pagination-jump,.pagination-jump-form{display:flex;align-items:center;gap:.5rem}.pagination-jump-form label{color:#aaa;font-size:.9rem;white-space:nowrap}.pagination-input{background:#333;border:1px solid #555;padding:.5rem .75rem;border-radius:6px;color:#fff;font-size:.9rem;width:4rem;text-align:center}.pagination-input:focus{outline:none;border-color:#ff3b6a}.pagination-jump-btn{background:#ff3b6a;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;color:#fff;font-weight:600;font-size:.9rem;transition:all .2s ease}.pagination-jump-btn:hover:not(:disabled){background:#e2335d;transform:scale(1.05)}.pagination-info{color:#aaa;font-size:.9rem;white-space:nowrap}.loading,.no-samples{text-align:center;padding:2rem;color:#aaa}.add-to-pack-btn{margin-top:10px}h2{color:#ff3b6a}.fav-btn{background:transparent;border:none;color:#ff3b6a;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:20px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#0d0d0d;color:#fff;margin:0;padding:0;box-sizing:border-box}body,html,#root{height:100%;margin:0;padding:0}