diff --git a/.taurignore b/.taurignore
deleted file mode 100644
index 6009477..0000000
--- a/.taurignore
+++ /dev/null
@@ -1,3 +0,0 @@
-/src
-/assets
-/Cargo.toml
\ No newline at end of file
diff --git a/Dioxus.toml b/Dioxus.toml
deleted file mode 100644
index 4a72da7..0000000
--- a/Dioxus.toml
+++ /dev/null
@@ -1,12 +0,0 @@
-[application]
-name = "sandcrate-ui"
-default_platform = "web"
-out_dir = "dist"
-asset_dir = "assets"
-
-[web.app]
-title = "Tauri + Dioxus App"
-
-[web.watcher]
-reload_html = true
-watch_path = ["src", "assets"]
\ No newline at end of file
diff --git a/postcss.config.js b/postcss.config.js
deleted file mode 100644
index 387612e..0000000
--- a/postcss.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-} 
\ No newline at end of file
diff --git a/sandcrate-web/Cargo.toml b/sandcrate-web/Cargo.toml
deleted file mode 100644
index 396a7da..0000000
--- a/sandcrate-web/Cargo.toml
+++ /dev/null
@@ -1,26 +0,0 @@
-[package]
-name = "sandcrate-web"
-version = "0.1.0"
-edition = "2021"
-
-[dependencies]
-leptos = { version = "0.6", features = ["csr"] }
-leptos_router = "0.6"
-serde = { version = "1.0", features = ["derive"] }
-serde_json = "1.0"
-wasm-bindgen = "0.2"
-wasm-bindgen-futures = "0.4"
-web-sys = { version = "0.3", features = ["console", "Document", "Element", "HtmlElement", "Node", "Window"] }
-gloo-net = "0.4"
-gloo-storage = "0.3"
-console_log = "1.0"
-log = "0.4"
-
-[lib]
-crate-type = ["cdylib"]  # Required for WASM
-
-[profile.dev]
-opt-level = "z"
-
-[profile.release]
-opt-level = "z"
diff --git a/sandcrate-web/Trunk.toml b/sandcrate-web/Trunk.toml
deleted file mode 100644
index a5a0160..0000000
--- a/sandcrate-web/Trunk.toml
+++ /dev/null
@@ -1,10 +0,0 @@
-[build]
-target = "index.html"
-dist = "dist"
-
-[watch]
-watch = ["src", "style"]
-
-[serve]
-address = "127.0.0.1"
-port = 8080 
\ No newline at end of file
diff --git a/sandcrate-web/dist/auth-f8981d42df68487b.css b/sandcrate-web/dist/auth-f8981d42df68487b.css
deleted file mode 100644
index fb59343..0000000
--- a/sandcrate-web/dist/auth-f8981d42df68487b.css
+++ /dev/null
@@ -1,174 +0,0 @@
-/* Modern Green Theme - Authentication Styles */
-
-:root {
-    --primary-green: #10b981;
-    --primary-green-dark: #059669;
-    --primary-green-light: #34d399;
-    --secondary-green: #065f46;
-    --accent-green: #6ee7b7;
-    --background: #f8fafc;
-    --surface: #ffffff;
-    --surface-hover: #f1f5f9;
-    --text-primary: #1f2937;
-    --text-secondary: #6b7280;
-    --text-muted: #9ca3af;
-    --border: #e5e7eb;
-    --border-focus: #10b981;
-    --error: #ef4444;
-    --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-}
-
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-body {
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
-    min-height: 100vh;
-    color: var(--text-primary);
-}
-
-/* Login Page Styles */
-.login-container {
-    min-height: 100vh;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 1rem;
-    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 50%, #dcfce7 100%);
-}
-
-.login-card {
-    background: var(--surface);
-    border-radius: 16px;
-    box-shadow: var(--shadow-lg);
-    padding: 2.5rem;
-    width: 100%;
-    max-width: 400px;
-    border: 1px solid var(--border);
-}
-
-.login-header {
-    text-align: center;
-    margin-bottom: 2rem;
-}
-
-.login-header h1 {
-    font-size: 2rem;
-    font-weight: 700;
-    color: var(--primary-green);
-    margin-bottom: 0.5rem;
-    background: linear-gradient(135deg, var(--primary-green) 0%, var(--secondary-green) 100%);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-}
-
-.login-header p {
-    color: var(--text-secondary);
-    font-size: 0.875rem;
-}
-
-.login-form {
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-}
-
-.form-group {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-}
-
-.form-group label {
-    font-weight: 500;
-    color: var(--text-primary);
-    font-size: 0.875rem;
-}
-
-.form-group input {
-    padding: 0.75rem 1rem;
-    border: 2px solid var(--border);
-    border-radius: 8px;
-    font-size: 1rem;
-    transition: all 0.2s ease;
-    background: var(--surface);
-}
-
-.form-group input:focus {
-    outline: none;
-    border-color: var(--border-focus);
-    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
-}
-
-.form-group input:disabled {
-    background: var(--surface-hover);
-    cursor: not-allowed;
-    opacity: 0.6;
-}
-
-.error-message {
-    background: #fef2f2;
-    border: 1px solid #fecaca;
-    color: var(--error);
-    padding: 0.75rem;
-    border-radius: 8px;
-    font-size: 0.875rem;
-    text-align: center;
-}
-
-.login-button {
-    background: linear-gradient(135deg, var(--primary-green) 0%, var(--primary-green-dark) 100%);
-    color: white;
-    border: none;
-    padding: 0.875rem 1.5rem;
-    border-radius: 8px;
-    font-size: 1rem;
-    font-weight: 600;
-    cursor: pointer;
-    transition: all 0.2s ease;
-    box-shadow: var(--shadow);
-}
-
-.login-button:hover:not(:disabled) {
-    transform: translateY(-1px);
-    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
-}
-
-.login-button:active:not(:disabled) {
-    transform: translateY(0);
-}
-
-.login-button:disabled {
-    background: var(--text-muted);
-    cursor: not-allowed;
-    transform: none;
-    box-shadow: none;
-}
-
-.login-footer {
-    margin-top: 2rem;
-    text-align: center;
-}
-
-.login-footer p {
-    color: var(--text-muted);
-    font-size: 0.75rem;
-}
-
-/* Responsive Design */
-@media (max-width: 480px) {
-    .login-card {
-        padding: 2rem;
-        margin: 1rem;
-    }
-    
-    .login-header h1 {
-        font-size: 1.75rem;
-    }
-}
\ No newline at end of file
diff --git a/sandcrate-web/dist/index.html b/sandcrate-web/dist/index.html
deleted file mode 100644
index 6ab0df8..0000000
--- a/sandcrate-web/dist/index.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>Sandcrate</title>
-    <link rel="stylesheet" href="/style-4b23e51cf0601ea5.css" integrity="sha384-muMoHHtyVXSAG9ySLA2eip8HDN6soSZpWadb+24o1riql0nSRfVRPjOxTkO+ql/6"/>
-    <link rel="stylesheet" href="/auth-f8981d42df68487b.css" integrity="sha384-+jDWkxI5Dydm3gfyqrufgqJMa2Olj3kzMdh4vhmrKcgAEgFD8/wf+XQ34OgomTXu"/>
-    
-<script type="module">
-import init, * as bindings from '/sandcrate-web-803cb37bab4b4574.js';
-const wasm = await init({ module_or_path: '/sandcrate-web-803cb37bab4b4574_bg.wasm' });
-
-
-window.wasmBindings = bindings;
-
-
-dispatchEvent(new CustomEvent("TrunkApplicationStarted", {detail: {wasm}}));
-
-</script>
-  <link rel="modulepreload" href="/sandcrate-web-803cb37bab4b4574.js" crossorigin="anonymous" integrity="sha384-HiwgQP1iP1Fr66g4y2wytOmmrB6OeuQYLrLDfDjjPm2ATKpqs8pk1vfCpMhfaMN9"><link rel="preload" href="/sandcrate-web-803cb37bab4b4574_bg.wasm" crossorigin="anonymous" integrity="sha384-vUBB9ApAFosQVUS91KXk3eRkej/AHWwr9CcV0vLMx+6rLj/nsimto7VRGwL3YQ50" as="fetch" type="application/wasm"></head>
-  <body>
-    <script type="module">
-      // Wait for Trunk to load the WASM, then call our main function
-      window.addEventListener("TrunkApplicationStarted", async (event) => {
-        const { wasm } = event.detail;
-        const bindings = window.wasmBindings;
-        
-        console.log('WASM loaded successfully');
-        console.log('Bindings:', bindings);
-        
-        // Call the main function to start the application
-        if (bindings.main) {
-          console.log('Calling main function...');
-          bindings.main();
-        } else {
-          console.error('Main function not found in bindings');
-        }
-      });
-    </script>
-  </body>
-</html>
diff --git a/sandcrate-web/dist/sandcrate-web-803cb37bab4b4574.js b/sandcrate-web/dist/sandcrate-web-803cb37bab4b4574.js
deleted file mode 100644
index bf8cdfb..0000000
--- a/sandcrate-web/dist/sandcrate-web-803cb37bab4b4574.js
+++ /dev/null
@@ -1,1031 +0,0 @@
-let wasm;
-
-function getFromExternrefTable0(idx) { return wasm.__wbindgen_export_0.get(idx); }
-
-const cachedTextDecoder = (typeof TextDecoder !== 'undefined' ? new TextDecoder('utf-8', { ignoreBOM: true, fatal: true }) : { decode: () => { throw Error('TextDecoder not available') } } );
-
-if (typeof TextDecoder !== 'undefined') { cachedTextDecoder.decode(); };
-
-let cachedUint8ArrayMemory0 = null;
-
-function getUint8ArrayMemory0() {
-    if (cachedUint8ArrayMemory0 === null || cachedUint8ArrayMemory0.byteLength === 0) {
-        cachedUint8ArrayMemory0 = new Uint8Array(wasm.memory.buffer);
-    }
-    return cachedUint8ArrayMemory0;
-}
-
-function getStringFromWasm0(ptr, len) {
-    ptr = ptr >>> 0;
-    return cachedTextDecoder.decode(getUint8ArrayMemory0().subarray(ptr, ptr + len));
-}
-
-function getCachedStringFromWasm0(ptr, len) {
-    if (ptr === 0) {
-        return getFromExternrefTable0(len);
-    } else {
-        return getStringFromWasm0(ptr, len);
-    }
-}
-
-function addToExternrefTable0(obj) {
-    const idx = wasm.__externref_table_alloc();
-    wasm.__wbindgen_export_0.set(idx, obj);
-    return idx;
-}
-
-function handleError(f, args) {
-    try {
-        return f.apply(this, args);
-    } catch (e) {
-        const idx = addToExternrefTable0(e);
-        wasm.__wbindgen_exn_store(idx);
-    }
-}
-
-function isLikeNone(x) {
-    return x === undefined || x === null;
-}
-
-let WASM_VECTOR_LEN = 0;
-
-const cachedTextEncoder = (typeof TextEncoder !== 'undefined' ? new TextEncoder('utf-8') : { encode: () => { throw Error('TextEncoder not available') } } );
-
-const encodeString = (typeof cachedTextEncoder.encodeInto === 'function'
-    ? function (arg, view) {
-    return cachedTextEncoder.encodeInto(arg, view);
-}
-    : function (arg, view) {
-    const buf = cachedTextEncoder.encode(arg);
-    view.set(buf);
-    return {
-        read: arg.length,
-        written: buf.length
-    };
-});
-
-function passStringToWasm0(arg, malloc, realloc) {
-
-    if (realloc === undefined) {
-        const buf = cachedTextEncoder.encode(arg);
-        const ptr = malloc(buf.length, 1) >>> 0;
-        getUint8ArrayMemory0().subarray(ptr, ptr + buf.length).set(buf);
-        WASM_VECTOR_LEN = buf.length;
-        return ptr;
-    }
-
-    let len = arg.length;
-    let ptr = malloc(len, 1) >>> 0;
-
-    const mem = getUint8ArrayMemory0();
-
-    let offset = 0;
-
-    for (; offset < len; offset++) {
-        const code = arg.charCodeAt(offset);
-        if (code > 0x7F) break;
-        mem[ptr + offset] = code;
-    }
-
-    if (offset !== len) {
-        if (offset !== 0) {
-            arg = arg.slice(offset);
-        }
-        ptr = realloc(ptr, len, len = offset + arg.length * 3, 1) >>> 0;
-        const view = getUint8ArrayMemory0().subarray(ptr + offset, ptr + len);
-        const ret = encodeString(arg, view);
-
-        offset += ret.written;
-        ptr = realloc(ptr, len, offset, 1) >>> 0;
-    }
-
-    WASM_VECTOR_LEN = offset;
-    return ptr;
-}
-
-let cachedDataViewMemory0 = null;
-
-function getDataViewMemory0() {
-    if (cachedDataViewMemory0 === null || cachedDataViewMemory0.buffer.detached === true || (cachedDataViewMemory0.buffer.detached === undefined && cachedDataViewMemory0.buffer !== wasm.memory.buffer)) {
-        cachedDataViewMemory0 = new DataView(wasm.memory.buffer);
-    }
-    return cachedDataViewMemory0;
-}
-
-const CLOSURE_DTORS = (typeof FinalizationRegistry === 'undefined')
-    ? { register: () => {}, unregister: () => {} }
-    : new FinalizationRegistry(state => {
-    wasm.__wbindgen_export_5.get(state.dtor)(state.a, state.b)
-});
-
-function makeMutClosure(arg0, arg1, dtor, f) {
-    const state = { a: arg0, b: arg1, cnt: 1, dtor };
-    const real = (...args) => {
-        // First up with a closure we increment the internal reference
-        // count. This ensures that the Rust closure environment won't
-        // be deallocated while we're invoking it.
-        state.cnt++;
-        const a = state.a;
-        state.a = 0;
-        try {
-            return f(a, state.b, ...args);
-        } finally {
-            if (--state.cnt === 0) {
-                wasm.__wbindgen_export_5.get(state.dtor)(a, state.b);
-                CLOSURE_DTORS.unregister(state);
-            } else {
-                state.a = a;
-            }
-        }
-    };
-    real.original = state;
-    CLOSURE_DTORS.register(real, state, state);
-    return real;
-}
-
-function debugString(val) {
-    // primitive types
-    const type = typeof val;
-    if (type == 'number' || type == 'boolean' || val == null) {
-        return  `${val}`;
-    }
-    if (type == 'string') {
-        return `"${val}"`;
-    }
-    if (type == 'symbol') {
-        const description = val.description;
-        if (description == null) {
-            return 'Symbol';
-        } else {
-            return `Symbol(${description})`;
-        }
-    }
-    if (type == 'function') {
-        const name = val.name;
-        if (typeof name == 'string' && name.length > 0) {
-            return `Function(${name})`;
-        } else {
-            return 'Function';
-        }
-    }
-    // objects
-    if (Array.isArray(val)) {
-        const length = val.length;
-        let debug = '[';
-        if (length > 0) {
-            debug += debugString(val[0]);
-        }
-        for(let i = 1; i < length; i++) {
-            debug += ', ' + debugString(val[i]);
-        }
-        debug += ']';
-        return debug;
-    }
-    // Test for built-in
-    const builtInMatches = /\[object ([^\]]+)\]/.exec(toString.call(val));
-    let className;
-    if (builtInMatches && builtInMatches.length > 1) {
-        className = builtInMatches[1];
-    } else {
-        // Failed to match the standard '[object ClassName]'
-        return toString.call(val);
-    }
-    if (className == 'Object') {
-        // we're a user defined class or Object
-        // JSON.stringify avoids problems with cycles, and is generally much
-        // easier than looping through ownProperties of `val`.
-        try {
-            return 'Object(' + JSON.stringify(val) + ')';
-        } catch (_) {
-            return 'Object';
-        }
-    }
-    // errors
-    if (val instanceof Error) {
-        return `${val.name}: ${val.message}\n${val.stack}`;
-    }
-    // TODO we could test for more things here, like `Set`s and `Map`s.
-    return className;
-}
-
-export function main() {
-    wasm.main();
-}
-
-function __wbg_adapter_34(arg0, arg1, arg2) {
-    wasm.closure311_externref_shim(arg0, arg1, arg2);
-}
-
-function __wbg_adapter_37(arg0, arg1) {
-    wasm._dyn_core__ops__function__FnMut_____Output___R_as_wasm_bindgen__closure__WasmClosure___describe__invoke__h38dd1e610d765d91(arg0, arg1);
-}
-
-function __wbg_adapter_40(arg0, arg1, arg2) {
-    wasm.closure376_externref_shim(arg0, arg1, arg2);
-}
-
-function __wbg_adapter_226(arg0, arg1, arg2, arg3) {
-    wasm.closure396_externref_shim(arg0, arg1, arg2, arg3);
-}
-
-const __wbindgen_enum_ReadableStreamType = ["bytes"];
-
-const IntoUnderlyingByteSourceFinalization = (typeof FinalizationRegistry === 'undefined')
-    ? { register: () => {}, unregister: () => {} }
-    : new FinalizationRegistry(ptr => wasm.__wbg_intounderlyingbytesource_free(ptr >>> 0, 1));
-
-export class IntoUnderlyingByteSource {
-
-    __destroy_into_raw() {
-        const ptr = this.__wbg_ptr;
-        this.__wbg_ptr = 0;
-        IntoUnderlyingByteSourceFinalization.unregister(this);
-        return ptr;
-    }
-
-    free() {
-        const ptr = this.__destroy_into_raw();
-        wasm.__wbg_intounderlyingbytesource_free(ptr, 0);
-    }
-    /**
-     * @returns {ReadableStreamType}
-     */
-    get type() {
-        const ret = wasm.intounderlyingbytesource_type(this.__wbg_ptr);
-        return __wbindgen_enum_ReadableStreamType[ret];
-    }
-    /**
-     * @returns {number}
-     */
-    get autoAllocateChunkSize() {
-        const ret = wasm.intounderlyingbytesource_autoAllocateChunkSize(this.__wbg_ptr);
-        return ret >>> 0;
-    }
-    /**
-     * @param {ReadableByteStreamController} controller
-     */
-    start(controller) {
-        wasm.intounderlyingbytesource_start(this.__wbg_ptr, controller);
-    }
-    /**
-     * @param {ReadableByteStreamController} controller
-     * @returns {Promise<any>}
-     */
-    pull(controller) {
-        const ret = wasm.intounderlyingbytesource_pull(this.__wbg_ptr, controller);
-        return ret;
-    }
-    cancel() {
-        const ptr = this.__destroy_into_raw();
-        wasm.intounderlyingbytesource_cancel(ptr);
-    }
-}
-
-const IntoUnderlyingSinkFinalization = (typeof FinalizationRegistry === 'undefined')
-    ? { register: () => {}, unregister: () => {} }
-    : new FinalizationRegistry(ptr => wasm.__wbg_intounderlyingsink_free(ptr >>> 0, 1));
-
-export class IntoUnderlyingSink {
-
-    __destroy_into_raw() {
-        const ptr = this.__wbg_ptr;
-        this.__wbg_ptr = 0;
-        IntoUnderlyingSinkFinalization.unregister(this);
-        return ptr;
-    }
-
-    free() {
-        const ptr = this.__destroy_into_raw();
-        wasm.__wbg_intounderlyingsink_free(ptr, 0);
-    }
-    /**
-     * @param {any} chunk
-     * @returns {Promise<any>}
-     */
-    write(chunk) {
-        const ret = wasm.intounderlyingsink_write(this.__wbg_ptr, chunk);
-        return ret;
-    }
-    /**
-     * @returns {Promise<any>}
-     */
-    close() {
-        const ptr = this.__destroy_into_raw();
-        const ret = wasm.intounderlyingsink_close(ptr);
-        return ret;
-    }
-    /**
-     * @param {any} reason
-     * @returns {Promise<any>}
-     */
-    abort(reason) {
-        const ptr = this.__destroy_into_raw();
-        const ret = wasm.intounderlyingsink_abort(ptr, reason);
-        return ret;
-    }
-}
-
-const IntoUnderlyingSourceFinalization = (typeof FinalizationRegistry === 'undefined')
-    ? { register: () => {}, unregister: () => {} }
-    : new FinalizationRegistry(ptr => wasm.__wbg_intounderlyingsource_free(ptr >>> 0, 1));
-
-export class IntoUnderlyingSource {
-
-    __destroy_into_raw() {
-        const ptr = this.__wbg_ptr;
-        this.__wbg_ptr = 0;
-        IntoUnderlyingSourceFinalization.unregister(this);
-        return ptr;
-    }
-
-    free() {
-        const ptr = this.__destroy_into_raw();
-        wasm.__wbg_intounderlyingsource_free(ptr, 0);
-    }
-    /**
-     * @param {ReadableStreamDefaultController} controller
-     * @returns {Promise<any>}
-     */
-    pull(controller) {
-        const ret = wasm.intounderlyingsource_pull(this.__wbg_ptr, controller);
-        return ret;
-    }
-    cancel() {
-        const ptr = this.__destroy_into_raw();
-        wasm.intounderlyingsource_cancel(ptr);
-    }
-}
-
-async function __wbg_load(module, imports) {
-    if (typeof Response === 'function' && module instanceof Response) {
-        if (typeof WebAssembly.instantiateStreaming === 'function') {
-            try {
-                return await WebAssembly.instantiateStreaming(module, imports);
-
-            } catch (e) {
-                if (module.headers.get('Content-Type') != 'application/wasm') {
-                    console.warn("`WebAssembly.instantiateStreaming` failed because your server does not serve Wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n", e);
-
-                } else {
-                    throw e;
-                }
-            }
-        }
-
-        const bytes = await module.arrayBuffer();
-        return await WebAssembly.instantiate(bytes, imports);
-
-    } else {
-        const instance = await WebAssembly.instantiate(module, imports);
-
-        if (instance instanceof WebAssembly.Instance) {
-            return { instance, module };
-
-        } else {
-            return instance;
-        }
-    }
-}
-
-function __wbg_get_imports() {
-    const imports = {};
-    imports.wbg = {};
-    imports.wbg.__wbg_addEventListener_90e553fdce254421 = function() { return handleError(function (arg0, arg1, arg2, arg3) {
-        var v0 = getCachedStringFromWasm0(arg1, arg2);
-        arg0.addEventListener(v0, arg3);
-    }, arguments) };
-    imports.wbg.__wbg_add_9b5191a4a4f767dc = function() { return handleError(function (arg0, arg1, arg2) {
-        var v0 = getCachedStringFromWasm0(arg1, arg2);
-        arg0.add(v0);
-    }, arguments) };
-    imports.wbg.__wbg_altKey_d7495666df921121 = function(arg0) {
-        const ret = arg0.altKey;
-        return ret;
-    };
-    imports.wbg.__wbg_appendChild_8204974b7328bf98 = function() { return handleError(function (arg0, arg1) {
-        const ret = arg0.appendChild(arg1);
-        return ret;
-    }, arguments) };
-    imports.wbg.__wbg_append_72823f880e7cfd5f = function() { return handleError(function (arg0, arg1, arg2) {
-        arg0.append(arg1, arg2);
-    }, arguments) };
-    imports.wbg.__wbg_before_c735810cb6839ce5 = function() { return handleError(function (arg0, arg1) {
-        arg0.before(arg1);
-    }, arguments) };
-    imports.wbg.__wbg_body_942ea927546a04ba = function(arg0) {
-        const ret = arg0.body;
-        return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
-    };
-    imports.wbg.__wbg_buffer_09165b52af8c5237 = function(arg0) {
-        const ret = arg0.buffer;
-        return ret;
-    };
-    imports.wbg.__wbg_buffer_609cc3eee51ed158 = function(arg0) {
-        const ret = arg0.buffer;
-        return ret;
-    };
-    imports.wbg.__wbg_button_f75c56aec440ea04 = function(arg0) {
-        const ret = arg0.button;
-        return ret;
-    };
-    imports.wbg.__wbg_byobRequest_77d9adf63337edfb = function(arg0) {
-        const ret = arg0.byobRequest;
-        return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
-    };
-    imports.wbg.__wbg_byteLength_e674b853d9c77e1d = function(arg0) {
-        const ret = arg0.byteLength;
-        return ret;
-    };
-    imports.wbg.__wbg_byteOffset_fd862df290ef848d = function(arg0) {
-        const ret = arg0.byteOffset;
-        return ret;
-    };
-    imports.wbg.__wbg_call_672a4d21634d4a24 = function() { return handleError(function (arg0, arg1) {
-        const ret = arg0.call(arg1);
-        return ret;
-    }, arguments) };
-    imports.wbg.__wbg_call_7cccdd69e0791ae2 = function() { return handleError(function (arg0, arg1, arg2) {
-        const ret = arg0.call(arg1, arg2);
-        return ret;
-    }, arguments) };
-    imports.wbg.__wbg_childNodes_c4423003f3a9441f = function(arg0) {
-        const ret = arg0.childNodes;
-        return ret;
-    };
-    imports.wbg.__wbg_classList_3fa995ef71da9e8e = function(arg0) {
-        const ret = arg0.classList;
-        return ret;
-    };
-    imports.wbg.__wbg_cloneNode_e35b333b87d51340 = function() { return handleError(function (arg0) {
-        const ret = arg0.cloneNode();
-        return ret;
-    }, arguments) };
-    imports.wbg.__wbg_close_304cc1fef3466669 = function() { return handleError(function (arg0) {
-        arg0.close();
-    }, arguments) };
-    imports.wbg.__wbg_close_5ce03e29be453811 = function() { return handleError(function (arg0) {
-        arg0.close();
-    }, arguments) };
-    imports.wbg.__wbg_composedPath_977ce97a0ef39358 = function(arg0) {
-        const ret = arg0.composedPath();
-        return ret;
-    };
-    imports.wbg.__wbg_createComment_8b540d4b9d22f212 = function(arg0, arg1, arg2) {
-        var v0 = getCachedStringFromWasm0(arg1, arg2);
-        const ret = arg0.createComment(v0);
-        return ret;
-    };
-    imports.wbg.__wbg_createDocumentFragment_42d904f69d1931e9 = function(arg0) {
-        const ret = arg0.createDocumentFragment();
-        return ret;
-    };
-    imports.wbg.__wbg_createElement_8c9931a732ee2fea = function() { return handleError(function (arg0, arg1, arg2) {
-        var v0 = getCachedStringFromWasm0(arg1, arg2);
-        const ret = arg0.createElement(v0);
-        return ret;
-    }, arguments) };
-    imports.wbg.__wbg_createTextNode_42af1a9f21bb3360 = function(arg0, arg1, arg2) {
-        var v0 = getCachedStringFromWasm0(arg1, arg2);
-        const ret = arg0.createTextNode(v0);
-        return ret;
-    };
-    imports.wbg.__wbg_ctrlKey_cdbe8154dfb00d1f = function(arg0) {
-        const ret = arg0.ctrlKey;
-        return ret;
-    };
-    imports.wbg.__wbg_debug_3cb59063b29f58c1 = function(arg0) {
-        console.debug(arg0);
-    };
-    imports.wbg.__wbg_decodeURIComponent_47f6f7c91d9430fc = function() { return handleError(function (arg0, arg1) {
-        var v0 = getCachedStringFromWasm0(arg0, arg1);
-        const ret = decodeURIComponent(v0);
-        return ret;
-    }, arguments) };
-    imports.wbg.__wbg_decodeURI_985604b8372324c2 = function() { return handleError(function (arg0, arg1) {
-        var v0 = getCachedStringFromWasm0(arg0, arg1);
-        const ret = decodeURI(v0);
-        return ret;
-    }, arguments) };
-    imports.wbg.__wbg_defaultPrevented_2fc2f28cc3ab3140 = function(arg0) {
-        const ret = arg0.defaultPrevented;
-        return ret;
-    };
-    imports.wbg.__wbg_document_d249400bd7bd996d = function(arg0) {
-        const ret = arg0.document;
-        return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
-    };
-    imports.wbg.__wbg_done_769e5ede4b31c67b = function(arg0) {
-        const ret = arg0.done;
-        return ret;
-    };
-    imports.wbg.__wbg_enqueue_bb16ba72f537dc9e = function() { return handleError(function (arg0, arg1) {
-        arg0.enqueue(arg1);
-    }, arguments) };
-    imports.wbg.__wbg_error_524f506f44df1645 = function(arg0) {
-        console.error(arg0);
-    };
-    imports.wbg.__wbg_exec_3e2d2d0644c927df = function(arg0, arg1, arg2) {
-        var v0 = getCachedStringFromWasm0(arg1, arg2);
-        const ret = arg0.exec(v0);
-        return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
-    };
-    imports.wbg.__wbg_getAttribute_ea5166be2deba45e = function(arg0, arg1, arg2, arg3) {
-        var v0 = getCachedStringFromWasm0(arg2, arg3);
-        const ret = arg1.getAttribute(v0);
-        var ptr2 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        var len2 = WASM_VECTOR_LEN;
-        getDataViewMemory0().setInt32(arg0 + 4 * 1, len2, true);
-        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr2, true);
-    };
-    imports.wbg.__wbg_getElementById_f827f0d6648718a8 = function(arg0, arg1, arg2) {
-        var v0 = getCachedStringFromWasm0(arg1, arg2);
-        const ret = arg0.getElementById(v0);
-        return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
-    };
-    imports.wbg.__wbg_get_67b2ba62fc30de12 = function() { return handleError(function (arg0, arg1) {
-        const ret = Reflect.get(arg0, arg1);
-        return ret;
-    }, arguments) };
-    imports.wbg.__wbg_get_b9b93047fe3cf45b = function(arg0, arg1) {
-        const ret = arg0[arg1 >>> 0];
-        return ret;
-    };
-    imports.wbg.__wbg_hasAttribute_db31090c2e646f57 = function(arg0, arg1, arg2) {
-        var v0 = getCachedStringFromWasm0(arg1, arg2);
-        const ret = arg0.hasAttribute(v0);
-        return ret;
-    };
-    imports.wbg.__wbg_hash_01705e9bdeb40d33 = function(arg0, arg1) {
-        const ret = arg1.hash;
-        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        const len1 = WASM_VECTOR_LEN;
-        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-    };
-    imports.wbg.__wbg_hash_dd4b49269c385c8a = function() { return handleError(function (arg0, arg1) {
-        const ret = arg1.hash;
-        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        const len1 = WASM_VECTOR_LEN;
-        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-    }, arguments) };
-    imports.wbg.__wbg_href_3273d88cf0b3b6ff = function(arg0, arg1) {
-        const ret = arg1.href;
-        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        const len1 = WASM_VECTOR_LEN;
-        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-    };
-    imports.wbg.__wbg_href_e36b397abf414828 = function(arg0, arg1) {
-        const ret = arg1.href;
-        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        const len1 = WASM_VECTOR_LEN;
-        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-    };
-    imports.wbg.__wbg_info_3daf2e093e091b66 = function(arg0) {
-        console.info(arg0);
-    };
-    imports.wbg.__wbg_instanceof_HtmlAnchorElement_1ff926b551076f86 = function(arg0) {
-        let result;
-        try {
-            result = arg0 instanceof HTMLAnchorElement;
-        } catch (_) {
-            result = false;
-        }
-        const ret = result;
-        return ret;
-    };
-    imports.wbg.__wbg_instanceof_Window_def73ea0955fc569 = function(arg0) {
-        let result;
-        try {
-            result = arg0 instanceof Window;
-        } catch (_) {
-            result = false;
-        }
-        const ret = result;
-        return ret;
-    };
-    imports.wbg.__wbg_isArray_a1eab7e0d067391b = function(arg0) {
-        const ret = Array.isArray(arg0);
-        return ret;
-    };
-    imports.wbg.__wbg_is_c7481c65e7e5df9e = function(arg0, arg1) {
-        const ret = Object.is(arg0, arg1);
-        return ret;
-    };
-    imports.wbg.__wbg_iterator_9a24c88df860dc65 = function() {
-        const ret = Symbol.iterator;
-        return ret;
-    };
-    imports.wbg.__wbg_length_49b2ba67f0897e97 = function(arg0) {
-        const ret = arg0.length;
-        return ret;
-    };
-    imports.wbg.__wbg_length_a446193dc22c12f8 = function(arg0) {
-        const ret = arg0.length;
-        return ret;
-    };
-    imports.wbg.__wbg_length_e2d2a49132c1b256 = function(arg0) {
-        const ret = arg0.length;
-        return ret;
-    };
-    imports.wbg.__wbg_location_350d99456c2f3693 = function(arg0) {
-        const ret = arg0.location;
-        return ret;
-    };
-    imports.wbg.__wbg_log_c222819a41e063d3 = function(arg0) {
-        console.log(arg0);
-    };
-    imports.wbg.__wbg_metaKey_0b25f7848e014cc8 = function(arg0) {
-        const ret = arg0.metaKey;
-        return ret;
-    };
-    imports.wbg.__wbg_namespaceURI_63ddded7f2fdbe94 = function(arg0, arg1) {
-        const ret = arg1.namespaceURI;
-        var ptr1 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        var len1 = WASM_VECTOR_LEN;
-        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-    };
-    imports.wbg.__wbg_new_23a2665fac83c611 = function(arg0, arg1) {
-        try {
-            var state0 = {a: arg0, b: arg1};
-            var cb0 = (arg0, arg1) => {
-                const a = state0.a;
-                state0.a = 0;
-                try {
-                    return __wbg_adapter_226(a, state0.b, arg0, arg1);
-                } finally {
-                    state0.a = a;
-                }
-            };
-            const ret = new Promise(cb0);
-            return ret;
-        } finally {
-            state0.a = state0.b = 0;
-        }
-    };
-    imports.wbg.__wbg_new_63847613cde5d4bc = function(arg0, arg1, arg2, arg3) {
-        var v0 = getCachedStringFromWasm0(arg0, arg1);
-        var v1 = getCachedStringFromWasm0(arg2, arg3);
-        const ret = new RegExp(v0, v1);
-        return ret;
-    };
-    imports.wbg.__wbg_new_c68d7209be747379 = function(arg0, arg1) {
-        var v0 = getCachedStringFromWasm0(arg0, arg1);
-        const ret = new Error(v0);
-        return ret;
-    };
-    imports.wbg.__wbg_newnoargs_105ed471475aaf50 = function(arg0, arg1) {
-        var v0 = getCachedStringFromWasm0(arg0, arg1);
-        const ret = new Function(v0);
-        return ret;
-    };
-    imports.wbg.__wbg_newwithbase_161c299e7a34e2eb = function() { return handleError(function (arg0, arg1, arg2, arg3) {
-        var v0 = getCachedStringFromWasm0(arg0, arg1);
-        var v1 = getCachedStringFromWasm0(arg2, arg3);
-        const ret = new URL(v0, v1);
-        return ret;
-    }, arguments) };
-    imports.wbg.__wbg_newwithbyteoffsetandlength_d97e637ebe145a9a = function(arg0, arg1, arg2) {
-        const ret = new Uint8Array(arg0, arg1 >>> 0, arg2 >>> 0);
-        return ret;
-    };
-    imports.wbg.__wbg_nextSibling_f17f68d089a20939 = function(arg0) {
-        const ret = arg0.nextSibling;
-        return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
-    };
-    imports.wbg.__wbg_next_25feadfc0913fea9 = function(arg0) {
-        const ret = arg0.next;
-        return ret;
-    };
-    imports.wbg.__wbg_next_6574e1a8a62d1055 = function() { return handleError(function (arg0) {
-        const ret = arg0.next();
-        return ret;
-    }, arguments) };
-    imports.wbg.__wbg_origin_13f696c2de6a298e = function(arg0, arg1) {
-        const ret = arg1.origin;
-        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        const len1 = WASM_VECTOR_LEN;
-        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-    };
-    imports.wbg.__wbg_origin_7c5d649acdace3ea = function() { return handleError(function (arg0, arg1) {
-        const ret = arg1.origin;
-        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        const len1 = WASM_VECTOR_LEN;
-        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-    }, arguments) };
-    imports.wbg.__wbg_outerHTML_69175e02bad1633b = function(arg0, arg1) {
-        const ret = arg1.outerHTML;
-        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        const len1 = WASM_VECTOR_LEN;
-        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-    };
-    imports.wbg.__wbg_pathname_9b0b04c4e19316d0 = function(arg0, arg1) {
-        const ret = arg1.pathname;
-        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        const len1 = WASM_VECTOR_LEN;
-        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-    };
-    imports.wbg.__wbg_preventDefault_c2314fd813c02b3c = function(arg0) {
-        arg0.preventDefault();
-    };
-    imports.wbg.__wbg_previousSibling_80448835719a478f = function(arg0) {
-        const ret = arg0.previousSibling;
-        return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
-    };
-    imports.wbg.__wbg_queueMicrotask_97d92b4fcc8a61c5 = function(arg0) {
-        queueMicrotask(arg0);
-    };
-    imports.wbg.__wbg_queueMicrotask_d3219def82552485 = function(arg0) {
-        const ret = arg0.queueMicrotask;
-        return ret;
-    };
-    imports.wbg.__wbg_removeAttribute_e419cd6726b4c62f = function() { return handleError(function (arg0, arg1, arg2) {
-        var v0 = getCachedStringFromWasm0(arg1, arg2);
-        arg0.removeAttribute(v0);
-    }, arguments) };
-    imports.wbg.__wbg_removeEventListener_056dfe8c3d6c58f9 = function() { return handleError(function (arg0, arg1, arg2, arg3) {
-        var v0 = getCachedStringFromWasm0(arg1, arg2);
-        arg0.removeEventListener(v0, arg3);
-    }, arguments) };
-    imports.wbg.__wbg_remove_282d941ca37d0c63 = function() { return handleError(function (arg0, arg1, arg2) {
-        var v0 = getCachedStringFromWasm0(arg1, arg2);
-        arg0.remove(v0);
-    }, arguments) };
-    imports.wbg.__wbg_remove_e2d2659f3128c045 = function(arg0) {
-        arg0.remove();
-    };
-    imports.wbg.__wbg_requestAnimationFrame_d7fd890aaefc3246 = function() { return handleError(function (arg0, arg1) {
-        const ret = arg0.requestAnimationFrame(arg1);
-        return ret;
-    }, arguments) };
-    imports.wbg.__wbg_resolve_4851785c9c5f573d = function(arg0) {
-        const ret = Promise.resolve(arg0);
-        return ret;
-    };
-    imports.wbg.__wbg_respond_1f279fa9f8edcb1c = function() { return handleError(function (arg0, arg1) {
-        arg0.respond(arg1 >>> 0);
-    }, arguments) };
-    imports.wbg.__wbg_scrollIntoView_d13094450218e94b = function(arg0) {
-        arg0.scrollIntoView();
-    };
-    imports.wbg.__wbg_scrollTo_26cd993048111460 = function(arg0, arg1, arg2) {
-        arg0.scrollTo(arg1, arg2);
-    };
-    imports.wbg.__wbg_searchParams_da316d96d88b6d30 = function(arg0) {
-        const ret = arg0.searchParams;
-        return ret;
-    };
-    imports.wbg.__wbg_search_e0e79cfe010c5c23 = function(arg0, arg1) {
-        const ret = arg1.search;
-        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        const len1 = WASM_VECTOR_LEN;
-        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-    };
-    imports.wbg.__wbg_setAttribute_2704501201f15687 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
-        var v0 = getCachedStringFromWasm0(arg1, arg2);
-        var v1 = getCachedStringFromWasm0(arg3, arg4);
-        arg0.setAttribute(v0, v1);
-    }, arguments) };
-    imports.wbg.__wbg_set_65595bdd868b3009 = function(arg0, arg1, arg2) {
-        arg0.set(arg1, arg2 >>> 0);
-    };
-    imports.wbg.__wbg_set_bb8cecf6a62b9f46 = function() { return handleError(function (arg0, arg1, arg2) {
-        const ret = Reflect.set(arg0, arg1, arg2);
-        return ret;
-    }, arguments) };
-    imports.wbg.__wbg_setdata_f40e1a9468afb809 = function(arg0, arg1, arg2) {
-        var v0 = getCachedStringFromWasm0(arg1, arg2);
-        arg0.data = v0;
-    };
-    imports.wbg.__wbg_sethref_7eb69a6b9ae98056 = function() { return handleError(function (arg0, arg1, arg2) {
-        var v0 = getCachedStringFromWasm0(arg1, arg2);
-        arg0.href = v0;
-    }, arguments) };
-    imports.wbg.__wbg_setinnerHTML_31bde41f835786f7 = function(arg0, arg1, arg2) {
-        var v0 = getCachedStringFromWasm0(arg1, arg2);
-        arg0.innerHTML = v0;
-    };
-    imports.wbg.__wbg_settextContent_d29397f7b994d314 = function(arg0, arg1, arg2) {
-        var v0 = getCachedStringFromWasm0(arg1, arg2);
-        arg0.textContent = v0;
-    };
-    imports.wbg.__wbg_shiftKey_2bebb3b703254f47 = function(arg0) {
-        const ret = arg0.shiftKey;
-        return ret;
-    };
-    imports.wbg.__wbg_static_accessor_GLOBAL_88a902d13a557d07 = function() {
-        const ret = typeof global === 'undefined' ? null : global;
-        return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
-    };
-    imports.wbg.__wbg_static_accessor_GLOBAL_THIS_56578be7e9f832b0 = function() {
-        const ret = typeof globalThis === 'undefined' ? null : globalThis;
-        return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
-    };
-    imports.wbg.__wbg_static_accessor_SELF_37c5d418e4bf5819 = function() {
-        const ret = typeof self === 'undefined' ? null : self;
-        return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
-    };
-    imports.wbg.__wbg_static_accessor_WINDOW_5de37043a91a9c40 = function() {
-        const ret = typeof window === 'undefined' ? null : window;
-        return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
-    };
-    imports.wbg.__wbg_target_35037abec4967784 = function(arg0, arg1) {
-        const ret = arg1.target;
-        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        const len1 = WASM_VECTOR_LEN;
-        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-    };
-    imports.wbg.__wbg_textContent_215d0f87d539368a = function(arg0, arg1) {
-        const ret = arg1.textContent;
-        var ptr1 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        var len1 = WASM_VECTOR_LEN;
-        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-    };
-    imports.wbg.__wbg_then_44b73946d2fb3e7d = function(arg0, arg1) {
-        const ret = arg0.then(arg1);
-        return ret;
-    };
-    imports.wbg.__wbg_value_cd1ffa7b1ab794f1 = function(arg0) {
-        const ret = arg0.value;
-        return ret;
-    };
-    imports.wbg.__wbg_view_fd8a56e8983f448d = function(arg0) {
-        const ret = arg0.view;
-        return isLikeNone(ret) ? 0 : addToExternrefTable0(ret);
-    };
-    imports.wbg.__wbg_warn_4ca3906c248c47c4 = function(arg0) {
-        console.warn(arg0);
-    };
-    imports.wbg.__wbindgen_boolean_get = function(arg0) {
-        const v = arg0;
-        const ret = typeof(v) === 'boolean' ? (v ? 1 : 0) : 2;
-        return ret;
-    };
-    imports.wbg.__wbindgen_cb_drop = function(arg0) {
-        const obj = arg0.original;
-        if (obj.cnt-- == 1) {
-            obj.a = 0;
-            return true;
-        }
-        const ret = false;
-        return ret;
-    };
-    imports.wbg.__wbindgen_closure_wrapper10316 = function(arg0, arg1, arg2) {
-        const ret = makeMutClosure(arg0, arg1, 377, __wbg_adapter_40);
-        return ret;
-    };
-    imports.wbg.__wbindgen_closure_wrapper4704 = function(arg0, arg1, arg2) {
-        const ret = makeMutClosure(arg0, arg1, 312, __wbg_adapter_34);
-        return ret;
-    };
-    imports.wbg.__wbindgen_closure_wrapper5202 = function(arg0, arg1, arg2) {
-        const ret = makeMutClosure(arg0, arg1, 352, __wbg_adapter_37);
-        return ret;
-    };
-    imports.wbg.__wbindgen_debug_string = function(arg0, arg1) {
-        const ret = debugString(arg1);
-        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        const len1 = WASM_VECTOR_LEN;
-        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-    };
-    imports.wbg.__wbindgen_init_externref_table = function() {
-        const table = wasm.__wbindgen_export_0;
-        const offset = table.grow(4);
-        table.set(0, undefined);
-        table.set(offset + 0, undefined);
-        table.set(offset + 1, null);
-        table.set(offset + 2, true);
-        table.set(offset + 3, false);
-        ;
-    };
-    imports.wbg.__wbindgen_is_function = function(arg0) {
-        const ret = typeof(arg0) === 'function';
-        return ret;
-    };
-    imports.wbg.__wbindgen_is_object = function(arg0) {
-        const val = arg0;
-        const ret = typeof(val) === 'object' && val !== null;
-        return ret;
-    };
-    imports.wbg.__wbindgen_is_string = function(arg0) {
-        const ret = typeof(arg0) === 'string';
-        return ret;
-    };
-    imports.wbg.__wbindgen_is_undefined = function(arg0) {
-        const ret = arg0 === undefined;
-        return ret;
-    };
-    imports.wbg.__wbindgen_jsval_eq = function(arg0, arg1) {
-        const ret = arg0 === arg1;
-        return ret;
-    };
-    imports.wbg.__wbindgen_memory = function() {
-        const ret = wasm.memory;
-        return ret;
-    };
-    imports.wbg.__wbindgen_number_get = function(arg0, arg1) {
-        const obj = arg1;
-        const ret = typeof(obj) === 'number' ? obj : undefined;
-        getDataViewMemory0().setFloat64(arg0 + 8 * 1, isLikeNone(ret) ? 0 : ret, true);
-        getDataViewMemory0().setInt32(arg0 + 4 * 0, !isLikeNone(ret), true);
-    };
-    imports.wbg.__wbindgen_string_get = function(arg0, arg1) {
-        const obj = arg1;
-        const ret = typeof(obj) === 'string' ? obj : undefined;
-        var ptr1 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
-        var len1 = WASM_VECTOR_LEN;
-        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
-        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
-    };
-    imports.wbg.__wbindgen_string_new = function(arg0, arg1) {
-        const ret = getStringFromWasm0(arg0, arg1);
-        return ret;
-    };
-    imports.wbg.__wbindgen_throw = function(arg0, arg1) {
-        throw new Error(getStringFromWasm0(arg0, arg1));
-    };
-
-    return imports;
-}
-
-function __wbg_init_memory(imports, memory) {
-
-}
-
-function __wbg_finalize_init(instance, module) {
-    wasm = instance.exports;
-    __wbg_init.__wbindgen_wasm_module = module;
-    cachedDataViewMemory0 = null;
-    cachedUint8ArrayMemory0 = null;
-
-
-    wasm.__wbindgen_start();
-    return wasm;
-}
-
-function initSync(module) {
-    if (wasm !== undefined) return wasm;
-
-
-    if (typeof module !== 'undefined') {
-        if (Object.getPrototypeOf(module) === Object.prototype) {
-            ({module} = module)
-        } else {
-            console.warn('using deprecated parameters for `initSync()`; pass a single object instead')
-        }
-    }
-
-    const imports = __wbg_get_imports();
-
-    __wbg_init_memory(imports);
-
-    if (!(module instanceof WebAssembly.Module)) {
-        module = new WebAssembly.Module(module);
-    }
-
-    const instance = new WebAssembly.Instance(module, imports);
-
-    return __wbg_finalize_init(instance, module);
-}
-
-async function __wbg_init(module_or_path) {
-    if (wasm !== undefined) return wasm;
-
-
-    if (typeof module_or_path !== 'undefined') {
-        if (Object.getPrototypeOf(module_or_path) === Object.prototype) {
-            ({module_or_path} = module_or_path)
-        } else {
-            console.warn('using deprecated parameters for the initialization function; pass a single object instead')
-        }
-    }
-
-    if (typeof module_or_path === 'undefined') {
-        module_or_path = new URL('sandcrate-web_bg.wasm', import.meta.url);
-    }
-    const imports = __wbg_get_imports();
-
-    if (typeof module_or_path === 'string' || (typeof Request === 'function' && module_or_path instanceof Request) || (typeof URL === 'function' && module_or_path instanceof URL)) {
-        module_or_path = fetch(module_or_path);
-    }
-
-    __wbg_init_memory(imports);
-
-    const { instance, module } = await __wbg_load(await module_or_path, imports);
-
-    return __wbg_finalize_init(instance, module);
-}
-
-export { initSync };
-export default __wbg_init;
diff --git a/sandcrate-web/dist/style-4b23e51cf0601ea5.css b/sandcrate-web/dist/style-4b23e51cf0601ea5.css
deleted file mode 100644
index c2208bf..0000000
--- a/sandcrate-web/dist/style-4b23e51cf0601ea5.css
+++ /dev/null
@@ -1,905 +0,0 @@
-/* Reset and Base Styles */
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-body {
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-    background: #0f0f23;
-    color: #ffffff;
-    line-height: 1.6;
-    overflow-x: hidden;
-}
-
-/* Loading Page */
-.loading-page {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: 100vh;
-    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%);
-}
-
-.loading-spinner {
-    width: 50px;
-    height: 50px;
-    border: 3px solid rgba(255, 255, 255, 0.1);
-    border-top: 3px solid #00d4ff;
-    border-radius: 50%;
-    animation: spin 1s linear infinite;
-    margin-bottom: 20px;
-}
-
-@keyframes spin {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
-}
-
-/* Authentication Page */
-.auth-page {
-    min-height: 100vh;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%);
-    position: relative;
-    overflow: hidden;
-}
-
-.auth-background {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 1;
-}
-
-.auth-particles {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    background-image: 
-        radial-gradient(circle at 20% 80%, rgba(0, 212, 255, 0.1) 0%, transparent 50%),
-        radial-gradient(circle at 80% 20%, rgba(255, 0, 150, 0.1) 0%, transparent 50%),
-        radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);
-    animation: float 20s ease-in-out infinite;
-}
-
-@keyframes float {
-    0%, 100% { transform: translateY(0px) rotate(0deg); }
-    50% { transform: translateY(-20px) rotate(180deg); }
-}
-
-.auth-container {
-    position: relative;
-    z-index: 2;
-    width: 100%;
-    max-width: 400px;
-    padding: 20px;
-}
-
-.auth-card {
-    background: rgba(255, 255, 255, 0.05);
-    backdrop-filter: blur(20px);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 20px;
-    padding: 40px;
-    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
-}
-
-.auth-card:hover {
-    transform: translateY(-5px);
-    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);
-}
-
-.auth-header {
-    text-align: center;
-    margin-bottom: 40px;
-}
-
-.logo-container {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-bottom: 15px;
-}
-
-.logo-icon {
-    font-size: 2.5rem;
-    margin-right: 15px;
-    filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.5));
-}
-
-.logo-text {
-    font-size: 2rem;
-    font-weight: 700;
-    background: linear-gradient(135deg, #00d4ff, #ff0096);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-}
-
-.auth-subtitle {
-    color: rgba(255, 255, 255, 0.7);
-    font-size: 0.9rem;
-    font-weight: 400;
-}
-
-.auth-form {
-    display: flex;
-    flex-direction: column;
-    gap: 25px;
-}
-
-.form-group {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-}
-
-.form-label {
-    font-size: 0.9rem;
-    font-weight: 500;
-    color: rgba(255, 255, 255, 0.9);
-    margin-left: 5px;
-}
-
-.input-wrapper {
-    position: relative;
-    display: flex;
-    align-items: center;
-}
-
-.input-icon {
-    position: absolute;
-    left: 15px;
-    font-size: 1.1rem;
-    color: rgba(255, 255, 255, 0.5);
-    z-index: 2;
-}
-
-.form-input {
-    width: 100%;
-    padding: 15px 15px 15px 50px;
-    background: rgba(255, 255, 255, 0.05);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 12px;
-    color: #ffffff;
-    font-size: 1rem;
-    transition: all 0.3s ease;
-}
-
-.form-input::placeholder {
-    color: rgba(255, 255, 255, 0.4);
-}
-
-.form-input:focus {
-    outline: none;
-    border-color: #00d4ff;
-    box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.1);
-    background: rgba(255, 255, 255, 0.08);
-}
-
-.form-input:disabled {
-    opacity: 0.6;
-    cursor: not-allowed;
-}
-
-.error-message {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    padding: 12px 16px;
-    background: rgba(255, 59, 48, 0.1);
-    border: 1px solid rgba(255, 59, 48, 0.3);
-    border-radius: 10px;
-    color: #ff3b30;
-    font-size: 0.9rem;
-}
-
-.error-icon {
-    font-size: 1.1rem;
-}
-
-.auth-button {
-    width: 100%;
-    padding: 15px;
-    background: linear-gradient(135deg, #00d4ff, #0099cc);
-    border: none;
-    border-radius: 12px;
-    color: #ffffff;
-    font-size: 1rem;
-    font-weight: 600;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    position: relative;
-    overflow: hidden;
-}
-
-.auth-button:hover:not(:disabled) {
-    transform: translateY(-2px);
-    box-shadow: 0 10px 25px rgba(0, 212, 255, 0.3);
-}
-
-.auth-button:disabled {
-    opacity: 0.6;
-    cursor: not-allowed;
-    transform: none;
-}
-
-.button-content {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-}
-
-.button-icon {
-    font-size: 1.1rem;
-}
-
-.spinner-small {
-    width: 16px;
-    height: 16px;
-    border: 2px solid rgba(255, 255, 255, 0.3);
-    border-top: 2px solid #ffffff;
-    border-radius: 50%;
-    animation: spin 1s linear infinite;
-}
-
-.auth-footer {
-    margin-top: 30px;
-    text-align: center;
-}
-
-.demo-info {
-    background: rgba(255, 255, 255, 0.05);
-    border-radius: 10px;
-    padding: 15px;
-}
-
-.demo-text {
-    font-size: 0.8rem;
-    color: rgba(255, 255, 255, 0.6);
-    margin-bottom: 5px;
-}
-
-.demo-credentials {
-    font-size: 0.9rem;
-    color: #00d4ff;
-    font-weight: 500;
-}
-
-/* Dashboard Layout */
-.app-layout {
-    display: flex;
-    min-height: 100vh;
-    background: #0f0f23;
-}
-
-/* Sidebar */
-.sidebar {
-    width: 280px;
-    background: rgba(255, 255, 255, 0.03);
-    border-right: 1px solid rgba(255, 255, 255, 0.1);
-    display: flex;
-    flex-direction: column;
-    backdrop-filter: blur(20px);
-}
-
-.sidebar-header {
-    padding: 30px 25px;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-}
-
-.logo {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-}
-
-.logo-icon {
-    font-size: 1.8rem;
-    filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.5));
-}
-
-.logo-text {
-    font-size: 1.4rem;
-    font-weight: 700;
-    background: linear-gradient(135deg, #00d4ff, #ff0096);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-}
-
-.sidebar-nav {
-    flex: 1;
-    padding: 20px 0;
-    display: flex;
-    flex-direction: column;
-    gap: 5px;
-}
-
-.nav-item {
-    display: flex;
-    align-items: center;
-    gap: 15px;
-    padding: 15px 25px;
-    background: transparent;
-    border: none;
-    color: rgba(255, 255, 255, 0.7);
-    font-size: 0.95rem;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    border-radius: 0 25px 25px 0;
-    margin-right: 15px;
-}
-
-.nav-item:hover {
-    background: rgba(255, 255, 255, 0.05);
-    color: #ffffff;
-}
-
-.nav-item.active {
-    background: linear-gradient(135deg, #00d4ff, #0099cc);
-    color: #ffffff;
-    box-shadow: 0 5px 15px rgba(0, 212, 255, 0.3);
-}
-
-.nav-icon {
-    font-size: 1.2rem;
-    width: 20px;
-    text-align: center;
-}
-
-.sidebar-footer {
-    padding: 25px;
-    border-top: 1px solid rgba(255, 255, 255, 0.1);
-}
-
-.user-info {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    margin-bottom: 15px;
-}
-
-.user-avatar {
-    width: 40px;
-    height: 40px;
-    background: linear-gradient(135deg, #00d4ff, #0099cc);
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 1.2rem;
-}
-
-.user-details {
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-}
-
-.user-name {
-    font-size: 0.9rem;
-    font-weight: 600;
-    color: #ffffff;
-}
-
-.user-role {
-    font-size: 0.75rem;
-    color: rgba(255, 255, 255, 0.6);
-}
-
-.logout-btn {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    padding: 12px;
-    background: rgba(255, 59, 48, 0.1);
-    border: 1px solid rgba(255, 59, 48, 0.3);
-    border-radius: 10px;
-    color: #ff3b30;
-    font-size: 0.9rem;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.3s ease;
-}
-
-.logout-btn:hover {
-    background: rgba(255, 59, 48, 0.2);
-    transform: translateY(-1px);
-}
-
-.logout-icon {
-    font-size: 1rem;
-}
-
-/* Main Content */
-.main-content {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    background: #0f0f23;
-}
-
-.top-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 25px 35px;
-    background: rgba(255, 255, 255, 0.02);
-    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-}
-
-.page-title {
-    font-size: 1.8rem;
-    font-weight: 700;
-    color: #ffffff;
-}
-
-.status-indicator {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 8px 16px;
-    background: rgba(52, 199, 89, 0.1);
-    border: 1px solid rgba(52, 199, 89, 0.3);
-    border-radius: 20px;
-}
-
-.status-dot {
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-}
-
-.status-dot.online {
-    background: #34c759;
-    box-shadow: 0 0 10px rgba(52, 199, 89, 0.5);
-}
-
-.status-text {
-    font-size: 0.85rem;
-    color: #34c759;
-    font-weight: 500;
-}
-
-.content-area {
-    flex: 1;
-    padding: 35px;
-    overflow-y: auto;
-}
-
-/* Dashboard Tab */
-.dashboard-tab {
-    display: flex;
-    flex-direction: column;
-    gap: 35px;
-}
-
-.stats-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-    gap: 25px;
-}
-
-.stat-card {
-    background: rgba(255, 255, 255, 0.03);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 16px;
-    padding: 25px;
-    display: flex;
-    align-items: center;
-    gap: 20px;
-    transition: all 0.3s ease;
-}
-
-.stat-card:hover {
-    transform: translateY(-3px);
-    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
-    border-color: rgba(0, 212, 255, 0.3);
-}
-
-.stat-icon {
-    font-size: 2.5rem;
-    width: 60px;
-    height: 60px;
-    background: linear-gradient(135deg, #00d4ff, #0099cc);
-    border-radius: 12px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.stat-content {
-    flex: 1;
-}
-
-.stat-title {
-    font-size: 0.9rem;
-    color: rgba(255, 255, 255, 0.7);
-    margin-bottom: 5px;
-    font-weight: 500;
-}
-
-.stat-number {
-    font-size: 2rem;
-    font-weight: 700;
-    color: #ffffff;
-    margin-bottom: 5px;
-}
-
-.stat-label {
-    font-size: 0.8rem;
-    color: rgba(255, 255, 255, 0.5);
-}
-
-.recent-activity {
-    background: rgba(255, 255, 255, 0.03);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 16px;
-    padding: 25px;
-}
-
-.section-title {
-    font-size: 1.3rem;
-    font-weight: 600;
-    color: #ffffff;
-    margin-bottom: 20px;
-}
-
-.activity-list {
-    display: flex;
-    flex-direction: column;
-    gap: 15px;
-}
-
-.activity-item {
-    display: flex;
-    align-items: center;
-    gap: 15px;
-    padding: 15px;
-    background: rgba(255, 255, 255, 0.02);
-    border-radius: 12px;
-    transition: all 0.3s ease;
-}
-
-.activity-item:hover {
-    background: rgba(255, 255, 255, 0.05);
-}
-
-.activity-icon {
-    font-size: 1.2rem;
-    width: 35px;
-    height: 35px;
-    background: rgba(0, 212, 255, 0.1);
-    border-radius: 8px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.activity-content {
-    flex: 1;
-}
-
-.activity-text {
-    font-size: 0.9rem;
-    color: #ffffff;
-    margin-bottom: 3px;
-}
-
-.activity-time {
-    font-size: 0.75rem;
-    color: rgba(255, 255, 255, 0.5);
-}
-
-/* Plugins Tab */
-.plugins-tab {
-    display: flex;
-    flex-direction: column;
-    gap: 25px;
-}
-
-.plugins-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-.refresh-btn {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 10px 20px;
-    background: rgba(0, 212, 255, 0.1);
-    border: 1px solid rgba(0, 212, 255, 0.3);
-    border-radius: 10px;
-    color: #00d4ff;
-    font-size: 0.9rem;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.3s ease;
-}
-
-.refresh-btn:hover {
-    background: rgba(0, 212, 255, 0.2);
-    transform: translateY(-1px);
-}
-
-.refresh-icon {
-    font-size: 1rem;
-}
-
-.plugins-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-    gap: 25px;
-}
-
-.plugin-card {
-    background: rgba(255, 255, 255, 0.03);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 16px;
-    padding: 25px;
-    transition: all 0.3s ease;
-}
-
-.plugin-card:hover {
-    transform: translateY(-3px);
-    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
-    border-color: rgba(0, 212, 255, 0.3);
-}
-
-.plugin-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 20px;
-}
-
-.plugin-icon {
-    font-size: 2rem;
-    width: 50px;
-    height: 50px;
-    background: linear-gradient(135deg, #00d4ff, #0099cc);
-    border-radius: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.plugin-status {
-    width: 12px;
-    height: 12px;
-    border-radius: 50%;
-}
-
-.plugin-status.online {
-    background: #34c759;
-    box-shadow: 0 0 10px rgba(52, 199, 89, 0.5);
-}
-
-.plugin-info {
-    margin-bottom: 20px;
-}
-
-.plugin-name {
-    font-size: 1.1rem;
-    font-weight: 600;
-    color: #ffffff;
-    margin-bottom: 8px;
-}
-
-.plugin-description {
-    font-size: 0.85rem;
-    color: rgba(255, 255, 255, 0.7);
-    margin-bottom: 12px;
-}
-
-.plugin-meta {
-    display: flex;
-    gap: 15px;
-}
-
-.plugin-version, .plugin-type {
-    font-size: 0.75rem;
-    color: rgba(255, 255, 255, 0.5);
-    background: rgba(255, 255, 255, 0.05);
-    padding: 4px 8px;
-    border-radius: 6px;
-}
-
-.plugin-actions {
-    display: flex;
-    gap: 10px;
-}
-
-.plugin-btn {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 6px;
-    padding: 10px;
-    border: none;
-    border-radius: 8px;
-    font-size: 0.85rem;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.3s ease;
-}
-
-.plugin-btn.primary {
-    background: linear-gradient(135deg, #00d4ff, #0099cc);
-    color: #ffffff;
-}
-
-.plugin-btn.primary:hover {
-    transform: translateY(-1px);
-    box-shadow: 0 5px 15px rgba(0, 212, 255, 0.3);
-}
-
-.plugin-btn.secondary {
-    background: rgba(255, 255, 255, 0.05);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    color: rgba(255, 255, 255, 0.8);
-}
-
-.plugin-btn.secondary:hover {
-    background: rgba(255, 255, 255, 0.1);
-    transform: translateY(-1px);
-}
-
-.btn-icon {
-    font-size: 0.9rem;
-}
-
-/* Settings Tab */
-.settings-tab {
-    display: flex;
-    flex-direction: column;
-    gap: 25px;
-}
-
-.settings-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-    gap: 25px;
-}
-
-.setting-card {
-    background: rgba(255, 255, 255, 0.03);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 16px;
-    padding: 25px;
-    transition: all 0.3s ease;
-}
-
-.setting-card:hover {
-    transform: translateY(-3px);
-    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
-    border-color: rgba(0, 212, 255, 0.3);
-}
-
-.setting-title {
-    font-size: 1.1rem;
-    font-weight: 600;
-    color: #ffffff;
-    margin-bottom: 10px;
-}
-
-.setting-description {
-    font-size: 0.85rem;
-    color: rgba(255, 255, 255, 0.7);
-    margin-bottom: 20px;
-    line-height: 1.5;
-}
-
-.setting-btn {
-    padding: 10px 20px;
-    background: rgba(0, 212, 255, 0.1);
-    border: 1px solid rgba(0, 212, 255, 0.3);
-    border-radius: 8px;
-    color: #00d4ff;
-    font-size: 0.9rem;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.3s ease;
-}
-
-.setting-btn:hover {
-    background: rgba(0, 212, 255, 0.2);
-    transform: translateY(-1px);
-}
-
-/* Navigation Links */
-nav a {
-    color: #00d4ff !important;
-    text-decoration: none;
-    margin-right: 20px;
-    padding: 8px 16px;
-    border-radius: 8px;
-    transition: all 0.3s ease;
-    font-weight: 500;
-}
-
-nav a:hover {
-    background: rgba(0, 212, 255, 0.1);
-    color: #ffffff !important;
-    transform: translateY(-1px);
-}
-
-nav a.active {
-    background: linear-gradient(135deg, #00d4ff, #0099cc);
-    color: #ffffff !important;
-}
-
-/* Responsive Design */
-@media (max-width: 768px) {
-    .sidebar {
-        width: 100%;
-        position: fixed;
-        top: 0;
-        left: -100%;
-        z-index: 1000;
-        transition: left 0.3s ease;
-    }
-    
-    .sidebar.open {
-        left: 0;
-    }
-    
-    .main-content {
-        margin-left: 0;
-    }
-    
-    .stats-grid {
-        grid-template-columns: 1fr;
-    }
-    
-    .plugins-grid {
-        grid-template-columns: 1fr;
-    }
-    
-    .settings-grid {
-        grid-template-columns: 1fr;
-    }
-    
-    .auth-container {
-        max-width: 100%;
-        padding: 15px;
-    }
-    
-    .auth-card {
-        padding: 30px 20px;
-    }
-}
-
-/* Scrollbar Styling */
-::-webkit-scrollbar {
-    width: 8px;
-}
-
-::-webkit-scrollbar-track {
-    background: rgba(255, 255, 255, 0.05);
-}
-
-::-webkit-scrollbar-thumb {
-    background: rgba(255, 255, 255, 0.2);
-    border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-    background: rgba(255, 255, 255, 0.3);
-}
diff --git a/sandcrate-web/index.html b/sandcrate-web/index.html
deleted file mode 100644
index 4286727..0000000
--- a/sandcrate-web/index.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>Sandcrate</title>
-    <link data-trunk rel="css" href="style/style.css" />
-    <link data-trunk rel="css" href="style/auth.css" />
-    <link data-trunk rel="rust" data-target-name="sandcrate_web" />
-  </head>
-  <body>
-    <script type="module">
-      // Wait for Trunk to load the WASM, then call our main function
-      window.addEventListener("TrunkApplicationStarted", async (event) => {
-        const { wasm } = event.detail;
-        const bindings = window.wasmBindings;
-        
-        console.log('WASM loaded successfully');
-        console.log('Bindings:', bindings);
-        
-        // Call the main function to start the application
-        if (bindings.main) {
-          console.log('Calling main function...');
-          bindings.main();
-        } else {
-          console.error('Main function not found in bindings');
-        }
-      });
-    </script>
-  </body>
-</html>
diff --git a/sandcrate-web/main.js b/sandcrate-web/main.js
deleted file mode 100644
index 6a3d743..0000000
--- a/sandcrate-web/main.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import init from './pkg/sandcrate_web.js';
-init();
diff --git a/sandcrate-web/src/auth.rs b/sandcrate-web/src/auth.rs
deleted file mode 100644
index 334e15e..0000000
--- a/sandcrate-web/src/auth.rs
+++ /dev/null
@@ -1,72 +0,0 @@
-use gloo_storage::{LocalStorage, Storage};
-use leptos::*;
-use serde::{Deserialize, Serialize};
-
-#[derive(Debug, Clone, Serialize, Deserialize)]
-pub struct LoginRequest {
-    pub username: String,
-    pub password: String,
-}
-
-#[derive(Debug, Clone, Serialize, Deserialize)]
-pub struct LoginResponse {
-    pub token: String,
-    pub username: String,
-    pub expires_at: String,
-}
-
-#[derive(Debug, Clone, Serialize, Deserialize)]
-pub struct User {
-    pub username: String,
-    pub token: String,
-    pub expires_at: String,
-}
-
-#[derive(Debug, Clone)]
-pub struct AuthContext {
-    pub user: ReadSignal<Option<User>>,
-    pub set_user: WriteSignal<Option<User>>,
-}
-
-impl AuthContext {
-    pub fn new() -> Self {
-        let (user, set_user) = create_signal(None::<User>);
-        
-        // Try to load user from localStorage on initialization
-        if let Ok(stored_user) = LocalStorage::get::<User>("user") {
-            set_user.set(Some(stored_user));
-        }
-        
-        Self { user, set_user }
-    }
-    
-    pub fn login(&self, user: User) {
-        // Store in localStorage
-        let _ = LocalStorage::set("user", &user);
-        self.set_user.set(Some(user));
-    }
-    
-    pub fn logout(&self) {
-        // Remove from localStorage
-        LocalStorage::delete("user");
-        self.set_user.set(None);
-    }
-    
-    pub fn is_authenticated(&self) -> bool {
-        self.user.get().is_some()
-    }
-    
-    pub fn get_token(&self) -> Option<String> {
-        self.user.get().map(|u| u.token)
-    }
-}
-
-pub fn provide_auth_context() -> AuthContext {
-    let auth_context = AuthContext::new();
-    provide_context(auth_context.clone());
-    auth_context
-}
-
-pub fn use_auth_context() -> AuthContext {
-    use_context::<AuthContext>().expect("AuthContext should be provided")
-}
\ No newline at end of file
diff --git a/sandcrate-web/src/dashboard.rs b/sandcrate-web/src/dashboard.rs
deleted file mode 100644
index 5c0a5b6..0000000
--- a/sandcrate-web/src/dashboard.rs
+++ /dev/null
@@ -1,248 +0,0 @@
-use crate::auth::use_auth_context;
-use leptos::*;
-use leptos_router::*;
-use serde::{Deserialize, Serialize};
-
-#[derive(Debug, Clone, Serialize, Deserialize)]
-pub struct PluginList {
-    pub plugins: Vec<String>,
-}
-
-#[component]
-pub fn Dashboard() -> impl IntoView {
-    let auth = use_auth_context();
-    let navigate = use_navigate();
-    
-    let (plugins, set_plugins) = create_signal(vec![
-        "File Manager".to_string(),
-        "System Monitor".to_string(),
-        "Network Tools".to_string(),
-        "Security Scanner".to_string(),
-        "Database Browser".to_string(),
-        "Log Analyzer".to_string(),
-    ]);
-    let (is_loading, set_is_loading) = create_signal(false);
-    let (active_tab, set_active_tab) = create_signal("dashboard".to_string());
-
-    let auth_clone = auth.clone();
-    let logout = move |_| {
-        auth_clone.logout();
-        navigate("/auth", Default::default());
-    };
-
-    let user = move || auth.user.get();
-
-    view! {
-        <div class="app-layout">
-            // Sidebar
-            <aside class="sidebar">
-                <div class="sidebar-header">
-                    <div class="logo">
-                        <span class="logo-icon">"🔒"</span>
-                        <span class="logo-text">"SandCrate"</span>
-                    </div>
-                </div>
-                
-                <nav class="sidebar-nav">
-                    <button 
-                        class=move || format!("nav-item {}", if active_tab.get() == "dashboard" { "active" } else { "" })
-                        on:click=move |_| set_active_tab.set("dashboard".to_string())
-                    >
-                        <span class="nav-icon">"📊"</span>
-                        <span class="nav-text">"Dashboard"</span>
-                    </button>
-                    
-                    <button 
-                        class=move || format!("nav-item {}", if active_tab.get() == "plugins" { "active" } else { "" })
-                        on:click=move |_| set_active_tab.set("plugins".to_string())
-                    >
-                        <span class="nav-icon">"🔌"</span>
-                        <span class="nav-text">"Plugins"</span>
-                    </button>
-                    
-                    <button 
-                        class=move || format!("nav-item {}", if active_tab.get() == "settings" { "active" } else { "" })
-                        on:click=move |_| set_active_tab.set("settings".to_string())
-                    >
-                        <span class="nav-icon">"⚙️"</span>
-                        <span class="nav-text">"Settings"</span>
-                    </button>
-                </nav>
-                
-                <div class="sidebar-footer">
-                    <div class="user-info">
-                        <div class="user-avatar">"👤"</div>
-                        <div class="user-details">
-                            <span class="user-name">{move || user().map(|u| u.username).unwrap_or_default()}</span>
-                            <span class="user-role">"Administrator"</span>
-                        </div>
-                    </div>
-                    <button class="logout-btn" on:click=logout>
-                        <span class="logout-icon">"🚪"</span>
-                        <span>"Sign Out"</span>
-                    </button>
-                </div>
-            </aside>
-
-            // Main Content
-            <main class="main-content">
-                <header class="top-header">
-                    <div class="header-left">
-                        <h1 class="page-title">
-                            {move || match active_tab.get().as_str() {
-                                "dashboard" => "Dashboard",
-                                "plugins" => "Plugin Management",
-                                "settings" => "Settings",
-                                _ => "Dashboard"
-                            }}
-                        </h1>
-                    </div>
-                    <div class="header-right">
-                        <div class="status-indicator">
-                            <span class="status-dot online"></span>
-                            <span class="status-text">"System Online"</span>
-                        </div>
-                    </div>
-                </header>
-
-                <div class="content-area">
-                    <Show when=move || active_tab.get() == "dashboard" fallback=|| view! { <div></div> }>
-                        <div class="dashboard-tab">
-                            <div class="stats-grid">
-                                <div class="stat-card">
-                                    <div class="stat-icon">"🔌"</div>
-                                    <div class="stat-content">
-                                        <h3 class="stat-title">"Active Plugins"</h3>
-                                        <p class="stat-number">{move || plugins.get().len()}</p>
-                                        <p class="stat-label">"Available"</p>
-                                    </div>
-                                </div>
-                                
-                                <div class="stat-card">
-                                    <div class="stat-icon">"✅"</div>
-                                    <div class="stat-content">
-                                        <h3 class="stat-title">"System Status"</h3>
-                                        <p class="stat-number">"Online"</p>
-                                        <p class="stat-label">"All Systems Operational"</p>
-                                    </div>
-                                </div>
-                                
-                                <div class="stat-card">
-                                    <div class="stat-icon">"🔒"</div>
-                                    <div class="stat-content">
-                                        <h3 class="stat-title">"Security"</h3>
-                                        <p class="stat-number">"PAM"</p>
-                                        <p class="stat-label">"Authentication Active"</p>
-                                    </div>
-                                </div>
-                                
-                                <div class="stat-card">
-                                    <div class="stat-icon">"📈"</div>
-                                    <div class="stat-content">
-                                        <h3 class="stat-title">"Performance"</h3>
-                                        <p class="stat-number">"98%"</p>
-                                        <p class="stat-label">"System Efficiency"</p>
-                                    </div>
-                                </div>
-                            </div>
-
-                            <div class="recent-activity">
-                                <h2 class="section-title">"Recent Activity"</h2>
-                                <div class="activity-list">
-                                    <div class="activity-item">
-                                        <div class="activity-icon">"🔌"</div>
-                                        <div class="activity-content">
-                                            <p class="activity-text">"File Manager plugin loaded successfully"</p>
-                                            <span class="activity-time">"2 minutes ago"</span>
-                                        </div>
-                                    </div>
-                                    <div class="activity-item">
-                                        <div class="activity-icon">"👤"</div>
-                                        <div class="activity-content">
-                                            <p class="activity-text">"User authentication successful"</p>
-                                            <span class="activity-time">"5 minutes ago"</span>
-                                        </div>
-                                    </div>
-                                    <div class="activity-item">
-                                        <div class="activity-icon">"🔒"</div>
-                                        <div class="activity-content">
-                                            <p class="activity-text">"Security scan completed"</p>
-                                            <span class="activity-time">"10 minutes ago"</span>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </Show>
-
-                    <Show when=move || active_tab.get() == "plugins" fallback=|| view! { <div></div> }>
-                        <div class="plugins-tab">
-                            <div class="plugins-header">
-                                <h2 class="section-title">"Available Plugins"</h2>
-                                <button class="refresh-btn">
-                                    <span class="refresh-icon">"🔄"</span>
-                                    <span>"Refresh"</span>
-                                </button>
-                            </div>
-                            
-                            <div class="plugins-grid">
-                                {move || {
-                                    let plugin_list = plugins.get();
-                                    plugin_list.into_iter().map(|plugin| view! {
-                                        <div class="plugin-card">
-                                            <div class="plugin-header">
-                                                <div class="plugin-icon">"🔌"</div>
-                                                <div class="plugin-status online"></div>
-                                            </div>
-                                            <div class="plugin-info">
-                                                <h4 class="plugin-name">{plugin.clone()}</h4>
-                                                <p class="plugin-description">"WASM-based system plugin"</p>
-                                                <div class="plugin-meta">
-                                                    <span class="plugin-version">"v1.0.0"</span>
-                                                    <span class="plugin-type">"System Tool"</span>
-                                                </div>
-                                            </div>
-                                            <div class="plugin-actions">
-                                                <button class="plugin-btn primary">
-                                                    <span class="btn-icon">"▶️"</span>
-                                                    <span>"Run"</span>
-                                                </button>
-                                                <button class="plugin-btn secondary">
-                                                    <span class="btn-icon">"ℹ️"</span>
-                                                    <span>"Info"</span>
-                                                </button>
-                                            </div>
-                                        </div>
-                                    }).collect::<Vec<_>>()
-                                }}
-                            </div>
-                        </div>
-                    </Show>
-
-                    <Show when=move || active_tab.get() == "settings" fallback=|| view! { <div></div> }>
-                        <div class="settings-tab">
-                            <h2 class="section-title">"System Settings"</h2>
-                            <div class="settings-grid">
-                                <div class="setting-card">
-                                    <h3 class="setting-title">"Authentication"</h3>
-                                    <p class="setting-description">"Configure system authentication settings"</p>
-                                    <button class="setting-btn">"Configure"</button>
-                                </div>
-                                <div class="setting-card">
-                                    <h3 class="setting-title">"Security"</h3>
-                                    <p class="setting-description">"Manage security policies and access controls"</p>
-                                    <button class="setting-btn">"Configure"</button>
-                                </div>
-                                <div class="setting-card">
-                                    <h3 class="setting-title">"Plugins"</h3>
-                                    <p class="setting-description">"Configure plugin management and permissions"</p>
-                                    <button class="setting-btn">"Configure"</button>
-                                </div>
-                            </div>
-                        </div>
-                    </Show>
-                </div>
-            </main>
-        </div>
-    }
-}
\ No newline at end of file
diff --git a/sandcrate-web/src/lib.rs b/sandcrate-web/src/lib.rs
deleted file mode 100644
index 5cce072..0000000
--- a/sandcrate-web/src/lib.rs
+++ /dev/null
@@ -1,125 +0,0 @@
-use leptos::*;
-use leptos_router::*;
-use wasm_bindgen::prelude::*;
-
-mod auth;
-mod login;
-mod dashboard;
-
-use auth::{provide_auth_context, use_auth_context};
-use login::LoginPage;
-use dashboard::Dashboard;
-
-#[component]
-pub fn App() -> impl IntoView {
-    log::info!("App component rendering...");
-    
-    view! {
-        <div style="padding: 20px; color: white; background-color: #333;">
-            <h1>"SandCrate is working!"</h1>
-            <p>"If you can see this, the app is mounted successfully."</p>
-            
-            <Router>
-                <nav style="margin-bottom: 20px;">
-                    <A href="/">"Home"</A>
-                    <A href="/auth">"Auth"</A>
-                    <A href="/dashboard">"Dashboard"</A>
-                </nav>
-                
-                <Routes>
-                    <Route path="/" view=|| view! { 
-                        <div>
-                            <h2>"Home Page"</h2>
-                            <p>"Welcome to SandCrate!"</p>
-                        </div> 
-                    } />
-                    <Route path="/auth" view=|| view! { 
-                        <div>
-                            <h2>"Auth Page"</h2>
-                            <p>"This is the authentication page."</p>
-                            <button style="padding: 10px; margin: 10px; background-color: #007bff; color: white; border: none; border-radius: 5px;">
-                                "Login"
-                            </button>
-                        </div> 
-                    } />
-                    <Route path="/dashboard" view=|| view! { 
-                        <div>
-                            <h2>"Dashboard Page"</h2>
-                            <p>"This is the dashboard page."</p>
-                            <div style="background-color: #444; padding: 15px; border-radius: 5px;">
-                                <h3>"System Status"</h3>
-                                <p>"All systems operational"</p>
-                            </div>
-                        </div> 
-                    } />
-                </Routes>
-            </Router>
-        </div>
-    }
-}
-
-#[wasm_bindgen]
-pub fn main() {
-    console_log::init_with_level(log::Level::Debug).expect("Failed to initialize logger");
-    log::info!("Starting SandCrate application...");
-    
-    // Add error handling
-    std::panic::set_hook(Box::new(|panic_info| {
-        log::error!("Panic: {:?}", panic_info);
-    }));
-    
-    // Mount the app to the body
-    leptos::mount_to_body(|| {
-        log::info!("Mounting App component...");
-        App
-    });
-}
-
-#[component]
-fn HomePage() -> impl IntoView {
-    let auth = use_auth_context();
-    let navigate = use_navigate();
-    
-    // Redirect based on authentication status
-    create_effect(move |_| {
-        if auth.is_authenticated() {
-            navigate("/dashboard", Default::default());
-        } else {
-            navigate("/auth", Default::default());
-        }
-    });
-    
-    view! {
-        <div class="loading-page">
-            <div class="loading-spinner"></div>
-            <p>"Redirecting..."</p>
-        </div>
-    }
-}
-
-#[component]
-fn ProtectedRoute() -> impl IntoView {
-    let auth = use_auth_context();
-    let navigate = use_navigate();
-    
-    // Redirect to login if not authenticated
-    let auth_clone = auth.clone();
-    let navigate_clone = navigate.clone();
-    create_effect(move |_| {
-        if !auth_clone.is_authenticated() {
-            navigate_clone("/auth", Default::default());
-        }
-    });
-    
-    view! {
-        <Show when=move || auth.is_authenticated() fallback=|| view! {
-            <div class="loading-page">
-                <div class="loading-spinner"></div>
-                <p>"Checking authentication..."</p>
-            </div>
-        }>
-            <Dashboard />
-        </Show>
-    }
-}
-
diff --git a/sandcrate-web/src/login.rs b/sandcrate-web/src/login.rs
deleted file mode 100644
index d8f9ff4..0000000
--- a/sandcrate-web/src/login.rs
+++ /dev/null
@@ -1,148 +0,0 @@
-use crate::auth::{use_auth_context, User};
-use leptos::*;
-use leptos_router::*;
-
-#[component]
-pub fn LoginPage() -> impl IntoView {
-    let auth = use_auth_context();
-    let navigate = use_navigate();
-    
-    // Redirect to dashboard if already authenticated
-    let auth_clone = auth.clone();
-    let navigate_clone = navigate.clone();
-    create_effect(move |_| {
-        if auth_clone.is_authenticated() {
-            navigate_clone("/dashboard", Default::default());
-        }
-    });
-    
-    let (username, set_username) = create_signal(String::new());
-    let (password, set_password) = create_signal(String::new());
-    let (error_message, set_error_message) = create_signal(None::<String>);
-    let (is_loading, set_is_loading) = create_signal(false);
-
-    let login_action = create_action(move |_: &()| {
-        let username_val = username.get();
-        let password_val = password.get();
-        let auth = auth.clone();
-        let navigate = navigate.clone();
-        
-        async move {
-            set_is_loading.set(true);
-            set_error_message.set(None);
-            
-            // For demo purposes, simulate a successful login
-            // In production, this would be a real API call
-            if username_val == "admin" && password_val == "password" {
-                let user = User {
-                    username: username_val,
-                    token: "demo_token_123".to_string(),
-                    expires_at: "2025-12-31T23:59:59Z".to_string(),
-                };
-                auth.login(user);
-                navigate("/dashboard", Default::default());
-            } else {
-                set_error_message.set(Some("Invalid credentials. Try admin/password".to_string()));
-            }
-            
-            set_is_loading.set(false);
-        }
-    });
-
-    let on_submit = move |ev: leptos::ev::SubmitEvent| {
-        ev.prevent_default();
-        if !username.get().is_empty() && !password.get().is_empty() {
-            login_action.dispatch(());
-        }
-    };
-
-    view! {
-        <div class="auth-page">
-            <div class="auth-background">
-                <div class="auth-particles"></div>
-            </div>
-            
-            <div class="auth-container">
-                <div class="auth-card">
-                    <div class="auth-header">
-                        <div class="logo-container">
-                            <div class="logo-icon">"🔒"</div>
-                            <h1 class="logo-text">"SandCrate"</h1>
-                        </div>
-                        <p class="auth-subtitle">"Secure System Access Portal"</p>
-                    </div>
-                    
-                    <form on:submit=on_submit class="auth-form">
-                        <div class="form-group">
-                            <label for="username" class="form-label">"Username"</label>
-                            <div class="input-wrapper">
-                                <span class="input-icon">"👤"</span>
-                                <input
-                                    type="text"
-                                    id="username"
-                                    class="form-input"
-                                    placeholder="Enter your username"
-                                    prop:value=username
-                                    on:input=move |ev| set_username.set(event_target_value(&ev))
-                                    disabled=move || is_loading.get()
-                                />
-                            </div>
-                        </div>
-                        
-                        <div class="form-group">
-                            <label for="password" class="form-label">"Password"</label>
-                            <div class="input-wrapper">
-                                <span class="input-icon">"🔐"</span>
-                                <input
-                                    type="password"
-                                    id="password"
-                                    class="form-input"
-                                    placeholder="Enter your password"
-                                    prop:value=password
-                                    on:input=move |ev| set_password.set(event_target_value(&ev))
-                                    disabled=move || is_loading.get()
-                                />
-                            </div>
-                        </div>
-                        
-                        {move || error_message.get().map(|msg| view! {
-                            <div class="error-message">
-                                <span class="error-icon">"⚠️"</span>
-                                <span class="error-text">{msg}</span>
-                            </div>
-                        })}
-                        
-                        <button
-                            type="submit"
-                            class="auth-button"
-                            disabled=move || is_loading.get() || username.get().is_empty() || password.get().is_empty()
-                        >
-                            {move || if is_loading.get() { 
-                                view! {
-                                    <span class="button-content">
-                                        <span class="spinner-small"></span>
-                                        <span>"Signing in..."</span>
-                                    </span>
-                                }
-                            } else { 
-                                view! {
-                                    <span class="button-content">
-                                        <span class="button-icon">"🚀"</span>
-                                        <span>"Sign In"</span>
-                                    </span>
-                                }
-                            }}
-                        </button>
-                    </form>
-                    
-                    <div class="auth-footer">
-                        <div class="demo-info">
-                            <p class="demo-text">"Demo Credentials:"</p>
-                            <p class="demo-credentials">"Username: admin | Password: password"</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    }
-}
\ No newline at end of file
diff --git a/sandcrate-web/src/main.rs  b/sandcrate-web/src/main.rs 
deleted file mode 100644
index 95bc28f..0000000
--- a/sandcrate-web/src/main.rs 	
+++ /dev/null
@@ -1,4 +0,0 @@
-fn main() {
-    console_log::init_with_level(log::Level::Debug).expect("log init");
-    leptos::mount_to_body(|| view! { <App /> });
-}
diff --git a/sandcrate-web/style/auth.css b/sandcrate-web/style/auth.css
deleted file mode 100644
index fb59343..0000000
--- a/sandcrate-web/style/auth.css
+++ /dev/null
@@ -1,174 +0,0 @@
-/* Modern Green Theme - Authentication Styles */
-
-:root {
-    --primary-green: #10b981;
-    --primary-green-dark: #059669;
-    --primary-green-light: #34d399;
-    --secondary-green: #065f46;
-    --accent-green: #6ee7b7;
-    --background: #f8fafc;
-    --surface: #ffffff;
-    --surface-hover: #f1f5f9;
-    --text-primary: #1f2937;
-    --text-secondary: #6b7280;
-    --text-muted: #9ca3af;
-    --border: #e5e7eb;
-    --border-focus: #10b981;
-    --error: #ef4444;
-    --shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-}
-
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-body {
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
-    min-height: 100vh;
-    color: var(--text-primary);
-}
-
-/* Login Page Styles */
-.login-container {
-    min-height: 100vh;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 1rem;
-    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 50%, #dcfce7 100%);
-}
-
-.login-card {
-    background: var(--surface);
-    border-radius: 16px;
-    box-shadow: var(--shadow-lg);
-    padding: 2.5rem;
-    width: 100%;
-    max-width: 400px;
-    border: 1px solid var(--border);
-}
-
-.login-header {
-    text-align: center;
-    margin-bottom: 2rem;
-}
-
-.login-header h1 {
-    font-size: 2rem;
-    font-weight: 700;
-    color: var(--primary-green);
-    margin-bottom: 0.5rem;
-    background: linear-gradient(135deg, var(--primary-green) 0%, var(--secondary-green) 100%);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-}
-
-.login-header p {
-    color: var(--text-secondary);
-    font-size: 0.875rem;
-}
-
-.login-form {
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-}
-
-.form-group {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-}
-
-.form-group label {
-    font-weight: 500;
-    color: var(--text-primary);
-    font-size: 0.875rem;
-}
-
-.form-group input {
-    padding: 0.75rem 1rem;
-    border: 2px solid var(--border);
-    border-radius: 8px;
-    font-size: 1rem;
-    transition: all 0.2s ease;
-    background: var(--surface);
-}
-
-.form-group input:focus {
-    outline: none;
-    border-color: var(--border-focus);
-    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
-}
-
-.form-group input:disabled {
-    background: var(--surface-hover);
-    cursor: not-allowed;
-    opacity: 0.6;
-}
-
-.error-message {
-    background: #fef2f2;
-    border: 1px solid #fecaca;
-    color: var(--error);
-    padding: 0.75rem;
-    border-radius: 8px;
-    font-size: 0.875rem;
-    text-align: center;
-}
-
-.login-button {
-    background: linear-gradient(135deg, var(--primary-green) 0%, var(--primary-green-dark) 100%);
-    color: white;
-    border: none;
-    padding: 0.875rem 1.5rem;
-    border-radius: 8px;
-    font-size: 1rem;
-    font-weight: 600;
-    cursor: pointer;
-    transition: all 0.2s ease;
-    box-shadow: var(--shadow);
-}
-
-.login-button:hover:not(:disabled) {
-    transform: translateY(-1px);
-    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
-}
-
-.login-button:active:not(:disabled) {
-    transform: translateY(0);
-}
-
-.login-button:disabled {
-    background: var(--text-muted);
-    cursor: not-allowed;
-    transform: none;
-    box-shadow: none;
-}
-
-.login-footer {
-    margin-top: 2rem;
-    text-align: center;
-}
-
-.login-footer p {
-    color: var(--text-muted);
-    font-size: 0.75rem;
-}
-
-/* Responsive Design */
-@media (max-width: 480px) {
-    .login-card {
-        padding: 2rem;
-        margin: 1rem;
-    }
-    
-    .login-header h1 {
-        font-size: 1.75rem;
-    }
-}
\ No newline at end of file
diff --git a/sandcrate-web/style/style.css b/sandcrate-web/style/style.css
deleted file mode 100644
index c2208bf..0000000
--- a/sandcrate-web/style/style.css
+++ /dev/null
@@ -1,905 +0,0 @@
-/* Reset and Base Styles */
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-body {
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-    background: #0f0f23;
-    color: #ffffff;
-    line-height: 1.6;
-    overflow-x: hidden;
-}
-
-/* Loading Page */
-.loading-page {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: 100vh;
-    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%);
-}
-
-.loading-spinner {
-    width: 50px;
-    height: 50px;
-    border: 3px solid rgba(255, 255, 255, 0.1);
-    border-top: 3px solid #00d4ff;
-    border-radius: 50%;
-    animation: spin 1s linear infinite;
-    margin-bottom: 20px;
-}
-
-@keyframes spin {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
-}
-
-/* Authentication Page */
-.auth-page {
-    min-height: 100vh;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%);
-    position: relative;
-    overflow: hidden;
-}
-
-.auth-background {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 1;
-}
-
-.auth-particles {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    background-image: 
-        radial-gradient(circle at 20% 80%, rgba(0, 212, 255, 0.1) 0%, transparent 50%),
-        radial-gradient(circle at 80% 20%, rgba(255, 0, 150, 0.1) 0%, transparent 50%),
-        radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);
-    animation: float 20s ease-in-out infinite;
-}
-
-@keyframes float {
-    0%, 100% { transform: translateY(0px) rotate(0deg); }
-    50% { transform: translateY(-20px) rotate(180deg); }
-}
-
-.auth-container {
-    position: relative;
-    z-index: 2;
-    width: 100%;
-    max-width: 400px;
-    padding: 20px;
-}
-
-.auth-card {
-    background: rgba(255, 255, 255, 0.05);
-    backdrop-filter: blur(20px);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 20px;
-    padding: 40px;
-    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
-}
-
-.auth-card:hover {
-    transform: translateY(-5px);
-    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);
-}
-
-.auth-header {
-    text-align: center;
-    margin-bottom: 40px;
-}
-
-.logo-container {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-bottom: 15px;
-}
-
-.logo-icon {
-    font-size: 2.5rem;
-    margin-right: 15px;
-    filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.5));
-}
-
-.logo-text {
-    font-size: 2rem;
-    font-weight: 700;
-    background: linear-gradient(135deg, #00d4ff, #ff0096);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-}
-
-.auth-subtitle {
-    color: rgba(255, 255, 255, 0.7);
-    font-size: 0.9rem;
-    font-weight: 400;
-}
-
-.auth-form {
-    display: flex;
-    flex-direction: column;
-    gap: 25px;
-}
-
-.form-group {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-}
-
-.form-label {
-    font-size: 0.9rem;
-    font-weight: 500;
-    color: rgba(255, 255, 255, 0.9);
-    margin-left: 5px;
-}
-
-.input-wrapper {
-    position: relative;
-    display: flex;
-    align-items: center;
-}
-
-.input-icon {
-    position: absolute;
-    left: 15px;
-    font-size: 1.1rem;
-    color: rgba(255, 255, 255, 0.5);
-    z-index: 2;
-}
-
-.form-input {
-    width: 100%;
-    padding: 15px 15px 15px 50px;
-    background: rgba(255, 255, 255, 0.05);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 12px;
-    color: #ffffff;
-    font-size: 1rem;
-    transition: all 0.3s ease;
-}
-
-.form-input::placeholder {
-    color: rgba(255, 255, 255, 0.4);
-}
-
-.form-input:focus {
-    outline: none;
-    border-color: #00d4ff;
-    box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.1);
-    background: rgba(255, 255, 255, 0.08);
-}
-
-.form-input:disabled {
-    opacity: 0.6;
-    cursor: not-allowed;
-}
-
-.error-message {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    padding: 12px 16px;
-    background: rgba(255, 59, 48, 0.1);
-    border: 1px solid rgba(255, 59, 48, 0.3);
-    border-radius: 10px;
-    color: #ff3b30;
-    font-size: 0.9rem;
-}
-
-.error-icon {
-    font-size: 1.1rem;
-}
-
-.auth-button {
-    width: 100%;
-    padding: 15px;
-    background: linear-gradient(135deg, #00d4ff, #0099cc);
-    border: none;
-    border-radius: 12px;
-    color: #ffffff;
-    font-size: 1rem;
-    font-weight: 600;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    position: relative;
-    overflow: hidden;
-}
-
-.auth-button:hover:not(:disabled) {
-    transform: translateY(-2px);
-    box-shadow: 0 10px 25px rgba(0, 212, 255, 0.3);
-}
-
-.auth-button:disabled {
-    opacity: 0.6;
-    cursor: not-allowed;
-    transform: none;
-}
-
-.button-content {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-}
-
-.button-icon {
-    font-size: 1.1rem;
-}
-
-.spinner-small {
-    width: 16px;
-    height: 16px;
-    border: 2px solid rgba(255, 255, 255, 0.3);
-    border-top: 2px solid #ffffff;
-    border-radius: 50%;
-    animation: spin 1s linear infinite;
-}
-
-.auth-footer {
-    margin-top: 30px;
-    text-align: center;
-}
-
-.demo-info {
-    background: rgba(255, 255, 255, 0.05);
-    border-radius: 10px;
-    padding: 15px;
-}
-
-.demo-text {
-    font-size: 0.8rem;
-    color: rgba(255, 255, 255, 0.6);
-    margin-bottom: 5px;
-}
-
-.demo-credentials {
-    font-size: 0.9rem;
-    color: #00d4ff;
-    font-weight: 500;
-}
-
-/* Dashboard Layout */
-.app-layout {
-    display: flex;
-    min-height: 100vh;
-    background: #0f0f23;
-}
-
-/* Sidebar */
-.sidebar {
-    width: 280px;
-    background: rgba(255, 255, 255, 0.03);
-    border-right: 1px solid rgba(255, 255, 255, 0.1);
-    display: flex;
-    flex-direction: column;
-    backdrop-filter: blur(20px);
-}
-
-.sidebar-header {
-    padding: 30px 25px;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-}
-
-.logo {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-}
-
-.logo-icon {
-    font-size: 1.8rem;
-    filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.5));
-}
-
-.logo-text {
-    font-size: 1.4rem;
-    font-weight: 700;
-    background: linear-gradient(135deg, #00d4ff, #ff0096);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-}
-
-.sidebar-nav {
-    flex: 1;
-    padding: 20px 0;
-    display: flex;
-    flex-direction: column;
-    gap: 5px;
-}
-
-.nav-item {
-    display: flex;
-    align-items: center;
-    gap: 15px;
-    padding: 15px 25px;
-    background: transparent;
-    border: none;
-    color: rgba(255, 255, 255, 0.7);
-    font-size: 0.95rem;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.3s ease;
-    border-radius: 0 25px 25px 0;
-    margin-right: 15px;
-}
-
-.nav-item:hover {
-    background: rgba(255, 255, 255, 0.05);
-    color: #ffffff;
-}
-
-.nav-item.active {
-    background: linear-gradient(135deg, #00d4ff, #0099cc);
-    color: #ffffff;
-    box-shadow: 0 5px 15px rgba(0, 212, 255, 0.3);
-}
-
-.nav-icon {
-    font-size: 1.2rem;
-    width: 20px;
-    text-align: center;
-}
-
-.sidebar-footer {
-    padding: 25px;
-    border-top: 1px solid rgba(255, 255, 255, 0.1);
-}
-
-.user-info {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    margin-bottom: 15px;
-}
-
-.user-avatar {
-    width: 40px;
-    height: 40px;
-    background: linear-gradient(135deg, #00d4ff, #0099cc);
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 1.2rem;
-}
-
-.user-details {
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-}
-
-.user-name {
-    font-size: 0.9rem;
-    font-weight: 600;
-    color: #ffffff;
-}
-
-.user-role {
-    font-size: 0.75rem;
-    color: rgba(255, 255, 255, 0.6);
-}
-
-.logout-btn {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    padding: 12px;
-    background: rgba(255, 59, 48, 0.1);
-    border: 1px solid rgba(255, 59, 48, 0.3);
-    border-radius: 10px;
-    color: #ff3b30;
-    font-size: 0.9rem;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.3s ease;
-}
-
-.logout-btn:hover {
-    background: rgba(255, 59, 48, 0.2);
-    transform: translateY(-1px);
-}
-
-.logout-icon {
-    font-size: 1rem;
-}
-
-/* Main Content */
-.main-content {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    background: #0f0f23;
-}
-
-.top-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 25px 35px;
-    background: rgba(255, 255, 255, 0.02);
-    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-}
-
-.page-title {
-    font-size: 1.8rem;
-    font-weight: 700;
-    color: #ffffff;
-}
-
-.status-indicator {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 8px 16px;
-    background: rgba(52, 199, 89, 0.1);
-    border: 1px solid rgba(52, 199, 89, 0.3);
-    border-radius: 20px;
-}
-
-.status-dot {
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-}
-
-.status-dot.online {
-    background: #34c759;
-    box-shadow: 0 0 10px rgba(52, 199, 89, 0.5);
-}
-
-.status-text {
-    font-size: 0.85rem;
-    color: #34c759;
-    font-weight: 500;
-}
-
-.content-area {
-    flex: 1;
-    padding: 35px;
-    overflow-y: auto;
-}
-
-/* Dashboard Tab */
-.dashboard-tab {
-    display: flex;
-    flex-direction: column;
-    gap: 35px;
-}
-
-.stats-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-    gap: 25px;
-}
-
-.stat-card {
-    background: rgba(255, 255, 255, 0.03);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 16px;
-    padding: 25px;
-    display: flex;
-    align-items: center;
-    gap: 20px;
-    transition: all 0.3s ease;
-}
-
-.stat-card:hover {
-    transform: translateY(-3px);
-    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
-    border-color: rgba(0, 212, 255, 0.3);
-}
-
-.stat-icon {
-    font-size: 2.5rem;
-    width: 60px;
-    height: 60px;
-    background: linear-gradient(135deg, #00d4ff, #0099cc);
-    border-radius: 12px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.stat-content {
-    flex: 1;
-}
-
-.stat-title {
-    font-size: 0.9rem;
-    color: rgba(255, 255, 255, 0.7);
-    margin-bottom: 5px;
-    font-weight: 500;
-}
-
-.stat-number {
-    font-size: 2rem;
-    font-weight: 700;
-    color: #ffffff;
-    margin-bottom: 5px;
-}
-
-.stat-label {
-    font-size: 0.8rem;
-    color: rgba(255, 255, 255, 0.5);
-}
-
-.recent-activity {
-    background: rgba(255, 255, 255, 0.03);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 16px;
-    padding: 25px;
-}
-
-.section-title {
-    font-size: 1.3rem;
-    font-weight: 600;
-    color: #ffffff;
-    margin-bottom: 20px;
-}
-
-.activity-list {
-    display: flex;
-    flex-direction: column;
-    gap: 15px;
-}
-
-.activity-item {
-    display: flex;
-    align-items: center;
-    gap: 15px;
-    padding: 15px;
-    background: rgba(255, 255, 255, 0.02);
-    border-radius: 12px;
-    transition: all 0.3s ease;
-}
-
-.activity-item:hover {
-    background: rgba(255, 255, 255, 0.05);
-}
-
-.activity-icon {
-    font-size: 1.2rem;
-    width: 35px;
-    height: 35px;
-    background: rgba(0, 212, 255, 0.1);
-    border-radius: 8px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.activity-content {
-    flex: 1;
-}
-
-.activity-text {
-    font-size: 0.9rem;
-    color: #ffffff;
-    margin-bottom: 3px;
-}
-
-.activity-time {
-    font-size: 0.75rem;
-    color: rgba(255, 255, 255, 0.5);
-}
-
-/* Plugins Tab */
-.plugins-tab {
-    display: flex;
-    flex-direction: column;
-    gap: 25px;
-}
-
-.plugins-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-.refresh-btn {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 10px 20px;
-    background: rgba(0, 212, 255, 0.1);
-    border: 1px solid rgba(0, 212, 255, 0.3);
-    border-radius: 10px;
-    color: #00d4ff;
-    font-size: 0.9rem;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.3s ease;
-}
-
-.refresh-btn:hover {
-    background: rgba(0, 212, 255, 0.2);
-    transform: translateY(-1px);
-}
-
-.refresh-icon {
-    font-size: 1rem;
-}
-
-.plugins-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-    gap: 25px;
-}
-
-.plugin-card {
-    background: rgba(255, 255, 255, 0.03);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 16px;
-    padding: 25px;
-    transition: all 0.3s ease;
-}
-
-.plugin-card:hover {
-    transform: translateY(-3px);
-    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
-    border-color: rgba(0, 212, 255, 0.3);
-}
-
-.plugin-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 20px;
-}
-
-.plugin-icon {
-    font-size: 2rem;
-    width: 50px;
-    height: 50px;
-    background: linear-gradient(135deg, #00d4ff, #0099cc);
-    border-radius: 10px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.plugin-status {
-    width: 12px;
-    height: 12px;
-    border-radius: 50%;
-}
-
-.plugin-status.online {
-    background: #34c759;
-    box-shadow: 0 0 10px rgba(52, 199, 89, 0.5);
-}
-
-.plugin-info {
-    margin-bottom: 20px;
-}
-
-.plugin-name {
-    font-size: 1.1rem;
-    font-weight: 600;
-    color: #ffffff;
-    margin-bottom: 8px;
-}
-
-.plugin-description {
-    font-size: 0.85rem;
-    color: rgba(255, 255, 255, 0.7);
-    margin-bottom: 12px;
-}
-
-.plugin-meta {
-    display: flex;
-    gap: 15px;
-}
-
-.plugin-version, .plugin-type {
-    font-size: 0.75rem;
-    color: rgba(255, 255, 255, 0.5);
-    background: rgba(255, 255, 255, 0.05);
-    padding: 4px 8px;
-    border-radius: 6px;
-}
-
-.plugin-actions {
-    display: flex;
-    gap: 10px;
-}
-
-.plugin-btn {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 6px;
-    padding: 10px;
-    border: none;
-    border-radius: 8px;
-    font-size: 0.85rem;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.3s ease;
-}
-
-.plugin-btn.primary {
-    background: linear-gradient(135deg, #00d4ff, #0099cc);
-    color: #ffffff;
-}
-
-.plugin-btn.primary:hover {
-    transform: translateY(-1px);
-    box-shadow: 0 5px 15px rgba(0, 212, 255, 0.3);
-}
-
-.plugin-btn.secondary {
-    background: rgba(255, 255, 255, 0.05);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    color: rgba(255, 255, 255, 0.8);
-}
-
-.plugin-btn.secondary:hover {
-    background: rgba(255, 255, 255, 0.1);
-    transform: translateY(-1px);
-}
-
-.btn-icon {
-    font-size: 0.9rem;
-}
-
-/* Settings Tab */
-.settings-tab {
-    display: flex;
-    flex-direction: column;
-    gap: 25px;
-}
-
-.settings-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-    gap: 25px;
-}
-
-.setting-card {
-    background: rgba(255, 255, 255, 0.03);
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    border-radius: 16px;
-    padding: 25px;
-    transition: all 0.3s ease;
-}
-
-.setting-card:hover {
-    transform: translateY(-3px);
-    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
-    border-color: rgba(0, 212, 255, 0.3);
-}
-
-.setting-title {
-    font-size: 1.1rem;
-    font-weight: 600;
-    color: #ffffff;
-    margin-bottom: 10px;
-}
-
-.setting-description {
-    font-size: 0.85rem;
-    color: rgba(255, 255, 255, 0.7);
-    margin-bottom: 20px;
-    line-height: 1.5;
-}
-
-.setting-btn {
-    padding: 10px 20px;
-    background: rgba(0, 212, 255, 0.1);
-    border: 1px solid rgba(0, 212, 255, 0.3);
-    border-radius: 8px;
-    color: #00d4ff;
-    font-size: 0.9rem;
-    font-weight: 500;
-    cursor: pointer;
-    transition: all 0.3s ease;
-}
-
-.setting-btn:hover {
-    background: rgba(0, 212, 255, 0.2);
-    transform: translateY(-1px);
-}
-
-/* Navigation Links */
-nav a {
-    color: #00d4ff !important;
-    text-decoration: none;
-    margin-right: 20px;
-    padding: 8px 16px;
-    border-radius: 8px;
-    transition: all 0.3s ease;
-    font-weight: 500;
-}
-
-nav a:hover {
-    background: rgba(0, 212, 255, 0.1);
-    color: #ffffff !important;
-    transform: translateY(-1px);
-}
-
-nav a.active {
-    background: linear-gradient(135deg, #00d4ff, #0099cc);
-    color: #ffffff !important;
-}
-
-/* Responsive Design */
-@media (max-width: 768px) {
-    .sidebar {
-        width: 100%;
-        position: fixed;
-        top: 0;
-        left: -100%;
-        z-index: 1000;
-        transition: left 0.3s ease;
-    }
-    
-    .sidebar.open {
-        left: 0;
-    }
-    
-    .main-content {
-        margin-left: 0;
-    }
-    
-    .stats-grid {
-        grid-template-columns: 1fr;
-    }
-    
-    .plugins-grid {
-        grid-template-columns: 1fr;
-    }
-    
-    .settings-grid {
-        grid-template-columns: 1fr;
-    }
-    
-    .auth-container {
-        max-width: 100%;
-        padding: 15px;
-    }
-    
-    .auth-card {
-        padding: 30px 20px;
-    }
-}
-
-/* Scrollbar Styling */
-::-webkit-scrollbar {
-    width: 8px;
-}
-
-::-webkit-scrollbar-track {
-    background: rgba(255, 255, 255, 0.05);
-}
-
-::-webkit-scrollbar-thumb {
-    background: rgba(255, 255, 255, 0.2);
-    border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-    background: rgba(255, 255, 255, 0.3);
-}
diff --git a/src-tauri/.gitignore b/src-tauri/.gitignore
deleted file mode 100644
index b21bd68..0000000
--- a/src-tauri/.gitignore
+++ /dev/null
@@ -1,7 +0,0 @@
-# Generated by Cargo
-# will have compiled files and executables
-/target/
-
-# Generated by Tauri
-# will have schema files for capabilities auto-completion
-/gen/schemas
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
deleted file mode 100644
index f7dec35..0000000
--- a/src-tauri/Cargo.toml
+++ /dev/null
@@ -1,25 +0,0 @@
-[package]
-name = "sandcrate"
-version = "0.1.0"
-description = "A Tauri App"
-authors = ["you"]
-edition = "2021"
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[lib]
-# The `_lib` suffix may seem redundant but it is necessary
-# to make the lib name unique and wouldn't conflict with the bin name.
-# This seems to be only an issue on Windows, see https://github.com/rust-lang/cargo/issues/8519
-name = "sandcrate_lib"
-crate-type = ["staticlib", "cdylib", "rlib"]
-
-[build-dependencies]
-tauri-build = { version = "2", features = [] }
-
-[dependencies]
-tauri = { version = "2", features = [] }
-tauri-plugin-opener = "2"
-serde = { version = "1", features = ["derive"] }
-serde_json = "1"
-
diff --git a/src-tauri/build.rs b/src-tauri/build.rs
deleted file mode 100644
index d860e1e..0000000
--- a/src-tauri/build.rs
+++ /dev/null
@@ -1,3 +0,0 @@
-fn main() {
-    tauri_build::build()
-}
diff --git a/src-tauri/capabilities/default.json b/src-tauri/capabilities/default.json
deleted file mode 100644
index 4cdbf49..0000000
--- a/src-tauri/capabilities/default.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "$schema": "../gen/schemas/desktop-schema.json",
-  "identifier": "default",
-  "description": "Capability for the main window",
-  "windows": ["main"],
-  "permissions": [
-    "core:default",
-    "opener:default"
-  ]
-}
diff --git a/src-tauri/icons/128x128.png b/src-tauri/icons/128x128.png
deleted file mode 100644
index 6be5e50..0000000
Binary files a/src-tauri/icons/128x128.png and /dev/null differ
diff --git a/src-tauri/icons/128x128@2x.png b/src-tauri/icons/128x128@2x.png
deleted file mode 100644
index e81bece..0000000
Binary files a/src-tauri/icons/128x128@2x.png and /dev/null differ
diff --git a/src-tauri/icons/32x32.png b/src-tauri/icons/32x32.png
deleted file mode 100644
index a437dd5..0000000
Binary files a/src-tauri/icons/32x32.png and /dev/null differ
diff --git a/src-tauri/icons/Square107x107Logo.png b/src-tauri/icons/Square107x107Logo.png
deleted file mode 100644
index 0ca4f27..0000000
Binary files a/src-tauri/icons/Square107x107Logo.png and /dev/null differ
diff --git a/src-tauri/icons/Square142x142Logo.png b/src-tauri/icons/Square142x142Logo.png
deleted file mode 100644
index b81f820..0000000
Binary files a/src-tauri/icons/Square142x142Logo.png and /dev/null differ
diff --git a/src-tauri/icons/Square150x150Logo.png b/src-tauri/icons/Square150x150Logo.png
deleted file mode 100644
index 624c7bf..0000000
Binary files a/src-tauri/icons/Square150x150Logo.png and /dev/null differ
diff --git a/src-tauri/icons/Square284x284Logo.png b/src-tauri/icons/Square284x284Logo.png
deleted file mode 100644
index c021d2b..0000000
Binary files a/src-tauri/icons/Square284x284Logo.png and /dev/null differ
diff --git a/src-tauri/icons/Square30x30Logo.png b/src-tauri/icons/Square30x30Logo.png
deleted file mode 100644
index 6219700..0000000
Binary files a/src-tauri/icons/Square30x30Logo.png and /dev/null differ
diff --git a/src-tauri/icons/Square310x310Logo.png b/src-tauri/icons/Square310x310Logo.png
deleted file mode 100644
index f9bc048..0000000
Binary files a/src-tauri/icons/Square310x310Logo.png and /dev/null differ
diff --git a/src-tauri/icons/Square44x44Logo.png b/src-tauri/icons/Square44x44Logo.png
deleted file mode 100644
index d5fbfb2..0000000
Binary files a/src-tauri/icons/Square44x44Logo.png and /dev/null differ
diff --git a/src-tauri/icons/Square71x71Logo.png b/src-tauri/icons/Square71x71Logo.png
deleted file mode 100644
index 63440d7..0000000
Binary files a/src-tauri/icons/Square71x71Logo.png and /dev/null differ
diff --git a/src-tauri/icons/Square89x89Logo.png b/src-tauri/icons/Square89x89Logo.png
deleted file mode 100644
index f3f705a..0000000
Binary files a/src-tauri/icons/Square89x89Logo.png and /dev/null differ
diff --git a/src-tauri/icons/StoreLogo.png b/src-tauri/icons/StoreLogo.png
deleted file mode 100644
index 4556388..0000000
Binary files a/src-tauri/icons/StoreLogo.png and /dev/null differ
diff --git a/src-tauri/icons/icon.icns b/src-tauri/icons/icon.icns
deleted file mode 100644
index 12a5bce..0000000
Binary files a/src-tauri/icons/icon.icns and /dev/null differ
diff --git a/src-tauri/icons/icon.ico b/src-tauri/icons/icon.ico
deleted file mode 100644
index b3636e4..0000000
Binary files a/src-tauri/icons/icon.ico and /dev/null differ
diff --git a/src-tauri/icons/icon.png b/src-tauri/icons/icon.png
deleted file mode 100644
index e1cd261..0000000
Binary files a/src-tauri/icons/icon.png and /dev/null differ
diff --git a/src-tauri/src/lib.rs b/src-tauri/src/lib.rs
deleted file mode 100644
index 4a277ef..0000000
--- a/src-tauri/src/lib.rs
+++ /dev/null
@@ -1,14 +0,0 @@
-// Learn more about Tauri commands at https://tauri.app/develop/calling-rust/
-#[tauri::command]
-fn greet(name: &str) -> String {
-    format!("Hello, {}! You've been greeted from Rust!", name)
-}
-
-#[cfg_attr(mobile, tauri::mobile_entry_point)]
-pub fn run() {
-    tauri::Builder::default()
-        .plugin(tauri_plugin_opener::init())
-        .invoke_handler(tauri::generate_handler![greet])
-        .run(tauri::generate_context!())
-        .expect("error while running tauri application");
-}
diff --git a/src-tauri/src/main.rs b/src-tauri/src/main.rs
deleted file mode 100644
index 6d9ab0d..0000000
--- a/src-tauri/src/main.rs
+++ /dev/null
@@ -1,6 +0,0 @@
-// Prevents additional console window on Windows in release, DO NOT REMOVE!!
-#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
-
-fn main() {
-    sandcrate_lib::run()
-}
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
deleted file mode 100644
index 9be743f..0000000
--- a/src-tauri/tauri.conf.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-  "$schema": "https://schema.tauri.app/config/2",
-  "productName": "sandcrate",
-  "version": "0.1.0",
-  "identifier": "com.mahesh.sandcrate",
-  "build": {
-    "beforeDevCommand": "dx serve --port 1420",
-    "devUrl": "http://localhost:1420",
-    "beforeBuildCommand": "dx bundle --release",
-    "frontendDist": "../dist/public"
-  },
-  "app": {
-    "withGlobalTauri": true,
-    "windows": [
-      {
-        "title": "sandcrate",
-        "width": 800,
-        "height": 600
-      }
-    ],
-    "security": {
-      "csp": null
-    }
-  },
-  "bundle": {
-    "active": true,
-    "targets": "all",
-    "icon": [
-      "icons/32x32.png",
-      "icons/128x128.png",
-      "icons/128x128@2x.png",
-      "icons/icon.icns",
-      "icons/icon.ico"
-    ]
-  }
-}
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index f741d17..0000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,46 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: [
-    "./index.html",
-    "./src/**/*.{js,ts,jsx,tsx}",
-  ],
-  theme: {
-    extend: {
-      colors: {
-        'devops-green': {
-          50: '#f0fdf4',
-          100: '#dcfce7',
-          200: '#bbf7d0',
-          300: '#86efac',
-          400: '#4ade80',
-          500: '#22c55e',
-          600: '#16a34a',
-          700: '#15803d',
-          800: '#166534',
-          900: '#14532d',
-        },
-        'terminal': {
-          50: '#f8fafc',
-          100: '#f1f5f9',
-          200: '#e2e8f0',
-          300: '#cbd5e1',
-          400: '#94a3b8',
-          500: '#64748b',
-          600: '#475569',
-          700: '#334155',
-          800: '#1e293b',
-          900: '#0f172a',
-        }
-      },
-      fontFamily: {
-        'mono': ['JetBrains Mono', 'Fira Code', 'Consolas', 'monospace'],
-      },
-      animation: {
-        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
-        'bounce-slow': 'bounce 2s infinite',
-        'spin-slow': 'spin 3s linear infinite',
-      }
-    },
-  },
-  plugins: [],
-} 
\ No newline at end of file