@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";
:root{--bg-primary:#000;--bg-secondary:#000;--bg-tertiary:#000;--bg-card:#000;--bg-panel:#000;--bg-sidebar:#000;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-color:#ffffff12;--border-panel:#ffffff17;--border-highlight:#10b9814d;--accent-green:#10b981;--accent-green-glow:#10b98140;--accent-orange:#f59e0b;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Fira Code", ui-monospace, SFMono-Regular, monospace}html,body{color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;min-height:100vh;margin:0;padding:0;line-height:1.5;overflow:hidden}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button{font-family:inherit}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #000!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #000!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #000!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 30px #000!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}::-webkit-scrollbar-corner{background:0 0}.card,.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.25rem 1.5rem;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:#ffffff24;box-shadow:0 14px 40px #0009,0 0 20px #10b9810d}.page-main-panel{background:var(--bg-panel);border:1px solid var(--border-panel);border-radius:20px;flex-direction:column;gap:1.5rem;min-height:calc(100vh - 2rem);padding:1.5rem 1.75rem;display:flex;box-shadow:inset 0 1px #ffffff0d,0 20px 50px #0009}.page-header-block{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:1.25rem;display:flex}.badge-green-pill{color:#34d399;background:#10b9811f;border:1px solid #10b98140;border-radius:20px;align-items:center;gap:6px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-green-pill .dot{background-color:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #10b981}.sidebar-search-box{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff0a;border-radius:10px;align-items:center;gap:8px;padding:.5rem .85rem;font-size:.85rem;transition:all .2s;display:flex}.sidebar-search-box:focus-within{border-color:var(--accent-green);box-shadow:0 0 12px var(--accent-green-glow);background:#ffffff0f}.sidebar-search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.sidebar-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:1.25rem 0 .5rem .5rem;font-size:.72rem;font-weight:700}.sidebar-nav-item{color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.88rem;font-weight:500;transition:all .2s;display:flex}.sidebar-nav-item:hover{color:var(--text-primary);background:#ffffff0a}.sidebar-nav-item.active{color:var(--text-primary);background:#ffffff14;border:1px solid #ffffff1a;box-shadow:0 4px 12px #0006}.file-tree-item{color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:.35rem .5rem .35rem 1.75rem;font-size:.8rem;transition:color .2s;display:flex}.file-tree-item:hover{color:var(--text-primary)}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#0a0a0a;box-shadow:none;background-color:#ededed}.btn-primary:hover{box-shadow:none;background-color:#fff}.btn-secondary{color:var(--text-primary);border-color:var(--border-color);background-color:#ffffff0d}.btn-secondary:hover{background-color:#ffffff17;border-color:#ffffff26}.text-mono{font-family:var(--font-mono)}.flex-center{justify-content:center;align-items:center;display:flex}.w-full{width:100%}.dropdown-btn{text-align:left;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.75rem;padding:.55rem 1rem;font-size:.85rem;transition:background .15s,color .15s;display:flex}.dropdown-btn:hover{background-color:#ffffff0d}.dropdown-btn.danger-btn{color:var(--danger)}.dropdown-btn.danger-btn:hover{background-color:#ef44441f}@media (max-width:900px){.desktop-only{display:none!important}.main-content-area{border:none!important;border-radius:0!important;margin:0!important;padding:0 0 5rem!important}.glass-header-bar{border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.page-header-block{flex-direction:column;padding:1rem 1.25rem;align-items:flex-start!important}.page-actions{flex-wrap:wrap;width:100%;margin-left:0}.card,.glass-card{padding:1rem 1.1rem}.page-main-panel{border-left:none;border-right:none;border-radius:0;gap:1rem;padding:.5rem}.mobile-scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.mobile-btn-full{width:100%!important}.file-manager-header{gap:1rem;flex-direction:column!important;align-items:flex-start!important;padding:1rem!important}.file-manager-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}}@media (min-width:901px){.mobile-only{display:none!important}}.main-content-area{-webkit-backdrop-filter:blur(28px)!important;background:#11111566!important;border:1px solid #ffffff14!important;border-radius:16px!important}.page-main-panel{background:0 0;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.page-header-block{border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1.75rem 2rem 1.25rem;display:flex}.page-header-content{align-items:center;gap:1rem;display:flex}.page-header-icon{width:42px;height:42px;color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-title{color:#f3f4f6;align-items:center;gap:.6rem;margin:0;font-size:1.4rem;font-weight:700;display:flex}.page-count-badge{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:600}.page-description{color:#4a4a5a;margin-top:2px;font-size:.82rem}.page-actions{align-items:center;gap:.75rem;margin-left:auto;display:flex}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:100;background:#08080cf5;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;height:64px;padding:0 .5rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000080}.mobile-nav-item{color:var(--text-muted);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:56px;padding:.4rem .75rem;font-size:.65rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mobile-nav-item:hover,.mobile-nav-item.active{color:#10b981;background:#10b98114}.mobile-nav-item svg{transition:all .2s}.mobile-nav-item.active svg{filter:drop-shadow(0 0 6px #10b98199);stroke:#10b981}.floating-action-bar{background-color:var(--bg-secondary);z-index:100;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:1rem;width:max-content;max-width:90%;padding:.5rem 1rem;animation:.3s fadeInUp;display:flex;position:fixed;bottom:2rem;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 10px 40px #00000080}@media (max-width:768px){.floating-action-bar{gap:.5rem;padding:.5rem;bottom:5.5rem}.floating-action-bar button{padding:.4rem .6rem!important;font-size:.75rem!important}}