.active2,body{background-color:#f0f0f0}#content,#sidebar a,pre{padding:10px} .footer,.backend,.progress,body,form,h1,h2,h4{text-align:center} .footer,#navbar{background-color:#333;color:#fff}*,ul{padding:0}#sidebar a,.sub-folder.open{display:block}.thecont,pre{background-color:#fff}*{box-sizing:border-box;margin:0}#navbar{height:60px;display:flex;align-items:center;padding:0 20px}#navbar h1{font-size:20px;margin-left:10px}#navbar .toggle-sidebar{display:none;font-size:24px;margin-left:auto;cursor:pointer}#navbar .user{display:none;margin-left:auto;color:#fff}#sidebar{color:#333;height:100vh;top:0;left:-250px;overflow-y:auto;transition:left .3s;box-shadow:0 0 10px rgba(0,0,0,.1);width:250px;position:fixed;min-height:100vh;background:#f4f4f4;padding:15px}#sidebar ul{list-style:none;padding:30px 10px 10px}#sidebar li{margin-bottom:10px}#sidebar a{color:#333;text-decoration:none;transition:background-color .3s;border-radius:5px;background-color:#e0e0e0;font-weight:700}#content{margin:auto;background-color:#f6f6f6;min-height:calc(100vh + 0px);display:flex;flex-direction:column}  .footer{margin-top:auto;padding:10px}@media (max-width:768px){#sidebar{left:-250px}#content{margin-left:0}#navbar .toggle-sidebar{display:block;margin-left:auto;margin-right:10px}#sidebar.open{left:0}}@media (min-width:769px){#navbar{display:none}#sidebar{left:0}#content{margin-left:250px}}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.icon-bars{fill:currentColor;width:1.7em;height:1.7em}ul{list-style-type:none}li{margin:5px 0}pre{white-space:pre-wrap;border:1px solid #ccc;border-radius:5px}.sub-folder{display:none}form{font-size:1.1em}button{padding:5px 10px;margin:5px;border-radius:5px}#sidebar a.active,#sidebar a:hover{background-color:#3388d6}.smallfont{font-size:70%;font-size:smaller!important;font-weight:300!important;color:#111;padding-left:2px}body{font-family:Arial,sans-serif}#content{margin-left:260px}.thecont{width:600px;margin:auto;padding:20px;min-height:90vh;border-radius:10px;box-shadow:2px 2px 10px #aaa}.backend,.progress,.progress-bar{border-radius:5px}.progress-bar{width:96%;background:#ddd;height:20px;margin:15px 0 15px 10px}.totalProgress{background-image:url('background.png');background-repeat:no-repeat;background-size:contain;background-position:center}.progress{height:100%;line-height:20px;background:green;color:#fff}.file-column,.file-columns{padding:15px;margin:2px 0}.uploaded{color:green}.pending{color:red}.file-columns{display:flex;justify-content:space-between;gap:20px;min-height:70vh}.file-column{flex:1}.file-column ul{list-style:none;padding:0}@media (max-width:768px){#content{width:100%;margin-left:0;transition:width .3s ease-in-out}#sidebar{left:-250px;transition:left .3s ease-in-out}#sidebar.open{left:0}#sidebar.open+#content{width:calc(100% - 0px);margin-left:0}.thecont{width:95vw}}@media (min-width:769px){#sidebar{left:0}#content{margin-left:250px;transition:margin-left .3s ease-in-out}}.middle{margin-left:250px;transition:margin-left .3s ease-in-out}#sidebar.open{left:0}#sidebar.open+#content{margin-left:0}.backend{background-color:#4caf50;color:#fff;font-weight:700;padding:10px;display:block}.back-link:hover{background-color:#4caf50!important}
.progress-ring{position:relative;display:inline-block;width:120px;height:120px}.progress-ring circle{fill:none;stroke-width:10}.progress-ring .background{stroke:#ddd}.progress-ring .progress{stroke:green;stroke-linecap:round;transition:stroke-dasharray 0.3s}.progress-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:bold}.group-list{margin-top:20px;z-index:-1000}.group-item{cursor:pointer;margin:10px;display:inline-block}.details{display:none;margin-top:10px}.active .details{display:block}.open{z-index:1}@media (max-width:768px){.group-item{margin:0px;margin:0 2px 40px 2px}.progress-ring{width:auto;height:auto}.thecont{padding:10px 5px 10px 5px}.progress-bar{width:99%}}.thecont, pre {background-color: #f3f6f9;}