@import url(https://fonts.googleapis.com/css2?family=Cambay&family=Monomaniac+One&display=swap);body #root,html{background-color:#fffcee;font-family:Cambay,sans-serif;margin:0;overflow:auto}#root{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:100%}.logo a{align-items:center;color:#9370db;display:flex;font-family:Monomaniac One,cursive;font-size:8rem;height:6rem;justify-content:center;margin:0;padding-top:0;text-decoration:none}.input{background-color:#d2f3f9;border:none;border-radius:10px;display:block;margin:1rem auto;padding:1.5rem;width:80%}.button{background-color:#b18df0;border:none;border-radius:30px;color:#fff;cursor:pointer;padding:.6rem 1.5rem}.icon-button{font-size:1.2rem}table{border-collapse:collapse;margin:auto;width:90%}td,th{border-bottom:1px solid #ccc;padding:.8rem}.login-logo{color:#9370db;font-family:Monomaniac One,cursive;font-size:8rem;height:11rem;margin:-20px 0 10px}.auth-container{align-items:center;justify-content:center}.auth-box,.auth-form{align-items:center;display:flex;flex-direction:column}.auth-form{align-content:stretch;flex-wrap:wrap;gap:1rem;justify-content:space-around;width:300px}.error-text{color:red}.error-text,.success-text{font-size:14px;margin-top:10px}.success-text{color:green}header{display:flex;justify-content:space-between;margin:0 20px}header button{font-size:20px;margin:40px 20px 70px 0;padding:.6rem 1.5rem;width:10% 10%}.audio-player-container{margin:0;width:100%}.audio-player-container audio{background-color:#f0f0f0;border-radius:5px;height:40px;max-width:300px;width:100%}.upload-section{align-items:center;background-color:#e0f2f7;border-radius:15px;box-shadow:0 6px 20px #00000014;color:#333;display:flex;flex-direction:column;font-family:Inter,sans-serif;padding:30px 40px}.upload-section h2{color:#4a4a4a;font-size:2.2em;font-weight:700;letter-spacing:-.5px;margin-bottom:30px;text-align:center;width:100%}.upload-form{display:flex;flex-direction:column;gap:25px;max-width:600px;width:100%}.upload-box-top{align-items:center;background-color:#fff;border:1px solid #8c5cdb;border-radius:8px;box-shadow:inset 0 1px 3px #0000000d;display:flex;gap:15px;padding:10px 15px;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease;width:90%}.upload-form .button{align-self:normal;font-size:20px;width:93%}.upload-box-top input[type=file]{display:none}.upload-box-top .custom-file-input-label{background-color:#8c5cdb;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:1em;font-weight:600;padding:10px 20px;transition:background-color .2s ease,transform .1s ease;white-space:nowrap}.upload-box-top .custom-file-input-label:hover{background-color:#6a42a0;transform:translateY(-1px)}.upload-box-top .selected-file-name{color:#555;flex-grow:1;font-size:1.1em;padding-left:5px;text-align:center;word-break:break-all}.upload-box-top .audio-player-container{flex-shrink:0;margin:0;max-width:150px;width:auto}.upload-box-top .audio-player-container audio{border-radius:4px;box-shadow:0 1px 4px #0000001a;height:30px;width:100%}.upload-box-top.drag-over{background-color:#f0e6ff;border:2px dashed #8c5cdb;box-shadow:0 0 15px #8c5cdb80}.upload-form .form-group{text-align:left;width:100%}.upload-form .form-group label{color:#4a4a4a;display:block;font-size:1em;font-weight:600;margin-bottom:8px}.upload-form .form-group input[type=text],.upload-form .form-group select,.upload-form .form-group textarea{background-color:#fff;border:1px solid #dcdcdc;border-radius:8px;box-shadow:inset 0 1px 2px #0000000d;box-sizing:border-box;color:#333;font-size:1em;padding:12px;transition:border-color .2s ease,box-shadow .2s ease;width:calc(100% - 24px)}.upload-form .form-group input[type=text]:focus,.upload-form .form-group select:focus,.upload-form .form-group textarea:focus{border-color:#8c5cdb;box-shadow:0 0 0 3px #8c5cdb33;outline:none}.upload-form .form-group textarea{min-height:100px;resize:vertical}.upload-form .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%238c5cdb%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13%205.7L146.2%20200.6%2018.6%2075.1c-4.7-5.2-11.5-8-18.7-8s-13.9%202.8-18.7%208c-9.5%2010.4-9.5%2027.5%200%2037.9l128%20128.1c4.7%205.2%2011.5%208%2018.7%208s13.9-2.8%2018.7-8l128-128.1c9.5-10.4%209.5-27.5%200-37.9-4.7-5.2-11.5-8-18.7-8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:15px auto;cursor:pointer;padding-right:40px}.upload-section .custom-button{background-color:#8c5cdb;border:none;border-radius:25px;box-shadow:0 4px 10px #00000026;color:#fff;cursor:pointer;font-size:1.15em;font-weight:600;margin-top:20px;padding:12px 30px;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease}.upload-section .custom-button:hover:not(:disabled){background-color:#6a42a0;box-shadow:0 6px 15px #00000040;transform:translateY(-2px)}.upload-section .custom-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed}.upload-message{color:#5a2c8a;font-size:1em;font-weight:700;margin-top:20px;text-align:center;width:100%}@media (max-width:768px){.upload-section{margin:30px 10px;padding:20px}.upload-section h2{font-size:1.8em}.upload-box-top{align-items:stretch;flex-direction:column;gap:10px;padding:15px}.upload-box-top .audio-player-container,.upload-box-top .custom-file-input-label,.upload-box-top .selected-file-name{max-width:none;width:90%}.upload-box-top .selected-file-name{text-align:left}.upload-box-top .audio-player-container audio{height:40px}.upload-section .custom-button{font-size:1em;padding:10px 25px}}@media (max-width:480px){.upload-section{margin:20px 5px;padding:15px}.upload-section h2{font-size:1.5em;margin-bottom:20px}}.audio-display-section{display:flex;flex-direction:column;flex-grow:1;min-height:0;overflow-y:auto;padding:10px 0}.controls-bar{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-end;margin-bottom:25px;padding:10px 0}.filter-select,.search-input,.sort-select{background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#333;font-size:.95em;padding:8px 12px;transition:border-color .3s ease,box-shadow .3s ease}.search-input{flex-grow:1;max-width:300px}.filter-select,.sort-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2C197.3L159.9%2C69.8c-2.1-2.1-4.8-3.3-7.6-3.3c-2.9%2C0-5.6%2C1.2-7.6%2C3.3L5.4%2C197.3c-4.1%2C4.1-4.1%2C10.7%2C0%2C14.8c4.1%2C4.1%2C10.7%2C4.1%2C14.8%2C0l132.8-133.3l132.8%2C133.3c4.1%2C4.1%2C10.7%2C4.1%2C14.8%2C0C291.1%2C208%2C291.1%2C201.3%2C287%2C197.3z%22%2F%3E%3C%2Fsvg%3E");background-position:right 10px top 50%;background-repeat:no-repeat;background-size:12px auto;cursor:pointer;padding-right:30px}.filter-select:hover,.search-input:hover,.sort-select:hover{border-color:#8c5cdb}.filter-select:focus,.search-input:focus,.sort-select:focus{border-color:#8c5cdb;box-shadow:0 0 0 3px #8c5cdb4d;outline:none}.audio-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000000d;flex-direction:column;flex-grow:1;margin-top:20px;min-height:0;overflow:auto;padding:10px;width:100%}.audio-table td,.audio-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.audio-table thead{background-color:#f8f8f8;color:#5a2c8a;flex-shrink:0;table-layout:fixed}.audio-table th{font-size:.9em;font-weight:700;text-transform:uppercase}.audio-table tbody tr:last-child td{border-bottom:none}.audio-table tbody tr:hover{background-color:#fbfbfb}.audio-item-cell{align-items:center;display:flex;gap:10px}.audio-item-cell span{color:#333;flex-shrink:0;font-weight:500;min-width:120px}.audio-item-cell .audio-player-container{flex-grow:1;margin:0}@media (max-width:768px){.controls-bar{align-items:flex-start;flex-direction:column;gap:10px}.filter-select,.search-input,.sort-select{max-width:none;width:100%}.audio-table td,.audio-table th{font-size:.9em;padding:10px}}@media (max-width:480px){.audio-table{font-size:.85em}.audio-item-cell{align-items:flex-start;flex-direction:column}.audio-item-cell span{min-width:0;min-width:auto}}@media (max-width:768px){.homepage-container{padding:15px}}@media (max-width:480px){.homepage-container{padding:10px}}.profile-container{align-items:left;display:contents;height:11rem;margin:0}.profile-box,.profile-container{flex-direction:column;justify-content:flex-start}.profile-box{display:flex;margin-left:5%;max-width:400px;overflow:hidden;width:95%}.profile-form .input .button{align-content:stretch;align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:3rem;justify-content:space-around;width:300px}.danger{color:red;cursor:pointer;font-size:.9rem;text-decoration:none}.button{align-self:end}@media (max-width:768px){.main-header .button{align-self:end;width:26%}}
/*# sourceMappingURL=main.7f7849e9.css.map*/