*{box-sizing:border-box}body{margin:0;background:#070b12;color:#f4f7fb;font-family:system-ui,sans-serif}header{padding:18px;border-bottom:1px solid #263244;background:#0b111b;position:sticky;top:0;z-index:2}.wrap{max-width:1100px;margin:auto;padding:18px}nav{display:flex;gap:8px;margin-top:14px}.nav{padding:10px 14px;border:1px solid #263244;border-radius:12px;color:#9aa8bb;text-decoration:none}.active{background:#6cf2a0;color:#07110b;border-color:#6cf2a0;font-weight:800}.toolbar{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}button,input{padding:11px 13px;border-radius:12px;border:1px solid #263244;background:#111a27;color:#fff}input{flex:1;min-width:220px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.card,.node{background:#101722;border:1px solid #263244;border-radius:15px;padding:14px}.meta,.small,.sub{color:#91a0b4;font-size:12px;line-height:1.6}.badge{display:inline-block;background:#182435;color:#6cf2a0;border-radius:999px;padding:4px 8px;font-size:11px;margin-right:5px}.locked{color:#ffbd6b}.empty,.error{padding:25px;border:1px dashed #263244;border-radius:15px;color:#91a0b4;text-align:center}.tree{display:flex;flex-direction:column;gap:8px}.node{padding:0;overflow:hidden}.nodehead{padding:12px;cursor:pointer;display:flex;gap:10px}.children{display:none;padding:0 10px 10px 28px}.node.open>.children{display:block}.file{background:#0c131d;border-left:2px solid #33445d;border-radius:9px;padding:10px;margin:6px 0}

.progress-wrap{margin:16px 0;background:#0d141f;border:1px solid #263244;border-radius:14px;padding:10px}
.progress-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:13px}
.progress-percent{font-weight:800;color:#6cf2a0}
.progress-track{height:10px;background:#1a2533;border-radius:999px;overflow:hidden}
.progress-bar{height:100%;width:0%;background:#6cf2a0;border-radius:999px;transition:width .25s ease}