body,h2{color:#f1f1f1}.btn,table{font-size:14px}.table-responsive table,table{border-collapse:collapse;width:100%}#progressText,.btn,.highlight,.upload{font-weight:700}body{background:#0d0d0d;font-family:monospace,sans-serif;margin:0;padding:20px}h2{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.logo-img{width:27px;height:27px}.container{max-width:900px;margin:auto}.open-btn,td button{margin-right:5px}.search-wrapper,.upload-wrapper{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;position:relative}#searchInput,input[type=file]{padding:10px;border-radius:5px;border:1px solid #0fc;background:#033;color:#fff;flex:1 1 250px;font-size:14px}input[type=file]::-webkit-file-upload-button{cursor:pointer;background:#022;border:1px solid #055;color:#fff;padding:7px 15px;border-radius:5px;margin-right:5px}.btn{background:#0b57d0bf;color:#fff;border:none;border-radius:5px;cursor:pointer}.progress-bar,tr:nth-child(2n){background:#2a2a2a}.btn:hover{background:#0a4ec0}.progress-bar{height:20px;margin-bottom:14px;border-radius:5px;margin-top:10px;overflow:hidden}.progress-bar-fill{height:100%;width:0;background:#008635;transition:width .3s}.search-wrapper{position:relative}.search-wrapper button.close-btn{position:absolute;right:1px;top:50%;transform:translateY(-50%);background:#f44336;border:none;color:#fff;font-weight:700;font-size:22px;padding:5px 13px;border-radius:10%;cursor:pointer;display:none}.delete-btn:hover,.search-wrapper button.close-btn:hover{background:#da190b}.highlight{background-color:#292415!important}table{margin-top:10px;word-break:break-word}td,th{padding:10px;border:1px solid #333;text-align:left;vertical-align:middle}td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}th{background:#333}.copy-btn{background:#2196f3;margin-left:5px}.copy-btn:hover{background:#0b7dda}.delete-btn{background:#f44336;margin-left:0}.open-btn{background:#ffc107;color:#000}.open-btn:hover{background:#e6ac00}.folder-buttons,.multi-delete-wrapper,.upload-wrapper{display:flex;flex-wrap:wrap;gap:8px}.folder-buttons .btn,.multi-delete-wrapper .btn,.upload{flex:1 1 auto;white-space:nowrap;justify-content:center;text-align:center}#searchInput,input[type=file]{flex:1 1 100%;min-width:0}@media screen and (max-width:600px){body{padding:12px;font-size:14px}h2{font-size:18px}.btn,.upload{font-size:13px;padding:8px 10px}td,th{font-size:12px;padding:6px}.table-responsive table{min-width:500px}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{min-width:600px}.loader{display:flex;justify-content:center;align-items:center;padding:15px}.btn,.upload{align-items:center;display:inline-flex;gap:6px}.loader div{width:10px;height:10px;margin:5px;border-radius:50%;background-color:#ffb300;animation:.8s ease-in-out infinite loading}.btn i,.upload i{width:16px;height:16px;display:inline-block}.loader div:nth-child(2){animation-delay:.2s}.loader div:nth-child(3){animation-delay:.4s}@keyframes loading{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.folder-wrapper select{padding:5px 10px;font-size:14px}.folder-buttons .btn{padding:5px 10px;font-size:14px;cursor:pointer}.folder-buttons .delete-btn{background-color:#e74c3c;color:#fff}.folder-buttons .btn:hover{opacity:.85}.upload{justify-content:center;background:#7cacf8;color:#041e49;border:none;border-radius:5px;cursor:pointer;font-size:14px;line-height:1;padding:6px 12px;transition:background .3s,color .3s}.upload:hover{background:#5b8ce0;color:#041e49}.upload i{background-color:#041e49;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.btn{padding:6px 10px}.btn i{background-color:#fff;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.icon-folder-plus{mask-image:url('data:image/svg+xml;utf8,<svg style="color: white" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-folder-plus" viewBox="0 0 16 16"> <path d="m.5 3 .04.87a1.99 1.99 0 0 0-.342 1.311l.637 7A2 2 0 0 0 2.826 14H9v-1H2.826a1 1 0 0 1-.995-.91l-.637-7A1 1 0 0 1 2.19 4h11.62a1 1 0 0 1 .996 1.09L14.54 8h1.005l.256-2.819A2 2 0 0 0 13.81 3H9.828a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 6.172 1H2.5a2 2 0 0 0-2 2zm5.672-1a1 1 0 0 1 .707.293L7.586 3H2.19c-.24 0-.47.042-.683.12L1.5 2.98a1 1 0 0 1 1-.98h3.672z" fill="white"></path> <path d="M13.5 10a.5.5 0 0 1 .5.5V12h1.5a.5.5 0 1 1 0 1H14v1.5a.5.5 0 1 1-1 0V13h-1.5a.5.5 0 0 1 0-1H13v-1.5a.5.5 0 0 1 .5-.5z" fill="white"></path> </svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg style="color: white" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-folder-plus" viewBox="0 0 16 16"> <path d="m.5 3 .04.87a1.99 1.99 0 0 0-.342 1.311l.637 7A2 2 0 0 0 2.826 14H9v-1H2.826a1 1 0 0 1-.995-.91l-.637-7A1 1 0 0 1 2.19 4h11.62a1 1 0 0 1 .996 1.09L14.54 8h1.005l.256-2.819A2 2 0 0 0 13.81 3H9.828a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 6.172 1H2.5a2 2 0 0 0-2 2zm5.672-1a1 1 0 0 1 .707.293L7.586 3H2.19c-.24 0-.47.042-.683.12L1.5 2.98a1 1 0 0 1 1-.98h3.672z" fill="white"></path> <path d="M13.5 10a.5.5 0 0 1 .5.5V12h1.5a.5.5 0 1 1 0 1H14v1.5a.5.5 0 1 1-1 0V13h-1.5a.5.5 0 0 1 0-1H13v-1.5a.5.5 0 0 1 .5-.5z" fill="white"></path> </svg>')}.icon-edit{mask-image:url('data:image/svg+xml;utf8,<svg style="color: white" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-square" viewBox="0 0 16 16"> <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z" fill="white"></path> <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z" fill="white"></path> </svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg style="color: white" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-square" viewBox="0 0 16 16"> <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z" fill="white"></path> <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z" fill="white"></path> </svg>')}.icon-delete{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 16 16"><path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/><path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 16 16"><path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/><path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118z"/></svg>')}.icon-upload{mask-image:url('data:image/svg+xml;utf8,<svg style="color: rgb(4 30 73)" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-upload" viewBox="0 0 16 16"> <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z" fill="rgb(4 30 73)"></path> <path d="M7.646 1.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 2.707V11.5a.5.5 0 0 1-1 0V2.707L5.354 4.854a.5.5 0 1 1-.708-.708l3-3z" fill="rgb(4 30 73)"></path> </svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg style="color: rgb(4 30 73)" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-upload" viewBox="0 0 16 16"> <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z" fill="rgb(4 30 73)"></path> <path d="M7.646 1.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 2.707V11.5a.5.5 0 0 1-1 0V2.707L5.354 4.854a.5.5 0 1 1-.708-.708l3-3z" fill="rgb(4 30 73)"></path> </svg>')}.folder-label{display:inline-flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.folder-label .folder{display:inline-block;width:22px;height:22px;background:url('data:image/svg+xml;utf8,<svg style="color: white" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-folder-symlink" viewBox="0 0 16 16"> <path d="m11.798 8.271-3.182 1.97c-.27.166-.616-.036-.616-.372V9.1s-2.571-.3-4 2.4c.571-4.8 3.143-4.8 4-4.8v-.769c0-.336.346-.538.616-.371l3.182 1.969c.27.166.27.576 0 .742z" fill="rgb(251 188 5)"></path> <path d="m.5 3 .04.87a1.99 1.99 0 0 0-.342 1.311l.637 7A2 2 0 0 0 2.826 14h10.348a2 2 0 0 0 1.991-1.819l.637-7A2 2 0 0 0 13.81 3H9.828a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 6.172 1H2.5a2 2 0 0 0-2 2zm.694 2.09A1 1 0 0 1 2.19 4h11.62a1 1 0 0 1 .996 1.09l-.636 7a1 1 0 0 1-.996.91H2.826a1 1 0 0 1-.995-.91l-.637-7zM6.172 2a1 1 0 0 1 .707.293L7.586 3H2.19c-.24 0-.47.042-.683.12L1.5 2.98a1 1 0 0 1 1-.98h3.672z" fill="rgb(251 188 5)"></path> </svg>') 0 0/contain}#progressText{font-family:monospace;color:#0fc}