body{background:#121212;margin:0}.notification{align-items:center;animation:slideIn .3s forwards;background-color:#000c;color:#fff;display:flex;opacity:0;position:fixed;right:20px;top:20px;z-index:1000}.notification.success{background-color:green}.notification.error{background-color:red}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.drag-area{align-items:center;background-color:#333;border:2px dashed #ddd;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:250px;justify-content:center;margin-top:20px;transition:background-color .3s ease;width:100%}.dragging{background-color:#444}.drag-area p{color:#777;font-size:16px}.drag-area span{color:#4caf50;cursor:pointer}.image-table td,.image-table th{border:1px solid #333;padding:10px}.image-table th{background-color:#1a1a1a;color:#fff}.image-table td{background-color:#2a2a2a}.image-table img{max-width:100px}.actions button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:5px;padding:8px 12px}.actions button:hover{background-color:#45a049}.actions button:focus{outline:none}.delete-button{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 12px}.delete-button:hover{background-color:#e74c3c}.delete-button:focus{outline:none}.progress-bar-container{background-color:#444;height:5px;margin:20px 0;width:100%}.progress-bar{background-color:#4caf50;height:100%}.confirm-delete-modal{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;right:0;top:0;z-index:2000}.modal-content{background-color:#212121;border-radius:10px;box-shadow:0 4px 10px #00000080;max-width:400px;padding:20px;text-align:center;width:100%}.modal-actions button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:10px;padding:10px 20px}.modal-actions button:hover{background-color:#ff0404}.modal-actions button:focus{outline:none}.actions .delete-button{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 12px}.actions .delete-button:hover{opacity:.8}.upload-button{background-color:#4caf50;margin-top:20px}.upload-button:hover{background-color:#45a049}.upload-button:focus{outline:none}.button-common{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.button-common:hover{background-color:#2980b9}.button-common:focus{outline:none}.drag-drop-upload{margin:0 auto;max-width:1200px;padding:20px;text-align:center}.footer{background-color:#111;bottom:0;color:#fff;font-size:14px;padding:20px 0;position:relative;text-align:center;width:100%}.footer-content{margin:0 auto;max-width:1200px}.footer p{margin:5px 0}.footer a{color:#4caf50;font-weight:700;text-decoration:none}.footer a:hover{text-decoration:underline}.header-container{background-color:#333;color:#fff;padding:10px 20px}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.brand-name{font-size:24px;margin:0}.hamburger{cursor:pointer;display:none;flex-direction:column}.hamburger-line{background-color:#1b1414;height:3px;margin:4px 0;width:25px}.nav-links{display:flex;gap:20px}.nav-link{color:#fff;font-size:16px;text-decoration:none}.nav-link:hover{text-decoration:underline}@media (max-width:768px){.hamburger{display:flex}.nav-links{background-color:#333;border-radius:5px;display:none;flex-direction:column;padding:10px;position:absolute;right:20px;top:60px}.nav-links.open{display:flex}}body{background:#333;color:#fff;font-family:Arial,sans-serif}.remote-upload{background:#444;border-radius:10px;box-shadow:0 4px 10px #0000004d;margin:40px auto;max-width:600px;padding:20px;text-align:center}h2{color:#fff;font-size:24px;margin-bottom:15px}textarea{background:#222;border:1px solid #666;border-radius:5px;color:#ddd;font-size:16px;margin-bottom:15px;padding:10px;resize:none;width:100%}.upload-button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:.3s}.upload-button:hover{background:#0056b3}.progress-bar{background:#555;border-radius:5px;height:5px;margin-top:10px;width:100%}.progress-bar div{background:#28a745;height:100%;transition:width .4s}.image-table{background:#222;border-collapse:collapse;border-radius:10px;margin-top:20px;width:100%}.image-table td,.image-table th{border:1px solid #555;color:#ddd;padding:8px;text-align:center}.image-table img{border-radius:5px;height:auto;width:100px}.notification{animation:fadeIn 1s ease-out;border-radius:5px;font-weight:700;margin-top:15px;padding:10px;text-align:center}.notification.success{background:#28a745;color:#fff}.notification.error{background:#dc3545;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-delete-modal{background:#444;border-radius:8px;box-shadow:0 4px 8px #0000004d;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%)}.confirm-delete-modal .modal-content{color:#ddd;text-align:center}.confirm-delete-modal button{border:none;border-radius:5px;cursor:pointer;font-size:14px;margin:5px;padding:8px 15px}.confirm-delete-modal button:first-child{background:#dc3545;color:#fff}.confirm-delete-modal button:last-child{background:#6c757d;color:#fff}button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:5px;padding:10px 20px;transition:background-color .3s ease}button.copy-url-button{background-color:#007bff}button.copy-url-button:hover{background-color:#0056b3}button.delete-button{background-color:#dc3545}button.delete-button:hover{background-color:#c82333}button:hover{opacity:.9}