.upload-container{display:flex;flex-direction:column;align-items:center;padding:20px;max-width:500px;width:100%;margin:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}.dropbox{border:2px dashed #555;border-radius:15px;padding:40px;text-align:center;width:100%;background-color:#333;cursor:pointer;margin-bottom:20px;position:relative;transition:background-color .2s ease;color:#ccc}.dropbox:hover{background-color:#444}.dropbox p{margin:0;font-size:1.1em;color:#ccc}.choose-files-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropbox:after{content:"Select Files";display:inline-block;background-color:#8a2be2;color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;margin-top:15px;font-weight:700;font-size:1em;transition:background-color .3s ease}.dropbox:hover:after{background-color:#6a1aab}.file-list{list-style:none;padding:15px 0 0;width:100%;margin-top:15px;border-top:1px solid #444;color:#ccc}.file-list li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444;background-color:#333;margin-bottom:5px;border-radius:5px;padding:8px 15px}.file-list li:last-child{border-bottom:none}.file-list button{background-color:#dc3545;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.file-list button:hover{background-color:#c82333}.file-list button:disabled{background-color:#ccc;cursor:not-allowed}.upload-btn{background-color:#007bff;color:#fff;padding:12px 25px;border:none;border-radius:10px;cursor:pointer;font-size:1.2em;font-weight:700;margin-top:20px;transition:background-color .3s ease,transform .2s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.upload-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.upload-btn:disabled{background-color:#666;color:#aaa;cursor:not-allowed;transform:none}.spinner-container{margin-top:20px;display:flex;flex-direction:column;align-items:center}.spinner{border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h2{text-align:center;font-weight:700;color:#fff}body,html,#root{height:100%;margin:0;font-family:Arial,sans-serif;background-color:#000;color:#fff}.app{display:flex;flex-direction:column;height:100%}.navbar{background-color:#111;padding:15px 20px;font-size:1.8rem;text-align:center;font-weight:700;color:#fff}.content{flex:1;display:flex;justify-content:center;align-items:center;padding:20px}