body{background:#121212;color:#BFFF00;font-family:Arial,sans-serif;margin:0;padding:0;}
a{color:#BFFF00;text-decoration:none;}
button{background:#BFFF00;color:#121212;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;}
button:hover{opacity:.8;}
input[type=text],input[type=password],select{padding:8px;margin:5px 0;border-radius:4px;border:none;}
.login-container,.dashboard-container,.page-container{width:90%;max-width:900px;margin:50px auto;text-align:center;}
.card{display:inline-block;padding:20px;margin:20px;background:#1e1e1e;border-radius:8px;width:200px;}
.upload-area{border:2px dashed #BFFF00;padding:40px;margin:20px 0;cursor:pointer;}
.upload-area.dragover{background:#1e1e1e;}
.upload-area input[type=file]{display:none;}
progress{width:100%;margin:5px 0;}
.gallery,.file-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;}
.video-card,.file-card{background:#1e1e1e;margin:10px;padding:10px;border-radius:8px;box-sizing:border-box;}
.video-card video{width:100%;height:140px;cursor:pointer;border-radius:4px;}
.file-thumb{width:100%;height:120px;object-fit:cover;border-radius:4px;}
.file-icon{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:#333;font-size:24px;font-weight:bold;border-radius:4px;}
.top-bar{display:flex;align-items:center;flex-wrap:wrap;padding:10px 0;margin-bottom:20px;gap:15px;}
.top-bar .back-btn{color:#BFFF00;font-weight:bold;text-decoration:none;}
.top-bar .youtube-link{display:flex;align-items:center;margin-left:20px;}
.top-bar .youtube-link span{margin-left:5px;}
.top-bar #filter-form{margin-left:auto;}
.top-bar a.logout-btn{margin-left:10px;color:#BFFF00;font-weight:bold;text-decoration:none;}
.video-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);justify-content:center;align-items:center;z-index:1000;}
.video-modal video{max-width:90%;max-height:90%;}
.close-modal{position:absolute;top:20px;right:40px;color:#BFFF00;font-size:36px;font-weight:bold;cursor:pointer;}
.modal-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:36px;color:#BFFF00;cursor:pointer;user-select:none;padding:10px;font-weight:bold;}
#prev-video{left:20px;}#next-video{right:20px;}


/* Delete Modal */
.delete-modal{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    justify-content:center;
    align-items:center;
    z-index:2000;
}
.delete-modal .modal-content{
    background:#1e1e1e;
    padding:20px;
    border-radius:8px;
    text-align:center;
}
.delete-modal button{margin:5px;}