/* best css ever, why would you need more? - oh yeah, probably use dark legacy */

        body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
        .login-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.3); z-index: 1000; }
        .overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 999; }
        .content { max-width:900px; margin:auto; padding-top :20px;}
        #fileList { width :100%; border-collapse : collapse; margin-top :20px;}
        #fileList th,#fileList td { border :1px solid #ddd; padding :8px; text-align : left;}
        #fileList th { background-color : #f2f2f2; cursor:pointer;}
        .action-button { margin-right :5px; padding :5px ; cursor : pointer;}
        .progress-bar { width :100%; background-color:#f3f3f3; border-radius :5px; overflow:hidden; margin-top:.5rem;}
        .progress { height:.5rem; background-color:#4caf50; width :0%; transition:.5s;}
        .progress-text { text-align:center;font-weight:bold;margin-top:.5rem;}
        .message { color : green;margin-top:.5rem;}
        #pagination button.active { font-weight: bold; }
        #pagination { margin-top: 10px;}
        .file-controls { margin-bottom: 10px; }

/* forgot to add this, chat am i stupid ?*/
#settingsModal {
  border: 1px solid !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 16px;
  min-width: 220px;
  z-index: 1201;
}