diff --git a/Provider/frontend/src/App.svelte b/Provider/frontend/src/App.svelte
index f9041d5..842ea70 100644
--- a/Provider/frontend/src/App.svelte
+++ b/Provider/frontend/src/App.svelte
@@ -1,5 +1,6 @@
 <script>
   import { getSystemInfo, reboot, getOTAStatus, getUpcomingTasks } from "./lib/api.js";
+  import { formatUptime, formatBytes, formatRelativeDate, isOverdue } from "./lib/utils.js";
   import OTAUpdate from "./lib/OTAUpdate.svelte";
   import Sidebar from "./lib/Sidebar.svelte";
   import TaskManager from "./lib/TaskManager.svelte";
@@ -32,49 +33,7 @@
 
   let upcomingData = $state({ users: [] });
 
-  /** Format uptime seconds into human-readable string */
-  function formatUptime(seconds) {
-    const d = Math.floor(seconds / 86400);
-    const h = Math.floor((seconds % 86400) / 3600);
-    const m = Math.floor((seconds % 3600) / 60);
-    const s = seconds % 60;
-    const parts = [];
-    if (d > 0) parts.push(`${d}d`);
-    if (h > 0) parts.push(`${h}h`);
-    if (m > 0) parts.push(`${m}m`);
-    parts.push(`${s}s`);
-    return parts.join(" ");
-  }
-
-  /** Format bytes into human-readable string */
-  function formatBytes(bytes) {
-    if (bytes >= 1048576) return `${(bytes / 1048576).toFixed(1)} MB`;
-    if (bytes >= 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-    return `${bytes} B`;
-  }
-
-  function formatRelativeDate(timestamp) {
-    const now = Date.now() / 1000;
-    const diff = timestamp - now;
-    const absDiff = Math.abs(diff);
-
-    if (absDiff < 3600) {
-      const mins = Math.round(absDiff / 60);
-      return diff < 0 ? `${mins}m ago` : `in ${mins}m`;
-    }
-    if (absDiff < 86400) {
-      const hours = Math.round(absDiff / 3600);
-      return diff < 0 ? `${hours}h ago` : `in ${hours}h`;
-    }
-    const days = Math.round(absDiff / 86400);
-    return diff < 0 ? `${days}d ago` : `in ${days}d`;
-  }
-
-  function isOverdue(timestamp) {
-    return timestamp < Date.now() / 1000;
-  }
-
-  let isFetching = false;
+  let isFetching = false; // mutex, not reactive
   let lastKnownFirmware = null;
   let lastKnownSlot = null;
   async function fetchAll(silent = false) {
@@ -158,7 +117,7 @@
   ]);
 </script>
 
-<div class="app-layout">
+<div class="flex min-h-screen bg-bg-primary">
   <Sidebar 
     {currentView} 
     isOpen={mobileMenuOpen}
@@ -168,25 +127,25 @@
 
   {#if mobileMenuOpen}
     <button 
-      class="mobile-backdrop" 
+      class="fixed inset-0 bg-black/40 backdrop-blur z-[999] border-none p-0 cursor-pointer" 
       onclick={() => mobileMenuOpen = false}
       aria-label="Close menu"
     ></button>
   {/if}
 
-  <main class="main-content">
+  <main class="main-gradient-bg flex-1 p-8 h-screen overflow-y-auto max-md:p-4 max-md:h-auto">
     <!-- Mobile Top Bar -->
-    <header class="mobile-header">
+    <header class="hidden max-md:flex items-center justify-between px-4 py-3 bg-bg-card border-b border-border sticky top-0 z-50 backdrop-blur-[10px] max-md:-mx-4 max-md:-mt-4 max-md:mb-5">
       <!-- svelte-ignore a11y_consider_explicit_label -->
-      <button class="hamburger" onclick={() => mobileMenuOpen = true}>
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
+      <button class="bg-transparent border-none text-text-primary p-2 cursor-pointer" onclick={() => mobileMenuOpen = true}>
+        <svg class="w-6 h-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">
           <line x1="3" y1="6" x2="21" y2="6"></line>
           <line x1="3" y1="12" x2="21" y2="12"></line>
           <line x1="3" y1="18" x2="21" y2="18"></line>
         </svg>
       </button>
-      <span class="mobile-title">Calendink</span>
-      <div style="width: 40px;"></div> <!-- Spacer -->
+      <span class="font-bold text-base tracking-[-0.02em] text-accent">Calendink</span>
+      <div class="w-10"></div> <!-- Spacer -->
     </header>
 
     <div class="w-full max-w-6xl mx-auto space-y-8">
@@ -378,7 +337,7 @@
             </div>
 
             <!-- Updates & Maintenance Card -->
-            <OTAUpdate onReboot={() => { status = "rebooting"; isRecovering = true; }} />
+            <OTAUpdate otaInfo={otaStatus} {systemInfo} onReboot={() => { status = "rebooting"; isRecovering = true; }} />
           </div>
 
         </div>
@@ -426,87 +385,3 @@
 </div>
 
 <Spinner />
-
-<style>
-  .app-layout {
-    display: flex;
-    min-height: 100vh;
-    background: var(--color-bg-primary);
-  }
-
-  .main-content {
-    flex: 1;
-    padding: 32px;
-    height: 100vh;
-    overflow-y: auto;
-    background: radial-gradient(circle at top right, var(--color-bg-card), transparent 40%),
-                var(--color-bg-primary);
-  }
-
-  .mobile-header {
-    display: none;
-    align-items: center;
-    justify-content: space-between;
-    padding: 12px 16px;
-    background: var(--color-bg-card);
-    border-bottom: 1px solid var(--color-border);
-    position: sticky;
-    top: 0;
-    z-index: 50;
-    backdrop-filter: blur(10px);
-  }
-
-  .hamburger {
-    background: none;
-    border: none;
-    color: var(--color-text-primary);
-    padding: 8px;
-    cursor: pointer;
-  }
-
-  .hamburger svg {
-    width: 24px;
-    height: 24px;
-  }
-
-  .mobile-title {
-    font-weight: 700;
-    font-size: 16px;
-    letter-spacing: -0.02em;
-    color: var(--color-accent);
-  }
-
-  .mobile-backdrop {
-    display: none;
-    position: fixed;
-    inset: 0;
-    background: rgba(0, 0, 0, 0.4);
-    backdrop-filter: blur(4px);
-    z-index: 999;
-    border: none;
-    padding: 0;
-    cursor: pointer;
-    animation: fadeIn 0.2s ease-out;
-  }
-
-  @keyframes fadeIn {
-    from { opacity: 0; }
-    to { opacity: 1; }
-  }
-
-  @media (max-width: 768px) {
-    .main-content {
-      padding: 16px;
-      height: auto;
-    }
-
-    .mobile-header {
-      display: flex;
-      margin: -16px -16px 20px -16px;
-    }
-
-    .mobile-backdrop {
-      display: block;
-    }
-  }
-</style>
diff --git a/Provider/frontend/src/app.css b/Provider/frontend/src/app.css
index e194d3d..944a607 100644
--- a/Provider/frontend/src/app.css
+++ b/Provider/frontend/src/app.css
@@ -16,4 +16,29 @@
   --color-success: #22c55e;
   --color-danger: #ef4444;
   --color-danger-hover: #f87171;
+}
+
+/*
+ * Global utility: main content radial gradient background.
+ * Can't be expressed as a Tailwind arbitrary value due to multiple background layers.
+ */
+.main-gradient-bg {
+  background: radial-gradient(circle at top right, var(--color-bg-card), transparent 40%),
+              var(--color-bg-primary);
+}
+
+/*
+ * Global utility: makes the native date picker icon cover the full input area.
+ * This is a vendor pseudo-element — cannot be done with Tailwind utilities.
+ */
+.date-input::-webkit-calendar-picker-indicator {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: auto;
+  height: auto;
+  opacity: 0;
+  cursor: pointer;
 }
\ No newline at end of file
diff --git a/Provider/frontend/src/lib/OTAUpdate.svelte b/Provider/frontend/src/lib/OTAUpdate.svelte
index 1b3aa58..2681735 100644
--- a/Provider/frontend/src/lib/OTAUpdate.svelte
+++ b/Provider/frontend/src/lib/OTAUpdate.svelte
@@ -1,47 +1,26 @@
 <script>
-    let { onReboot = null } = $props();
-    import { getOTAStatus, uploadOTAFrontend, uploadOTAFirmware, uploadOTABundle, getSystemInfo } from "./api.js";
-  
+    import { uploadOTAFrontend, uploadOTAFirmware, uploadOTABundle } from "./api.js";
+
+    // otaInfo and systemInfo are passed from App.svelte (already fetched there every 5s)
+    let { 
+      onReboot = null,
+      otaInfo = { active_slot: -1, active_partition: "—", target_partition: "—", partitions: [], running_firmware_label: "—" },
+      systemInfo = { firmware: "—" }
+    } = $props();
+
     const IS_DEV = import.meta.env.DEV;
 
-    /** @type {'idle' | 'loading_status' | 'uploading' | 'success' | 'error'} */
+    /** @type {'idle' | 'uploading' | 'success' | 'error'} */
     let status = $state("idle");
     let errorMsg = $state("");
     let uploadProgress = $state(0);
   
-    let otaInfo = $state({
-      active_slot: -1,
-      active_partition: "—",
-      target_partition: "—",
-      partitions: [],
-      running_firmware_label: "—"
-    });
-
-    let systemInfo = $state({
-      firmware: "—"
-    });
-  
     let selectedFile = $state(null);
     let showAdvanced = $state(false);
     /** @type {'frontend' | 'firmware' | 'bundle'} */
     let updateMode = $state("frontend");
     let isDragging = $state(false);
   
-    async function fetchStatus() {
-      status = "loading_status";
-      try {
-        [otaInfo, systemInfo] = await Promise.all([getOTAStatus(), getSystemInfo()]);
-        status = "idle";
-      } catch (e) {
-        status = "error";
-        errorMsg = "Failed to fetch OTA status: " + e.message;
-      }
-    }
-  
-    $effect(() => {
-      fetchStatus();
-    });
-  
     function handleFileChange(event) {
       const files = event.target.files;
       if (files && files.length > 0) processFile(files[0]);
@@ -114,7 +93,7 @@
         }
     }
 
-    const currentTarget = $derived(() => {
+    const currentTarget = $derived.by(() => {
         if (updateMode === 'bundle') return 'FW + UI';
         if (updateMode === 'frontend') return otaInfo.target_partition;
         // For firmware, target is the slot that is NOT the running one
@@ -182,7 +161,7 @@
                 OTA Upgrade ({updateMode === 'frontend' ? 'UI' : 'Firmware'})
             </h3>
             <div class="text-[10px] text-text-secondary">
-              Target: <span class="font-mono text-accent">{currentTarget()}</span>
+              Target: <span class="font-mono text-accent">{currentTarget}</span>
               {#if updateMode === 'frontend' && otaInfo.partitions}
                 <span class="ml-1">
                   ({(otaInfo.partitions.find(p => p.label === otaInfo.target_partition)?.size / 1024 / 1024).toFixed(1)} MB)
diff --git a/Provider/frontend/src/lib/Sidebar.svelte b/Provider/frontend/src/lib/Sidebar.svelte
index 2d8500f..f66ba87 100644
--- a/Provider/frontend/src/lib/Sidebar.svelte
+++ b/Provider/frontend/src/lib/Sidebar.svelte
@@ -16,17 +16,29 @@
   ];
 </script>
 
-<aside class="sidebar {collapsed ? 'collapsed' : ''} {isOpen ? 'mobile-open' : ''}">
-  <div class="sidebar-header">
+<aside class="
+  flex flex-col bg-bg-card border-r border-border h-screen flex-shrink-0 sticky top-0
+  transition-all duration-300
+  {collapsed ? 'w-16' : 'w-[200px]'}
+  max-md:fixed max-md:left-0 max-md:top-0 max-md:z-[1000] max-md:!w-[280px]
+  max-md:shadow-[20px_0_50px_rgba(0,0,0,0.3)]
+  {isOpen ? 'max-md:flex' : 'max-md:hidden'}
+">
+  <div class="flex items-center border-b border-border min-h-14 px-3 py-4
+    {collapsed ? 'justify-center' : 'justify-between'}
+    max-md:px-4 max-md:py-5">
     {#if !collapsed}
-      <span class="sidebar-title">Menu</span>
+      <span class="text-xs font-bold uppercase tracking-[0.05em] text-text-secondary whitespace-nowrap overflow-hidden">
+        Menu
+      </span>
     {/if}
     <button
-      class="collapse-btn {onToggle ? 'mobile-only' : ''}"
+      class="bg-transparent border-none text-text-secondary cursor-pointer p-1.5 flex items-center justify-center rounded-md transition-all flex-shrink-0 hover:text-text-primary hover:bg-bg-card-hover
+        {onToggle ? 'max-md:flex' : ''}"
       onclick={() => onToggle ? onToggle() : (collapsed = !collapsed)}
       title={collapsed ? 'Expand' : 'Collapse'}
     >
-      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round">
+      <svg class="w-[18px] h-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round">
         <line x1="3" y1="6" x2="21" y2="6"></line>
         <line x1="3" y1="12" x2="21" y2="12"></line>
         <line x1="3" y1="18" x2="21" y2="18"></line>
@@ -34,160 +46,22 @@
     </button>
   </div>
 
-  <nav class="sidebar-nav">
+  <nav class="flex flex-col gap-1 p-2">
     {#each navItems as item}
       <button
-        class="nav-item {currentView === item.id ? 'active' : ''}"
+        class="flex items-center gap-2.5 px-3 py-2.5 border-none rounded-lg cursor-pointer text-[13px] font-medium transition-all whitespace-nowrap text-left
+          max-md:px-4 max-md:py-3.5 max-md:text-[15px]
+          {currentView === item.id
+            ? 'bg-accent/15 text-accent'
+            : 'bg-transparent text-text-secondary hover:bg-bg-card-hover hover:text-text-primary'}"
         onclick={() => onNavigate(item.id)}
         title={item.label}
       >
-        <span class="nav-icon">{item.icon}</span>
+        <span class="text-base flex-shrink-0">{item.icon}</span>
         {#if !collapsed}
-          <span class="nav-label">{item.label}</span>
+          <span class="overflow-hidden">{item.label}</span>
         {/if}
       </button>
     {/each}
   </nav>
 </aside>
-
-<style>
-  .sidebar {
-    width: 200px;
-    height: 100vh;
-    background: var(--color-bg-card);
-    border-right: 1px solid var(--color-border);
-    display: flex;
-    flex-direction: column;
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    flex-shrink: 0;
-    position: sticky;
-    top: 0;
-  }
-
-  .sidebar.collapsed {
-    width: 64px;
-  }
-
-  .sidebar.collapsed .sidebar-header {
-    justify-content: center;
-  }
-
-  .sidebar-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 16px 12px;
-    border-bottom: 1px solid var(--color-border);
-    min-height: 56px;
-  }
-
-  .sidebar-title {
-    font-size: 12px;
-    font-weight: 700;
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
-    color: var(--color-text-secondary);
-    white-space: nowrap;
-    overflow: hidden;
-  }
-
-  .collapse-btn {
-    background: none;
-    border: none;
-    color: var(--color-text-secondary);
-    cursor: pointer;
-    padding: 6px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 6px;
-    transition: all 0.2s;
-    flex-shrink: 0;
-  }
-
-  .collapse-btn svg {
-    width: 18px;
-    height: 18px;
-  }
-
-  .collapse-btn:hover {
-    color: var(--color-text-primary);
-    background: var(--color-bg-card-hover);
-  }
-
-  .sidebar-nav {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    padding: 8px;
-  }
-
-  .nav-item {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    padding: 10px 12px;
-    border: none;
-    border-radius: 8px;
-    background: transparent;
-    color: var(--color-text-secondary);
-    cursor: pointer;
-    font-size: 13px;
-    font-weight: 500;
-    transition: all 0.15s;
-    white-space: nowrap;
-    text-align: left;
-  }
-
-  .nav-item:hover {
-    background: var(--color-bg-card-hover);
-    color: var(--color-text-primary);
-  }
-
-  .nav-item.active {
-    background: color-mix(in srgb, var(--color-accent) 15%, transparent);
-    color: var(--color-accent);
-  }
-
-  .nav-icon {
-    font-size: 16px;
-    flex-shrink: 0;
-  }
-
-  .nav-label {
-    overflow: hidden;
-  }
-
-  @media (max-width: 768px) {
-    .sidebar {
-      display: none; /* Hide by default on mobile */
-      position: fixed;
-      left: 0;
-      top: 0;
-      z-index: 1000;
-      width: 280px !important;
-      height: 100vh;
-      transform: translateX(-100%);
-      box-shadow: 20px 0 50px rgba(0,0,0,0.3);
-      transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    }
-
-    .sidebar.mobile-open {
-      display: flex;
-      transform: translateX(0);
-    }
-
-    .sidebar-header {
-      padding: 20px 16px;
-    }
-
-    .nav-item {
-      padding: 14px 16px;
-      font-size: 15px;
-    }
-
-    .mobile-only {
-      display: flex !important;
-    }
-  }
-</style>
diff --git a/Provider/frontend/src/lib/Spinner.svelte b/Provider/frontend/src/lib/Spinner.svelte
index 390f24b..57f3d31 100644
--- a/Provider/frontend/src/lib/Spinner.svelte
+++ b/Provider/frontend/src/lib/Spinner.svelte
@@ -1,21 +1,17 @@
 <script>
     import { pendingRequests } from './stores.js';
-    import { onMount, onDestroy } from 'svelte';
-    
-    let showSpinner = false;
-    let timer;
-    
-    // Subscribe to the store
-    const unsubscribe = pendingRequests.subscribe(count => {
+
+    let showSpinner = $state(false);
+    let timer = null; // script-only handle, not reactive
+
+    // Track pending request count and show spinner after 1s delay
+    $effect(() => {
+        const count = $pendingRequests;
         if (count > 0) {
-            // Only show the spinner if the request takes longer than 1000ms
             if (!timer) {
-                timer = setTimeout(() => {
-                    showSpinner = true;
-                }, 1000);
+                timer = setTimeout(() => { showSpinner = true; }, 1000);
             }
         } else {
-            // Instantly hide the spinner when all requests finish
             if (timer) {
                 clearTimeout(timer);
                 timer = null;
@@ -23,27 +19,13 @@
             showSpinner = false;
         }
     });
-
-    onDestroy(() => {
-        unsubscribe();
-        if (timer) clearTimeout(timer);
-    });
 </script>
 
 {#if showSpinner}
-    <div class="fixed inset-0 z-[9999] flex items-center justify-center bg-black/40 backdrop-blur-sm transition-opacity duration-300">
-        <div class="flex flex-col items-center p-8 bg-surface-base rounded-2xl shadow-xl border border-divider">
-            <!-- Loading circle animation -->
-            <div class="w-12 h-12 border-4 border-primary border-t-transparent rounded-full animate-spin"></div>
+    <div class="fixed inset-0 z-[9999] flex items-center justify-center bg-black/40 backdrop-blur-sm">
+        <div class="flex flex-col items-center p-8 bg-bg-card rounded-2xl shadow-xl border border-border">
+            <div class="w-12 h-12 border-4 border-accent border-t-transparent rounded-full animate-spin"></div>
             <p class="mt-4 text-text-primary font-medium tracking-wide animate-pulse">Communicating with Device...</p>
         </div>
     </div>
 {/if}
-
-<style>
-    /* 
-     * Note: 'bg-surface-base', 'border-divider', 'text-text-primary' 
-     * are assumed to be part of the app's global tailwind theme. 
-     * Adjust classes if necessary.
-     */
-</style>
diff --git a/Provider/frontend/src/lib/TaskManager.svelte b/Provider/frontend/src/lib/TaskManager.svelte
index d0dde47..2956f46 100644
--- a/Provider/frontend/src/lib/TaskManager.svelte
+++ b/Provider/frontend/src/lib/TaskManager.svelte
@@ -1,5 +1,6 @@
 <script>
   import { getTasks, addTask, updateTask, deleteTask } from './api.js';
+  import { formatRelativeDate, isOverdue } from './utils.js';
   import UserManager from './UserManager.svelte';
 
   let selectedUserId = $state(null);
@@ -97,7 +98,6 @@
   async function handleAddTask(e) {
     e.preventDefault();
     if (!newTitle.trim()) return;
-    // For non-recurrent tasks, require a date
     if (newRecurrence === 0 && !newDueDay) return;
 
     const dueTimestamp = newRecurrence > 0
@@ -183,59 +183,48 @@
     newDueDay = `${year}-${month}-${dayNum}`;
   }
 
-  function formatRelativeDate(timestamp) {
-    const now = Date.now() / 1000;
-    const diff = timestamp - now;
-    const absDiff = Math.abs(diff);
-
-    if (absDiff < 3600) {
-      const mins = Math.round(absDiff / 60);
-      return diff < 0 ? `${mins}m ago` : `in ${mins}m`;
-    }
-    if (absDiff < 86400) {
-      const hours = Math.round(absDiff / 3600);
-      return diff < 0 ? `${hours}h ago` : `in ${hours}h`;
-    }
-    const days = Math.round(absDiff / 86400);
-    return diff < 0 ? `${days}d ago` : `in ${days}d`;
-  }
-
-  function isOverdue(task) {
-    if (task.recurrence > 0) return false; // Recurrent tasks don't have overdue
-    return task.due_date < Date.now() / 1000;
+  function taskIsOverdue(task) {
+    if (task.recurrence > 0) return false;
+    return isOverdue(task.due_date);
   }
 </script>
 
-<div class="task-manager">
+<div class="w-full">
   <UserManager bind:selectedUserId onUsersChanged={fetchTasks} />
 
   {#if selectedUserId}
-    <div class="task-header">
-      <h2 class="task-title">Tasks</h2>
+    <div class="flex items-center justify-between mb-3">
+      <h2 class="text-sm font-semibold uppercase tracking-[0.05em] text-text-primary">Tasks</h2>
       {#if !showAddForm}
-        <button class="add-task-btn" onclick={() => { showAddForm = true; setTodayForNewTask(); }}>+ Add Task</button>
+        <button
+          class="px-3.5 py-1.5 rounded-lg border border-accent bg-accent/10 text-accent cursor-pointer text-xs font-semibold transition-all hover:bg-accent/20"
+          onclick={() => { showAddForm = true; setTodayForNewTask(); }}
+        >+ Add Task</button>
       {/if}
     </div>
 
     {#if showAddForm}
-      <form class="add-task-form" onsubmit={handleAddTask}>
+      <form class="flex flex-col gap-2 p-3 rounded-[10px] border border-border bg-bg-card mb-3" onsubmit={handleAddTask}>
         <!-- svelte-ignore a11y_autofocus -->
         <input
           type="text"
           bind:value={newTitle}
           placeholder="Task title..."
-          class="task-input"
+          class="px-3 py-2 rounded-lg border border-border bg-bg-primary text-text-primary text-[13px] outline-none w-full box-border focus:border-accent"
           autofocus
         />
 
-        <div class="field-row">
-          <div class="field-group">
-            <span class="field-label">Period</span>
-            <div class="period-selector">
+        <div class="flex gap-2">
+          <div class="flex flex-col gap-1 flex-1">
+            <span class="text-[10px] font-semibold uppercase tracking-[0.05em] text-text-secondary">Period</span>
+            <div class="flex gap-1">
               {#each PERIODS as p, i}
                 <button
                   type="button"
-                  class="period-btn {hasBit(newPeriod, i) ? 'active' : ''}"
+                  class="flex-1 px-2 py-1.5 rounded-md border cursor-pointer text-[11px] transition-all whitespace-nowrap
+                    {hasBit(newPeriod, i)
+                      ? 'border-accent bg-accent/15 text-accent font-semibold'
+                      : 'border-border bg-bg-primary text-text-secondary hover:bg-bg-card-hover'}"
                   onclick={() => newPeriod = toggleBit(newPeriod, i)}
                 >{PERIOD_ICONS[i]} {p}</button>
               {/each}
@@ -243,14 +232,17 @@
           </div>
         </div>
 
-        <div class="field-row">
-          <div class="field-group">
-            <span class="field-label">Recurrence</span>
-            <div class="recurrence-selector">
+        <div class="flex gap-2">
+          <div class="flex flex-col gap-1 flex-1">
+            <span class="text-[10px] font-semibold uppercase tracking-[0.05em] text-text-secondary">Recurrence</span>
+            <div class="flex gap-[3px] flex-wrap">
               {#each DAYS as day, i}
                 <button
                   type="button"
-                  class="rec-btn {hasBit(newRecurrence, i) ? 'active' : ''}"
+                  class="px-2 py-[5px] rounded-md border cursor-pointer text-[11px] transition-all min-w-8 text-center
+                    {hasBit(newRecurrence, i)
+                      ? 'border-accent bg-accent/15 text-accent font-semibold'
+                      : 'border-border bg-bg-primary text-text-secondary hover:bg-bg-card-hover'}"
                   onclick={() => newRecurrence = toggleBit(newRecurrence, i)}
                 >{day}</button>
               {/each}
@@ -259,36 +251,46 @@
         </div>
 
         {#if newRecurrence === 0}
-          <div class="field-row">
-            <label class="field-group">
-              <span class="field-label">Date</span>
-              <input type="date" bind:value={newDueDay} class="task-date-input" />
+          <div class="flex gap-2">
+            <label class="flex flex-col gap-1 flex-1">
+              <span class="text-[10px] font-semibold uppercase tracking-[0.05em] text-text-secondary">Date</span>
+              <input type="date" bind:value={newDueDay}
+                class="date-input px-3 py-2 rounded-lg border border-border bg-bg-primary text-text-primary text-[13px] outline-none [color-scheme:dark] flex-1 cursor-pointer relative focus:border-accent" />
             </label>
           </div>
         {/if}
 
-        <div class="form-actions">
-          <button type="submit" class="btn-primary" disabled={!newTitle.trim() || (newRecurrence === 0 && !newDueDay)}>Add</button>
-          <button type="button" class="btn-secondary" onclick={() => { showAddForm = false; newTitle = ''; newDueDay = ''; newRecurrence = 0; newPeriod = 0x01; }}>Cancel</button>
+        <div class="flex gap-1.5">
+          <button type="submit"
+            class="px-4 py-1.5 rounded-lg border-none bg-accent text-white cursor-pointer text-xs font-semibold transition-[filter] hover:brightness-110 disabled:opacity-40 disabled:cursor-not-allowed"
+            disabled={!newTitle.trim() || (newRecurrence === 0 && !newDueDay)}>Add</button>
+          <button type="button"
+            class="px-4 py-1.5 rounded-lg border border-border bg-transparent text-text-secondary cursor-pointer text-xs transition-all hover:bg-bg-card-hover"
+            onclick={() => { showAddForm = false; newTitle = ''; newDueDay = ''; newRecurrence = 0; newPeriod = 0x01; }}>Cancel</button>
         </div>
       </form>
     {/if}
 
-    <div class="task-list">
+    <div class="flex flex-col gap-1">
       {#each tasks as task}
-        <div class="task-item {task.completed ? 'completed' : ''} {isOverdue(task) && !task.completed ? 'overdue' : ''}">
+        <div class="flex items-center justify-between flex-wrap px-3.5 py-2.5 rounded-[10px] border bg-bg-card transition-all hover:bg-bg-card-hover
+          {task.completed ? 'opacity-50' : ''}
+          {taskIsOverdue(task) && !task.completed ? 'border-danger/40' : 'border-border'}">
           {#if editingTaskId === task.id}
-            <form class="edit-form" onsubmit={saveEdit}>
-              <input type="text" bind:value={editTitle} class="task-input" />
+            <form class="w-full flex flex-col gap-2 p-0" onsubmit={saveEdit}>
+              <input type="text" bind:value={editTitle}
+                class="px-3 py-2 rounded-lg border border-border bg-bg-primary text-text-primary text-[13px] outline-none w-full box-border focus:border-accent" />
 
-              <div class="field-row">
-                <div class="field-group">
-                  <span class="field-label">Period</span>
-                  <div class="period-selector">
+              <div class="flex gap-2">
+                <div class="flex flex-col gap-1 flex-1">
+                  <span class="text-[10px] font-semibold uppercase tracking-[0.05em] text-text-secondary">Period</span>
+                  <div class="flex gap-1">
                     {#each PERIODS as p, i}
-                      <button
-                        type="button"
-                        class="period-btn {hasBit(editPeriod, i) ? 'active' : ''}"
+                      <button type="button"
+                        class="flex-1 px-2 py-1.5 rounded-md border cursor-pointer text-[11px] transition-all whitespace-nowrap
+                          {hasBit(editPeriod, i)
+                            ? 'border-accent bg-accent/15 text-accent font-semibold'
+                            : 'border-border bg-bg-primary text-text-secondary hover:bg-bg-card-hover'}"
                         onclick={() => editPeriod = toggleBit(editPeriod, i)}
                       >{PERIOD_ICONS[i]} {p}</button>
                     {/each}
@@ -296,14 +298,16 @@
                 </div>
               </div>
 
-              <div class="field-row">
-                <div class="field-group">
-                  <span class="field-label">Recurrence</span>
-                  <div class="recurrence-selector">
+              <div class="flex gap-2">
+                <div class="flex flex-col gap-1 flex-1">
+                  <span class="text-[10px] font-semibold uppercase tracking-[0.05em] text-text-secondary">Recurrence</span>
+                  <div class="flex gap-[3px] flex-wrap">
                     {#each DAYS as day, i}
-                      <button
-                        type="button"
-                        class="rec-btn {hasBit(editRecurrence, i) ? 'active' : ''}"
+                      <button type="button"
+                        class="px-2 py-[5px] rounded-md border cursor-pointer text-[11px] transition-all min-w-8 text-center
+                          {hasBit(editRecurrence, i)
+                            ? 'border-accent bg-accent/15 text-accent font-semibold'
+                            : 'border-border bg-bg-primary text-text-secondary hover:bg-bg-card-hover'}"
                         onclick={() => editRecurrence = toggleBit(editRecurrence, i)}
                       >{day}</button>
                     {/each}
@@ -312,425 +316,71 @@
               </div>
 
               {#if editRecurrence === 0}
-                <div class="field-row">
-                  <label class="field-group">
-                    <span class="field-label">Date</span>
-                    <input type="date" bind:value={editDueDay} class="task-date-input" />
+                <div class="flex gap-2">
+                  <label class="flex flex-col gap-1 flex-1">
+                    <span class="text-[10px] font-semibold uppercase tracking-[0.05em] text-text-secondary">Date</span>
+                    <input type="date" bind:value={editDueDay}
+                      class="date-input px-3 py-2 rounded-lg border border-border bg-bg-primary text-text-primary text-[13px] outline-none [color-scheme:dark] flex-1 cursor-pointer relative focus:border-accent" />
                   </label>
                 </div>
               {/if}
 
-              <div class="form-actions">
-                <button type="submit" class="btn-primary btn-sm">Save</button>
-                <button type="button" class="btn-secondary btn-sm" onclick={() => editingTaskId = null}>Cancel</button>
+              <div class="flex gap-1.5">
+                <button type="submit"
+                  class="px-2.5 py-1 rounded-lg border-none bg-accent text-white cursor-pointer text-[11px] font-semibold transition-[filter] hover:brightness-110">Save</button>
+                <button type="button"
+                  class="px-2.5 py-1 rounded-lg border border-border bg-transparent text-text-secondary cursor-pointer text-[11px] transition-all hover:bg-bg-card-hover"
+                  onclick={() => editingTaskId = null}>Cancel</button>
               </div>
             </form>
           {:else}
-            <div class="task-left">
+            <div class="flex items-center gap-2.5 flex-1 min-w-0">
               <input
                 type="checkbox"
                 checked={task.completed}
                 onchange={() => handleToggleComplete(task)}
-                class="task-checkbox"
+                class="w-4 h-4 cursor-pointer flex-shrink-0"
+                style="accent-color: var(--color-accent)"
               />
-              <div class="task-info">
-                <span class="task-text">{task.title}</span>
-                <div class="task-meta">
-                  <span class="task-period">{periodIcons(task.period)} {formatPeriod(task.period)}</span>
+              <div class="flex flex-col gap-0.5 min-w-0">
+                <span class="text-[13px] text-text-primary whitespace-nowrap overflow-hidden text-ellipsis
+                  {task.completed ? 'line-through text-text-secondary' : ''}">{task.title}</span>
+                <div class="flex gap-2 items-center flex-wrap">
+                  <span class="text-[10px] text-text-secondary font-medium">{periodIcons(task.period)} {formatPeriod(task.period)}</span>
                   {#if task.recurrence > 0}
-                    <span class="task-recurrence">🔁 {formatRecurrence(task.recurrence)}</span>
+                    <span class="text-[10px] text-accent font-medium">🔁 {formatRecurrence(task.recurrence)}</span>
                   {:else}
-                    <span class="task-due {isOverdue(task) && !task.completed ? 'text-overdue' : ''}">
+                    <span class="text-[10px] font-medium {taskIsOverdue(task) && !task.completed ? 'text-danger' : 'text-text-secondary'}">
                       {formatRelativeDate(task.due_date)}
                     </span>
                   {/if}
                 </div>
               </div>
             </div>
-            <div class="task-actions">
-              <button class="action-btn" onclick={() => startEditing(task)} title="Edit">✏️</button>
+            <div class="flex gap-1 items-center flex-shrink-0">
+              <button class="bg-transparent border-none cursor-pointer text-xs p-1 rounded opacity-60 transition-[background] hover:opacity-100 hover:bg-bg-card-hover"
+                onclick={() => startEditing(task)} title="Edit">✏️</button>
               {#if confirmDeleteId === task.id}
-                <button class="action-btn text-danger" onclick={() => handleDelete(task.id)} title="Confirm">✓</button>
-                <button class="action-btn" onclick={() => confirmDeleteId = null} title="Cancel">✕</button>
+                <button class="bg-transparent border-none cursor-pointer text-xs p-1 rounded text-danger opacity-60 hover:opacity-100"
+                  onclick={() => handleDelete(task.id)} title="Confirm">✓</button>
+                <button class="bg-transparent border-none cursor-pointer text-xs p-1 rounded opacity-60 hover:opacity-100 hover:bg-bg-card-hover"
+                  onclick={() => confirmDeleteId = null} title="Cancel">✕</button>
               {:else}
-                <button class="action-btn" onclick={() => confirmDeleteId = task.id} title="Delete">🗑️</button>
+                <button class="bg-transparent border-none cursor-pointer text-xs p-1 rounded opacity-60 transition-[background] hover:opacity-100 hover:bg-bg-card-hover"
+                  onclick={() => confirmDeleteId = task.id} title="Delete">🗑️</button>
               {/if}
             </div>
           {/if}
         </div>
       {:else}
-        <div class="empty-state">No tasks yet. Add one above!</div>
+        <div class="text-center p-8 text-text-secondary text-[13px]">No tasks yet. Add one above!</div>
       {/each}
     </div>
   {:else}
-    <div class="empty-state">Select or add a user to see their tasks.</div>
+    <div class="text-center p-8 text-text-secondary text-[13px]">Select or add a user to see their tasks.</div>
   {/if}
 
   {#if error}
-    <div class="task-error">{error}</div>
+    <div class="mt-2 px-2.5 py-1.5 rounded-md bg-danger/10 border border-danger/20 text-danger text-[11px]">{error}</div>
   {/if}
 </div>
-
-<style>
-  .task-manager {
-    width: 100%;
-  }
-
-  .task-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 12px;
-  }
-
-  .task-title {
-    font-size: 14px;
-    font-weight: 600;
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
-    color: var(--color-text-primary);
-  }
-
-  .add-task-btn {
-    padding: 6px 14px;
-    border-radius: 8px;
-    border: 1px solid var(--color-accent);
-    background: color-mix(in srgb, var(--color-accent) 10%, transparent);
-    color: var(--color-accent);
-    cursor: pointer;
-    font-size: 12px;
-    font-weight: 600;
-    transition: all 0.15s;
-  }
-
-  .add-task-btn:hover {
-    background: color-mix(in srgb, var(--color-accent) 20%, transparent);
-  }
-
-  .add-task-form, .edit-form {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    padding: 12px;
-    border-radius: 10px;
-    border: 1px solid var(--color-border);
-    background: var(--color-bg-card);
-    margin-bottom: 12px;
-  }
-
-  .task-input {
-    padding: 8px 12px;
-    border-radius: 8px;
-    border: 1px solid var(--color-border);
-    background: var(--color-bg-primary);
-    color: var(--color-text-primary);
-    font-size: 13px;
-    outline: none;
-    width: 100%;
-    box-sizing: border-box;
-  }
-
-  .task-input:focus {
-    border-color: var(--color-accent);
-  }
-
-  .field-row {
-    display: flex;
-    gap: 8px;
-  }
-
-  .field-group {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-    flex: 1;
-  }
-
-  .field-label {
-    font-size: 10px;
-    font-weight: 600;
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
-    color: var(--color-text-secondary);
-  }
-
-  .period-selector {
-    display: flex;
-    gap: 4px;
-  }
-
-  .period-btn {
-    flex: 1;
-    padding: 6px 8px;
-    border-radius: 6px;
-    border: 1px solid var(--color-border);
-    background: var(--color-bg-primary);
-    color: var(--color-text-secondary);
-    cursor: pointer;
-    font-size: 11px;
-    transition: all 0.15s;
-    white-space: nowrap;
-  }
-
-  .period-btn:hover {
-    background: var(--color-bg-card-hover);
-  }
-
-  .period-btn.active {
-    border-color: var(--color-accent);
-    background: color-mix(in srgb, var(--color-accent) 15%, transparent);
-    color: var(--color-accent);
-    font-weight: 600;
-  }
-
-  .recurrence-selector {
-    display: flex;
-    gap: 3px;
-    flex-wrap: wrap;
-  }
-
-  .rec-btn {
-    padding: 5px 8px;
-    border-radius: 6px;
-    border: 1px solid var(--color-border);
-    background: var(--color-bg-primary);
-    color: var(--color-text-secondary);
-    cursor: pointer;
-    font-size: 11px;
-    transition: all 0.15s;
-    min-width: 32px;
-    text-align: center;
-  }
-
-  .rec-btn:hover {
-    background: var(--color-bg-card-hover);
-  }
-
-  .rec-btn.active {
-    border-color: var(--color-accent);
-    background: color-mix(in srgb, var(--color-accent) 15%, transparent);
-    color: var(--color-accent);
-    font-weight: 600;
-  }
-
-  .task-date-input {
-    padding: 8px 12px;
-    border-radius: 8px;
-    border: 1px solid var(--color-border);
-    background: var(--color-bg-primary);
-    color: var(--color-text-primary);
-    font-size: 13px;
-    outline: none;
-    color-scheme: dark;
-    flex: 1;
-    cursor: pointer;
-    position: relative;
-  }
-
-  /* Make the native picker icon cover the entire input (Chrome/Edge only) */
-  .task-date-input::-webkit-calendar-picker-indicator {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    width: auto;
-    height: auto;
-    opacity: 0;
-    cursor: pointer;
-  }
-
-  .task-date-input:focus {
-    border-color: var(--color-accent);
-  }
-
-  .form-actions {
-    display: flex;
-    gap: 6px;
-  }
-
-  .btn-primary {
-    padding: 6px 16px;
-    border-radius: 8px;
-    border: none;
-    background: var(--color-accent);
-    color: white;
-    cursor: pointer;
-    font-size: 12px;
-    font-weight: 600;
-    transition: filter 0.15s;
-  }
-
-  .btn-primary:hover {
-    filter: brightness(1.1);
-  }
-
-  .btn-primary:disabled {
-    opacity: 0.4;
-    cursor: not-allowed;
-  }
-
-  .btn-secondary {
-    padding: 6px 16px;
-    border-radius: 8px;
-    border: 1px solid var(--color-border);
-    background: transparent;
-    color: var(--color-text-secondary);
-    cursor: pointer;
-    font-size: 12px;
-    transition: all 0.15s;
-  }
-
-  .btn-secondary:hover {
-    background: var(--color-bg-card-hover);
-  }
-
-  .btn-sm {
-    padding: 4px 10px;
-    font-size: 11px;
-  }
-
-  .task-list {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-  }
-
-  .task-item {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    flex-wrap: wrap;
-    padding: 10px 14px;
-    border-radius: 10px;
-    border: 1px solid var(--color-border);
-    background: var(--color-bg-card);
-    transition: all 0.15s;
-  }
-
-  .task-item .edit-form {
-    width: 100%;
-    margin: 0;
-  }
-
-  .task-item:hover {
-    background: var(--color-bg-card-hover);
-  }
-
-  .task-item.completed {
-    opacity: 0.5;
-  }
-
-  .task-item.overdue {
-    border-color: color-mix(in srgb, var(--color-danger) 40%, transparent);
-  }
-
-  .task-left {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    flex: 1;
-    min-width: 0;
-  }
-
-  .task-checkbox {
-    width: 16px;
-    height: 16px;
-    accent-color: var(--color-accent);
-    cursor: pointer;
-    flex-shrink: 0;
-  }
-
-  .task-info {
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-    min-width: 0;
-  }
-
-  .task-text {
-    font-size: 13px;
-    color: var(--color-text-primary);
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  .completed .task-text {
-    text-decoration: line-through;
-    color: var(--color-text-secondary);
-  }
-
-  .task-meta {
-    display: flex;
-    gap: 8px;
-    align-items: center;
-    flex-wrap: wrap;
-  }
-
-  .task-period {
-    font-size: 10px;
-    color: var(--color-text-secondary);
-    font-weight: 500;
-  }
-
-  .task-recurrence {
-    font-size: 10px;
-    color: var(--color-accent);
-    font-weight: 500;
-  }
-
-  .task-due {
-    font-size: 10px;
-    color: var(--color-text-secondary);
-    font-weight: 500;
-  }
-
-  .text-overdue {
-    color: var(--color-danger) !important;
-  }
-
-  .text-danger {
-    color: var(--color-danger);
-  }
-
-  .task-actions {
-    display: flex;
-    gap: 4px;
-    align-items: center;
-    flex-shrink: 0;
-  }
-
-  .action-btn {
-    background: none;
-    border: none;
-    cursor: pointer;
-    font-size: 12px;
-    padding: 4px;
-    border-radius: 4px;
-    transition: background 0.15s;
-    opacity: 0.6;
-  }
-
-  .action-btn:hover {
-    opacity: 1;
-    background: var(--color-bg-card-hover);
-  }
-
-  .empty-state {
-    text-align: center;
-    padding: 32px;
-    color: var(--color-text-secondary);
-    font-size: 13px;
-  }
-
-  .task-error {
-    margin-top: 8px;
-    padding: 6px 10px;
-    border-radius: 6px;
-    background: color-mix(in srgb, var(--color-danger) 10%, transparent);
-    border: 1px solid color-mix(in srgb, var(--color-danger) 20%, transparent);
-    color: var(--color-danger);
-    font-size: 11px;
-  }
-</style>
diff --git a/Provider/frontend/src/lib/UserManager.svelte b/Provider/frontend/src/lib/UserManager.svelte
index 82ab6fb..d1d76ab 100644
--- a/Provider/frontend/src/lib/UserManager.svelte
+++ b/Provider/frontend/src/lib/UserManager.svelte
@@ -1,436 +1,208 @@
 <script>
   import { getUsers, addUser, removeUser, updateUser } from './api.js';
  
-   let { 
-     selectedUserId = $bindable(null), 
-     onUsersChanged = () => {},
-     mode = 'selector' // 'selector' | 'manager'
-   } = $props();
+  let { 
+    selectedUserId = $bindable(null), 
+    onUsersChanged = () => {},
+    mode = 'selector' // 'selector' | 'manager'
+  } = $props();
  
-   let users = $state([]);
-   let newUserName = $state('');
-   let showAddForm = $state(false);
-   let error = $state('');
-   let confirmDeleteId = $state(null);
-   
-   // Edit state
-   let editingUserId = $state(null);
-   let editName = $state('');
+  let users = $state([]);
+  let newUserName = $state('');
+  let showAddForm = $state(false);
+  let error = $state('');
+  let confirmDeleteId = $state(null);
+  
+  // Edit state
+  let editingUserId = $state(null);
+  let editName = $state('');
  
-   async function fetchUsers() {
-     try {
-       users = await getUsers();
-       if (users.length > 0 && !selectedUserId && mode === 'selector') {
-         selectedUserId = users[0].id;
-       }
-       // If selected user was deleted, select first available
-       if (selectedUserId && !users.find(u => u.id === selectedUserId)) {
-         selectedUserId = users.length > 0 ? users[0].id : null;
-       }
-       error = '';
-     } catch (e) {
-       error = e.message;
-     }
-   }
+  async function fetchUsers() {
+    try {
+      users = await getUsers();
+      if (users.length > 0 && !selectedUserId && mode === 'selector') {
+        selectedUserId = users[0].id;
+      }
+      // If selected user was deleted, select first available
+      if (selectedUserId && !users.find(u => u.id === selectedUserId)) {
+        selectedUserId = users.length > 0 ? users[0].id : null;
+      }
+      error = '';
+    } catch (e) {
+      error = e.message;
+    }
+  }
  
-   async function handleAddUser() {
-     if (!newUserName.trim()) return;
-     try {
-       const user = await addUser(newUserName.trim());
-       newUserName = '';
-       showAddForm = false;
-       await fetchUsers();
-       if (mode === 'selector') selectedUserId = user.id;
-       onUsersChanged();
-     } catch (e) {
-       error = e.message;
-     }
-   }
+  async function handleAddUser() {
+    if (!newUserName.trim()) return;
+    try {
+      const user = await addUser(newUserName.trim());
+      newUserName = '';
+      showAddForm = false;
+      await fetchUsers();
+      if (mode === 'selector') selectedUserId = user.id;
+      onUsersChanged();
+    } catch (e) {
+      error = e.message;
+    }
+  }
  
-   async function handleRemoveUser(id) {
-     try {
-       await removeUser(id);
-       confirmDeleteId = null;
-       await fetchUsers();
-       onUsersChanged();
-     } catch (e) {
-       error = e.message;
-     }
-   }
+  async function handleRemoveUser(id) {
+    try {
+      await removeUser(id);
+      confirmDeleteId = null;
+      await fetchUsers();
+      onUsersChanged();
+    } catch (e) {
+      error = e.message;
+    }
+  }
  
-   function startEditing(user) {
-     editingUserId = user.id;
-     editName = user.name;
-   }
+  function startEditing(user) {
+    editingUserId = user.id;
+    editName = user.name;
+  }
  
-   async function handleUpdateUser() {
-     if (!editName.trim()) return;
-     try {
-       await updateUser(editingUserId, editName.trim());
-       editingUserId = null;
-       await fetchUsers();
-       onUsersChanged();
-     } catch (e) {
-       error = e.message;
-     }
-   }
+  async function handleUpdateUser() {
+    if (!editName.trim()) return;
+    try {
+      await updateUser(editingUserId, editName.trim());
+      editingUserId = null;
+      await fetchUsers();
+      onUsersChanged();
+    } catch (e) {
+      error = e.message;
+    }
+  }
  
-   $effect(() => {
-     fetchUsers();
-   });
- </script>
+  // Load initial data on mount
+  $effect(() => {
+    fetchUsers();
+  });
+</script>
  
- <div class="user-manager mode-{mode}">
-   {#if mode === 'selector'}
-     <div class="user-bar">
-       <div class="user-chips">
-         {#each users as user}
-           <!-- svelte-ignore node_invalid_placement_ssr -->
-           <div
-             class="user-chip {selectedUserId === user.id ? 'selected' : ''}"
-             onclick={() => selectedUserId = user.id}
-             role="button"
-             tabindex="0"
-             onkeydown={(e) => { if (e.key === 'Enter') selectedUserId = user.id; }}
-           >
-             <span class="user-name">{user.name}</span>
-           </div>
-         {/each}
-       </div>
-     </div>
-   {:else}
-     <!-- Manager Mode -->
-     <header class="manager-header">
-       <h1 class="text-xl font-bold text-text-primary">User Management</h1>
-       <button class="add-user-btn-large" onclick={() => showAddForm = true}>
-         + New User
-       </button>
-     </header>
- 
-     {#if showAddForm}
-       <div class="modal-overlay">
-         <form class="add-user-modal" onsubmit={(e) => { e.preventDefault(); handleAddUser(); }}>
-           <h3 class="text-lg font-semibold">Add User</h3>
-           <!-- svelte-ignore a11y_autofocus -->
-           <input
-             type="text"
-             bind:value={newUserName}
-             placeholder="Name..."
-             class="modal-input"
-             autofocus
-           />
-           <div class="modal-actions">
-             <button type="button" class="btn-secondary" onclick={() => { showAddForm = false; newUserName = ''; }}>Cancel</button>
-             <button type="submit" class="btn-primary" disabled={!newUserName.trim()}>Add User</button>
-           </div>
-         </form>
-       </div>
-     {/if}
- 
-     <div class="user-list">
-       {#each users as user}
-         <div class="user-item">
-           {#if editingUserId === user.id}
-             <form class="edit-row" onsubmit={(e) => { e.preventDefault(); handleUpdateUser(); }}>
-               <!-- svelte-ignore a11y_autofocus -->
-               <input type="text" bind:value={editName} class="edit-input" autofocus />
-               <div class="edit-actions">
-                 <button type="submit" class="save-btn" title="Save">✓</button>
-                 <button type="button" class="cancel-btn" onclick={() => editingUserId = null} title="Cancel">✕</button>
-               </div>
-             </form>
-           {:else}
-             <div class="user-info">
-               <span class="user-name-large">{user.name}</span>
-               <span class="user-id">ID: {user.id}</span>
-             </div>
-             <div class="user-actions">
-               <button class="action-btn" onclick={() => startEditing(user)} title="Rename">✏️</button>
-               {#if confirmDeleteId === user.id}
-                 <button class="action-btn danger" onclick={() => handleRemoveUser(user.id)}>Delete!</button>
-                 <button class="action-btn" onclick={() => confirmDeleteId = null}>Cancel</button>
-               {:else}
-                 <button class="action-btn" onclick={() => confirmDeleteId = user.id} title="Delete">🗑️</button>
-               {/if}
-             </div>
-           {/if}
-         </div>
-       {:else}
-         <div class="empty-state">No users found. Create one to get started!</div>
-       {/each}
-     </div>
-   {/if}
- 
-   {#if error}
-     <div class="user-error">{error}</div>
-   {/if}
- </div>
+<div class="mb-4">
+  {#if mode === 'selector'}
+    <div class="flex items-center gap-2">
+      <div class="flex flex-wrap gap-1.5 items-center">
+        {#each users as user}
+          <!-- svelte-ignore node_invalid_placement_ssr -->
+          <div
+            class="flex items-center gap-1.5 px-4 py-1.5 rounded-full border cursor-pointer text-[13px] font-semibold
+              transition-all duration-200 hover:-translate-y-px hover:shadow-[0_4px_12px_rgba(0,0,0,0.1)]
+              {selectedUserId === user.id
+                ? 'bg-accent/20 border-accent text-accent ring-1 ring-accent'
+                : 'border-border bg-bg-card text-text-secondary hover:border-accent hover:text-text-primary'}"
+            onclick={() => selectedUserId = user.id}
+            role="button"
+            tabindex="0"
+            onkeydown={(e) => { if (e.key === 'Enter') selectedUserId = user.id; }}
+          >
+            <span>{user.name}</span>
+          </div>
+        {/each}
+      </div>
+    </div>
+  {:else}
+    <!-- Manager Mode -->
+    <header class="flex justify-between items-center mb-6">
+      <h1 class="text-xl font-bold text-text-primary">User Management</h1>
+      <button
+        class="px-5 py-2.5 rounded-xl bg-accent text-white border-none font-semibold cursor-pointer transition-all
+               shadow-accent/30 shadow-lg hover:brightness-110 hover:-translate-y-px"
+        onclick={() => showAddForm = true}
+      >
+        + New User
+      </button>
+    </header>
 
- <style>
-   .user-manager {
-     margin-bottom: 16px;
-   }
+    {#if showAddForm}
+      <div class="fixed inset-0 bg-black/70 backdrop-blur flex items-center justify-center z-[100]">
+        <form
+          class="bg-bg-card p-6 rounded-[20px] border border-border w-full max-w-sm flex flex-col gap-5 shadow-[0_20px_40px_rgba(0,0,0,0.4)]"
+          onsubmit={(e) => { e.preventDefault(); handleAddUser(); }}
+        >
+          <h3 class="text-lg font-semibold text-text-primary">Add User</h3>
+          <!-- svelte-ignore a11y_autofocus -->
+          <input
+            type="text"
+            bind:value={newUserName}
+            placeholder="Name..."
+            class="px-4 py-3 rounded-xl border border-border bg-bg-primary text-text-primary text-sm outline-none focus:border-accent"
+            autofocus
+          />
+          <div class="flex gap-3 justify-end">
+            <button
+              type="button"
+              class="px-4 py-2 rounded-lg bg-bg-primary text-text-secondary border border-border cursor-pointer transition-all hover:bg-bg-card-hover"
+              onclick={() => { showAddForm = false; newUserName = ''; }}
+            >Cancel</button>
+            <button
+              type="submit"
+              class="px-4 py-2 rounded-lg bg-accent text-white border-none font-semibold cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed"
+              disabled={!newUserName.trim()}
+            >Add User</button>
+          </div>
+        </form>
+      </div>
+    {/if}
+
+    <div class="grid gap-3">
+      {#each users as user}
+        <div class="flex justify-between items-center px-5 py-4 rounded-2xl bg-bg-card border border-border transition-all hover:border-accent hover:bg-bg-card-hover">
+          {#if editingUserId === user.id}
+            <form class="flex gap-3 w-full" onsubmit={(e) => { e.preventDefault(); handleUpdateUser(); }}>
+              <!-- svelte-ignore a11y_autofocus -->
+              <input
+                type="text"
+                bind:value={editName}
+                class="flex-1 px-3 py-2 rounded-lg border border-accent bg-bg-primary text-text-primary outline-none"
+                autofocus
+              />
+              <div class="flex gap-1.5">
+                <button type="submit" class="px-3 py-1 rounded-md border-none bg-success text-white cursor-pointer transition-all" title="Save">✓</button>
+                <button type="button" class="px-3 py-1 rounded-md border border-border bg-bg-primary text-text-secondary cursor-pointer transition-all" onclick={() => editingUserId = null} title="Cancel">✕</button>
+              </div>
+            </form>
+          {:else}
+            <div class="flex flex-col gap-1">
+              <span class="text-base font-semibold text-text-primary">{user.name}</span>
+              <span class="text-[11px] text-text-secondary font-mono uppercase tracking-[0.05em]">ID: {user.id}</span>
+            </div>
+            <div class="flex gap-2">
+              <button
+                class="bg-bg-primary border border-border text-text-secondary p-2 rounded-lg cursor-pointer text-sm transition-all hover:border-accent hover:text-accent hover:bg-bg-card"
+                onclick={() => startEditing(user)}
+                title="Rename"
+              >✏️</button>
+              {#if confirmDeleteId === user.id}
+                <button
+                  class="bg-danger/10 border border-danger/30 text-danger px-3 py-1 rounded-lg cursor-pointer text-sm transition-all"
+                  onclick={() => handleRemoveUser(user.id)}
+                >Delete!</button>
+                <button
+                  class="bg-bg-primary border border-border text-text-secondary p-2 rounded-lg cursor-pointer text-sm transition-all hover:bg-bg-card-hover"
+                  onclick={() => confirmDeleteId = null}
+                >Cancel</button>
+              {:else}
+                <button
+                  class="bg-bg-primary border border-border text-text-secondary p-2 rounded-lg cursor-pointer text-sm transition-all hover:border-danger hover:text-danger hover:bg-danger/10"
+                  onclick={() => confirmDeleteId = user.id}
+                  title="Delete"
+                >🗑️</button>
+              {/if}
+            </div>
+          {/if}
+        </div>
+      {:else}
+        <div class="text-center px-12 py-12 bg-bg-card border border-dashed border-border rounded-2xl text-text-secondary">
+          No users found. Create one to get started!
+        </div>
+      {/each}
+    </div>
+  {/if}
  
-   /* Selector Mode Styles */
-   .user-bar {
-     display: flex;
-     align-items: center;
-     gap: 8px;
-   }
- 
-   .user-chips {
-     display: flex;
-     flex-wrap: wrap;
-     gap: 6px;
-     align-items: center;
-   }
- 
-   .user-chip {
-     display: flex;
-     align-items: center;
-     gap: 6px;
-     padding: 6px 16px;
-     border-radius: 20px;
-     border: 1px solid var(--color-border);
-     background: var(--color-bg-card);
-     color: var(--color-text-secondary);
-     cursor: pointer;
-     font-size: 13px;
-     font-weight: 600;
-     transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-   }
- 
-   .user-chip:hover {
-     border-color: var(--color-accent);
-     color: var(--color-text-primary);
-     transform: translateY(-1px);
-     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-   }
- 
-   .user-chip.selected {
-     background: color-mix(in srgb, var(--color-accent) 20%, transparent);
-     border-color: var(--color-accent);
-     color: var(--color-accent);
-     box-shadow: 0 0 0 1px var(--color-accent);
-   }
- 
-   /* Manager Mode Styles */
-   .manager-header {
-     display: flex;
-     justify-content: space-between;
-     align-items: center;
-     margin-bottom: 24px;
-   }
- 
-   .add-user-btn-large {
-     padding: 10px 20px;
-     border-radius: 12px;
-     background: var(--color-accent);
-     color: white;
-     border: none;
-     font-weight: 600;
-     cursor: pointer;
-     transition: all 0.2s;
-     box-shadow: 0 4px 14px color-mix(in srgb, var(--color-accent) 40%, transparent);
-   }
- 
-   .add-user-btn-large:hover {
-     filter: brightness(1.1);
-     transform: translateY(-1px);
-   }
- 
-   .user-list {
-     display: grid;
-     gap: 12px;
-   }
- 
-   .user-item {
-     display: flex;
-     justify-content: space-between;
-     align-items: center;
-     padding: 16px 20px;
-     border-radius: 16px;
-     background: var(--color-bg-card);
-     border: 1px solid var(--color-border);
-     transition: all 0.2s;
-   }
- 
-   .user-item:hover {
-     border-color: var(--color-accent);
-     background: var(--color-bg-card-hover);
-   }
- 
-   .user-info {
-     display: flex;
-     flex-direction: column;
-     gap: 4px;
-   }
- 
-   .user-name-large {
-     font-size: 16px;
-     font-weight: 600;
-     color: var(--color-text-primary);
-   }
- 
-   .user-id {
-     font-size: 11px;
-     color: var(--color-text-secondary);
-     font-family: var(--font-mono);
-     text-transform: uppercase;
-     letter-spacing: 0.05em;
-   }
- 
-   .user-actions {
-     display: flex;
-     gap: 8px;
-   }
- 
-   .action-btn {
-     background: var(--color-bg-primary);
-     border: 1px solid var(--color-border);
-     color: var(--color-text-secondary);
-     padding: 8px;
-     border-radius: 8px;
-     cursor: pointer;
-     font-size: 14px;
-     transition: all 0.2s;
-   }
- 
-   .action-btn:hover {
-     border-color: var(--color-accent);
-     color: var(--color-accent);
-     background: var(--color-bg-card);
-   }
- 
-   .action-btn.danger:hover {
-     border-color: var(--color-danger);
-     color: var(--color-danger);
-     background: color-mix(in srgb, var(--color-danger) 10%, transparent);
-   }
- 
-   /* Modal Styles */
-   .modal-overlay {
-     position: fixed;
-     inset: 0;
-     background: rgba(0, 0, 0, 0.7);
-     backdrop-filter: blur(4px);
-     display: flex;
-     align-items: center;
-     justify-content: center;
-     z-index: 100;
-   }
- 
-   .add-user-modal {
-     background: var(--color-bg-card);
-     padding: 24px;
-     border-radius: 20px;
-     border: 1px solid var(--color-border);
-     width: 100%;
-     max-width: 400px;
-     display: flex;
-     flex-direction: column;
-     gap: 20px;
-     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
-   }
- 
-   .modal-input {
-     padding: 12px 16px;
-     border-radius: 12px;
-     border: 1px solid var(--color-border);
-     background: var(--color-bg-primary);
-     color: var(--color-text-primary);
-     font-size: 14px;
-   }
- 
-   .modal-actions {
-     display: flex;
-     gap: 12px;
-     justify-content: flex-end;
-   }
- 
-   /* Edit Inline Row */
-   .edit-row {
-     display: flex;
-     gap: 12px;
-     width: 100%;
-   }
- 
-   .edit-input {
-     flex: 1;
-     padding: 8px 12px;
-     border-radius: 8px;
-     border: 1px solid var(--color-accent);
-     background: var(--color-bg-primary);
-     color: var(--color-text-primary);
-     outline: none;
-   }
- 
-   .edit-actions {
-     display: flex;
-     gap: 6px;
-   }
- 
-   .save-btn, .cancel-btn {
-     padding: 4px 12px;
-     border-radius: 6px;
-     border: 1px solid var(--color-border);
-     cursor: pointer;
-     transition: all 0.2s;
-   }
- 
-   .save-btn {
-     background: var(--color-success);
-     color: white;
-     border-color: var(--color-success);
-   }
- 
-   .cancel-btn {
-     background: var(--color-bg-primary);
-     color: var(--color-text-secondary);
-   }
- 
-   /* Common UI items */
-   .btn-primary {
-     padding: 8px 16px;
-     border-radius: 8px;
-     background: var(--color-accent);
-     color: white;
-     border: none;
-     font-weight: 600;
-     cursor: pointer;
-   }
- 
-   .btn-secondary {
-     padding: 8px 16px;
-     border-radius: 8px;
-     background: var(--color-bg-primary);
-     color: var(--color-text-secondary);
-     border: 1px solid var(--color-border);
-     cursor: pointer;
-   }
- 
-   .btn-primary:disabled {
-     opacity: 0.5;
-     cursor: not-allowed;
-   }
- 
-   .user-error {
-     margin-top: 16px;
-     padding: 12px;
-     border-radius: 12px;
-     background: color-mix(in srgb, var(--color-danger) 10%, transparent);
-     border: 1px solid color-mix(in srgb, var(--color-danger) 20%, transparent);
-     color: var(--color-danger);
-     font-size: 13px;
-     text-align: center;
-   }
- 
-   .empty-state {
-     text-align: center;
-     padding: 48px;
-     background: var(--color-bg-card);
-     border: 1px dashed var(--color-border);
-     border-radius: 16px;
-     color: var(--color-text-secondary);
-   }
- </style>
+  {#if error}
+    <div class="mt-4 p-3 rounded-xl bg-danger/10 border border-danger/20 text-danger text-[13px] text-center">{error}</div>
+  {/if}
+</div>
diff --git a/Provider/frontend/src/lib/utils.js b/Provider/frontend/src/lib/utils.js
new file mode 100644
index 0000000..56868e4
--- /dev/null
+++ b/Provider/frontend/src/lib/utils.js
@@ -0,0 +1,48 @@
+/**
+ * Shared utility functions for the Calendink dashboard.
+ * Import from here — never duplicate these across components.
+ */
+
+/** Format uptime seconds into human-readable string */
+export function formatUptime(seconds) {
+  const d = Math.floor(seconds / 86400);
+  const h = Math.floor((seconds % 86400) / 3600);
+  const m = Math.floor((seconds % 3600) / 60);
+  const s = seconds % 60;
+  const parts = [];
+  if (d > 0) parts.push(`${d}d`);
+  if (h > 0) parts.push(`${h}h`);
+  if (m > 0) parts.push(`${m}m`);
+  parts.push(`${s}s`);
+  return parts.join(' ');
+}
+
+/** Format bytes into human-readable string */
+export function formatBytes(bytes) {
+  if (bytes >= 1048576) return `${(bytes / 1048576).toFixed(1)} MB`;
+  if (bytes >= 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${bytes} B`;
+}
+
+/** Format a Unix timestamp (seconds) as a human-readable relative string */
+export function formatRelativeDate(timestamp) {
+  const now = Date.now() / 1000;
+  const diff = timestamp - now;
+  const absDiff = Math.abs(diff);
+
+  if (absDiff < 3600) {
+    const mins = Math.round(absDiff / 60);
+    return diff < 0 ? `${mins}m ago` : `in ${mins}m`;
+  }
+  if (absDiff < 86400) {
+    const hours = Math.round(absDiff / 3600);
+    return diff < 0 ? `${hours}h ago` : `in ${hours}h`;
+  }
+  const days = Math.round(absDiff / 86400);
+  return diff < 0 ? `${days}d ago` : `in ${days}d`;
+}
+
+/** Returns true if a Unix timestamp (seconds) is in the past */
+export function isOverdue(timestamp) {
+  return timestamp < Date.now() / 1000;
+}
diff --git a/Provider/frontend/temp_extract_16/index.html b/Provider/frontend/temp_extract_16/index.html
deleted file mode 100644
index 064e4f5..0000000
--- a/Provider/frontend/temp_extract_16/index.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Calendink Provider</title>
-    <script type="module">const kr=!1;var en=Array.isArray,Jn=Array.prototype.indexOf,Rt=Array.prototype.includes,pr=Array.from,Zn=Object.defineProperty,Nt=Object.getOwnPropertyDescriptor,Xn=Object.getOwnPropertyDescriptors,Qn=Object.prototype,ea=Array.prototype,tn=Object.getPrototypeOf,Hr=Object.isExtensible;const ta=()=>{};function ra(e){for(var t=0;t<e.length;t++)e[t]()}function rn(){var e,t,r=new Promise((n,a)=>{e=n,t=a});return{promise:r,resolve:e,reject:t}}function na(e,t){if(Array.isArray(e))return e;if(!(Symbol.iterator in e))return Array.from(e);const r=[];for(const n of e)if(r.push(n),r.length===t)break;return r}const ce=2,nr=4,tr=8,nn=1<<24,xt=16,Ye=32,Ot=64,Tr=128,Le=512,fe=1024,ve=2048,We=4096,Me=8192,nt=16384,qt=32768,Ut=65536,qr=1<<17,aa=1<<18,Vt=1<<19,sa=1<<20,rt=1<<25,It=65536,Er=1<<21,Fr=1<<22,ht=1<<23,ur=Symbol("$state"),ia=Symbol("legacy props"),oa=Symbol(""),Et=new class extends Error{name="StaleReactionError";message="The reaction that called `getAbortSignal()` was re-run or destroyed"};function la(){throw new Error("https://svelte.dev/e/async_derived_orphan")}function fa(e,t,r){throw new Error("https://svelte.dev/e/each_key_duplicate")}function ua(e){throw new Error("https://svelte.dev/e/effect_in_teardown")}function da(){throw new Error("https://svelte.dev/e/effect_in_unowned_derived")}function ca(e){throw new Error("https://svelte.dev/e/effect_orphan")}function va(){throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}function pa(e){throw new Error("https://svelte.dev/e/props_invalid_value")}function _a(){throw new Error("https://svelte.dev/e/state_descriptors_fixed")}function ha(){throw new Error("https://svelte.dev/e/state_prototype_fixed")}function ba(){throw new Error("https://svelte.dev/e/state_unsafe_mutation")}function ma(){throw new Error("https://svelte.dev/e/svelte_boundary_reset_onerror")}const ga=1,xa=2,an=4,ya=8,wa=16,ka=1,Ta=4,Ea=8,Sa=16,$a=1,Aa=2,de=Symbol(),sn="http://www.w3.org/1999/xhtml";function Ca(){console.warn("https://svelte.dev/e/svelte_boundary_reset_noop")}function on(e){return e===this.v}function Da(e,t){return e!=e?t==t:e!==t||e!==null&&typeof e=="object"||typeof e=="function"}function ln(e){return!Da(e,this.v)}let Ia=!1,Be=null;function Lt(e){Be=e}function Wt(e,t=!1,r){Be={p:Be,i:!1,c:null,e:null,s:e,x:null,l:null}}function Yt(e){var t=Be,r=t.e;if(r!==null){t.e=null;for(var n of r)Cn(n)}return t.i=!0,Be=t.p,{}}function fn(){return!0}let St=[];function un(){var e=St;St=[],ra(e)}function at(e){if(St.length===0&&!Qt){var t=St;queueMicrotask(()=>{t===St&&un()})}St.push(e)}function Ma(){for(;St.length>0;)un()}function dn(e){var t=U;if(t===null)return P.f|=ht,e;if((t.f&qt)===0&&(t.f&nr)===0)throw e;ct(e,t)}function ct(e,t){for(;t!==null;){if((t.f&Tr)!==0){if((t.f&qt)===0)throw e;try{t.b.error(e);return}catch(r){e=r}}t=t.parent}throw e}const Oa=-7169;function re(e,t){e.f=e.f&Oa|t}function Nr(e){(e.f&Le)!==0||e.deps===null?re(e,fe):re(e,We)}function cn(e){if(e!==null)for(const t of e)(t.f&ce)===0||(t.f&It)===0||(t.f^=It,cn(t.deps))}function vn(e,t,r){(e.f&ve)!==0?t.add(e):(e.f&We)!==0&&r.add(e),cn(e.deps),re(e,fe)}const or=new Set;let q=null,Sr=null,He=null,Te=[],_r=null,Qt=!1,jt=null;class bt{current=new Map;previous=new Map;#e=new Set;#o=new Set;#t=0;#i=0;#r=null;#s=new Set;#n=new Set;#a=new Map;is_fork=!1;#l=!1;#u(){return this.is_fork||this.#i>0}skip_effect(t){this.#a.has(t)||this.#a.set(t,{d:[],m:[]})}unskip_effect(t){var r=this.#a.get(t);if(r){this.#a.delete(t);for(var n of r.d)re(n,ve),qe(n);for(n of r.m)re(n,We),qe(n)}}process(t){Te=[],this.apply();var r=jt=[],n=[];for(const a of t)this.#f(a,r,n);if(jt=null,this.#u()){this.#d(n),this.#d(r);for(const[a,s]of this.#a)bn(a,s)}else{Sr=this,q=null;for(const a of this.#e)a(this);this.#e.clear(),this.#t===0&&this.#c(),Vr(n),Vr(r),this.#s.clear(),this.#n.clear(),Sr=null,this.#r?.resolve()}He=null}#f(t,r,n){t.f^=fe;for(var a=t.first;a!==null;){var s=a.f,l=(s&(Ye|Ot))!==0,u=l&&(s&fe)!==0,o=u||(s&Me)!==0||this.#a.has(a);if(!o&&a.fn!==null){l?a.f^=fe:(s&nr)!==0?r.push(a):sr(a)&&((s&xt)!==0&&this.#n.add(a),Ht(a));var f=a.first;if(f!==null){a=f;continue}}for(;a!==null;){var d=a.next;if(d!==null){a=d;break}a=a.parent}}}#d(t){for(var r=0;r<t.length;r+=1)vn(t[r],this.#s,this.#n)}capture(t,r){r!==de&&!this.previous.has(t)&&this.previous.set(t,r),(t.f&ht)===0&&(this.current.set(t,t.v),He?.set(t,t.v))}activate(){q=this,this.apply()}deactivate(){q===this&&(q=null,He=null)}flush(){if(Te.length>0)q=this,pn();else if(this.#t===0&&!this.is_fork){for(const t of this.#e)t(this);this.#e.clear(),this.#c(),this.#r?.resolve()}this.deactivate()}discard(){for(const t of this.#o)t(this);this.#o.clear()}#c(){if(or.size>1){this.previous.clear();var t=q,r=He,n=!0;for(const s of or){if(s===this){n=!1;continue}const l=[];for(const[o,f]of this.current){if(s.current.has(o))if(n&&f!==s.current.get(o))s.current.set(o,f);else continue;l.push(o)}if(l.length===0)continue;const u=[...s.current.keys()].filter(o=>!this.current.has(o));if(u.length>0){var a=Te;Te=[];const o=new Set,f=new Map;for(const d of l)_n(d,u,o,f);if(Te.length>0){q=s,s.apply();for(const d of Te)s.#f(d,[],[]);s.deactivate()}Te=a}}q=t,He=r}this.#a.clear(),or.delete(this)}increment(t){this.#t+=1,t&&(this.#i+=1)}decrement(t){this.#t-=1,t&&(this.#i-=1),!this.#l&&(this.#l=!0,at(()=>{this.#l=!1,this.#u()?Te.length>0&&this.flush():this.revive()}))}revive(){for(const t of this.#s)this.#n.delete(t),re(t,ve),qe(t);for(const t of this.#n)re(t,We),qe(t);this.flush()}oncommit(t){this.#e.add(t)}ondiscard(t){this.#o.add(t)}settled(){return(this.#r??=rn()).promise}static ensure(){if(q===null){const t=q=new bt;or.add(q),Qt||at(()=>{q===t&&t.flush()})}return q}apply(){}}function Pa(e){var t=Qt;Qt=!0;try{for(var r;;){if(Ma(),Te.length===0&&(q?.flush(),Te.length===0))return _r=null,r;pn()}}finally{Qt=t}}function pn(){var e=null;try{for(var t=0;Te.length>0;){var r=bt.ensure();if(t++>1e3){var n,a;Fa()}r.process(Te),mt.clear()}}finally{Te=[],_r=null,jt=null}}function Fa(){try{va()}catch(e){ct(e,_r)}}let tt=null;function Vr(e){var t=e.length;if(t!==0){for(var r=0;r<t;){var n=e[r++];if((n.f&(nt|Me))===0&&sr(n)&&(tt=new Set,Ht(n),n.deps===null&&n.first===null&&n.nodes===null&&n.teardown===null&&n.ac===null&&Mn(n),tt?.size>0)){mt.clear();for(const a of tt){if((a.f&(nt|Me))!==0)continue;const s=[a];let l=a.parent;for(;l!==null;)tt.has(l)&&(tt.delete(l),s.push(l)),l=l.parent;for(let u=s.length-1;u>=0;u--){const o=s[u];(o.f&(nt|Me))===0&&Ht(o)}}tt.clear()}}tt=null}}function _n(e,t,r,n){if(!r.has(e)&&(r.add(e),e.reactions!==null))for(const a of e.reactions){const s=a.f;(s&ce)!==0?_n(a,t,r,n):(s&(Fr|xt))!==0&&(s&ve)===0&&hn(a,t,n)&&(re(a,ve),qe(a))}}function hn(e,t,r){const n=r.get(e);if(n!==void 0)return n;if(e.deps!==null)for(const a of e.deps){if(Rt.call(t,a))return!0;if((a.f&ce)!==0&&hn(a,t,r))return r.set(a,!0),!0}return r.set(e,!1),!1}function qe(e){var t=_r=e,r=t.b;if(r?.is_pending&&(e.f&(nr|tr|nn))!==0&&(e.f&qt)===0){r.defer_effect(e);return}for(;t.parent!==null;){t=t.parent;var n=t.f;if(jt!==null&&t===U&&(e.f&tr)===0)return;if((n&(Ot|Ye))!==0){if((n&fe)===0)return;t.f^=fe}}Te.push(t)}function bn(e,t){if(!((e.f&Ye)!==0&&(e.f&fe)!==0)){(e.f&ve)!==0?t.d.push(e):(e.f&We)!==0&&t.m.push(e),re(e,fe);for(var r=e.first;r!==null;)bn(r,t),r=r.next}}function Na(e){let t=0,r=Mt(0),n;return()=>{Ur()&&(i(r),Dn(()=>(t===0&&(n=zr(()=>e(()=>er(r)))),t+=1,()=>{at(()=>{t-=1,t===0&&(n?.(),n=void 0,er(r))})})))}}var Ra=Ut|Vt;function Ua(e,t,r,n){new La(e,t,r,n)}class La{parent;is_pending=!1;transform_error;#e;#o=null;#t;#i;#r;#s=null;#n=null;#a=null;#l=null;#u=0;#f=0;#d=!1;#c=new Set;#p=new Set;#v=null;#g=Na(()=>(this.#v=Mt(this.#u),()=>{this.#v=null}));constructor(t,r,n,a){this.#e=t,this.#t=r,this.#i=s=>{var l=U;l.b=this,l.f|=Tr,n(s)},this.parent=U.b,this.transform_error=a??this.parent?.transform_error??(s=>s),this.#r=Lr(()=>{this.#b()},Ra)}#x(){try{this.#s=Re(()=>this.#i(this.#e))}catch(t){this.error(t)}}#y(t){const r=this.#t.failed;r&&(this.#a=Re(()=>{r(this.#e,()=>t,()=>()=>{})}))}#w(){const t=this.#t.pending;t&&(this.is_pending=!0,this.#n=Re(()=>t(this.#e)),at(()=>{var r=this.#l=document.createDocumentFragment(),n=st();r.append(n),this.#s=this.#h(()=>(bt.ensure(),Re(()=>this.#i(n)))),this.#f===0&&(this.#e.before(r),this.#l=null,At(this.#n,()=>{this.#n=null}),this.#_())}))}#b(){try{if(this.is_pending=this.has_pending_snippet(),this.#f=0,this.#u=0,this.#s=Re(()=>{this.#i(this.#e)}),this.#f>0){var t=this.#l=document.createDocumentFragment();Fn(this.#s,t);const r=this.#t.pending;this.#n=Re(()=>r(this.#e))}else this.#_()}catch(r){this.error(r)}}#_(){this.is_pending=!1;for(const t of this.#c)re(t,ve),qe(t);for(const t of this.#p)re(t,We),qe(t);this.#c.clear(),this.#p.clear()}defer_effect(t){vn(t,this.#c,this.#p)}is_rendered(){return!this.is_pending&&(!this.parent||this.parent.is_rendered())}has_pending_snippet(){return!!this.#t.pending}#h(t){var r=U,n=P,a=Be;Ge(this.#r),ze(this.#r),Lt(this.#r.ctx);try{return t()}catch(s){return dn(s),null}finally{Ge(r),ze(n),Lt(a)}}#m(t){if(!this.has_pending_snippet()){this.parent&&this.parent.#m(t);return}this.#f+=t,this.#f===0&&(this.#_(),this.#n&&At(this.#n,()=>{this.#n=null}),this.#l&&(this.#e.before(this.#l),this.#l=null))}update_pending_count(t){this.#m(t),this.#u+=t,!(!this.#v||this.#d)&&(this.#d=!0,at(()=>{this.#d=!1,this.#v&&Bt(this.#v,this.#u)}))}get_effect_pending(){return this.#g(),i(this.#v)}error(t){var r=this.#t.onerror;let n=this.#t.failed;if(!r&&!n)throw t;this.#s&&($e(this.#s),this.#s=null),this.#n&&($e(this.#n),this.#n=null),this.#a&&($e(this.#a),this.#a=null);var a=!1,s=!1;const l=()=>{if(a){Ca();return}a=!0,s&&ma(),this.#a!==null&&At(this.#a,()=>{this.#a=null}),this.#h(()=>{bt.ensure(),this.#b()})},u=o=>{try{s=!0,r?.(o,l),s=!1}catch(f){ct(f,this.#r&&this.#r.parent)}n&&(this.#a=this.#h(()=>{bt.ensure();try{return Re(()=>{var f=U;f.b=this,f.f|=Tr,n(this.#e,()=>o,()=>l)})}catch(f){return ct(f,this.#r.parent),null}}))};at(()=>{var o;try{o=this.transform_error(t)}catch(f){ct(f,this.#r&&this.#r.parent);return}o!==null&&typeof o=="object"&&typeof o.then=="function"?o.then(u,f=>ct(f,this.#r&&this.#r.parent)):u(o)})}}function ja(e,t,r,n){const a=hr;var s=e.filter(b=>!b.settled);if(r.length===0&&s.length===0){n(t.map(a));return}var l=U,u=Ba(),o=s.length===1?s[0].promise:s.length>1?Promise.all(s.map(b=>b.promise)):null;function f(b){u();try{n(b)}catch(_){(l.f&nt)===0&&ct(_,l)}$r()}if(r.length===0){o.then(()=>f(t.map(a)));return}function d(){u(),Promise.all(r.map(b=>Ha(b))).then(b=>f([...t.map(a),...b])).catch(b=>ct(b,l))}o?o.then(d):d()}function Ba(){var e=U,t=P,r=Be,n=q;return function(s=!0){Ge(e),ze(t),Lt(r),s&&n?.activate()}}function $r(e=!0){Ge(null),ze(null),Lt(null),e&&q?.deactivate()}function za(){var e=U.b,t=q,r=e.is_rendered();return e.update_pending_count(1),t.increment(r),()=>{e.update_pending_count(-1),t.decrement(r)}}function hr(e){var t=ce|ve,r=P!==null&&(P.f&ce)!==0?P:null;return U!==null&&(U.f|=Vt),{ctx:Be,deps:null,effects:null,equals:on,f:t,fn:e,reactions:null,rv:0,v:de,wv:0,parent:r??U,ac:null}}function Ha(e,t,r){U===null&&la();var a=void 0,s=Mt(de),l=!P,u=new Map;return ns(()=>{var o=rn();a=o.promise;try{Promise.resolve(e()).then(o.resolve,o.reject).finally($r)}catch(_){o.reject(_),$r()}var f=q;if(l){var d=za();u.get(f)?.reject(Et),u.delete(f),u.set(f,o)}const b=(_,x=void 0)=>{if(f.activate(),x)x!==Et&&(s.f|=ht,Bt(s,x));else{(s.f&ht)!==0&&(s.f^=ht),Bt(s,_);for(const[g,S]of u){if(u.delete(g),g===f)break;S.reject(Et)}}d&&d()};o.promise.then(b,_=>b(null,_||"unknown"))}),An(()=>{for(const o of u.values())o.reject(Et)}),new Promise(o=>{function f(d){function b(){d===a?o(s):f(a)}d.then(b,b)}f(a)})}function mn(e){const t=hr(e);return Nn(t),t}function gn(e){const t=hr(e);return t.equals=ln,t}function qa(e){var t=e.effects;if(t!==null){e.effects=null;for(var r=0;r<t.length;r+=1)$e(t[r])}}function Va(e){for(var t=e.parent;t!==null;){if((t.f&ce)===0)return(t.f&nt)===0?t:null;t=t.parent}return null}function Rr(e){var t,r=U;Ge(Va(e));try{e.f&=~It,qa(e),t=jn(e)}finally{Ge(r)}return t}function xn(e){var t=Rr(e);if(!e.equals(t)&&(e.wv=Un(),(!q?.is_fork||e.deps===null)&&(e.v=t,e.deps===null))){re(e,fe);return}gt||(He!==null?(Ur()||q?.is_fork)&&He.set(e,t):Nr(e))}function Wa(e){if(e.effects!==null)for(const t of e.effects)(t.teardown||t.ac)&&(t.teardown?.(),t.ac?.abort(Et),t.teardown=ta,t.ac=null,rr(t,0),jr(t))}function yn(e){if(e.effects!==null)for(const t of e.effects)t.teardown&&Ht(t)}let Ar=new Set;const mt=new Map;let wn=!1;function Mt(e,t){var r={f:0,v:e,reactions:null,equals:on,rv:0,wv:0};return r}function A(e,t){const r=Mt(e);return Nn(r),r}function Ya(e,t=!1,r=!0){const n=Mt(e);return t||(n.equals=ln),n}function c(e,t,r=!1){P!==null&&(!Ve||(P.f&qr)!==0)&&fn()&&(P.f&(ce|xt|Fr|qr))!==0&&(je===null||!Rt.call(je,e))&&ba();let n=r?Ie(t):t;return Bt(e,n)}function Bt(e,t){if(!e.equals(t)){var r=e.v;gt?mt.set(e,t):mt.set(e,r),e.v=t;var n=bt.ensure();if(n.capture(e,r),(e.f&ce)!==0){const a=e;(e.f&ve)!==0&&Rr(a),Nr(a)}e.wv=Un(),kn(e,ve),U!==null&&(U.f&fe)!==0&&(U.f&(Ye|Ot))===0&&(Ne===null?is([e]):Ne.push(e)),!n.is_fork&&Ar.size>0&&!wn&&Ka()}return t}function Ka(){wn=!1;for(const e of Ar)(e.f&fe)!==0&&re(e,We),sr(e)&&Ht(e);Ar.clear()}function er(e){c(e,e.v+1)}function kn(e,t){var r=e.reactions;if(r!==null)for(var n=r.length,a=0;a<n;a++){var s=r[a],l=s.f,u=(l&ve)===0;if(u&&re(s,t),(l&ce)!==0){var o=s;He?.delete(o),(l&It)===0&&(l&Le&&(s.f|=It),kn(o,We))}else u&&((l&xt)!==0&&tt!==null&&tt.add(s),qe(s))}}function Ie(e){if(typeof e!="object"||e===null||ur in e)return e;const t=tn(e);if(t!==Qn&&t!==ea)return e;var r=new Map,n=en(e),a=A(0),s=Ct,l=u=>{if(Ct===s)return u();var o=P,f=Ct;ze(null),Gr(s);var d=u();return ze(o),Gr(f),d};return n&&r.set("length",A(e.length)),new Proxy(e,{defineProperty(u,o,f){(!("value"in f)||f.configurable===!1||f.enumerable===!1||f.writable===!1)&&_a();var d=r.get(o);return d===void 0?l(()=>{var b=A(f.value);return r.set(o,b),b}):c(d,f.value,!0),!0},deleteProperty(u,o){var f=r.get(o);if(f===void 0){if(o in u){const d=l(()=>A(de));r.set(o,d),er(a)}}else c(f,de),er(a);return!0},get(u,o,f){if(o===ur)return e;var d=r.get(o),b=o in u;if(d===void 0&&(!b||Nt(u,o)?.writable)&&(d=l(()=>{var x=Ie(b?u[o]:de),g=A(x);return g}),r.set(o,d)),d!==void 0){var _=i(d);return _===de?void 0:_}return Reflect.get(u,o,f)},getOwnPropertyDescriptor(u,o){var f=Reflect.getOwnPropertyDescriptor(u,o);if(f&&"value"in f){var d=r.get(o);d&&(f.value=i(d))}else if(f===void 0){var b=r.get(o),_=b?.v;if(b!==void 0&&_!==de)return{enumerable:!0,configurable:!0,value:_,writable:!0}}return f},has(u,o){if(o===ur)return!0;var f=r.get(o),d=f!==void 0&&f.v!==de||Reflect.has(u,o);if(f!==void 0||U!==null&&(!d||Nt(u,o)?.writable)){f===void 0&&(f=l(()=>{var _=d?Ie(u[o]):de,x=A(_);return x}),r.set(o,f));var b=i(f);if(b===de)return!1}return d},set(u,o,f,d){var b=r.get(o),_=o in u;if(n&&o==="length")for(var x=f;x<b.v;x+=1){var g=r.get(x+"");g!==void 0?c(g,de):x in u&&(g=l(()=>A(de)),r.set(x+"",g))}if(b===void 0)(!_||Nt(u,o)?.writable)&&(b=l(()=>A(void 0)),c(b,Ie(f)),r.set(o,b));else{_=b.v!==de;var S=l(()=>Ie(f));c(b,S)}var m=Reflect.getOwnPropertyDescriptor(u,o);if(m?.set&&m.set.call(d,f),!_){if(n&&typeof o=="string"){var E=r.get("length"),I=Number(o);Number.isInteger(I)&&I>=E.v&&c(E,I+1)}er(a)}return!0},ownKeys(u){i(a);var o=Reflect.ownKeys(u).filter(b=>{var _=r.get(b);return _===void 0||_.v!==de});for(var[f,d]of r)d.v!==de&&!(f in u)&&o.push(f);return o},setPrototypeOf(){ha()}})}var Wr,Tn,En,Sn;function Ga(){if(Wr===void 0){Wr=window,Tn=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype,r=Text.prototype;En=Nt(t,"firstChild").get,Sn=Nt(t,"nextSibling").get,Hr(e)&&(e.__click=void 0,e.__className=void 0,e.__attributes=null,e.__style=void 0,e.__e=void 0),Hr(r)&&(r.__t=void 0)}}function st(e=""){return document.createTextNode(e)}function cr(e){return En.call(e)}function ar(e){return Sn.call(e)}function v(e,t){return cr(e)}function Ue(e,t=!1){{var r=cr(e);return r instanceof Comment&&r.data===""?ar(r):r}}function h(e,t=1,r=!1){let n=e;for(;t--;)n=ar(n);return n}function Ja(e){e.textContent=""}function $n(){return!1}function Za(e,t,r){return document.createElementNS(sn,e,void 0)}function Cr(e,t){{const r=document.body;e.autofocus=!0,at(()=>{document.activeElement===r&&e.focus()})}}let Yr=!1;function Xa(){Yr||(Yr=!0,document.addEventListener("reset",e=>{Promise.resolve().then(()=>{if(!e.defaultPrevented)for(const t of e.target.elements)t.__on_r?.()})},{capture:!0}))}function br(e){var t=P,r=U;ze(null),Ge(null);try{return e()}finally{ze(t),Ge(r)}}function Qa(e,t,r,n=r){e.addEventListener(t,()=>br(r));const a=e.__on_r;a?e.__on_r=()=>{a(),n(!0)}:e.__on_r=()=>n(!0),Xa()}function es(e){U===null&&(P===null&&ca(),da()),gt&&ua()}function ts(e,t){var r=t.last;r===null?t.last=t.first=e:(r.next=e,e.prev=r,t.last=e)}function yt(e,t){var r=U;r!==null&&(r.f&Me)!==0&&(e|=Me);var n={ctx:Be,deps:null,nodes:null,f:e|ve|Le,first:null,fn:t,last:null,next:null,parent:r,b:r&&r.b,prev:null,teardown:null,wv:0,ac:null},a=n;if((e&nr)!==0)jt!==null?jt.push(n):qe(n);else if(t!==null){try{Ht(n)}catch(l){throw $e(n),l}a.deps===null&&a.teardown===null&&a.nodes===null&&a.first===a.last&&(a.f&Vt)===0&&(a=a.first,(e&xt)!==0&&(e&Ut)!==0&&a!==null&&(a.f|=Ut))}if(a!==null&&(a.parent=r,r!==null&&ts(a,r),P!==null&&(P.f&ce)!==0&&(e&Ot)===0)){var s=P;(s.effects??=[]).push(a)}return n}function Ur(){return P!==null&&!Ve}function An(e){const t=yt(tr,null);return re(t,fe),t.teardown=e,t}function zt(e){es();var t=U.f,r=!P&&(t&Ye)!==0&&(t&qt)===0;if(r){var n=Be;(n.e??=[]).push(e)}else return Cn(e)}function Cn(e){return yt(nr|sa,e)}function rs(e){bt.ensure();const t=yt(Ot|Vt,e);return(r={})=>new Promise(n=>{r.outro?At(t,()=>{$e(t),n(void 0)}):($e(t),n(void 0))})}function ns(e){return yt(Fr|Vt,e)}function Dn(e,t=0){return yt(tr|t,e)}function R(e,t=[],r=[],n=[]){ja(n,t,r,a=>{yt(tr,()=>e(...a.map(i)))})}function Lr(e,t=0){var r=yt(xt|t,e);return r}function Re(e){return yt(Ye|Vt,e)}function In(e){var t=e.teardown;if(t!==null){const r=gt,n=P;Kr(!0),ze(null);try{t.call(null)}finally{Kr(r),ze(n)}}}function jr(e,t=!1){var r=e.first;for(e.first=e.last=null;r!==null;){const a=r.ac;a!==null&&br(()=>{a.abort(Et)});var n=r.next;(r.f&Ot)!==0?r.parent=null:$e(r,t),r=n}}function as(e){for(var t=e.first;t!==null;){var r=t.next;(t.f&Ye)===0&&$e(t),t=r}}function $e(e,t=!0){var r=!1;(t||(e.f&aa)!==0)&&e.nodes!==null&&e.nodes.end!==null&&(ss(e.nodes.start,e.nodes.end),r=!0),jr(e,t&&!r),rr(e,0),re(e,nt);var n=e.nodes&&e.nodes.t;if(n!==null)for(const s of n)s.stop();In(e);var a=e.parent;a!==null&&a.first!==null&&Mn(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=null}function ss(e,t){for(;e!==null;){var r=e===t?null:ar(e);e.remove(),e=r}}function Mn(e){var t=e.parent,r=e.prev,n=e.next;r!==null&&(r.next=n),n!==null&&(n.prev=r),t!==null&&(t.first===e&&(t.first=n),t.last===e&&(t.last=r))}function At(e,t,r=!0){var n=[];On(e,n,!0);var a=()=>{r&&$e(e),t&&t()},s=n.length;if(s>0){var l=()=>--s||a();for(var u of n)u.out(l)}else a()}function On(e,t,r){if((e.f&Me)===0){e.f^=Me;var n=e.nodes&&e.nodes.t;if(n!==null)for(const u of n)(u.is_global||r)&&t.push(u);for(var a=e.first;a!==null;){var s=a.next,l=(a.f&Ut)!==0||(a.f&Ye)!==0&&(e.f&xt)!==0;On(a,t,l?r:!1),a=s}}}function Br(e){Pn(e,!0)}function Pn(e,t){if((e.f&Me)!==0){e.f^=Me,(e.f&fe)===0&&(re(e,ve),qe(e));for(var r=e.first;r!==null;){var n=r.next,a=(r.f&Ut)!==0||(r.f&Ye)!==0;Pn(r,a?t:!1),r=n}var s=e.nodes&&e.nodes.t;if(s!==null)for(const l of s)(l.is_global||t)&&l.in()}}function Fn(e,t){if(e.nodes)for(var r=e.nodes.start,n=e.nodes.end;r!==null;){var a=r===n?null:ar(r);t.append(r),r=a}}let dr=!1,gt=!1;function Kr(e){gt=e}let P=null,Ve=!1;function ze(e){P=e}let U=null;function Ge(e){U=e}let je=null;function Nn(e){P!==null&&(je===null?je=[e]:je.push(e))}let Ee=null,De=0,Ne=null;function is(e){Ne=e}let Rn=1,$t=0,Ct=$t;function Gr(e){Ct=e}function Un(){return++Rn}function sr(e){var t=e.f;if((t&ve)!==0)return!0;if(t&ce&&(e.f&=~It),(t&We)!==0){for(var r=e.deps,n=r.length,a=0;a<n;a++){var s=r[a];if(sr(s)&&xn(s),s.wv>e.wv)return!0}(t&Le)!==0&&He===null&&re(e,fe)}return!1}function Ln(e,t,r=!0){var n=e.reactions;if(n!==null&&!(je!==null&&Rt.call(je,e)))for(var a=0;a<n.length;a++){var s=n[a];(s.f&ce)!==0?Ln(s,t,!1):t===s&&(r?re(s,ve):(s.f&fe)!==0&&re(s,We),qe(s))}}function jn(e){var t=Ee,r=De,n=Ne,a=P,s=je,l=Be,u=Ve,o=Ct,f=e.f;Ee=null,De=0,Ne=null,P=(f&(Ye|Ot))===0?e:null,je=null,Lt(e.ctx),Ve=!1,Ct=++$t,e.ac!==null&&(br(()=>{e.ac.abort(Et)}),e.ac=null);try{e.f|=Er;var d=e.fn,b=d();e.f|=qt;var _=e.deps,x=q?.is_fork;if(Ee!==null){var g;if(x||rr(e,De),_!==null&&De>0)for(_.length=De+Ee.length,g=0;g<Ee.length;g++)_[De+g]=Ee[g];else e.deps=_=Ee;if(Ur()&&(e.f&Le)!==0)for(g=De;g<_.length;g++)(_[g].reactions??=[]).push(e)}else!x&&_!==null&&De<_.length&&(rr(e,De),_.length=De);if(fn()&&Ne!==null&&!Ve&&_!==null&&(e.f&(ce|We|ve))===0)for(g=0;g<Ne.length;g++)Ln(Ne[g],e);if(a!==null&&a!==e){if($t++,a.deps!==null)for(let S=0;S<r;S+=1)a.deps[S].rv=$t;if(t!==null)for(const S of t)S.rv=$t;Ne!==null&&(n===null?n=Ne:n.push(...Ne))}return(e.f&ht)!==0&&(e.f^=ht),b}catch(S){return dn(S)}finally{e.f^=Er,Ee=t,De=r,Ne=n,P=a,je=s,Lt(l),Ve=u,Ct=o}}function os(e,t){let r=t.reactions;if(r!==null){var n=Jn.call(r,e);if(n!==-1){var a=r.length-1;a===0?r=t.reactions=null:(r[n]=r[a],r.pop())}}if(r===null&&(t.f&ce)!==0&&(Ee===null||!Rt.call(Ee,t))){var s=t;(s.f&Le)!==0&&(s.f^=Le,s.f&=~It),Nr(s),Wa(s),rr(s,0)}}function rr(e,t){var r=e.deps;if(r!==null)for(var n=t;n<r.length;n++)os(e,r[n])}function Ht(e){var t=e.f;if((t&nt)===0){re(e,fe);var r=U,n=dr;U=e,dr=!0;try{(t&(xt|nn))!==0?as(e):jr(e),In(e);var a=jn(e);e.teardown=typeof a=="function"?a:null,e.wv=Rn;var s;kr&&Ia&&(e.f&ve)!==0&&e.deps}finally{dr=n,U=r}}}async function ls(){await Promise.resolve(),Pa()}function i(e){var t=e.f,r=(t&ce)!==0;if(P!==null&&!Ve){var n=U!==null&&(U.f&nt)!==0;if(!n&&(je===null||!Rt.call(je,e))){var a=P.deps;if((P.f&Er)!==0)e.rv<$t&&(e.rv=$t,Ee===null&&a!==null&&a[De]===e?De++:Ee===null?Ee=[e]:Ee.push(e));else{(P.deps??=[]).push(e);var s=e.reactions;s===null?e.reactions=[P]:Rt.call(s,P)||s.push(P)}}}if(gt&&mt.has(e))return mt.get(e);if(r){var l=e;if(gt){var u=l.v;return((l.f&fe)===0&&l.reactions!==null||zn(l))&&(u=Rr(l)),mt.set(l,u),u}var o=(l.f&Le)===0&&!Ve&&P!==null&&(dr||(P.f&Le)!==0),f=(l.f&qt)===0;sr(l)&&(o&&(l.f|=Le),xn(l)),o&&!f&&(yn(l),Bn(l))}if(He?.has(e))return He.get(e);if((e.f&ht)!==0)throw e.v;return e.v}function Bn(e){if(e.f|=Le,e.deps!==null)for(const t of e.deps)(t.reactions??=[]).push(e),(t.f&ce)!==0&&(t.f&Le)===0&&(yn(t),Bn(t))}function zn(e){if(e.v===de)return!0;if(e.deps===null)return!1;for(const t of e.deps)if(mt.has(t)||(t.f&ce)!==0&&zn(t))return!0;return!1}function zr(e){var t=Ve;try{return Ve=!0,e()}finally{Ve=t}}const fs=["touchstart","touchmove"];function us(e){return fs.includes(e)}const Zt=Symbol("events"),Hn=new Set,Dr=new Set;function ds(e,t,r,n={}){function a(s){if(n.capture||Ir.call(t,s),!s.cancelBubble)return br(()=>r?.call(this,s))}return e.startsWith("pointer")||e.startsWith("touch")||e==="wheel"?at(()=>{t.addEventListener(e,a,n)}):t.addEventListener(e,a,n),a}function Dt(e,t,r,n,a){var s={capture:n,passive:a},l=ds(e,t,r,s);(t===document.body||t===window||t===document||t instanceof HTMLMediaElement)&&An(()=>{t.removeEventListener(e,l,s)})}function z(e,t,r){(t[Zt]??={})[e]=r}function ir(e){for(var t=0;t<e.length;t++)Hn.add(e[t]);for(var r of Dr)r(e)}let Jr=null;function Ir(e){var t=this,r=t.ownerDocument,n=e.type,a=e.composedPath?.()||[],s=a[0]||e.target;Jr=e;var l=0,u=Jr===e&&e[Zt];if(u){var o=a.indexOf(u);if(o!==-1&&(t===document||t===window)){e[Zt]=t;return}var f=a.indexOf(t);if(f===-1)return;o<=f&&(l=o)}if(s=a[l]||e.target,s!==t){Zn(e,"currentTarget",{configurable:!0,get(){return s||r}});var d=P,b=U;ze(null),Ge(null);try{for(var _,x=[];s!==null;){var g=s.assignedSlot||s.parentNode||s.host||null;try{var S=s[Zt]?.[n];S!=null&&(!s.disabled||e.target===s)&&S.call(s,e)}catch(m){_?x.push(m):_=m}if(e.cancelBubble||g===t||g===null)break;s=g}if(_){for(let m of x)queueMicrotask(()=>{throw m});throw _}}finally{e[Zt]=t,delete e.currentTarget,ze(d),Ge(b)}}}const cs=globalThis?.window?.trustedTypes&&globalThis.window.trustedTypes.createPolicy("svelte-trusted-html",{createHTML:e=>e});function vs(e){return cs?.createHTML(e)??e}function ps(e){var t=Za("template");return t.innerHTML=vs(e.replaceAll("<!>","\x3C!---->")),t.content}function vr(e,t){var r=U;r.nodes===null&&(r.nodes={start:e,end:t,a:null,t:null})}function k(e,t){var r=(t&$a)!==0,n=(t&Aa)!==0,a,s=!e.startsWith("<!>");return()=>{a===void 0&&(a=ps(s?e:"<!>"+e),r||(a=cr(a)));var l=n||Tn?document.importNode(a,!0):a.cloneNode(!0);if(r){var u=cr(l),o=l.lastChild;vr(u,o)}else vr(l,l);return l}}function qn(e=""){{var t=st(e+"");return vr(t,t),t}}function Vn(){var e=document.createDocumentFragment(),t=document.createComment(""),r=st();return e.append(t,r),vr(t,r),e}function y(e,t){e!==null&&e.before(t)}function O(e,t){var r=t==null?"":typeof t=="object"?`${t}`:t;r!==(e.__t??=e.nodeValue)&&(e.__t=r,e.nodeValue=`${r}`)}function _s(e,t){return hs(e,t)}const lr=new Map;function hs(e,{target:t,anchor:r,props:n={},events:a,context:s,intro:l=!0,transformError:u}){Ga();var o=void 0,f=rs(()=>{var d=r??t.appendChild(st());Ua(d,{pending:()=>{}},x=>{Wt({});var g=Be;s&&(g.c=s),a&&(n.$$events=a),o=e(x,n)||{},Yt()},u);var b=new Set,_=x=>{for(var g=0;g<x.length;g++){var S=x[g];if(!b.has(S)){b.add(S);var m=us(S);for(const L of[t,document]){var E=lr.get(L);E===void 0&&(E=new Map,lr.set(L,E));var I=E.get(S);I===void 0?(L.addEventListener(S,Ir,{passive:m}),E.set(S,1)):E.set(S,I+1)}}}};return _(pr(Hn)),Dr.add(_),()=>{for(var x of b)for(const m of[t,document]){var g=lr.get(m),S=g.get(x);--S==0?(m.removeEventListener(x,Ir),g.delete(x),g.size===0&&lr.delete(m)):g.set(x,S)}Dr.delete(_),d!==r&&d.parentNode?.removeChild(d)}});return bs.set(o,f),o}let bs=new WeakMap;class ms{anchor;#e=new Map;#o=new Map;#t=new Map;#i=new Set;#r=!0;constructor(t,r=!0){this.anchor=t,this.#r=r}#s=t=>{if(this.#e.has(t)){var r=this.#e.get(t),n=this.#o.get(r);if(n)Br(n),this.#i.delete(r);else{var a=this.#t.get(r);a&&(this.#o.set(r,a.effect),this.#t.delete(r),a.fragment.lastChild.remove(),this.anchor.before(a.fragment),n=a.effect)}for(const[s,l]of this.#e){if(this.#e.delete(s),s===t)break;const u=this.#t.get(l);u&&($e(u.effect),this.#t.delete(l))}for(const[s,l]of this.#o){if(s===r||this.#i.has(s))continue;const u=()=>{if(Array.from(this.#e.values()).includes(s)){var f=document.createDocumentFragment();Fn(l,f),f.append(st()),this.#t.set(s,{effect:l,fragment:f})}else $e(l);this.#i.delete(s),this.#o.delete(s)};this.#r||!n?(this.#i.add(s),At(l,u,!1)):u()}}};#n=t=>{this.#e.delete(t);const r=Array.from(this.#e.values());for(const[n,a]of this.#t)r.includes(n)||($e(a.effect),this.#t.delete(n))};ensure(t,r){var n=q,a=$n();if(r&&!this.#o.has(t)&&!this.#t.has(t))if(a){var s=document.createDocumentFragment(),l=st();s.append(l),this.#t.set(t,{effect:Re(()=>r(l)),fragment:s})}else this.#o.set(t,Re(()=>r(this.anchor)));if(this.#e.set(n,t),a){for(const[u,o]of this.#o)u===t?n.unskip_effect(o):n.skip_effect(o);for(const[u,o]of this.#t)u===t?n.unskip_effect(o.effect):n.skip_effect(o.effect);n.oncommit(this.#s),n.ondiscard(this.#n)}else this.#s(n)}}function N(e,t,r=!1){var n=new ms(e),a=r?Ut:0;function s(l,u){n.ensure(l,u)}Lr(()=>{var l=!1;t((u,o=0)=>{l=!0,s(o,u)}),l||s(!1,null)},a)}function vt(e,t){return t}function gs(e,t,r){for(var n=[],a=t.length,s,l=t.length,u=0;u<a;u++){let b=t[u];At(b,()=>{if(s){if(s.pending.delete(b),s.done.add(b),s.pending.size===0){var _=e.outrogroups;Mr(pr(s.done)),_.delete(s),_.size===0&&(e.outrogroups=null)}}else l-=1},!1)}if(l===0){var o=n.length===0&&r!==null;if(o){var f=r,d=f.parentNode;Ja(d),d.append(f),e.items.clear()}Mr(t,!o)}else s={pending:new Set(t),done:new Set},(e.outrogroups??=new Set).add(s)}function Mr(e,t=!0){for(var r=0;r<e.length;r++)$e(e[r],t)}var Zr;function pt(e,t,r,n,a,s=null){var l=e,u=new Map,o=(t&an)!==0;if(o){var f=e;l=f.appendChild(st())}var d=null,b=gn(()=>{var E=r();return en(E)?E:E==null?[]:pr(E)}),_,x=!0;function g(){m.fallback=d,xs(m,_,l,t,n),d!==null&&(_.length===0?(d.f&rt)===0?Br(d):(d.f^=rt,Xt(d,null,l)):At(d,()=>{d=null}))}var S=Lr(()=>{_=i(b);for(var E=_.length,I=new Set,L=q,V=$n(),te=0;te<E;te+=1){var C=_[te],w=n(C,te),F=x?null:u.get(w);F?(F.v&&Bt(F.v,C),F.i&&Bt(F.i,te),V&&L.unskip_effect(F.e)):(F=ys(u,x?l:Zr??=st(),C,w,te,a,t,r),x||(F.e.f|=rt),u.set(w,F)),I.add(w)}if(E===0&&s&&!d&&(x?d=Re(()=>s(l)):(d=Re(()=>s(Zr??=st())),d.f|=rt)),E>I.size&&fa(),!x)if(V){for(const[ue,Z]of u)I.has(ue)||L.skip_effect(Z.e);L.oncommit(g),L.ondiscard(()=>{})}else g();i(b)}),m={effect:S,items:u,outrogroups:null,fallback:d};x=!1}function Jt(e){for(;e!==null&&(e.f&Ye)===0;)e=e.next;return e}function xs(e,t,r,n,a){var s=(n&ya)!==0,l=t.length,u=e.items,o=Jt(e.effect.first),f,d=null,b,_=[],x=[],g,S,m,E;if(s)for(E=0;E<l;E+=1)g=t[E],S=a(g,E),m=u.get(S).e,(m.f&rt)===0&&(m.nodes?.a?.measure(),(b??=new Set).add(m));for(E=0;E<l;E+=1){if(g=t[E],S=a(g,E),m=u.get(S).e,e.outrogroups!==null)for(const Z of e.outrogroups)Z.pending.delete(m),Z.done.delete(m);if((m.f&rt)!==0)if(m.f^=rt,m===o)Xt(m,null,r);else{var I=d?d.next:o;m===e.effect.last&&(e.effect.last=m.prev),m.prev&&(m.prev.next=m.next),m.next&&(m.next.prev=m.prev),ut(e,d,m),ut(e,m,I),Xt(m,I,r),d=m,_=[],x=[],o=Jt(d.next);continue}if((m.f&Me)!==0&&(Br(m),s&&(m.nodes?.a?.unfix(),(b??=new Set).delete(m))),m!==o){if(f!==void 0&&f.has(m)){if(_.length<x.length){var L=x[0],V;d=L.prev;var te=_[0],C=_[_.length-1];for(V=0;V<_.length;V+=1)Xt(_[V],L,r);for(V=0;V<x.length;V+=1)f.delete(x[V]);ut(e,te.prev,C.next),ut(e,d,te),ut(e,C,L),o=L,d=C,E-=1,_=[],x=[]}else f.delete(m),Xt(m,o,r),ut(e,m.prev,m.next),ut(e,m,d===null?e.effect.first:d.next),ut(e,d,m),d=m;continue}for(_=[],x=[];o!==null&&o!==m;)(f??=new Set).add(o),x.push(o),o=Jt(o.next);if(o===null)continue}(m.f&rt)===0&&_.push(m),d=m,o=Jt(m.next)}if(e.outrogroups!==null){for(const Z of e.outrogroups)Z.pending.size===0&&(Mr(pr(Z.done)),e.outrogroups?.delete(Z));e.outrogroups.size===0&&(e.outrogroups=null)}if(o!==null||f!==void 0){var w=[];if(f!==void 0)for(m of f)(m.f&Me)===0&&w.push(m);for(;o!==null;)(o.f&Me)===0&&o!==e.fallback&&w.push(o),o=Jt(o.next);var F=w.length;if(F>0){var ue=(n&an)!==0&&l===0?r:null;if(s){for(E=0;E<F;E+=1)w[E].nodes?.a?.measure();for(E=0;E<F;E+=1)w[E].nodes?.a?.fix()}gs(e,w,ue)}}s&&at(()=>{if(b!==void 0)for(m of b)m.nodes?.a?.apply()})}function ys(e,t,r,n,a,s,l,u){var o=(l&ga)!==0?(l&wa)===0?Ya(r,!1,!1):Mt(r):null,f=(l&xa)!==0?Mt(a):null;return{v:o,i:f,e:Re(()=>(s(t,o??r,f??a,u),()=>{e.delete(n)}))}}function Xt(e,t,r){if(e.nodes)for(var n=e.nodes.start,a=e.nodes.end,s=t&&(t.f&rt)===0?t.nodes.start:r;n!==null;){var l=ar(n);if(s.before(n),n===a)return;n=l}}function ut(e,t,r){t===null?e.effect.first=r:t.next=r,r===null?e.effect.last=t:r.prev=t}function ws(e,t,r){var n=e==null?"":""+e;return t&&(n=n?n+" "+t:t),n===""?null:n}function ks(e,t){return e==null?null:String(e)}function Se(e,t,r,n,a,s){var l=e.__className;if(l!==r||l===void 0){var u=ws(r,n);u==null?e.removeAttribute("class"):e.className=u,e.__className=r}return s}function Ts(e,t,r,n){var a=e.__style;if(a!==t){var s=ks(t);s==null?e.removeAttribute("style"):e.style.cssText=s,e.__style=t}return n}const Es=Symbol("is custom element"),Ss=Symbol("is html");function $s(e,t){var r=Wn(e);r.checked!==(r.checked=t??void 0)&&(e.checked=t)}function Or(e,t,r,n){var a=Wn(e);a[t]!==(a[t]=r)&&(t==="loading"&&(e[oa]=r),r==null?e.removeAttribute(t):typeof r!="string"&&As(e).includes(t)?e[t]=r:e.setAttribute(t,r))}function Wn(e){return e.__attributes??={[Es]:e.nodeName.includes("-"),[Ss]:e.namespaceURI===sn}}var Xr=new Map;function As(e){var t=e.getAttribute("is")||e.nodeName,r=Xr.get(t);if(r)return r;Xr.set(t,r=[]);for(var n,a=e,s=Element.prototype;s!==a;){n=Xn(a);for(var l in n)n[l].set&&r.push(l);a=tn(a)}return r}function dt(e,t,r=t){var n=new WeakSet;Qa(e,"input",async a=>{var s=a?e.defaultValue:e.value;if(s=yr(e)?wr(s):s,r(s),q!==null&&n.add(q),await ls(),s!==(s=t())){var l=e.selectionStart,u=e.selectionEnd,o=e.value.length;if(e.value=s??"",u!==null){var f=e.value.length;l===u&&u===o&&f>o?(e.selectionStart=f,e.selectionEnd=f):(e.selectionStart=l,e.selectionEnd=Math.min(u,f))}}}),zr(t)==null&&e.value&&(r(yr(e)?wr(e.value):e.value),q!==null&&n.add(q)),Dn(()=>{var a=t();if(e===document.activeElement){var s=Sr??q;if(n.has(s))return}yr(e)&&a===wr(e.value)||e.type==="date"&&!a&&!e.value||a!==e.value&&(e.value=a??"")})}function yr(e){var t=e.type;return t==="number"||t==="range"}function wr(e){return e===""?null:+e}let fr=!1;function Cs(e){var t=fr;try{return fr=!1,[e(),fr]}finally{fr=t}}function _t(e,t,r,n){var a=(r&Ea)!==0,s=(r&Sa)!==0,l=n,u=!0,o=()=>(u&&(u=!1,l=s?zr(n):n),l),f;if(a){var d=ur in e||ia in e;f=Nt(e,t)?.set??(d&&t in e?I=>e[t]=I:void 0)}var b,_=!1;a?[b,_]=Cs(()=>e[t]):b=e[t],b===void 0&&n!==void 0&&(b=o(),f&&(pa(),f(b)));var x;if(x=()=>{var I=e[t];return I===void 0?o():(u=!0,I)},(r&Ta)===0)return x;if(f){var g=e.$$legacy;return(function(I,L){return arguments.length>0?((!L||g||_)&&f(L?x():I),I):x()})}var S=!1,m=((r&ka)!==0?hr:gn)(()=>(S=!1,x()));a&&i(m);var E=U;return(function(I,L){if(arguments.length>0){const V=L?i(m):a?Ie(I):I;return c(m,V),S=!0,l!==void 0&&(l=V),I}return gt&&S||(E.f&nt)!==0?m.v:i(m)})}const Ds="5";typeof window<"u"&&((window.__svelte??={}).v??=new Set).add(Ds);const ye="";async function Pr(){const e=await fetch(`${ye}/api/system/info`);if(!e.ok)throw new Error(`HTTP ${e.status}: ${e.statusText}`);const t=await e.json();return{...t,freeHeap:t.free_heap}}async function Is(){const e=await fetch(`${ye}/api/system/reboot`,{method:"POST"});if(!e.ok)throw new Error(`HTTP ${e.status}: ${e.statusText}`);return e.json()}async function Yn(){const e=await fetch(`${ye}/api/ota/status`);if(!e.ok)throw new Error(`HTTP ${e.status}: ${e.statusText}`);return e.json()}async function Ms(e){const t=await fetch(`${ye}/api/ota/frontend`,{method:"POST",body:e,headers:{"Content-Type":"application/octet-stream"}});if(!t.ok){const r=await t.text();throw new Error(`Upload failed (${t.status}): ${r||t.statusText}`)}return t.json()}async function Os(e){const t=await fetch(`${ye}/api/ota/firmware`,{method:"POST",body:e,headers:{"Content-Type":"application/octet-stream"}});if(!t.ok){const r=await t.text();throw new Error(`Upload failed (${t.status}): ${r||t.statusText}`)}return t.json()}async function Ps(e){const t=await fetch(`${ye}/api/ota/bundle`,{method:"POST",body:e,headers:{"Content-Type":"application/octet-stream"}});if(!t.ok){const r=await t.text();throw new Error(`Upload failed (${t.status}): ${r||t.statusText}`)}return t.json()}async function Fs(){const e=await fetch(`${ye}/api/users`);if(!e.ok)throw new Error(`HTTP ${e.status}: ${e.statusText}`);return e.json()}async function Ns(e){const t=await fetch(`${ye}/api/users`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:e})});if(!t.ok){const r=await t.text();throw new Error(`Failed (${t.status}): ${r||t.statusText}`)}return t.json()}async function Rs(e){const t=await fetch(`${ye}/api/users?id=${e}`,{method:"DELETE"});if(!t.ok){const r=await t.text();throw new Error(`Failed (${t.status}): ${r||t.statusText}`)}return t.json()}async function Us(e,t){const r=await fetch(`${ye}/api/users/update`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:e,name:t})});if(!r.ok){const n=await r.text();throw new Error(`Failed (${r.status}): ${n||r.statusText}`)}return r.json()}async function Ls(e){const t=await fetch(`${ye}/api/tasks?user_id=${e}`);if(!t.ok)throw new Error(`HTTP ${t.status}: ${t.statusText}`);return t.json()}async function js(){const e=await fetch(`${ye}/api/tasks/upcoming`);if(!e.ok)throw new Error(`HTTP ${e.status}: ${e.statusText}`);return e.json()}async function Bs(e,t,r){const n=await fetch(`${ye}/api/tasks`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({user_id:e,title:t,due_date:r})});if(!n.ok){const a=await n.text();throw new Error(`Failed (${n.status}): ${a||n.statusText}`)}return n.json()}async function Qr(e,t){const r=await fetch(`${ye}/api/tasks/update`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:e,...t})});if(!r.ok){const n=await r.text();throw new Error(`Failed (${r.status}): ${n||r.statusText}`)}return r.json()}async function zs(e){const t=await fetch(`${ye}/api/tasks?id=${e}`,{method:"DELETE"});if(!t.ok){const r=await t.text();throw new Error(`Failed (${t.status}): ${r||t.statusText}`)}return t.json()}var Hs=k('<span class="ml-1"> </span>'),qs=k('<div class="bg-success/10 border border-success/20 text-success p-3 rounded-lg text-xs flex items-center gap-2"><span class="w-1.5 h-1.5 rounded-full bg-success"></span> Update successful! Rebooting device...</div>'),Vs=k('<div class="text-xs font-medium text-text-primary"> </div> <div class="text-[10px] text-text-secondary"> </div>',1),Ws=k('<div class="text-xs text-text-primary"> </div> <div class="text-[10px] text-text-secondary">or click to browse</div>',1),Ys=k('<button class="w-full py-2 text-xs font-bold rounded-lg transition-colors bg-accent text-white hover:brightness-110 disabled:opacity-40"> </button>'),Ks=k('<div class="w-full bg-border rounded-full h-1 mt-1 overflow-hidden"><div class="bg-accent h-1 rounded-full transition-all duration-300"></div></div>'),Gs=k('<p class="text-[10px] text-danger mt-1 bg-danger/5 p-2 rounded border border-danger/10"> </p>'),Js=k('<div role="button" aria-label="Upload data" tabindex="0"><input type="file" class="absolute inset-0 opacity-0 cursor-pointer"/> <div class="text-2xl"> </div> <!></div> <!> <!>',1),Zs=k('<div class="pt-2 border-t border-border/50 space-y-3"><div class="flex items-center justify-between"><h3 class="text-xs font-bold text-text-primary"> </h3> <div class="text-[10px] text-text-secondary">Target: <span class="font-mono text-accent"> </span> <!></div></div> <!></div>'),Xs=k('<div class="bg-bg-card border border-border rounded-xl overflow-hidden mt-4"><div class="px-5 py-3 border-b border-border flex items-center justify-between"><h2 class="text-sm font-semibold text-text-primary uppercase tracking-wider">Updates & Maintenance</h2> <div class="flex gap-2"><button>Frontend OTA</button> <button>Firmware</button> <button>Universal Bundle</button></div></div> <div class="p-5 space-y-4"><div class="grid grid-cols-2 gap-4"><div class="bg-bg-primary/30 p-3 rounded-lg border border-border/50"><div class="text-[10px] uppercase text-text-secondary font-bold mb-1">UI Version</div> <div class="text-sm font-mono text-accent"></div> <div class="text-[9px] text-text-secondary mt-1"> <!></div></div> <div class="bg-bg-primary/30 p-3 rounded-lg border border-border/50"><div class="text-[10px] uppercase text-text-secondary font-bold mb-1">FW Version</div> <div class="text-sm font-mono text-text-primary"> </div> <div class="text-[9px] text-text-secondary mt-1"> </div></div></div> <!></div></div>');function Qs(e,t){Wt(t,!0);let r=_t(t,"onReboot",3,null),n=A("idle"),a=A(""),s=A(0),l=A(Ie({active_slot:-1,active_partition:"—",target_partition:"—",partitions:[],running_firmware_label:"—"})),u=A(Ie({firmware:"—"})),o=A(null),f=A(!1),d=A("frontend"),b=A(!1);async function _(){c(n,"loading_status");try{await(async C=>{var w=na(C,2);c(l,w[0],!0),c(u,w[1],!0)})(await Promise.all([Yn(),Pr()])),c(n,"idle")}catch(C){c(n,"error"),c(a,"Failed to fetch OTA status: "+C.message)}}zt(()=>{_()});function x(C){const w=C.target.files;w&&w.length>0&&S(w[0])}function g(C){C.preventDefault(),c(b,!1);const w=C.dataTransfer.files;w&&w.length>0&&S(w[0])}function S(C){i(d)==="bundle"?C.name.endsWith(".bundle")?(c(o,C,!0),c(a,"")):(c(o,null),c(a,"Please select a valid .bundle file")):C.name.endsWith(".bin")?(c(o,C,!0),c(a,"")):(c(o,null),c(a,"Please select a valid .bin file"))}async function m(){if(!i(o))return;c(n,"uploading"),c(a,""),c(s,0);const C=setInterval(()=>{i(s)<90&&c(s,i(s)+5)},500);try{i(d)==="frontend"?await Ms(i(o)):i(d)==="firmware"?await Os(i(o)):await Ps(i(o)),clearInterval(C),c(s,100),c(n,"success"),r()&&r()()}catch(w){clearInterval(C),c(s,0),c(n,"error"),c(a,w.message,!0)}}function E(C){i(f)&&i(d)===C?c(f,!1):(c(f,!0),c(d,C,!0),c(o,null),c(a,""))}const I=mn(()=>()=>i(d)==="bundle"?"FW + UI":i(d)==="frontend"?i(l).target_partition:(i(l).running_firmware_label||"ota_0")==="ota_0"?"ota_1":"ota_0");var L=Vn(),V=Ue(L);{var te=C=>{var w=Xs(),F=v(w),ue=h(v(F),2),Z=v(ue),pe=h(Z,2),we=h(pe,2),Je=h(F,2),_e=v(Je),T=v(_e),D=h(v(T),2);D.textContent="v0.1.16";var W=h(D,2),le=v(W),ge=h(le);{var G=Y=>{var M=qn();R(se=>O(M,`(${se??""} KB free)`),[()=>(i(l).partitions.find(se=>se.label===i(l).active_partition)?.free/1024).toFixed(0)]),y(Y,M)};N(ge,Y=>{i(l).partitions&&Y(G)})}var ne=h(T,2),Ae=h(v(ne),2),ae=v(Ae),p=h(Ae,2),$=v(p),j=h(_e,2);{var J=Y=>{var M=Zs(),se=v(M),ke=v(se),ie=v(ke),he=h(ke,2),oe=h(v(he)),Ze=v(oe),it=h(oe,2);{var wt=be=>{var X=Hs(),B=v(X);R(Q=>O(B,`(${Q??""} MB)`),[()=>(i(l).partitions.find(Q=>Q.label===i(l).target_partition)?.size/1024/1024).toFixed(1)]),y(be,X)};N(it,be=>{i(d)==="frontend"&&i(l).partitions&&be(wt)})}var ot=h(se,2);{var Oe=be=>{var X=qs();y(be,X)},Pt=be=>{var X=Js(),B=Ue(X),Q=v(B),Pe=h(Q,2),K=v(Pe),Xe=h(Pe,2);{var Qe=H=>{var ee=Vs(),me=Ue(ee),et=v(me),Kt=h(me,2),Ft=v(Kt);R(Gt=>{O(et,i(o).name),O(Ft,`${Gt??""} KB`)},[()=>(i(o).size/1024).toFixed(1)]),y(H,ee)},lt=H=>{var ee=Ws(),me=Ue(ee),et=v(me);R(()=>O(et,`Drop ${i(d)==="bundle"?"Universal .bundle":i(d)==="frontend"?"UI .bin":"Firmware .bin"} here`)),y(H,ee)};N(Xe,H=>{i(o)?H(Qe):H(lt,!1)})}var Ke=h(B,2);{var kt=H=>{var ee=Ys(),me=v(ee);R(()=>{ee.disabled=i(n)==="uploading",O(me,i(n)==="uploading"?"Flashing...":`Update ${i(d)==="bundle"?"Everything":i(d)==="frontend"?"UI":"Firmware"}`)}),z("click",ee,m),y(H,ee)};N(Ke,H=>{i(o)&&H(kt)})}var Tt=h(Ke,2);{var Fe=H=>{var ee=Ks(),me=v(ee);R(()=>Ts(me,`width: ${i(s)??""}%`)),y(H,ee)},xe=H=>{var ee=Gs(),me=v(ee);R(()=>O(me,i(a))),y(H,ee)};N(Tt,H=>{i(n)==="uploading"?H(Fe):i(n)==="error"&&H(xe,1)})}R(()=>{Se(B,1,`relative border-2 border-dashed rounded-xl p-6 transition-all duration-200 flex flex-col items-center justify-center gap-2
-                     ${i(b)?"border-accent bg-accent/5":"border-border hover:border-border-hover bg-bg-primary/20"}
-                     ${i(n)==="uploading"?"opacity-50 pointer-events-none":""}`),Or(Q,"accept",i(d)==="bundle"?".bundle":".bin"),O(K,i(d)==="frontend"?"🎨":"⚙️")}),Dt("dragover",B,H=>{H.preventDefault(),c(b,!0)}),Dt("dragleave",B,()=>c(b,!1)),Dt("drop",B,g),z("change",Q,x),y(be,X)};N(ot,be=>{i(n)==="success"?be(Oe):be(Pt,!1)})}R(be=>{O(ie,`OTA Upgrade (${i(d)==="frontend"?"UI":"Firmware"})`),O(Ze,be)},[()=>i(I)()]),y(Y,M)};N(j,Y=>{i(f)&&Y(J)})}R(()=>{Se(Z,1,`text-[10px] font-bold uppercase tracking-tight px-2 py-1 rounded transition-colors
-                   ${i(f)&&i(d)==="frontend"?"bg-accent text-white":"bg-border text-text-secondary hover:text-text-primary"}`),Se(pe,1,`text-[10px] font-bold uppercase tracking-tight px-2 py-1 rounded transition-colors
-                   ${i(f)&&i(d)==="firmware"?"bg-accent text-white":"bg-border text-text-secondary hover:text-text-primary"}`),Se(we,1,`text-[10px] font-bold uppercase tracking-tight px-2 py-1 rounded transition-colors
-                   ${i(f)&&i(d)==="bundle"?"bg-accent text-white":"bg-border text-text-secondary hover:text-text-primary"}`),O(le,`Slot: ${i(l).active_partition??""} `),O(ae,i(u).firmware),O($,`Active: ${i(l).active_slot===0?"ota_0":"ota_1"}`)}),z("click",Z,()=>E("frontend")),z("click",pe,()=>E("firmware")),z("click",we,()=>E("bundle")),y(C,w)};N(V,C=>{C(te)})}y(e,L),Yt()}ir(["click","change"]);var ei=k('<span class="sidebar-title svelte-1nhzsi7">Menu</span>'),ti=k('<span class="nav-label svelte-1nhzsi7"> </span>'),ri=k('<button><span class="nav-icon svelte-1nhzsi7"> </span> <!></button>'),ni=k('<aside><div class="sidebar-header svelte-1nhzsi7"><!> <button><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" class="svelte-1nhzsi7"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button></div> <nav class="sidebar-nav svelte-1nhzsi7"></nav></aside>');function ai(e,t){Wt(t,!0);let r=_t(t,"currentView",3,"dashboard"),n=_t(t,"onNavigate",3,()=>{}),a=_t(t,"isOpen",3,!1),s=_t(t,"onToggle",3,null),l=A(!1);zt(()=>{typeof window<"u"&&window.innerWidth<=1024&&window.innerWidth>768&&c(l,!0)});const u=[{id:"dashboard",label:"Dashboard",icon:"🏠"},{id:"tasks",label:"Tasks",icon:"📋"},{id:"users",label:"Users",icon:"👥"}];var o=ni(),f=v(o),d=v(f);{var b=g=>{var S=ei();y(g,S)};N(d,g=>{i(l)||g(b)})}var _=h(d,2),x=h(f,2);pt(x,21,()=>u,vt,(g,S)=>{var m=ri(),E=v(m),I=v(E),L=h(E,2);{var V=te=>{var C=ti(),w=v(C);R(()=>O(w,i(S).label)),y(te,C)};N(L,te=>{i(l)||te(V)})}R(()=>{Se(m,1,`nav-item ${r()===i(S).id?"active":""}`,"svelte-1nhzsi7"),Or(m,"title",i(S).label),O(I,i(S).icon)}),z("click",m,()=>n()(i(S).id)),y(g,m)}),R(()=>{Se(o,1,`sidebar ${i(l)?"collapsed":""} ${a()?"mobile-open":""}`,"svelte-1nhzsi7"),Se(_,1,`collapse-btn ${s()?"mobile-only":""}`,"svelte-1nhzsi7"),Or(_,"title",i(l)?"Expand":"Collapse")}),z("click",_,()=>s()?s()():c(l,!i(l))),y(e,o),Yt()}ir(["click"]);var si=k('<div role="button" tabindex="0"><span class="user-name"> </span></div>'),ii=k('<div class="user-bar svelte-mekxsd"><div class="user-chips svelte-mekxsd"></div></div>'),oi=k('<div class="modal-overlay svelte-mekxsd"><form class="add-user-modal svelte-mekxsd"><h3 class="text-lg font-semibold">Add User</h3> <input type="text" placeholder="Name..." class="modal-input svelte-mekxsd"/> <div class="modal-actions svelte-mekxsd"><button type="button" class="btn-secondary svelte-mekxsd">Cancel</button> <button type="submit" class="btn-primary svelte-mekxsd">Add User</button></div></form></div>'),li=k('<form class="edit-row svelte-mekxsd"><input type="text" class="edit-input svelte-mekxsd"/> <div class="edit-actions svelte-mekxsd"><button type="submit" class="save-btn svelte-mekxsd" title="Save">✓</button> <button type="button" class="cancel-btn svelte-mekxsd" title="Cancel">✕</button></div></form>'),fi=k('<button class="action-btn danger svelte-mekxsd">Delete!</button> <button class="action-btn svelte-mekxsd">Cancel</button>',1),ui=k('<button class="action-btn svelte-mekxsd" title="Delete">🗑️</button>'),di=k('<div class="user-info svelte-mekxsd"><span class="user-name-large svelte-mekxsd"> </span> <span class="user-id svelte-mekxsd"> </span></div> <div class="user-actions svelte-mekxsd"><button class="action-btn svelte-mekxsd" title="Rename">✏️</button> <!></div>',1),ci=k('<div class="user-item svelte-mekxsd"><!></div>'),vi=k('<div class="empty-state svelte-mekxsd">No users found. Create one to get started!</div>'),pi=k('<header class="manager-header svelte-mekxsd"><h1 class="text-xl font-bold text-text-primary">User Management</h1> <button class="add-user-btn-large svelte-mekxsd">+ New User</button></header> <!> <div class="user-list svelte-mekxsd"></div>',1),_i=k('<div class="user-error svelte-mekxsd"> </div>'),hi=k("<div><!> <!></div>");function Kn(e,t){Wt(t,!0);let r=_t(t,"selectedUserId",15,null),n=_t(t,"onUsersChanged",3,()=>{}),a=_t(t,"mode",3,"selector"),s=A(Ie([])),l=A(""),u=A(!1),o=A(""),f=A(null),d=A(null),b=A("");async function _(){try{c(s,await Fs(),!0),i(s).length>0&&!r()&&a()==="selector"&&r(i(s)[0].id),r()&&!i(s).find(w=>w.id===r())&&r(i(s).length>0?i(s)[0].id:null),c(o,"")}catch(w){c(o,w.message,!0)}}async function x(){if(i(l).trim())try{const w=await Ns(i(l).trim());c(l,""),c(u,!1),await _(),a()==="selector"&&r(w.id),n()()}catch(w){c(o,w.message,!0)}}async function g(w){try{await Rs(w),c(f,null),await _(),n()()}catch(F){c(o,F.message,!0)}}function S(w){c(d,w.id,!0),c(b,w.name,!0)}async function m(){if(i(b).trim())try{await Us(i(d),i(b).trim()),c(d,null),await _(),n()()}catch(w){c(o,w.message,!0)}}zt(()=>{_()});var E=hi(),I=v(E);{var L=w=>{var F=ii(),ue=v(F);pt(ue,21,()=>i(s),vt,(Z,pe)=>{var we=si(),Je=v(we),_e=v(Je);R(()=>{Se(we,1,`user-chip ${r()===i(pe).id?"selected":""}`,"svelte-mekxsd"),O(_e,i(pe).name)}),z("click",we,()=>r(i(pe).id)),z("keydown",we,T=>{T.key==="Enter"&&r(i(pe).id)}),y(Z,we)}),y(w,F)},V=w=>{var F=pi(),ue=Ue(F),Z=h(v(ue),2),pe=h(ue,2);{var we=_e=>{var T=oi(),D=v(T),W=h(v(D),2);Cr(W);var le=h(W,2),ge=v(le),G=h(ge,2);R(ne=>G.disabled=ne,[()=>!i(l).trim()]),Dt("submit",D,ne=>{ne.preventDefault(),x()}),dt(W,()=>i(l),ne=>c(l,ne)),z("click",ge,()=>{c(u,!1),c(l,"")}),y(_e,T)};N(pe,_e=>{i(u)&&_e(we)})}var Je=h(pe,2);pt(Je,21,()=>i(s),vt,(_e,T)=>{var D=ci(),W=v(D);{var le=G=>{var ne=li(),Ae=v(ne);Cr(Ae);var ae=h(Ae,2),p=h(v(ae),2);Dt("submit",ne,$=>{$.preventDefault(),m()}),dt(Ae,()=>i(b),$=>c(b,$)),z("click",p,()=>c(d,null)),y(G,ne)},ge=G=>{var ne=di(),Ae=Ue(ne),ae=v(Ae),p=v(ae),$=h(ae,2),j=v($),J=h(Ae,2),Y=v(J),M=h(Y,2);{var se=ie=>{var he=fi(),oe=Ue(he),Ze=h(oe,2);z("click",oe,()=>g(i(T).id)),z("click",Ze,()=>c(f,null)),y(ie,he)},ke=ie=>{var he=ui();z("click",he,()=>c(f,i(T).id,!0)),y(ie,he)};N(M,ie=>{i(f)===i(T).id?ie(se):ie(ke,!1)})}R(()=>{O(p,i(T).name),O(j,`ID: ${i(T).id??""}`)}),z("click",Y,()=>S(i(T))),y(G,ne)};N(W,G=>{i(d)===i(T).id?G(le):G(ge,!1)})}y(_e,D)},_e=>{var T=vi();y(_e,T)}),z("click",Z,()=>c(u,!0)),y(w,F)};N(I,w=>{a()==="selector"?w(L):w(V,!1)})}var te=h(I,2);{var C=w=>{var F=_i(),ue=v(F);R(()=>O(ue,i(o))),y(w,F)};N(te,w=>{i(o)&&w(C)})}R(()=>Se(E,1,`user-manager mode-${a()??""}`,"svelte-mekxsd")),y(e,E),Yt()}ir(["click","keydown"]);var bi=k('<button class="add-task-btn svelte-1mfdluf">+ Add Task</button>'),mi=k('<form class="add-task-form svelte-1mfdluf"><input type="text" placeholder="Task title..." class="task-input svelte-1mfdluf"/> <div class="date-time-row svelte-1mfdluf"><label class="date-time-field svelte-1mfdluf"><span class="field-label svelte-1mfdluf">Date</span> <input type="date" class="task-date-input svelte-1mfdluf"/></label> <label class="date-time-field svelte-1mfdluf"><span class="field-label svelte-1mfdluf">Time</span> <input type="time" class="task-time-input svelte-1mfdluf"/></label></div> <div class="form-actions svelte-1mfdluf"><button type="submit" class="btn-primary svelte-1mfdluf">Add</button> <button type="button" class="btn-secondary svelte-1mfdluf">Cancel</button></div></form>'),gi=k('<form class="edit-form svelte-1mfdluf"><input type="text" class="task-input svelte-1mfdluf"/> <div class="date-time-row svelte-1mfdluf"><label class="date-time-field svelte-1mfdluf"><span class="field-label svelte-1mfdluf">Date</span> <input type="date" class="task-date-input svelte-1mfdluf"/></label> <label class="date-time-field svelte-1mfdluf"><span class="field-label svelte-1mfdluf">Time</span> <input type="time" class="task-time-input svelte-1mfdluf"/></label></div> <div class="form-actions svelte-1mfdluf"><button type="submit" class="btn-primary btn-sm svelte-1mfdluf">Save</button> <button type="button" class="btn-secondary btn-sm svelte-1mfdluf">Cancel</button></div></form>'),xi=k('<button class="action-btn text-danger svelte-1mfdluf" title="Confirm">✓</button> <button class="action-btn svelte-1mfdluf" title="Cancel">✕</button>',1),yi=k('<button class="action-btn svelte-1mfdluf" title="Delete">🗑️</button>'),wi=k('<div class="task-left svelte-1mfdluf"><input type="checkbox" class="task-checkbox svelte-1mfdluf"/> <div class="task-info svelte-1mfdluf"><span class="task-text svelte-1mfdluf"> </span> <span> </span></div></div> <div class="task-actions svelte-1mfdluf"><button class="action-btn svelte-1mfdluf" title="Edit">✏️</button> <!></div>',1),ki=k("<div><!></div>"),Ti=k('<div class="empty-state svelte-1mfdluf">No tasks yet. Add one above!</div>'),Ei=k('<div class="task-header svelte-1mfdluf"><h2 class="task-title svelte-1mfdluf">Tasks</h2> <!></div> <!> <div class="task-list svelte-1mfdluf"></div>',1),Si=k('<div class="empty-state svelte-1mfdluf">Select or add a user to see their tasks.</div>'),$i=k('<div class="task-error svelte-1mfdluf"> </div>'),Ai=k('<div class="task-manager svelte-1mfdluf"><!> <!> <!></div>');function Ci(e,t){Wt(t,!0);let r=A(null),n=A(Ie([])),a=A(""),s=A(""),l=A(""),u=A(""),o=A(!1),f=A(null),d=A(""),b=A(""),_=A(""),x=A(null);async function g(){if(!i(r)){c(n,[],!0);return}try{c(n,await Ls(i(r)),!0),i(n).sort((T,D)=>T.due_date-D.due_date),c(a,"")}catch(T){c(a,T.message,!0)}}zt(()=>{i(r)?g():c(n,[],!0)});async function S(T){if(T.preventDefault(),!i(s).trim()||!i(l)||!i(u))return;const D=Math.floor(new Date(`${i(l)}T${i(u)}`).getTime()/1e3);try{await Bs(i(r),i(s).trim(),D),c(s,""),c(l,""),c(u,""),c(o,!1),await g()}catch(W){c(a,W.message,!0)}}async function m(T){try{await Qr(T.id,{completed:!T.completed}),await g()}catch(D){c(a,D.message,!0)}}function E(T){c(f,T.id,!0),c(d,T.title,!0);const D=V(T.due_date);c(b,D.day,!0),c(_,D.time,!0)}async function I(T){if(T.preventDefault(),!i(d).trim())return;const D=Math.floor(new Date(`${i(b)}T${i(_)}`).getTime()/1e3);try{await Qr(i(f),{title:i(d).trim(),due_date:D}),c(f,null),await g()}catch(W){c(a,W.message,!0)}}async function L(T){try{await zs(T),c(x,null),await g()}catch(D){c(a,D.message,!0)}}function V(T){const D=new Date(T*1e3),W=D.getFullYear(),le=String(D.getMonth()+1).padStart(2,"0"),ge=String(D.getDate()).padStart(2,"0"),G=String(D.getHours()).padStart(2,"0"),ne=String(D.getMinutes()).padStart(2,"0");return{day:`${W}-${le}-${ge}`,time:`${G}:${ne}`}}function te(){const T=V(Date.now()/1e3);c(l,T.day,!0),c(u,T.time,!0)}function C(T){const D=Date.now()/1e3,W=T-D,le=Math.abs(W);if(le<3600){const G=Math.round(le/60);return W<0?`${G}m ago`:`in ${G}m`}if(le<86400){const G=Math.round(le/3600);return W<0?`${G}h ago`:`in ${G}h`}const ge=Math.round(le/86400);return W<0?`${ge}d ago`:`in ${ge}d`}function w(T){return T<Date.now()/1e3}var F=Ai(),ue=v(F);Kn(ue,{onUsersChanged:g,get selectedUserId(){return i(r)},set selectedUserId(T){c(r,T,!0)}});var Z=h(ue,2);{var pe=T=>{var D=Ei(),W=Ue(D),le=h(v(W),2);{var ge=ae=>{var p=bi();z("click",p,()=>{c(o,!0),te()}),y(ae,p)};N(le,ae=>{i(o)||ae(ge)})}var G=h(W,2);{var ne=ae=>{var p=mi(),$=v(p);Cr($);var j=h($,2),J=v(j),Y=h(v(J),2),M=h(J,2),se=h(v(M),2),ke=h(j,2),ie=v(ke),he=h(ie,2);R(oe=>ie.disabled=oe,[()=>!i(s).trim()||!i(l)||!i(u)]),Dt("submit",p,S),dt($,()=>i(s),oe=>c(s,oe)),dt(Y,()=>i(l),oe=>c(l,oe)),dt(se,()=>i(u),oe=>c(u,oe)),z("click",he,()=>{c(o,!1),c(s,""),c(l,""),c(u,"")}),y(ae,p)};N(G,ae=>{i(o)&&ae(ne)})}var Ae=h(G,2);pt(Ae,21,()=>i(n),vt,(ae,p)=>{var $=ki(),j=v($);{var J=M=>{var se=gi(),ke=v(se),ie=h(ke,2),he=v(ie),oe=h(v(he),2),Ze=h(he,2),it=h(v(Ze),2),wt=h(ie,2),ot=h(v(wt),2);Dt("submit",se,I),dt(ke,()=>i(d),Oe=>c(d,Oe)),dt(oe,()=>i(b),Oe=>c(b,Oe)),dt(it,()=>i(_),Oe=>c(_,Oe)),z("click",ot,()=>c(f,null)),y(M,se)},Y=M=>{var se=wi(),ke=Ue(se),ie=v(ke),he=h(ie,2),oe=v(he),Ze=v(oe),it=h(oe,2),wt=v(it),ot=h(ke,2),Oe=v(ot),Pt=h(Oe,2);{var be=B=>{var Q=xi(),Pe=Ue(Q),K=h(Pe,2);z("click",Pe,()=>L(i(p).id)),z("click",K,()=>c(x,null)),y(B,Q)},X=B=>{var Q=yi();z("click",Q,()=>c(x,i(p).id,!0)),y(B,Q)};N(Pt,B=>{i(x)===i(p).id?B(be):B(X,!1)})}R((B,Q)=>{$s(ie,i(p).completed),O(Ze,i(p).title),Se(it,1,`task-due ${B??""}`,"svelte-1mfdluf"),O(wt,Q)},[()=>w(i(p).due_date)&&!i(p).completed?"text-overdue":"",()=>C(i(p).due_date)]),z("change",ie,()=>m(i(p))),z("click",Oe,()=>E(i(p))),y(M,se)};N(j,M=>{i(f)===i(p).id?M(J):M(Y,!1)})}R(M=>Se($,1,`task-item ${i(p).completed?"completed":""} ${M??""}`,"svelte-1mfdluf"),[()=>w(i(p).due_date)&&!i(p).completed?"overdue":""]),y(ae,$)},ae=>{var p=Ti();y(ae,p)}),y(T,D)},we=T=>{var D=Si();y(T,D)};N(Z,T=>{i(r)?T(pe):T(we,!1)})}var Je=h(Z,2);{var _e=T=>{var D=$i(),W=v(D);R(()=>O(W,i(a))),y(T,D)};N(Je,T=>{i(a)&&T(_e)})}y(e,F),Yt()}ir(["click","change"]);var Di=k('<button class="mobile-backdrop svelte-1n46o8q" aria-label="Close menu"></button>'),Ii=k('<div class="inline-flex items-center gap-2 bg-accent/10 border border-accent/20 rounded-full px-4 py-1.5 text-xs text-accent"><span class="w-2 h-2 rounded-full bg-accent animate-pulse"></span> <span>Connecting...</span></div>'),Mi=k('<div class="inline-flex items-center gap-2 bg-success/10 border border-success/20 rounded-full px-4 py-1.5 text-xs text-success"><span class="w-2 h-2 rounded-full bg-success animate-pulse"></span> <span>Connected</span></div>'),Oi=k('<div class="inline-flex items-center gap-2 bg-amber-500/10 border border-amber-500/20 rounded-full px-4 py-1.5 text-xs text-amber-400"><span class="w-2 h-2 rounded-full bg-amber-400 animate-pulse"></span> <span>Rebooting...</span></div>'),Pi=k('<div class="inline-flex items-center gap-2 bg-danger/10 border border-danger/20 rounded-full px-4 py-1.5 text-xs text-danger"><span class="w-2 h-2 rounded-full bg-danger"></span> <span> </span></div>'),Fi=k('<p class="text-[11px] text-text-secondary italic">No pending tasks</p>'),Ni=k('<div class="flex items-start gap-2"><span> </span> <span class="text-xs text-text-primary leading-tight"> </span></div>'),Ri=k('<div class="space-y-2"></div>'),Ui=k('<div class="p-4"><h3 class="text-xs font-bold text-accent mb-3 uppercase tracking-wider"> </h3> <!></div>'),Li=k('<div class="bg-bg-card border border-border rounded-xl overflow-hidden shadow-xl"><div class="px-5 py-3 border-b border-border"><h2 class="text-sm font-semibold text-text-primary uppercase tracking-wider">📋 Upcoming Tasks</h2></div> <div class="grid grid-cols-1 md:grid-cols-3 gap-0 divide-y md:divide-y-0 md:divide-x divide-border"></div></div>'),ji=k('<span class="inline-block w-16 h-4 bg-border rounded animate-pulse"></span>'),Bi=k('<div class="flex items-center justify-between px-5 py-3 hover:bg-bg-card-hover transition-colors"><div class="flex items-center gap-3"><span class="text-base"> </span> <span class="text-sm text-text-secondary"> </span></div> <span class="text-sm font-mono text-text-primary"><!></span></div>'),zi=k('<div class="p-5 text-center text-xs text-text-secondary animate-pulse">Loading memory layout...</div>'),Hi=k('<span class="text-[8px] bg-accent/20 text-accent px-1 rounded uppercase tracking-tighter">Active</span>'),qi=k('<span class="text-[9px] text-accent font-bold"> </span>'),Vi=k("<span> </span>"),Wi=k('<div class="px-5 py-2.5 flex items-center justify-between hover:bg-bg-card-hover transition-colors"><div class="flex flex-col"><div class="flex items-center gap-2"><span> </span> <!></div> <span class="text-[9px] text-text-secondary uppercase"> </span></div> <div class="text-right flex flex-col items-end"><div class="text-[11px] font-mono text-text-primary"> </div> <div class="flex items-center gap-1.5 mt-0.5"><!> <!></div></div></div>'),Yi=k(`<!> <div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-start"><div class="space-y-8"><div class="bg-bg-card border border-border rounded-xl overflow-hidden shadow-xl"><div class="px-5 py-3 border-b border-border"><h2 class="text-sm font-semibold text-text-primary uppercase tracking-wider">System Info</h2></div> <div class="divide-y divide-border"></div></div> <div class="bg-bg-card border border-border rounded-xl overflow-hidden shadow-xl"><div class="px-5 py-3 border-b border-border flex items-center justify-between"><h2 class="text-sm font-semibold text-text-primary uppercase tracking-wider">Partition Table</h2> <span class="text-[10px] text-text-secondary font-mono">Flash: 16MB</span></div> <div class="divide-y divide-border"><!></div></div></div> <div class="space-y-8"><div class="bg-bg-card border border-border rounded-xl p-5 shadow-xl"><div class="flex items-center justify-between"><div><h2 class="text-sm font-semibold text-text-primary uppercase tracking-wider">Device Control</h2> <p class="text-xs text-text-secondary mt-1">Restart the ESP32 microcontroller</p></div> <button class="px-4 py-2 text-sm font-medium rounded-lg transition-colors
-                         bg-danger/10 text-danger border border-danger/20
-                         hover:bg-danger/20 hover:border-danger/30
-                         disabled:opacity-40 disabled:cursor-not-allowed">Reboot</button></div></div> <!></div></div>`,1),Ki=k('<div class="bg-bg-card border border-border rounded-xl p-6 shadow-xl"><!></div>'),Gi=k('<div class="bg-bg-card border border-border rounded-xl p-8 shadow-xl"><!></div>'),Ji=k('<div class="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4 backdrop-blur-sm"><div class="bg-bg-card border border-border rounded-xl p-6 max-w-sm w-full space-y-4 shadow-2xl"><h3 class="text-lg font-semibold text-text-primary">Confirm Reboot</h3> <p class="text-sm text-text-secondary">Are you sure you want to reboot the ESP32? The device will be temporarily unavailable.</p> <div class="flex gap-3 justify-end"><button class="px-4 py-2 text-sm rounded-lg bg-border/30 text-text-secondary hover:bg-border/50 transition-colors">Cancel</button> <button class="px-4 py-2 text-sm font-medium rounded-lg bg-danger text-white hover:bg-danger-hover transition-colors shadow-lg shadow-danger/20">Reboot Now</button></div></div></div>'),Zi=k('<div class="app-layout svelte-1n46o8q"><!> <!> <main class="main-content svelte-1n46o8q"><header class="mobile-header svelte-1n46o8q"><button class="hamburger svelte-1n46o8q"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" class="svelte-1n46o8q"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button> <span class="mobile-title svelte-1n46o8q">Calendink</span> <div style="width: 40px;"></div></header> <div class="w-full max-w-6xl mx-auto space-y-8"><div class="text-center"><h1 class="text-2xl font-bold text-accent">Calendink Provider 📅📅🚀🚀⚡</h1> <p class="text-text-secondary text-sm"></p> <div class="flex justify-center mt-4"><!></div></div> <!> <!></div></main></div>');function Xi(e,t){Wt(t,!0);let r=A("loading"),n=A(""),a=A(!1),s=A(!1),l=A("dashboard"),u=A(!1),o=A(Ie({chip:"—",freeHeap:0,uptime:0,firmware:"—",connection:"—"})),f=A(Ie({partitions:[],active_partition:"—",running_firmware_label:"—"})),d=A(Ie({users:[]}));function b(p){const $=Math.floor(p/86400),j=Math.floor(p%86400/3600),J=Math.floor(p%3600/60),Y=p%60,M=[];return $>0&&M.push(`${$}d`),j>0&&M.push(`${j}h`),J>0&&M.push(`${J}m`),M.push(`${Y}s`),M.join(" ")}function _(p){return p>=1048576?`${(p/1048576).toFixed(1)} MB`:p>=1024?`${(p/1024).toFixed(1)} KB`:`${p} B`}function x(p){const $=Date.now()/1e3,j=p-$,J=Math.abs(j);if(J<3600){const M=Math.round(J/60);return j<0?`${M}m ago`:`in ${M}m`}if(J<86400){const M=Math.round(J/3600);return j<0?`${M}h ago`:`in ${M}h`}const Y=Math.round(J/86400);return j<0?`${Y}d ago`:`in ${Y}d`}function g(p){return p<Date.now()/1e3}async function S(){try{const[p,$,j]=await Promise.all([Pr(),Yn(),js().catch(()=>({users:[]}))]);c(o,p,!0),c(f,$,!0),c(d,j,!0),c(r,"ok"),c(n,"")}catch(p){i(s)||(c(r,"error"),c(n,p.message||"Connection failed",!0))}}async function m(){c(a,!1),c(r,"rebooting"),c(s,!0);try{await Is()}catch{}}zt(()=>{S();const p=setInterval(S,5e3);return()=>clearInterval(p)}),zt(()=>{if(i(s)){const p=setInterval(async()=>{try{await Pr()&&(console.log("Device back online! Refreshing UI..."),window.location.reload())}catch{console.log("Waiting for device...")}},2e3);return()=>clearInterval(p)}});const E=mn(()=>[{label:"Chip",value:i(o).chip,icon:"🔧"},{label:"Free Heap",value:_(i(o).freeHeap),icon:"💾"},{label:"Uptime",value:b(i(o).uptime),icon:"⏱️"},{label:"Firmware",value:i(o).firmware,icon:"📦"},{label:"Connection",value:i(o).connection,icon:"🌐"}]);var I=Zi(),L=v(I);ai(L,{get currentView(){return i(l)},get isOpen(){return i(u)},onNavigate:p=>{c(l,p,!0),c(u,!1)},onToggle:()=>c(u,!i(u))});var V=h(L,2);{var te=p=>{var $=Di();z("click",$,()=>c(u,!1)),y(p,$)};N(V,p=>{i(u)&&p(te)})}var C=h(V,2),w=v(C),F=v(w),ue=h(w,2),Z=v(ue),pe=h(v(Z),2);pe.textContent="ESP32-S3 System Dashboard v0.1.16";var we=h(pe,2),Je=v(we);{var _e=p=>{var $=Ii();y(p,$)},T=p=>{var $=Mi();y(p,$)},D=p=>{var $=Oi();y(p,$)},W=p=>{var $=Pi(),j=h(v($),2),J=v(j);R(()=>O(J,`Offline — ${i(n)??""}`)),y(p,$)};N(Je,p=>{i(r)==="loading"?p(_e):i(r)==="ok"?p(T,1):i(r)==="rebooting"?p(D,2):p(W,!1)})}var le=h(Z,2);{var ge=p=>{var $=Yi(),j=Ue($);{var J=X=>{var B=Li(),Q=h(v(B),2);pt(Q,21,()=>i(d).users,vt,(Pe,K)=>{var Xe=Ui(),Qe=v(Xe),lt=v(Qe),Ke=h(Qe,2);{var kt=Fe=>{var xe=Fi();y(Fe,xe)},Tt=Fe=>{var xe=Ri();pt(xe,21,()=>i(K).tasks,vt,(H,ee)=>{var me=Ni(),et=v(me),Kt=v(et),Ft=h(et,2),Gt=v(Ft);R((mr,gr)=>{Se(et,1,`text-[10px] mt-0.5 ${mr??""} font-mono whitespace-nowrap`),O(Kt,gr),O(Gt,i(ee).title)},[()=>g(i(ee).due_date)?"text-danger":"text-text-secondary",()=>x(i(ee).due_date)]),y(H,me)}),y(Fe,xe)};N(Ke,Fe=>{i(K).tasks.length===0?Fe(kt):Fe(Tt,!1)})}R(()=>O(lt,i(K).name)),y(Pe,Xe)}),y(X,B)};N(j,X=>{i(d).users.length>0&&X(J)})}var Y=h(j,2),M=v(Y),se=v(M),ke=h(v(se),2);pt(ke,21,()=>i(E),vt,(X,B)=>{var Q=Bi(),Pe=v(Q),K=v(Pe),Xe=v(K),Qe=h(K,2),lt=v(Qe),Ke=h(Pe,2),kt=v(Ke);{var Tt=xe=>{var H=ji();y(xe,H)},Fe=xe=>{var H=qn();R(()=>O(H,i(B).value)),y(xe,H)};N(kt,xe=>{i(r)==="loading"?xe(Tt):xe(Fe,!1)})}R(()=>{O(Xe,i(B).icon),O(lt,i(B).label)}),y(X,Q)});var ie=h(se,2),he=h(v(ie),2),oe=v(he);{var Ze=X=>{var B=zi();y(X,B)},it=X=>{var B=Vn(),Q=Ue(B);pt(Q,17,()=>i(f).partitions,vt,(Pe,K)=>{var Xe=Wi(),Qe=v(Xe),lt=v(Qe),Ke=v(lt),kt=v(Ke),Tt=h(Ke,2);{var Fe=Ce=>{var ft=Hi();y(Ce,ft)};N(Tt,Ce=>{(i(K).label===i(f).active_partition||i(K).label===i(f).running_firmware_label)&&Ce(Fe)})}var xe=h(lt,2),H=v(xe),ee=h(Qe,2),me=v(ee),et=v(me),Kt=h(me,2),Ft=v(Kt);{var Gt=Ce=>{var ft=qi(),xr=v(ft);R(()=>O(xr,`v${i(K).app_version??""}`)),y(Ce,ft)};N(Ft,Ce=>{i(K).app_version&&Ce(Gt)})}var mr=h(Ft,2);{var gr=Ce=>{var ft=Vi(),xr=v(ft);R(Gn=>{Se(ft,1,`text-[9px] ${i(K).free>1024?"text-success":"text-text-secondary"} font-bold`),O(xr,`${Gn??""} free`)},[()=>_(i(K).free)]),y(Ce,ft)};N(mr,Ce=>{i(K).free!==void 0&&Ce(gr)})}R(Ce=>{Se(Ke,1,`text-[11px] font-mono font-bold ${i(K).label===i(f).active_partition||i(K).label===i(f).running_firmware_label?"text-accent":"text-text-primary"}`),O(kt,i(K).label),O(H,`Type ${i(K).type??""} / Sub ${i(K).subtype??""}`),O(et,Ce)},[()=>_(i(K).size)]),y(Pe,Xe)}),y(X,B)};N(oe,X=>{i(r)==="loading"?X(Ze):X(it,!1)})}var wt=h(M,2),ot=v(wt),Oe=v(ot),Pt=h(v(Oe),2),be=h(ot,2);Qs(be,{onReboot:()=>{c(r,"rebooting"),c(s,!0)}}),R(()=>Pt.disabled=i(r)==="rebooting"||i(r)==="loading"),z("click",Pt,()=>c(a,!0)),y(p,$)},G=p=>{var $=Ki(),j=v($);Ci(j,{}),y(p,$)},ne=p=>{var $=Gi(),j=v($);Kn(j,{mode:"manager"}),y(p,$)};N(le,p=>{i(l)==="dashboard"?p(ge):i(l)==="tasks"?p(G,1):i(l)==="users"&&p(ne,2)})}var Ae=h(le,2);{var ae=p=>{var $=Ji(),j=v($),J=h(v(j),4),Y=v(J),M=h(Y,2);z("click",Y,()=>c(a,!1)),z("click",M,m),y(p,$)};N(Ae,p=>{i(a)&&p(ae)})}z("click",F,()=>c(u,!0)),y(e,I),Yt()}ir(["click"]);_s(Xi,{target:document.getElementById("app")});</script>
-    <style rel="stylesheet" crossorigin>@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-divide-x-reverse:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-xl:36rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-tight:1.25;--radius-lg:.5rem;--radius-xl:.75rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg-primary:#0f172a;--color-bg-card:#1e293b;--color-bg-card-hover:#263548;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-accent:#38bdf8;--color-border:#334155;--color-success:#22c55e;--color-danger:#ef4444;--color-danger-hover:#f87171}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.end\!{inset-inline-end:var(--spacing)!important}.isolate{isolation:isolate}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-1{margin-left:calc(var(--spacing) * 1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-16{width:calc(var(--spacing) * 16)}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:var(--color-border)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-accent{border-color:var(--color-accent)}.border-accent\/20{border-color:#38bdf833}@supports (color:color-mix(in lab,red,red)){.border-accent\/20{border-color:color-mix(in oklab,var(--color-accent) 20%,transparent)}}.border-amber-500{border-color:var(--color-amber-500)}.border-amber-500\/20{border-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/20{border-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent)}}.border-border{border-color:var(--color-border)}.border-border\/50{border-color:#33415580}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--color-border) 50%,transparent)}}.border-danger{border-color:var(--color-danger)}.border-danger\/10{border-color:#ef44441a}@supports (color:color-mix(in lab,red,red)){.border-danger\/10{border-color:color-mix(in oklab,var(--color-danger) 10%,transparent)}}.border-danger\/20{border-color:#ef444433}@supports (color:color-mix(in lab,red,red)){.border-danger\/20{border-color:color-mix(in oklab,var(--color-danger) 20%,transparent)}}.border-success{border-color:var(--color-success)}.border-success\/20{border-color:#22c55e33}@supports (color:color-mix(in lab,red,red)){.border-success\/20{border-color:color-mix(in oklab,var(--color-success) 20%,transparent)}}.bg-accent{background-color:var(--color-accent)}.bg-accent\/5{background-color:#38bdf80d}@supports (color:color-mix(in lab,red,red)){.bg-accent\/5{background-color:color-mix(in oklab,var(--color-accent) 5%,transparent)}}.bg-accent\/10{background-color:#38bdf81a}@supports (color:color-mix(in lab,red,red)){.bg-accent\/10{background-color:color-mix(in oklab,var(--color-accent) 10%,transparent)}}.bg-accent\/20{background-color:#38bdf833}@supports (color:color-mix(in lab,red,red)){.bg-accent\/20{background-color:color-mix(in oklab,var(--color-accent) 20%,transparent)}}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent)}}.bg-bg-card{background-color:var(--color-bg-card)}.bg-bg-primary{background-color:var(--color-bg-primary)}.bg-bg-primary\/20{background-color:#0f172a33}@supports (color:color-mix(in lab,red,red)){.bg-bg-primary\/20{background-color:color-mix(in oklab,var(--color-bg-primary) 20%,transparent)}}.bg-bg-primary\/30{background-color:#0f172a4d}@supports (color:color-mix(in lab,red,red)){.bg-bg-primary\/30{background-color:color-mix(in oklab,var(--color-bg-primary) 30%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-border{background-color:var(--color-border)}.bg-border\/30{background-color:#3341554d}@supports (color:color-mix(in lab,red,red)){.bg-border\/30{background-color:color-mix(in oklab,var(--color-border) 30%,transparent)}}.bg-danger{background-color:var(--color-danger)}.bg-danger\/5{background-color:#ef44440d}@supports (color:color-mix(in lab,red,red)){.bg-danger\/5{background-color:color-mix(in oklab,var(--color-danger) 5%,transparent)}}.bg-danger\/10{background-color:#ef44441a}@supports (color:color-mix(in lab,red,red)){.bg-danger\/10{background-color:color-mix(in oklab,var(--color-danger) 10%,transparent)}}.bg-success{background-color:var(--color-success)}.bg-success\/10{background-color:#22c55e1a}@supports (color:color-mix(in lab,red,red)){.bg-success\/10{background-color:color-mix(in oklab,var(--color-success) 10%,transparent)}}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-2{padding-top:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-accent{color:var(--color-accent)}.text-amber-400{color:var(--color-amber-400)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-danger{--tw-shadow-color:#ef4444}@supports (color:color-mix(in lab,red,red)){.shadow-danger{--tw-shadow-color:color-mix(in oklab, var(--color-danger) var(--tw-shadow-alpha), transparent)}}.shadow-danger\/20{--tw-shadow-color:#ef444433}@supports (color:color-mix(in lab,red,red)){.shadow-danger\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-danger) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media(hover:hover){.hover\:border-danger\/30:hover{border-color:#ef44444d}@supports (color:color-mix(in lab,red,red)){.hover\:border-danger\/30:hover{border-color:color-mix(in oklab,var(--color-danger) 30%,transparent)}}.hover\:bg-bg-card-hover:hover{background-color:var(--color-bg-card-hover)}.hover\:bg-border\/50:hover{background-color:#33415580}@supports (color:color-mix(in lab,red,red)){.hover\:bg-border\/50:hover{background-color:color-mix(in oklab,var(--color-border) 50%,transparent)}}.hover\:bg-danger-hover:hover{background-color:var(--color-danger-hover)}.hover\:bg-danger\/20:hover{background-color:#ef444433}@supports (color:color-mix(in lab,red,red)){.hover\:bg-danger\/20:hover{background-color:color-mix(in oklab,var(--color-danger) 20%,transparent)}}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.md\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.md\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px * var(--tw-divide-y-reverse));border-bottom-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)))}.md\:p-8{padding:calc(var(--spacing) * 8)}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes pulse{50%{opacity:.5}}.sidebar.svelte-1nhzsi7{width:200px;height:100vh;background:var(--color-bg-card);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:sticky;top:0}.sidebar.collapsed.svelte-1nhzsi7{width:64px}.sidebar.collapsed.svelte-1nhzsi7 .sidebar-header:where(.svelte-1nhzsi7){justify-content:center}.sidebar-header.svelte-1nhzsi7{display:flex;align-items:center;justify-content:space-between;padding:16px 12px;border-bottom:1px solid var(--color-border);min-height:56px}.sidebar-title.svelte-1nhzsi7{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden}.collapse-btn.svelte-1nhzsi7{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;flex-shrink:0}.collapse-btn.svelte-1nhzsi7 svg:where(.svelte-1nhzsi7){width:18px;height:18px}.collapse-btn.svelte-1nhzsi7:hover{color:var(--color-text-primary);background:var(--color-bg-card-hover)}.sidebar-nav.svelte-1nhzsi7{display:flex;flex-direction:column;gap:4px;padding:8px}.nav-item.svelte-1nhzsi7{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:500;transition:all .15s;white-space:nowrap;text-align:left}.nav-item.svelte-1nhzsi7:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.nav-item.active.svelte-1nhzsi7{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}.nav-icon.svelte-1nhzsi7{font-size:16px;flex-shrink:0}.nav-label.svelte-1nhzsi7{overflow:hidden}@media(max-width:768px){.sidebar.svelte-1nhzsi7{display:none;position:fixed;left:0;top:0;z-index:1000;width:280px!important;height:100vh;transform:translate(-100%);box-shadow:20px 0 50px #0000004d;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.mobile-open.svelte-1nhzsi7{display:flex;transform:translate(0)}.sidebar-header.svelte-1nhzsi7{padding:20px 16px}.nav-item.svelte-1nhzsi7{padding:14px 16px;font-size:15px}.mobile-only.svelte-1nhzsi7{display:flex!important}}.user-manager.svelte-mekxsd{margin-bottom:16px}.user-bar.svelte-mekxsd{display:flex;align-items:center;gap:8px}.user-chips.svelte-mekxsd{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.user-chip.svelte-mekxsd{display:flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.user-chip.svelte-mekxsd:hover{border-color:var(--color-accent);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.user-chip.selected.svelte-mekxsd{background:color-mix(in srgb,var(--color-accent) 20%,transparent);border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.manager-header.svelte-mekxsd{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.add-user-btn-large.svelte-mekxsd{padding:10px 20px;border-radius:12px;background:var(--color-accent);color:#fff;border:none;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px color-mix(in srgb,var(--color-accent) 40%,transparent)}.add-user-btn-large.svelte-mekxsd:hover{filter:brightness(1.1);transform:translateY(-1px)}.user-list.svelte-mekxsd{display:grid;gap:12px}.user-item.svelte-mekxsd{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:16px;background:var(--color-bg-card);border:1px solid var(--color-border);transition:all .2s}.user-item.svelte-mekxsd:hover{border-color:var(--color-accent);background:var(--color-bg-card-hover)}.user-info.svelte-mekxsd{display:flex;flex-direction:column;gap:4px}.user-name-large.svelte-mekxsd{font-size:16px;font-weight:600;color:var(--color-text-primary)}.user-id.svelte-mekxsd{font-size:11px;color:var(--color-text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.user-actions.svelte-mekxsd{display:flex;gap:8px}.action-btn.svelte-mekxsd{background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:8px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.action-btn.svelte-mekxsd:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-bg-card)}.action-btn.danger.svelte-mekxsd:hover{border-color:var(--color-danger);color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 10%,transparent)}.modal-overlay.svelte-mekxsd{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.add-user-modal.svelte-mekxsd{background:var(--color-bg-card);padding:24px;border-radius:20px;border:1px solid var(--color-border);width:100%;max-width:400px;display:flex;flex-direction:column;gap:20px;box-shadow:0 20px 40px #0006}.modal-input.svelte-mekxsd{padding:12px 16px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:14px}.modal-actions.svelte-mekxsd{display:flex;gap:12px;justify-content:flex-end}.edit-row.svelte-mekxsd{display:flex;gap:12px;width:100%}.edit-input.svelte-mekxsd{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--color-accent);background:var(--color-bg-primary);color:var(--color-text-primary);outline:none}.edit-actions.svelte-mekxsd{display:flex;gap:6px}.save-btn.svelte-mekxsd,.cancel-btn.svelte-mekxsd{padding:4px 12px;border-radius:6px;border:1px solid var(--color-border);cursor:pointer;transition:all .2s}.save-btn.svelte-mekxsd{background:var(--color-success);color:#fff;border-color:var(--color-success)}.cancel-btn.svelte-mekxsd{background:var(--color-bg-primary);color:var(--color-text-secondary)}.btn-primary.svelte-mekxsd{padding:8px 16px;border-radius:8px;background:var(--color-accent);color:#fff;border:none;font-weight:600;cursor:pointer}.btn-secondary.svelte-mekxsd{padding:8px 16px;border-radius:8px;background:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer}.btn-primary.svelte-mekxsd:disabled{opacity:.5;cursor:not-allowed}.user-error.svelte-mekxsd{margin-top:16px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 20%,transparent);color:var(--color-danger);font-size:13px;text-align:center}.empty-state.svelte-mekxsd{text-align:center;padding:48px;background:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:16px;color:var(--color-text-secondary)}.task-manager.svelte-1mfdluf{width:100%}.task-header.svelte-1mfdluf{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.task-title.svelte-1mfdluf{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary)}.add-task-btn.svelte-1mfdluf{padding:6px 14px;border-radius:8px;border:1px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent);cursor:pointer;font-size:12px;font-weight:600;transition:all .15s}.add-task-btn.svelte-1mfdluf:hover{background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.add-task-form.svelte-1mfdluf,.edit-form.svelte-1mfdluf{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-card);margin-bottom:12px}.task-input.svelte-1mfdluf{padding:8px 12px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:13px;outline:none;width:100%;box-sizing:border-box}.task-input.svelte-1mfdluf:focus{border-color:var(--color-accent)}.date-time-row.svelte-1mfdluf{display:flex;gap:8px}.date-time-field.svelte-1mfdluf{display:flex;flex-direction:column;gap:4px}.date-time-field.svelte-1mfdluf:first-child{flex:1}.field-label.svelte-1mfdluf{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.task-date-input.svelte-1mfdluf{padding:8px 12px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:13px;outline:none;color-scheme:dark;flex:1;cursor:pointer;position:relative}.task-time-input.svelte-1mfdluf{padding:8px 12px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:13px;outline:none;color-scheme:dark;width:110px;cursor:pointer;position:relative}.task-date-input.svelte-1mfdluf::-webkit-calendar-picker-indicator,.task-time-input.svelte-1mfdluf::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;opacity:0;cursor:pointer}.task-date-input.svelte-1mfdluf:focus,.task-time-input.svelte-1mfdluf:focus{border-color:var(--color-accent)}.form-actions.svelte-1mfdluf{display:flex;gap:6px}.btn-primary.svelte-1mfdluf{padding:6px 16px;border-radius:8px;border:none;background:var(--color-accent);color:#fff;cursor:pointer;font-size:12px;font-weight:600;transition:filter .15s}.btn-primary.svelte-1mfdluf:hover{filter:brightness(1.1)}.btn-primary.svelte-1mfdluf:disabled{opacity:.4;cursor:not-allowed}.btn-secondary.svelte-1mfdluf{padding:6px 16px;border-radius:8px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:12px;transition:all .15s}.btn-secondary.svelte-1mfdluf:hover{background:var(--color-bg-card-hover)}.btn-sm.svelte-1mfdluf{padding:4px 10px;font-size:11px}.task-list.svelte-1mfdluf{display:flex;flex-direction:column;gap:4px}.task-item.svelte-1mfdluf{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-card);transition:all .15s}.task-item.svelte-1mfdluf:hover{background:var(--color-bg-card-hover)}.task-item.completed.svelte-1mfdluf{opacity:.5}.task-item.overdue.svelte-1mfdluf{border-color:color-mix(in srgb,var(--color-danger) 40%,transparent)}.task-left.svelte-1mfdluf{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.task-checkbox.svelte-1mfdluf{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0}.task-info.svelte-1mfdluf{display:flex;flex-direction:column;gap:2px;min-width:0}.task-text.svelte-1mfdluf{font-size:13px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.completed.svelte-1mfdluf .task-text:where(.svelte-1mfdluf){text-decoration:line-through;color:var(--color-text-secondary)}.task-due.svelte-1mfdluf{font-size:10px;color:var(--color-text-secondary);font-weight:500}.text-overdue.svelte-1mfdluf{color:var(--color-danger)!important}.text-danger.svelte-1mfdluf{color:var(--color-danger)}.task-actions.svelte-1mfdluf{display:flex;gap:4px;align-items:center;flex-shrink:0}.action-btn.svelte-1mfdluf{background:none;border:none;cursor:pointer;font-size:12px;padding:4px;border-radius:4px;transition:background .15s;opacity:.6}.action-btn.svelte-1mfdluf:hover{opacity:1;background:var(--color-bg-card-hover)}.empty-state.svelte-1mfdluf{text-align:center;padding:32px;color:var(--color-text-secondary);font-size:13px}.task-error.svelte-1mfdluf{margin-top:8px;padding:6px 10px;border-radius:6px;background:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 20%,transparent);color:var(--color-danger);font-size:11px}.app-layout.svelte-1n46o8q{display:flex;min-height:100vh;background:var(--color-bg-primary)}.main-content.svelte-1n46o8q{flex:1;padding:32px;height:100vh;overflow-y:auto;background:radial-gradient(circle at top right,var(--color-bg-card),transparent 40%),var(--color-bg-primary)}.mobile-header.svelte-1n46o8q{display:none;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-bg-card);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hamburger.svelte-1n46o8q{background:none;border:none;color:var(--color-text-primary);padding:8px;cursor:pointer}.hamburger.svelte-1n46o8q svg:where(.svelte-1n46o8q){width:24px;height:24px}.mobile-title.svelte-1n46o8q{font-weight:700;font-size:16px;letter-spacing:-.02em;color:var(--color-accent)}.mobile-backdrop.svelte-1n46o8q{display:none;position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;border:none;padding:0;cursor:pointer;animation:svelte-1n46o8q-fadeIn .2s ease-out}@keyframes svelte-1n46o8q-fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.main-content.svelte-1n46o8q{padding:16px;height:auto}.mobile-header.svelte-1n46o8q{display:flex;margin:-16px -16px 20px}.mobile-backdrop.svelte-1n46o8q{display:block}}</style>
-  </head>
-  <body>
-    <div id="app"></div>
-  </body>
-</html>
diff --git a/Provider/frontend/temp_extract_16/index.html.gz b/Provider/frontend/temp_extract_16/index.html.gz
deleted file mode 100644
index 60f4588..0000000
Binary files a/Provider/frontend/temp_extract_16/index.html.gz and /dev/null differ
diff --git a/Provider/frontend/temp_extract_19/index.html b/Provider/frontend/temp_extract_19/index.html
deleted file mode 100644
index dd658fb..0000000
--- a/Provider/frontend/temp_extract_19/index.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Calendink Provider</title>
-    <script type="module">const kr=!1;var en=Array.isArray,Jn=Array.prototype.indexOf,Rt=Array.prototype.includes,pr=Array.from,Zn=Object.defineProperty,Nt=Object.getOwnPropertyDescriptor,Xn=Object.getOwnPropertyDescriptors,Qn=Object.prototype,ea=Array.prototype,tn=Object.getPrototypeOf,Hr=Object.isExtensible;const ta=()=>{};function ra(e){for(var t=0;t<e.length;t++)e[t]()}function rn(){var e,t,r=new Promise((n,a)=>{e=n,t=a});return{promise:r,resolve:e,reject:t}}function na(e,t){if(Array.isArray(e))return e;if(!(Symbol.iterator in e))return Array.from(e);const r=[];for(const n of e)if(r.push(n),r.length===t)break;return r}const ce=2,nr=4,tr=8,nn=1<<24,xt=16,Ye=32,Ot=64,Tr=128,Le=512,fe=1024,ve=2048,We=4096,Me=8192,nt=16384,qt=32768,Ut=65536,qr=1<<17,aa=1<<18,Vt=1<<19,sa=1<<20,rt=1<<25,It=65536,Er=1<<21,Fr=1<<22,ht=1<<23,ur=Symbol("$state"),ia=Symbol("legacy props"),oa=Symbol(""),Et=new class extends Error{name="StaleReactionError";message="The reaction that called `getAbortSignal()` was re-run or destroyed"};function la(){throw new Error("https://svelte.dev/e/async_derived_orphan")}function fa(e,t,r){throw new Error("https://svelte.dev/e/each_key_duplicate")}function ua(e){throw new Error("https://svelte.dev/e/effect_in_teardown")}function da(){throw new Error("https://svelte.dev/e/effect_in_unowned_derived")}function ca(e){throw new Error("https://svelte.dev/e/effect_orphan")}function va(){throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}function pa(e){throw new Error("https://svelte.dev/e/props_invalid_value")}function _a(){throw new Error("https://svelte.dev/e/state_descriptors_fixed")}function ha(){throw new Error("https://svelte.dev/e/state_prototype_fixed")}function ba(){throw new Error("https://svelte.dev/e/state_unsafe_mutation")}function ma(){throw new Error("https://svelte.dev/e/svelte_boundary_reset_onerror")}const ga=1,xa=2,an=4,ya=8,wa=16,ka=1,Ta=4,Ea=8,Sa=16,$a=1,Aa=2,de=Symbol(),sn="http://www.w3.org/1999/xhtml";function Ca(){console.warn("https://svelte.dev/e/svelte_boundary_reset_noop")}function on(e){return e===this.v}function Da(e,t){return e!=e?t==t:e!==t||e!==null&&typeof e=="object"||typeof e=="function"}function ln(e){return!Da(e,this.v)}let Ia=!1,Be=null;function Lt(e){Be=e}function Wt(e,t=!1,r){Be={p:Be,i:!1,c:null,e:null,s:e,x:null,l:null}}function Yt(e){var t=Be,r=t.e;if(r!==null){t.e=null;for(var n of r)Cn(n)}return t.i=!0,Be=t.p,{}}function fn(){return!0}let St=[];function un(){var e=St;St=[],ra(e)}function at(e){if(St.length===0&&!Qt){var t=St;queueMicrotask(()=>{t===St&&un()})}St.push(e)}function Ma(){for(;St.length>0;)un()}function dn(e){var t=U;if(t===null)return P.f|=ht,e;if((t.f&qt)===0&&(t.f&nr)===0)throw e;ct(e,t)}function ct(e,t){for(;t!==null;){if((t.f&Tr)!==0){if((t.f&qt)===0)throw e;try{t.b.error(e);return}catch(r){e=r}}t=t.parent}throw e}const Oa=-7169;function re(e,t){e.f=e.f&Oa|t}function Nr(e){(e.f&Le)!==0||e.deps===null?re(e,fe):re(e,We)}function cn(e){if(e!==null)for(const t of e)(t.f&ce)===0||(t.f&It)===0||(t.f^=It,cn(t.deps))}function vn(e,t,r){(e.f&ve)!==0?t.add(e):(e.f&We)!==0&&r.add(e),cn(e.deps),re(e,fe)}const or=new Set;let q=null,Sr=null,He=null,Te=[],_r=null,Qt=!1,jt=null;class bt{current=new Map;previous=new Map;#e=new Set;#o=new Set;#t=0;#i=0;#r=null;#s=new Set;#n=new Set;#a=new Map;is_fork=!1;#l=!1;#u(){return this.is_fork||this.#i>0}skip_effect(t){this.#a.has(t)||this.#a.set(t,{d:[],m:[]})}unskip_effect(t){var r=this.#a.get(t);if(r){this.#a.delete(t);for(var n of r.d)re(n,ve),qe(n);for(n of r.m)re(n,We),qe(n)}}process(t){Te=[],this.apply();var r=jt=[],n=[];for(const a of t)this.#f(a,r,n);if(jt=null,this.#u()){this.#d(n),this.#d(r);for(const[a,s]of this.#a)bn(a,s)}else{Sr=this,q=null;for(const a of this.#e)a(this);this.#e.clear(),this.#t===0&&this.#c(),Vr(n),Vr(r),this.#s.clear(),this.#n.clear(),Sr=null,this.#r?.resolve()}He=null}#f(t,r,n){t.f^=fe;for(var a=t.first;a!==null;){var s=a.f,l=(s&(Ye|Ot))!==0,u=l&&(s&fe)!==0,o=u||(s&Me)!==0||this.#a.has(a);if(!o&&a.fn!==null){l?a.f^=fe:(s&nr)!==0?r.push(a):sr(a)&&((s&xt)!==0&&this.#n.add(a),Ht(a));var f=a.first;if(f!==null){a=f;continue}}for(;a!==null;){var d=a.next;if(d!==null){a=d;break}a=a.parent}}}#d(t){for(var r=0;r<t.length;r+=1)vn(t[r],this.#s,this.#n)}capture(t,r){r!==de&&!this.previous.has(t)&&this.previous.set(t,r),(t.f&ht)===0&&(this.current.set(t,t.v),He?.set(t,t.v))}activate(){q=this,this.apply()}deactivate(){q===this&&(q=null,He=null)}flush(){if(Te.length>0)q=this,pn();else if(this.#t===0&&!this.is_fork){for(const t of this.#e)t(this);this.#e.clear(),this.#c(),this.#r?.resolve()}this.deactivate()}discard(){for(const t of this.#o)t(this);this.#o.clear()}#c(){if(or.size>1){this.previous.clear();var t=q,r=He,n=!0;for(const s of or){if(s===this){n=!1;continue}const l=[];for(const[o,f]of this.current){if(s.current.has(o))if(n&&f!==s.current.get(o))s.current.set(o,f);else continue;l.push(o)}if(l.length===0)continue;const u=[...s.current.keys()].filter(o=>!this.current.has(o));if(u.length>0){var a=Te;Te=[];const o=new Set,f=new Map;for(const d of l)_n(d,u,o,f);if(Te.length>0){q=s,s.apply();for(const d of Te)s.#f(d,[],[]);s.deactivate()}Te=a}}q=t,He=r}this.#a.clear(),or.delete(this)}increment(t){this.#t+=1,t&&(this.#i+=1)}decrement(t){this.#t-=1,t&&(this.#i-=1),!this.#l&&(this.#l=!0,at(()=>{this.#l=!1,this.#u()?Te.length>0&&this.flush():this.revive()}))}revive(){for(const t of this.#s)this.#n.delete(t),re(t,ve),qe(t);for(const t of this.#n)re(t,We),qe(t);this.flush()}oncommit(t){this.#e.add(t)}ondiscard(t){this.#o.add(t)}settled(){return(this.#r??=rn()).promise}static ensure(){if(q===null){const t=q=new bt;or.add(q),Qt||at(()=>{q===t&&t.flush()})}return q}apply(){}}function Pa(e){var t=Qt;Qt=!0;try{for(var r;;){if(Ma(),Te.length===0&&(q?.flush(),Te.length===0))return _r=null,r;pn()}}finally{Qt=t}}function pn(){var e=null;try{for(var t=0;Te.length>0;){var r=bt.ensure();if(t++>1e3){var n,a;Fa()}r.process(Te),mt.clear()}}finally{Te=[],_r=null,jt=null}}function Fa(){try{va()}catch(e){ct(e,_r)}}let tt=null;function Vr(e){var t=e.length;if(t!==0){for(var r=0;r<t;){var n=e[r++];if((n.f&(nt|Me))===0&&sr(n)&&(tt=new Set,Ht(n),n.deps===null&&n.first===null&&n.nodes===null&&n.teardown===null&&n.ac===null&&Mn(n),tt?.size>0)){mt.clear();for(const a of tt){if((a.f&(nt|Me))!==0)continue;const s=[a];let l=a.parent;for(;l!==null;)tt.has(l)&&(tt.delete(l),s.push(l)),l=l.parent;for(let u=s.length-1;u>=0;u--){const o=s[u];(o.f&(nt|Me))===0&&Ht(o)}}tt.clear()}}tt=null}}function _n(e,t,r,n){if(!r.has(e)&&(r.add(e),e.reactions!==null))for(const a of e.reactions){const s=a.f;(s&ce)!==0?_n(a,t,r,n):(s&(Fr|xt))!==0&&(s&ve)===0&&hn(a,t,n)&&(re(a,ve),qe(a))}}function hn(e,t,r){const n=r.get(e);if(n!==void 0)return n;if(e.deps!==null)for(const a of e.deps){if(Rt.call(t,a))return!0;if((a.f&ce)!==0&&hn(a,t,r))return r.set(a,!0),!0}return r.set(e,!1),!1}function qe(e){var t=_r=e,r=t.b;if(r?.is_pending&&(e.f&(nr|tr|nn))!==0&&(e.f&qt)===0){r.defer_effect(e);return}for(;t.parent!==null;){t=t.parent;var n=t.f;if(jt!==null&&t===U&&(e.f&tr)===0)return;if((n&(Ot|Ye))!==0){if((n&fe)===0)return;t.f^=fe}}Te.push(t)}function bn(e,t){if(!((e.f&Ye)!==0&&(e.f&fe)!==0)){(e.f&ve)!==0?t.d.push(e):(e.f&We)!==0&&t.m.push(e),re(e,fe);for(var r=e.first;r!==null;)bn(r,t),r=r.next}}function Na(e){let t=0,r=Mt(0),n;return()=>{Ur()&&(i(r),Dn(()=>(t===0&&(n=zr(()=>e(()=>er(r)))),t+=1,()=>{at(()=>{t-=1,t===0&&(n?.(),n=void 0,er(r))})})))}}var Ra=Ut|Vt;function Ua(e,t,r,n){new La(e,t,r,n)}class La{parent;is_pending=!1;transform_error;#e;#o=null;#t;#i;#r;#s=null;#n=null;#a=null;#l=null;#u=0;#f=0;#d=!1;#c=new Set;#p=new Set;#v=null;#g=Na(()=>(this.#v=Mt(this.#u),()=>{this.#v=null}));constructor(t,r,n,a){this.#e=t,this.#t=r,this.#i=s=>{var l=U;l.b=this,l.f|=Tr,n(s)},this.parent=U.b,this.transform_error=a??this.parent?.transform_error??(s=>s),this.#r=Lr(()=>{this.#b()},Ra)}#x(){try{this.#s=Re(()=>this.#i(this.#e))}catch(t){this.error(t)}}#y(t){const r=this.#t.failed;r&&(this.#a=Re(()=>{r(this.#e,()=>t,()=>()=>{})}))}#w(){const t=this.#t.pending;t&&(this.is_pending=!0,this.#n=Re(()=>t(this.#e)),at(()=>{var r=this.#l=document.createDocumentFragment(),n=st();r.append(n),this.#s=this.#h(()=>(bt.ensure(),Re(()=>this.#i(n)))),this.#f===0&&(this.#e.before(r),this.#l=null,At(this.#n,()=>{this.#n=null}),this.#_())}))}#b(){try{if(this.is_pending=this.has_pending_snippet(),this.#f=0,this.#u=0,this.#s=Re(()=>{this.#i(this.#e)}),this.#f>0){var t=this.#l=document.createDocumentFragment();Fn(this.#s,t);const r=this.#t.pending;this.#n=Re(()=>r(this.#e))}else this.#_()}catch(r){this.error(r)}}#_(){this.is_pending=!1;for(const t of this.#c)re(t,ve),qe(t);for(const t of this.#p)re(t,We),qe(t);this.#c.clear(),this.#p.clear()}defer_effect(t){vn(t,this.#c,this.#p)}is_rendered(){return!this.is_pending&&(!this.parent||this.parent.is_rendered())}has_pending_snippet(){return!!this.#t.pending}#h(t){var r=U,n=P,a=Be;Ge(this.#r),ze(this.#r),Lt(this.#r.ctx);try{return t()}catch(s){return dn(s),null}finally{Ge(r),ze(n),Lt(a)}}#m(t){if(!this.has_pending_snippet()){this.parent&&this.parent.#m(t);return}this.#f+=t,this.#f===0&&(this.#_(),this.#n&&At(this.#n,()=>{this.#n=null}),this.#l&&(this.#e.before(this.#l),this.#l=null))}update_pending_count(t){this.#m(t),this.#u+=t,!(!this.#v||this.#d)&&(this.#d=!0,at(()=>{this.#d=!1,this.#v&&Bt(this.#v,this.#u)}))}get_effect_pending(){return this.#g(),i(this.#v)}error(t){var r=this.#t.onerror;let n=this.#t.failed;if(!r&&!n)throw t;this.#s&&($e(this.#s),this.#s=null),this.#n&&($e(this.#n),this.#n=null),this.#a&&($e(this.#a),this.#a=null);var a=!1,s=!1;const l=()=>{if(a){Ca();return}a=!0,s&&ma(),this.#a!==null&&At(this.#a,()=>{this.#a=null}),this.#h(()=>{bt.ensure(),this.#b()})},u=o=>{try{s=!0,r?.(o,l),s=!1}catch(f){ct(f,this.#r&&this.#r.parent)}n&&(this.#a=this.#h(()=>{bt.ensure();try{return Re(()=>{var f=U;f.b=this,f.f|=Tr,n(this.#e,()=>o,()=>l)})}catch(f){return ct(f,this.#r.parent),null}}))};at(()=>{var o;try{o=this.transform_error(t)}catch(f){ct(f,this.#r&&this.#r.parent);return}o!==null&&typeof o=="object"&&typeof o.then=="function"?o.then(u,f=>ct(f,this.#r&&this.#r.parent)):u(o)})}}function ja(e,t,r,n){const a=hr;var s=e.filter(b=>!b.settled);if(r.length===0&&s.length===0){n(t.map(a));return}var l=U,u=Ba(),o=s.length===1?s[0].promise:s.length>1?Promise.all(s.map(b=>b.promise)):null;function f(b){u();try{n(b)}catch(_){(l.f&nt)===0&&ct(_,l)}$r()}if(r.length===0){o.then(()=>f(t.map(a)));return}function d(){u(),Promise.all(r.map(b=>Ha(b))).then(b=>f([...t.map(a),...b])).catch(b=>ct(b,l))}o?o.then(d):d()}function Ba(){var e=U,t=P,r=Be,n=q;return function(s=!0){Ge(e),ze(t),Lt(r),s&&n?.activate()}}function $r(e=!0){Ge(null),ze(null),Lt(null),e&&q?.deactivate()}function za(){var e=U.b,t=q,r=e.is_rendered();return e.update_pending_count(1),t.increment(r),()=>{e.update_pending_count(-1),t.decrement(r)}}function hr(e){var t=ce|ve,r=P!==null&&(P.f&ce)!==0?P:null;return U!==null&&(U.f|=Vt),{ctx:Be,deps:null,effects:null,equals:on,f:t,fn:e,reactions:null,rv:0,v:de,wv:0,parent:r??U,ac:null}}function Ha(e,t,r){U===null&&la();var a=void 0,s=Mt(de),l=!P,u=new Map;return ns(()=>{var o=rn();a=o.promise;try{Promise.resolve(e()).then(o.resolve,o.reject).finally($r)}catch(_){o.reject(_),$r()}var f=q;if(l){var d=za();u.get(f)?.reject(Et),u.delete(f),u.set(f,o)}const b=(_,x=void 0)=>{if(f.activate(),x)x!==Et&&(s.f|=ht,Bt(s,x));else{(s.f&ht)!==0&&(s.f^=ht),Bt(s,_);for(const[g,S]of u){if(u.delete(g),g===f)break;S.reject(Et)}}d&&d()};o.promise.then(b,_=>b(null,_||"unknown"))}),An(()=>{for(const o of u.values())o.reject(Et)}),new Promise(o=>{function f(d){function b(){d===a?o(s):f(a)}d.then(b,b)}f(a)})}function mn(e){const t=hr(e);return Nn(t),t}function gn(e){const t=hr(e);return t.equals=ln,t}function qa(e){var t=e.effects;if(t!==null){e.effects=null;for(var r=0;r<t.length;r+=1)$e(t[r])}}function Va(e){for(var t=e.parent;t!==null;){if((t.f&ce)===0)return(t.f&nt)===0?t:null;t=t.parent}return null}function Rr(e){var t,r=U;Ge(Va(e));try{e.f&=~It,qa(e),t=jn(e)}finally{Ge(r)}return t}function xn(e){var t=Rr(e);if(!e.equals(t)&&(e.wv=Un(),(!q?.is_fork||e.deps===null)&&(e.v=t,e.deps===null))){re(e,fe);return}gt||(He!==null?(Ur()||q?.is_fork)&&He.set(e,t):Nr(e))}function Wa(e){if(e.effects!==null)for(const t of e.effects)(t.teardown||t.ac)&&(t.teardown?.(),t.ac?.abort(Et),t.teardown=ta,t.ac=null,rr(t,0),jr(t))}function yn(e){if(e.effects!==null)for(const t of e.effects)t.teardown&&Ht(t)}let Ar=new Set;const mt=new Map;let wn=!1;function Mt(e,t){var r={f:0,v:e,reactions:null,equals:on,rv:0,wv:0};return r}function A(e,t){const r=Mt(e);return Nn(r),r}function Ya(e,t=!1,r=!0){const n=Mt(e);return t||(n.equals=ln),n}function c(e,t,r=!1){P!==null&&(!Ve||(P.f&qr)!==0)&&fn()&&(P.f&(ce|xt|Fr|qr))!==0&&(je===null||!Rt.call(je,e))&&ba();let n=r?Ie(t):t;return Bt(e,n)}function Bt(e,t){if(!e.equals(t)){var r=e.v;gt?mt.set(e,t):mt.set(e,r),e.v=t;var n=bt.ensure();if(n.capture(e,r),(e.f&ce)!==0){const a=e;(e.f&ve)!==0&&Rr(a),Nr(a)}e.wv=Un(),kn(e,ve),U!==null&&(U.f&fe)!==0&&(U.f&(Ye|Ot))===0&&(Ne===null?is([e]):Ne.push(e)),!n.is_fork&&Ar.size>0&&!wn&&Ka()}return t}function Ka(){wn=!1;for(const e of Ar)(e.f&fe)!==0&&re(e,We),sr(e)&&Ht(e);Ar.clear()}function er(e){c(e,e.v+1)}function kn(e,t){var r=e.reactions;if(r!==null)for(var n=r.length,a=0;a<n;a++){var s=r[a],l=s.f,u=(l&ve)===0;if(u&&re(s,t),(l&ce)!==0){var o=s;He?.delete(o),(l&It)===0&&(l&Le&&(s.f|=It),kn(o,We))}else u&&((l&xt)!==0&&tt!==null&&tt.add(s),qe(s))}}function Ie(e){if(typeof e!="object"||e===null||ur in e)return e;const t=tn(e);if(t!==Qn&&t!==ea)return e;var r=new Map,n=en(e),a=A(0),s=Ct,l=u=>{if(Ct===s)return u();var o=P,f=Ct;ze(null),Gr(s);var d=u();return ze(o),Gr(f),d};return n&&r.set("length",A(e.length)),new Proxy(e,{defineProperty(u,o,f){(!("value"in f)||f.configurable===!1||f.enumerable===!1||f.writable===!1)&&_a();var d=r.get(o);return d===void 0?l(()=>{var b=A(f.value);return r.set(o,b),b}):c(d,f.value,!0),!0},deleteProperty(u,o){var f=r.get(o);if(f===void 0){if(o in u){const d=l(()=>A(de));r.set(o,d),er(a)}}else c(f,de),er(a);return!0},get(u,o,f){if(o===ur)return e;var d=r.get(o),b=o in u;if(d===void 0&&(!b||Nt(u,o)?.writable)&&(d=l(()=>{var x=Ie(b?u[o]:de),g=A(x);return g}),r.set(o,d)),d!==void 0){var _=i(d);return _===de?void 0:_}return Reflect.get(u,o,f)},getOwnPropertyDescriptor(u,o){var f=Reflect.getOwnPropertyDescriptor(u,o);if(f&&"value"in f){var d=r.get(o);d&&(f.value=i(d))}else if(f===void 0){var b=r.get(o),_=b?.v;if(b!==void 0&&_!==de)return{enumerable:!0,configurable:!0,value:_,writable:!0}}return f},has(u,o){if(o===ur)return!0;var f=r.get(o),d=f!==void 0&&f.v!==de||Reflect.has(u,o);if(f!==void 0||U!==null&&(!d||Nt(u,o)?.writable)){f===void 0&&(f=l(()=>{var _=d?Ie(u[o]):de,x=A(_);return x}),r.set(o,f));var b=i(f);if(b===de)return!1}return d},set(u,o,f,d){var b=r.get(o),_=o in u;if(n&&o==="length")for(var x=f;x<b.v;x+=1){var g=r.get(x+"");g!==void 0?c(g,de):x in u&&(g=l(()=>A(de)),r.set(x+"",g))}if(b===void 0)(!_||Nt(u,o)?.writable)&&(b=l(()=>A(void 0)),c(b,Ie(f)),r.set(o,b));else{_=b.v!==de;var S=l(()=>Ie(f));c(b,S)}var m=Reflect.getOwnPropertyDescriptor(u,o);if(m?.set&&m.set.call(d,f),!_){if(n&&typeof o=="string"){var E=r.get("length"),I=Number(o);Number.isInteger(I)&&I>=E.v&&c(E,I+1)}er(a)}return!0},ownKeys(u){i(a);var o=Reflect.ownKeys(u).filter(b=>{var _=r.get(b);return _===void 0||_.v!==de});for(var[f,d]of r)d.v!==de&&!(f in u)&&o.push(f);return o},setPrototypeOf(){ha()}})}var Wr,Tn,En,Sn;function Ga(){if(Wr===void 0){Wr=window,Tn=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype,r=Text.prototype;En=Nt(t,"firstChild").get,Sn=Nt(t,"nextSibling").get,Hr(e)&&(e.__click=void 0,e.__className=void 0,e.__attributes=null,e.__style=void 0,e.__e=void 0),Hr(r)&&(r.__t=void 0)}}function st(e=""){return document.createTextNode(e)}function cr(e){return En.call(e)}function ar(e){return Sn.call(e)}function v(e,t){return cr(e)}function Ue(e,t=!1){{var r=cr(e);return r instanceof Comment&&r.data===""?ar(r):r}}function h(e,t=1,r=!1){let n=e;for(;t--;)n=ar(n);return n}function Ja(e){e.textContent=""}function $n(){return!1}function Za(e,t,r){return document.createElementNS(sn,e,void 0)}function Cr(e,t){{const r=document.body;e.autofocus=!0,at(()=>{document.activeElement===r&&e.focus()})}}let Yr=!1;function Xa(){Yr||(Yr=!0,document.addEventListener("reset",e=>{Promise.resolve().then(()=>{if(!e.defaultPrevented)for(const t of e.target.elements)t.__on_r?.()})},{capture:!0}))}function br(e){var t=P,r=U;ze(null),Ge(null);try{return e()}finally{ze(t),Ge(r)}}function Qa(e,t,r,n=r){e.addEventListener(t,()=>br(r));const a=e.__on_r;a?e.__on_r=()=>{a(),n(!0)}:e.__on_r=()=>n(!0),Xa()}function es(e){U===null&&(P===null&&ca(),da()),gt&&ua()}function ts(e,t){var r=t.last;r===null?t.last=t.first=e:(r.next=e,e.prev=r,t.last=e)}function yt(e,t){var r=U;r!==null&&(r.f&Me)!==0&&(e|=Me);var n={ctx:Be,deps:null,nodes:null,f:e|ve|Le,first:null,fn:t,last:null,next:null,parent:r,b:r&&r.b,prev:null,teardown:null,wv:0,ac:null},a=n;if((e&nr)!==0)jt!==null?jt.push(n):qe(n);else if(t!==null){try{Ht(n)}catch(l){throw $e(n),l}a.deps===null&&a.teardown===null&&a.nodes===null&&a.first===a.last&&(a.f&Vt)===0&&(a=a.first,(e&xt)!==0&&(e&Ut)!==0&&a!==null&&(a.f|=Ut))}if(a!==null&&(a.parent=r,r!==null&&ts(a,r),P!==null&&(P.f&ce)!==0&&(e&Ot)===0)){var s=P;(s.effects??=[]).push(a)}return n}function Ur(){return P!==null&&!Ve}function An(e){const t=yt(tr,null);return re(t,fe),t.teardown=e,t}function zt(e){es();var t=U.f,r=!P&&(t&Ye)!==0&&(t&qt)===0;if(r){var n=Be;(n.e??=[]).push(e)}else return Cn(e)}function Cn(e){return yt(nr|sa,e)}function rs(e){bt.ensure();const t=yt(Ot|Vt,e);return(r={})=>new Promise(n=>{r.outro?At(t,()=>{$e(t),n(void 0)}):($e(t),n(void 0))})}function ns(e){return yt(Fr|Vt,e)}function Dn(e,t=0){return yt(tr|t,e)}function R(e,t=[],r=[],n=[]){ja(n,t,r,a=>{yt(tr,()=>e(...a.map(i)))})}function Lr(e,t=0){var r=yt(xt|t,e);return r}function Re(e){return yt(Ye|Vt,e)}function In(e){var t=e.teardown;if(t!==null){const r=gt,n=P;Kr(!0),ze(null);try{t.call(null)}finally{Kr(r),ze(n)}}}function jr(e,t=!1){var r=e.first;for(e.first=e.last=null;r!==null;){const a=r.ac;a!==null&&br(()=>{a.abort(Et)});var n=r.next;(r.f&Ot)!==0?r.parent=null:$e(r,t),r=n}}function as(e){for(var t=e.first;t!==null;){var r=t.next;(t.f&Ye)===0&&$e(t),t=r}}function $e(e,t=!0){var r=!1;(t||(e.f&aa)!==0)&&e.nodes!==null&&e.nodes.end!==null&&(ss(e.nodes.start,e.nodes.end),r=!0),jr(e,t&&!r),rr(e,0),re(e,nt);var n=e.nodes&&e.nodes.t;if(n!==null)for(const s of n)s.stop();In(e);var a=e.parent;a!==null&&a.first!==null&&Mn(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=null}function ss(e,t){for(;e!==null;){var r=e===t?null:ar(e);e.remove(),e=r}}function Mn(e){var t=e.parent,r=e.prev,n=e.next;r!==null&&(r.next=n),n!==null&&(n.prev=r),t!==null&&(t.first===e&&(t.first=n),t.last===e&&(t.last=r))}function At(e,t,r=!0){var n=[];On(e,n,!0);var a=()=>{r&&$e(e),t&&t()},s=n.length;if(s>0){var l=()=>--s||a();for(var u of n)u.out(l)}else a()}function On(e,t,r){if((e.f&Me)===0){e.f^=Me;var n=e.nodes&&e.nodes.t;if(n!==null)for(const u of n)(u.is_global||r)&&t.push(u);for(var a=e.first;a!==null;){var s=a.next,l=(a.f&Ut)!==0||(a.f&Ye)!==0&&(e.f&xt)!==0;On(a,t,l?r:!1),a=s}}}function Br(e){Pn(e,!0)}function Pn(e,t){if((e.f&Me)!==0){e.f^=Me,(e.f&fe)===0&&(re(e,ve),qe(e));for(var r=e.first;r!==null;){var n=r.next,a=(r.f&Ut)!==0||(r.f&Ye)!==0;Pn(r,a?t:!1),r=n}var s=e.nodes&&e.nodes.t;if(s!==null)for(const l of s)(l.is_global||t)&&l.in()}}function Fn(e,t){if(e.nodes)for(var r=e.nodes.start,n=e.nodes.end;r!==null;){var a=r===n?null:ar(r);t.append(r),r=a}}let dr=!1,gt=!1;function Kr(e){gt=e}let P=null,Ve=!1;function ze(e){P=e}let U=null;function Ge(e){U=e}let je=null;function Nn(e){P!==null&&(je===null?je=[e]:je.push(e))}let Ee=null,De=0,Ne=null;function is(e){Ne=e}let Rn=1,$t=0,Ct=$t;function Gr(e){Ct=e}function Un(){return++Rn}function sr(e){var t=e.f;if((t&ve)!==0)return!0;if(t&ce&&(e.f&=~It),(t&We)!==0){for(var r=e.deps,n=r.length,a=0;a<n;a++){var s=r[a];if(sr(s)&&xn(s),s.wv>e.wv)return!0}(t&Le)!==0&&He===null&&re(e,fe)}return!1}function Ln(e,t,r=!0){var n=e.reactions;if(n!==null&&!(je!==null&&Rt.call(je,e)))for(var a=0;a<n.length;a++){var s=n[a];(s.f&ce)!==0?Ln(s,t,!1):t===s&&(r?re(s,ve):(s.f&fe)!==0&&re(s,We),qe(s))}}function jn(e){var t=Ee,r=De,n=Ne,a=P,s=je,l=Be,u=Ve,o=Ct,f=e.f;Ee=null,De=0,Ne=null,P=(f&(Ye|Ot))===0?e:null,je=null,Lt(e.ctx),Ve=!1,Ct=++$t,e.ac!==null&&(br(()=>{e.ac.abort(Et)}),e.ac=null);try{e.f|=Er;var d=e.fn,b=d();e.f|=qt;var _=e.deps,x=q?.is_fork;if(Ee!==null){var g;if(x||rr(e,De),_!==null&&De>0)for(_.length=De+Ee.length,g=0;g<Ee.length;g++)_[De+g]=Ee[g];else e.deps=_=Ee;if(Ur()&&(e.f&Le)!==0)for(g=De;g<_.length;g++)(_[g].reactions??=[]).push(e)}else!x&&_!==null&&De<_.length&&(rr(e,De),_.length=De);if(fn()&&Ne!==null&&!Ve&&_!==null&&(e.f&(ce|We|ve))===0)for(g=0;g<Ne.length;g++)Ln(Ne[g],e);if(a!==null&&a!==e){if($t++,a.deps!==null)for(let S=0;S<r;S+=1)a.deps[S].rv=$t;if(t!==null)for(const S of t)S.rv=$t;Ne!==null&&(n===null?n=Ne:n.push(...Ne))}return(e.f&ht)!==0&&(e.f^=ht),b}catch(S){return dn(S)}finally{e.f^=Er,Ee=t,De=r,Ne=n,P=a,je=s,Lt(l),Ve=u,Ct=o}}function os(e,t){let r=t.reactions;if(r!==null){var n=Jn.call(r,e);if(n!==-1){var a=r.length-1;a===0?r=t.reactions=null:(r[n]=r[a],r.pop())}}if(r===null&&(t.f&ce)!==0&&(Ee===null||!Rt.call(Ee,t))){var s=t;(s.f&Le)!==0&&(s.f^=Le,s.f&=~It),Nr(s),Wa(s),rr(s,0)}}function rr(e,t){var r=e.deps;if(r!==null)for(var n=t;n<r.length;n++)os(e,r[n])}function Ht(e){var t=e.f;if((t&nt)===0){re(e,fe);var r=U,n=dr;U=e,dr=!0;try{(t&(xt|nn))!==0?as(e):jr(e),In(e);var a=jn(e);e.teardown=typeof a=="function"?a:null,e.wv=Rn;var s;kr&&Ia&&(e.f&ve)!==0&&e.deps}finally{dr=n,U=r}}}async function ls(){await Promise.resolve(),Pa()}function i(e){var t=e.f,r=(t&ce)!==0;if(P!==null&&!Ve){var n=U!==null&&(U.f&nt)!==0;if(!n&&(je===null||!Rt.call(je,e))){var a=P.deps;if((P.f&Er)!==0)e.rv<$t&&(e.rv=$t,Ee===null&&a!==null&&a[De]===e?De++:Ee===null?Ee=[e]:Ee.push(e));else{(P.deps??=[]).push(e);var s=e.reactions;s===null?e.reactions=[P]:Rt.call(s,P)||s.push(P)}}}if(gt&&mt.has(e))return mt.get(e);if(r){var l=e;if(gt){var u=l.v;return((l.f&fe)===0&&l.reactions!==null||zn(l))&&(u=Rr(l)),mt.set(l,u),u}var o=(l.f&Le)===0&&!Ve&&P!==null&&(dr||(P.f&Le)!==0),f=(l.f&qt)===0;sr(l)&&(o&&(l.f|=Le),xn(l)),o&&!f&&(yn(l),Bn(l))}if(He?.has(e))return He.get(e);if((e.f&ht)!==0)throw e.v;return e.v}function Bn(e){if(e.f|=Le,e.deps!==null)for(const t of e.deps)(t.reactions??=[]).push(e),(t.f&ce)!==0&&(t.f&Le)===0&&(yn(t),Bn(t))}function zn(e){if(e.v===de)return!0;if(e.deps===null)return!1;for(const t of e.deps)if(mt.has(t)||(t.f&ce)!==0&&zn(t))return!0;return!1}function zr(e){var t=Ve;try{return Ve=!0,e()}finally{Ve=t}}const fs=["touchstart","touchmove"];function us(e){return fs.includes(e)}const Zt=Symbol("events"),Hn=new Set,Dr=new Set;function ds(e,t,r,n={}){function a(s){if(n.capture||Ir.call(t,s),!s.cancelBubble)return br(()=>r?.call(this,s))}return e.startsWith("pointer")||e.startsWith("touch")||e==="wheel"?at(()=>{t.addEventListener(e,a,n)}):t.addEventListener(e,a,n),a}function Dt(e,t,r,n,a){var s={capture:n,passive:a},l=ds(e,t,r,s);(t===document.body||t===window||t===document||t instanceof HTMLMediaElement)&&An(()=>{t.removeEventListener(e,l,s)})}function z(e,t,r){(t[Zt]??={})[e]=r}function ir(e){for(var t=0;t<e.length;t++)Hn.add(e[t]);for(var r of Dr)r(e)}let Jr=null;function Ir(e){var t=this,r=t.ownerDocument,n=e.type,a=e.composedPath?.()||[],s=a[0]||e.target;Jr=e;var l=0,u=Jr===e&&e[Zt];if(u){var o=a.indexOf(u);if(o!==-1&&(t===document||t===window)){e[Zt]=t;return}var f=a.indexOf(t);if(f===-1)return;o<=f&&(l=o)}if(s=a[l]||e.target,s!==t){Zn(e,"currentTarget",{configurable:!0,get(){return s||r}});var d=P,b=U;ze(null),Ge(null);try{for(var _,x=[];s!==null;){var g=s.assignedSlot||s.parentNode||s.host||null;try{var S=s[Zt]?.[n];S!=null&&(!s.disabled||e.target===s)&&S.call(s,e)}catch(m){_?x.push(m):_=m}if(e.cancelBubble||g===t||g===null)break;s=g}if(_){for(let m of x)queueMicrotask(()=>{throw m});throw _}}finally{e[Zt]=t,delete e.currentTarget,ze(d),Ge(b)}}}const cs=globalThis?.window?.trustedTypes&&globalThis.window.trustedTypes.createPolicy("svelte-trusted-html",{createHTML:e=>e});function vs(e){return cs?.createHTML(e)??e}function ps(e){var t=Za("template");return t.innerHTML=vs(e.replaceAll("<!>","\x3C!---->")),t.content}function vr(e,t){var r=U;r.nodes===null&&(r.nodes={start:e,end:t,a:null,t:null})}function k(e,t){var r=(t&$a)!==0,n=(t&Aa)!==0,a,s=!e.startsWith("<!>");return()=>{a===void 0&&(a=ps(s?e:"<!>"+e),r||(a=cr(a)));var l=n||Tn?document.importNode(a,!0):a.cloneNode(!0);if(r){var u=cr(l),o=l.lastChild;vr(u,o)}else vr(l,l);return l}}function qn(e=""){{var t=st(e+"");return vr(t,t),t}}function Vn(){var e=document.createDocumentFragment(),t=document.createComment(""),r=st();return e.append(t,r),vr(t,r),e}function y(e,t){e!==null&&e.before(t)}function O(e,t){var r=t==null?"":typeof t=="object"?`${t}`:t;r!==(e.__t??=e.nodeValue)&&(e.__t=r,e.nodeValue=`${r}`)}function _s(e,t){return hs(e,t)}const lr=new Map;function hs(e,{target:t,anchor:r,props:n={},events:a,context:s,intro:l=!0,transformError:u}){Ga();var o=void 0,f=rs(()=>{var d=r??t.appendChild(st());Ua(d,{pending:()=>{}},x=>{Wt({});var g=Be;s&&(g.c=s),a&&(n.$$events=a),o=e(x,n)||{},Yt()},u);var b=new Set,_=x=>{for(var g=0;g<x.length;g++){var S=x[g];if(!b.has(S)){b.add(S);var m=us(S);for(const L of[t,document]){var E=lr.get(L);E===void 0&&(E=new Map,lr.set(L,E));var I=E.get(S);I===void 0?(L.addEventListener(S,Ir,{passive:m}),E.set(S,1)):E.set(S,I+1)}}}};return _(pr(Hn)),Dr.add(_),()=>{for(var x of b)for(const m of[t,document]){var g=lr.get(m),S=g.get(x);--S==0?(m.removeEventListener(x,Ir),g.delete(x),g.size===0&&lr.delete(m)):g.set(x,S)}Dr.delete(_),d!==r&&d.parentNode?.removeChild(d)}});return bs.set(o,f),o}let bs=new WeakMap;class ms{anchor;#e=new Map;#o=new Map;#t=new Map;#i=new Set;#r=!0;constructor(t,r=!0){this.anchor=t,this.#r=r}#s=t=>{if(this.#e.has(t)){var r=this.#e.get(t),n=this.#o.get(r);if(n)Br(n),this.#i.delete(r);else{var a=this.#t.get(r);a&&(this.#o.set(r,a.effect),this.#t.delete(r),a.fragment.lastChild.remove(),this.anchor.before(a.fragment),n=a.effect)}for(const[s,l]of this.#e){if(this.#e.delete(s),s===t)break;const u=this.#t.get(l);u&&($e(u.effect),this.#t.delete(l))}for(const[s,l]of this.#o){if(s===r||this.#i.has(s))continue;const u=()=>{if(Array.from(this.#e.values()).includes(s)){var f=document.createDocumentFragment();Fn(l,f),f.append(st()),this.#t.set(s,{effect:l,fragment:f})}else $e(l);this.#i.delete(s),this.#o.delete(s)};this.#r||!n?(this.#i.add(s),At(l,u,!1)):u()}}};#n=t=>{this.#e.delete(t);const r=Array.from(this.#e.values());for(const[n,a]of this.#t)r.includes(n)||($e(a.effect),this.#t.delete(n))};ensure(t,r){var n=q,a=$n();if(r&&!this.#o.has(t)&&!this.#t.has(t))if(a){var s=document.createDocumentFragment(),l=st();s.append(l),this.#t.set(t,{effect:Re(()=>r(l)),fragment:s})}else this.#o.set(t,Re(()=>r(this.anchor)));if(this.#e.set(n,t),a){for(const[u,o]of this.#o)u===t?n.unskip_effect(o):n.skip_effect(o);for(const[u,o]of this.#t)u===t?n.unskip_effect(o.effect):n.skip_effect(o.effect);n.oncommit(this.#s),n.ondiscard(this.#n)}else this.#s(n)}}function N(e,t,r=!1){var n=new ms(e),a=r?Ut:0;function s(l,u){n.ensure(l,u)}Lr(()=>{var l=!1;t((u,o=0)=>{l=!0,s(o,u)}),l||s(!1,null)},a)}function vt(e,t){return t}function gs(e,t,r){for(var n=[],a=t.length,s,l=t.length,u=0;u<a;u++){let b=t[u];At(b,()=>{if(s){if(s.pending.delete(b),s.done.add(b),s.pending.size===0){var _=e.outrogroups;Mr(pr(s.done)),_.delete(s),_.size===0&&(e.outrogroups=null)}}else l-=1},!1)}if(l===0){var o=n.length===0&&r!==null;if(o){var f=r,d=f.parentNode;Ja(d),d.append(f),e.items.clear()}Mr(t,!o)}else s={pending:new Set(t),done:new Set},(e.outrogroups??=new Set).add(s)}function Mr(e,t=!0){for(var r=0;r<e.length;r++)$e(e[r],t)}var Zr;function pt(e,t,r,n,a,s=null){var l=e,u=new Map,o=(t&an)!==0;if(o){var f=e;l=f.appendChild(st())}var d=null,b=gn(()=>{var E=r();return en(E)?E:E==null?[]:pr(E)}),_,x=!0;function g(){m.fallback=d,xs(m,_,l,t,n),d!==null&&(_.length===0?(d.f&rt)===0?Br(d):(d.f^=rt,Xt(d,null,l)):At(d,()=>{d=null}))}var S=Lr(()=>{_=i(b);for(var E=_.length,I=new Set,L=q,V=$n(),te=0;te<E;te+=1){var C=_[te],w=n(C,te),F=x?null:u.get(w);F?(F.v&&Bt(F.v,C),F.i&&Bt(F.i,te),V&&L.unskip_effect(F.e)):(F=ys(u,x?l:Zr??=st(),C,w,te,a,t,r),x||(F.e.f|=rt),u.set(w,F)),I.add(w)}if(E===0&&s&&!d&&(x?d=Re(()=>s(l)):(d=Re(()=>s(Zr??=st())),d.f|=rt)),E>I.size&&fa(),!x)if(V){for(const[ue,Z]of u)I.has(ue)||L.skip_effect(Z.e);L.oncommit(g),L.ondiscard(()=>{})}else g();i(b)}),m={effect:S,items:u,outrogroups:null,fallback:d};x=!1}function Jt(e){for(;e!==null&&(e.f&Ye)===0;)e=e.next;return e}function xs(e,t,r,n,a){var s=(n&ya)!==0,l=t.length,u=e.items,o=Jt(e.effect.first),f,d=null,b,_=[],x=[],g,S,m,E;if(s)for(E=0;E<l;E+=1)g=t[E],S=a(g,E),m=u.get(S).e,(m.f&rt)===0&&(m.nodes?.a?.measure(),(b??=new Set).add(m));for(E=0;E<l;E+=1){if(g=t[E],S=a(g,E),m=u.get(S).e,e.outrogroups!==null)for(const Z of e.outrogroups)Z.pending.delete(m),Z.done.delete(m);if((m.f&rt)!==0)if(m.f^=rt,m===o)Xt(m,null,r);else{var I=d?d.next:o;m===e.effect.last&&(e.effect.last=m.prev),m.prev&&(m.prev.next=m.next),m.next&&(m.next.prev=m.prev),ut(e,d,m),ut(e,m,I),Xt(m,I,r),d=m,_=[],x=[],o=Jt(d.next);continue}if((m.f&Me)!==0&&(Br(m),s&&(m.nodes?.a?.unfix(),(b??=new Set).delete(m))),m!==o){if(f!==void 0&&f.has(m)){if(_.length<x.length){var L=x[0],V;d=L.prev;var te=_[0],C=_[_.length-1];for(V=0;V<_.length;V+=1)Xt(_[V],L,r);for(V=0;V<x.length;V+=1)f.delete(x[V]);ut(e,te.prev,C.next),ut(e,d,te),ut(e,C,L),o=L,d=C,E-=1,_=[],x=[]}else f.delete(m),Xt(m,o,r),ut(e,m.prev,m.next),ut(e,m,d===null?e.effect.first:d.next),ut(e,d,m),d=m;continue}for(_=[],x=[];o!==null&&o!==m;)(f??=new Set).add(o),x.push(o),o=Jt(o.next);if(o===null)continue}(m.f&rt)===0&&_.push(m),d=m,o=Jt(m.next)}if(e.outrogroups!==null){for(const Z of e.outrogroups)Z.pending.size===0&&(Mr(pr(Z.done)),e.outrogroups?.delete(Z));e.outrogroups.size===0&&(e.outrogroups=null)}if(o!==null||f!==void 0){var w=[];if(f!==void 0)for(m of f)(m.f&Me)===0&&w.push(m);for(;o!==null;)(o.f&Me)===0&&o!==e.fallback&&w.push(o),o=Jt(o.next);var F=w.length;if(F>0){var ue=(n&an)!==0&&l===0?r:null;if(s){for(E=0;E<F;E+=1)w[E].nodes?.a?.measure();for(E=0;E<F;E+=1)w[E].nodes?.a?.fix()}gs(e,w,ue)}}s&&at(()=>{if(b!==void 0)for(m of b)m.nodes?.a?.apply()})}function ys(e,t,r,n,a,s,l,u){var o=(l&ga)!==0?(l&wa)===0?Ya(r,!1,!1):Mt(r):null,f=(l&xa)!==0?Mt(a):null;return{v:o,i:f,e:Re(()=>(s(t,o??r,f??a,u),()=>{e.delete(n)}))}}function Xt(e,t,r){if(e.nodes)for(var n=e.nodes.start,a=e.nodes.end,s=t&&(t.f&rt)===0?t.nodes.start:r;n!==null;){var l=ar(n);if(s.before(n),n===a)return;n=l}}function ut(e,t,r){t===null?e.effect.first=r:t.next=r,r===null?e.effect.last=t:r.prev=t}function ws(e,t,r){var n=e==null?"":""+e;return t&&(n=n?n+" "+t:t),n===""?null:n}function ks(e,t){return e==null?null:String(e)}function Se(e,t,r,n,a,s){var l=e.__className;if(l!==r||l===void 0){var u=ws(r,n);u==null?e.removeAttribute("class"):e.className=u,e.__className=r}return s}function Ts(e,t,r,n){var a=e.__style;if(a!==t){var s=ks(t);s==null?e.removeAttribute("style"):e.style.cssText=s,e.__style=t}return n}const Es=Symbol("is custom element"),Ss=Symbol("is html");function $s(e,t){var r=Wn(e);r.checked!==(r.checked=t??void 0)&&(e.checked=t)}function Or(e,t,r,n){var a=Wn(e);a[t]!==(a[t]=r)&&(t==="loading"&&(e[oa]=r),r==null?e.removeAttribute(t):typeof r!="string"&&As(e).includes(t)?e[t]=r:e.setAttribute(t,r))}function Wn(e){return e.__attributes??={[Es]:e.nodeName.includes("-"),[Ss]:e.namespaceURI===sn}}var Xr=new Map;function As(e){var t=e.getAttribute("is")||e.nodeName,r=Xr.get(t);if(r)return r;Xr.set(t,r=[]);for(var n,a=e,s=Element.prototype;s!==a;){n=Xn(a);for(var l in n)n[l].set&&r.push(l);a=tn(a)}return r}function dt(e,t,r=t){var n=new WeakSet;Qa(e,"input",async a=>{var s=a?e.defaultValue:e.value;if(s=yr(e)?wr(s):s,r(s),q!==null&&n.add(q),await ls(),s!==(s=t())){var l=e.selectionStart,u=e.selectionEnd,o=e.value.length;if(e.value=s??"",u!==null){var f=e.value.length;l===u&&u===o&&f>o?(e.selectionStart=f,e.selectionEnd=f):(e.selectionStart=l,e.selectionEnd=Math.min(u,f))}}}),zr(t)==null&&e.value&&(r(yr(e)?wr(e.value):e.value),q!==null&&n.add(q)),Dn(()=>{var a=t();if(e===document.activeElement){var s=Sr??q;if(n.has(s))return}yr(e)&&a===wr(e.value)||e.type==="date"&&!a&&!e.value||a!==e.value&&(e.value=a??"")})}function yr(e){var t=e.type;return t==="number"||t==="range"}function wr(e){return e===""?null:+e}let fr=!1;function Cs(e){var t=fr;try{return fr=!1,[e(),fr]}finally{fr=t}}function _t(e,t,r,n){var a=(r&Ea)!==0,s=(r&Sa)!==0,l=n,u=!0,o=()=>(u&&(u=!1,l=s?zr(n):n),l),f;if(a){var d=ur in e||ia in e;f=Nt(e,t)?.set??(d&&t in e?I=>e[t]=I:void 0)}var b,_=!1;a?[b,_]=Cs(()=>e[t]):b=e[t],b===void 0&&n!==void 0&&(b=o(),f&&(pa(),f(b)));var x;if(x=()=>{var I=e[t];return I===void 0?o():(u=!0,I)},(r&Ta)===0)return x;if(f){var g=e.$$legacy;return(function(I,L){return arguments.length>0?((!L||g||_)&&f(L?x():I),I):x()})}var S=!1,m=((r&ka)!==0?hr:gn)(()=>(S=!1,x()));a&&i(m);var E=U;return(function(I,L){if(arguments.length>0){const V=L?i(m):a?Ie(I):I;return c(m,V),S=!0,l!==void 0&&(l=V),I}return gt&&S||(E.f&nt)!==0?m.v:i(m)})}const Ds="5";typeof window<"u"&&((window.__svelte??={}).v??=new Set).add(Ds);const ye="";async function Pr(){const e=await fetch(`${ye}/api/system/info`);if(!e.ok)throw new Error(`HTTP ${e.status}: ${e.statusText}`);const t=await e.json();return{...t,freeHeap:t.free_heap}}async function Is(){const e=await fetch(`${ye}/api/system/reboot`,{method:"POST"});if(!e.ok)throw new Error(`HTTP ${e.status}: ${e.statusText}`);return e.json()}async function Yn(){const e=await fetch(`${ye}/api/ota/status`);if(!e.ok)throw new Error(`HTTP ${e.status}: ${e.statusText}`);return e.json()}async function Ms(e){const t=await fetch(`${ye}/api/ota/frontend`,{method:"POST",body:e,headers:{"Content-Type":"application/octet-stream"}});if(!t.ok){const r=await t.text();throw new Error(`Upload failed (${t.status}): ${r||t.statusText}`)}return t.json()}async function Os(e){const t=await fetch(`${ye}/api/ota/firmware`,{method:"POST",body:e,headers:{"Content-Type":"application/octet-stream"}});if(!t.ok){const r=await t.text();throw new Error(`Upload failed (${t.status}): ${r||t.statusText}`)}return t.json()}async function Ps(e){const t=await fetch(`${ye}/api/ota/bundle`,{method:"POST",body:e,headers:{"Content-Type":"application/octet-stream"}});if(!t.ok){const r=await t.text();throw new Error(`Upload failed (${t.status}): ${r||t.statusText}`)}return t.json()}async function Fs(){const e=await fetch(`${ye}/api/users`);if(!e.ok)throw new Error(`HTTP ${e.status}: ${e.statusText}`);return e.json()}async function Ns(e){const t=await fetch(`${ye}/api/users`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:e})});if(!t.ok){const r=await t.text();throw new Error(`Failed (${t.status}): ${r||t.statusText}`)}return t.json()}async function Rs(e){const t=await fetch(`${ye}/api/users?id=${e}`,{method:"DELETE"});if(!t.ok){const r=await t.text();throw new Error(`Failed (${t.status}): ${r||t.statusText}`)}return t.json()}async function Us(e,t){const r=await fetch(`${ye}/api/users/update`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:e,name:t})});if(!r.ok){const n=await r.text();throw new Error(`Failed (${r.status}): ${n||r.statusText}`)}return r.json()}async function Ls(e){const t=await fetch(`${ye}/api/tasks?user_id=${e}`);if(!t.ok)throw new Error(`HTTP ${t.status}: ${t.statusText}`);return t.json()}async function js(){const e=await fetch(`${ye}/api/tasks/upcoming`);if(!e.ok)throw new Error(`HTTP ${e.status}: ${e.statusText}`);return e.json()}async function Bs(e,t,r){const n=await fetch(`${ye}/api/tasks`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({user_id:e,title:t,due_date:r})});if(!n.ok){const a=await n.text();throw new Error(`Failed (${n.status}): ${a||n.statusText}`)}return n.json()}async function Qr(e,t){const r=await fetch(`${ye}/api/tasks/update`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:e,...t})});if(!r.ok){const n=await r.text();throw new Error(`Failed (${r.status}): ${n||r.statusText}`)}return r.json()}async function zs(e){const t=await fetch(`${ye}/api/tasks?id=${e}`,{method:"DELETE"});if(!t.ok){const r=await t.text();throw new Error(`Failed (${t.status}): ${r||t.statusText}`)}return t.json()}var Hs=k('<span class="ml-1"> </span>'),qs=k('<div class="bg-success/10 border border-success/20 text-success p-3 rounded-lg text-xs flex items-center gap-2"><span class="w-1.5 h-1.5 rounded-full bg-success"></span> Update successful! Rebooting device...</div>'),Vs=k('<div class="text-xs font-medium text-text-primary"> </div> <div class="text-[10px] text-text-secondary"> </div>',1),Ws=k('<div class="text-xs text-text-primary"> </div> <div class="text-[10px] text-text-secondary">or click to browse</div>',1),Ys=k('<button class="w-full py-2 text-xs font-bold rounded-lg transition-colors bg-accent text-white hover:brightness-110 disabled:opacity-40"> </button>'),Ks=k('<div class="w-full bg-border rounded-full h-1 mt-1 overflow-hidden"><div class="bg-accent h-1 rounded-full transition-all duration-300"></div></div>'),Gs=k('<p class="text-[10px] text-danger mt-1 bg-danger/5 p-2 rounded border border-danger/10"> </p>'),Js=k('<div role="button" aria-label="Upload data" tabindex="0"><input type="file" class="absolute inset-0 opacity-0 cursor-pointer"/> <div class="text-2xl"> </div> <!></div> <!> <!>',1),Zs=k('<div class="pt-2 border-t border-border/50 space-y-3"><div class="flex items-center justify-between"><h3 class="text-xs font-bold text-text-primary"> </h3> <div class="text-[10px] text-text-secondary">Target: <span class="font-mono text-accent"> </span> <!></div></div> <!></div>'),Xs=k('<div class="bg-bg-card border border-border rounded-xl overflow-hidden mt-4"><div class="px-5 py-3 border-b border-border flex items-center justify-between"><h2 class="text-sm font-semibold text-text-primary uppercase tracking-wider">Updates & Maintenance</h2> <div class="flex gap-2"><button>Frontend OTA</button> <button>Firmware</button> <button>Universal Bundle</button></div></div> <div class="p-5 space-y-4"><div class="grid grid-cols-2 gap-4"><div class="bg-bg-primary/30 p-3 rounded-lg border border-border/50"><div class="text-[10px] uppercase text-text-secondary font-bold mb-1">UI Version</div> <div class="text-sm font-mono text-accent"></div> <div class="text-[9px] text-text-secondary mt-1"> <!></div></div> <div class="bg-bg-primary/30 p-3 rounded-lg border border-border/50"><div class="text-[10px] uppercase text-text-secondary font-bold mb-1">FW Version</div> <div class="text-sm font-mono text-text-primary"> </div> <div class="text-[9px] text-text-secondary mt-1"> </div></div></div> <!></div></div>');function Qs(e,t){Wt(t,!0);let r=_t(t,"onReboot",3,null),n=A("idle"),a=A(""),s=A(0),l=A(Ie({active_slot:-1,active_partition:"—",target_partition:"—",partitions:[],running_firmware_label:"—"})),u=A(Ie({firmware:"—"})),o=A(null),f=A(!1),d=A("frontend"),b=A(!1);async function _(){c(n,"loading_status");try{await(async C=>{var w=na(C,2);c(l,w[0],!0),c(u,w[1],!0)})(await Promise.all([Yn(),Pr()])),c(n,"idle")}catch(C){c(n,"error"),c(a,"Failed to fetch OTA status: "+C.message)}}zt(()=>{_()});function x(C){const w=C.target.files;w&&w.length>0&&S(w[0])}function g(C){C.preventDefault(),c(b,!1);const w=C.dataTransfer.files;w&&w.length>0&&S(w[0])}function S(C){i(d)==="bundle"?C.name.endsWith(".bundle")?(c(o,C,!0),c(a,"")):(c(o,null),c(a,"Please select a valid .bundle file")):C.name.endsWith(".bin")?(c(o,C,!0),c(a,"")):(c(o,null),c(a,"Please select a valid .bin file"))}async function m(){if(!i(o))return;c(n,"uploading"),c(a,""),c(s,0);const C=setInterval(()=>{i(s)<90&&c(s,i(s)+5)},500);try{i(d)==="frontend"?await Ms(i(o)):i(d)==="firmware"?await Os(i(o)):await Ps(i(o)),clearInterval(C),c(s,100),c(n,"success"),r()&&r()()}catch(w){clearInterval(C),c(s,0),c(n,"error"),c(a,w.message,!0)}}function E(C){i(f)&&i(d)===C?c(f,!1):(c(f,!0),c(d,C,!0),c(o,null),c(a,""))}const I=mn(()=>()=>i(d)==="bundle"?"FW + UI":i(d)==="frontend"?i(l).target_partition:(i(l).running_firmware_label||"ota_0")==="ota_0"?"ota_1":"ota_0");var L=Vn(),V=Ue(L);{var te=C=>{var w=Xs(),F=v(w),ue=h(v(F),2),Z=v(ue),pe=h(Z,2),we=h(pe,2),Je=h(F,2),_e=v(Je),T=v(_e),D=h(v(T),2);D.textContent="v0.1.18";var W=h(D,2),le=v(W),ge=h(le);{var G=Y=>{var M=qn();R(se=>O(M,`(${se??""} KB free)`),[()=>(i(l).partitions.find(se=>se.label===i(l).active_partition)?.free/1024).toFixed(0)]),y(Y,M)};N(ge,Y=>{i(l).partitions&&Y(G)})}var ne=h(T,2),Ae=h(v(ne),2),ae=v(Ae),p=h(Ae,2),$=v(p),j=h(_e,2);{var J=Y=>{var M=Zs(),se=v(M),ke=v(se),ie=v(ke),he=h(ke,2),oe=h(v(he)),Ze=v(oe),it=h(oe,2);{var wt=be=>{var X=Hs(),B=v(X);R(Q=>O(B,`(${Q??""} MB)`),[()=>(i(l).partitions.find(Q=>Q.label===i(l).target_partition)?.size/1024/1024).toFixed(1)]),y(be,X)};N(it,be=>{i(d)==="frontend"&&i(l).partitions&&be(wt)})}var ot=h(se,2);{var Oe=be=>{var X=qs();y(be,X)},Pt=be=>{var X=Js(),B=Ue(X),Q=v(B),Pe=h(Q,2),K=v(Pe),Xe=h(Pe,2);{var Qe=H=>{var ee=Vs(),me=Ue(ee),et=v(me),Kt=h(me,2),Ft=v(Kt);R(Gt=>{O(et,i(o).name),O(Ft,`${Gt??""} KB`)},[()=>(i(o).size/1024).toFixed(1)]),y(H,ee)},lt=H=>{var ee=Ws(),me=Ue(ee),et=v(me);R(()=>O(et,`Drop ${i(d)==="bundle"?"Universal .bundle":i(d)==="frontend"?"UI .bin":"Firmware .bin"} here`)),y(H,ee)};N(Xe,H=>{i(o)?H(Qe):H(lt,!1)})}var Ke=h(B,2);{var kt=H=>{var ee=Ys(),me=v(ee);R(()=>{ee.disabled=i(n)==="uploading",O(me,i(n)==="uploading"?"Flashing...":`Update ${i(d)==="bundle"?"Everything":i(d)==="frontend"?"UI":"Firmware"}`)}),z("click",ee,m),y(H,ee)};N(Ke,H=>{i(o)&&H(kt)})}var Tt=h(Ke,2);{var Fe=H=>{var ee=Ks(),me=v(ee);R(()=>Ts(me,`width: ${i(s)??""}%`)),y(H,ee)},xe=H=>{var ee=Gs(),me=v(ee);R(()=>O(me,i(a))),y(H,ee)};N(Tt,H=>{i(n)==="uploading"?H(Fe):i(n)==="error"&&H(xe,1)})}R(()=>{Se(B,1,`relative border-2 border-dashed rounded-xl p-6 transition-all duration-200 flex flex-col items-center justify-center gap-2
-                     ${i(b)?"border-accent bg-accent/5":"border-border hover:border-border-hover bg-bg-primary/20"}
-                     ${i(n)==="uploading"?"opacity-50 pointer-events-none":""}`),Or(Q,"accept",i(d)==="bundle"?".bundle":".bin"),O(K,i(d)==="frontend"?"🎨":"⚙️")}),Dt("dragover",B,H=>{H.preventDefault(),c(b,!0)}),Dt("dragleave",B,()=>c(b,!1)),Dt("drop",B,g),z("change",Q,x),y(be,X)};N(ot,be=>{i(n)==="success"?be(Oe):be(Pt,!1)})}R(be=>{O(ie,`OTA Upgrade (${i(d)==="frontend"?"UI":"Firmware"})`),O(Ze,be)},[()=>i(I)()]),y(Y,M)};N(j,Y=>{i(f)&&Y(J)})}R(()=>{Se(Z,1,`text-[10px] font-bold uppercase tracking-tight px-2 py-1 rounded transition-colors
-                   ${i(f)&&i(d)==="frontend"?"bg-accent text-white":"bg-border text-text-secondary hover:text-text-primary"}`),Se(pe,1,`text-[10px] font-bold uppercase tracking-tight px-2 py-1 rounded transition-colors
-                   ${i(f)&&i(d)==="firmware"?"bg-accent text-white":"bg-border text-text-secondary hover:text-text-primary"}`),Se(we,1,`text-[10px] font-bold uppercase tracking-tight px-2 py-1 rounded transition-colors
-                   ${i(f)&&i(d)==="bundle"?"bg-accent text-white":"bg-border text-text-secondary hover:text-text-primary"}`),O(le,`Slot: ${i(l).active_partition??""} `),O(ae,i(u).firmware),O($,`Active: ${i(l).active_slot===0?"ota_0":"ota_1"}`)}),z("click",Z,()=>E("frontend")),z("click",pe,()=>E("firmware")),z("click",we,()=>E("bundle")),y(C,w)};N(V,C=>{C(te)})}y(e,L),Yt()}ir(["click","change"]);var ei=k('<span class="sidebar-title svelte-1nhzsi7">Menu</span>'),ti=k('<span class="nav-label svelte-1nhzsi7"> </span>'),ri=k('<button><span class="nav-icon svelte-1nhzsi7"> </span> <!></button>'),ni=k('<aside><div class="sidebar-header svelte-1nhzsi7"><!> <button><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" class="svelte-1nhzsi7"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button></div> <nav class="sidebar-nav svelte-1nhzsi7"></nav></aside>');function ai(e,t){Wt(t,!0);let r=_t(t,"currentView",3,"dashboard"),n=_t(t,"onNavigate",3,()=>{}),a=_t(t,"isOpen",3,!1),s=_t(t,"onToggle",3,null),l=A(!1);zt(()=>{typeof window<"u"&&window.innerWidth<=1024&&window.innerWidth>768&&c(l,!0)});const u=[{id:"dashboard",label:"Dashboard",icon:"🏠"},{id:"tasks",label:"Tasks",icon:"📋"},{id:"users",label:"Users",icon:"👥"}];var o=ni(),f=v(o),d=v(f);{var b=g=>{var S=ei();y(g,S)};N(d,g=>{i(l)||g(b)})}var _=h(d,2),x=h(f,2);pt(x,21,()=>u,vt,(g,S)=>{var m=ri(),E=v(m),I=v(E),L=h(E,2);{var V=te=>{var C=ti(),w=v(C);R(()=>O(w,i(S).label)),y(te,C)};N(L,te=>{i(l)||te(V)})}R(()=>{Se(m,1,`nav-item ${r()===i(S).id?"active":""}`,"svelte-1nhzsi7"),Or(m,"title",i(S).label),O(I,i(S).icon)}),z("click",m,()=>n()(i(S).id)),y(g,m)}),R(()=>{Se(o,1,`sidebar ${i(l)?"collapsed":""} ${a()?"mobile-open":""}`,"svelte-1nhzsi7"),Se(_,1,`collapse-btn ${s()?"mobile-only":""}`,"svelte-1nhzsi7"),Or(_,"title",i(l)?"Expand":"Collapse")}),z("click",_,()=>s()?s()():c(l,!i(l))),y(e,o),Yt()}ir(["click"]);var si=k('<div role="button" tabindex="0"><span class="user-name"> </span></div>'),ii=k('<div class="user-bar svelte-mekxsd"><div class="user-chips svelte-mekxsd"></div></div>'),oi=k('<div class="modal-overlay svelte-mekxsd"><form class="add-user-modal svelte-mekxsd"><h3 class="text-lg font-semibold">Add User</h3> <input type="text" placeholder="Name..." class="modal-input svelte-mekxsd"/> <div class="modal-actions svelte-mekxsd"><button type="button" class="btn-secondary svelte-mekxsd">Cancel</button> <button type="submit" class="btn-primary svelte-mekxsd">Add User</button></div></form></div>'),li=k('<form class="edit-row svelte-mekxsd"><input type="text" class="edit-input svelte-mekxsd"/> <div class="edit-actions svelte-mekxsd"><button type="submit" class="save-btn svelte-mekxsd" title="Save">✓</button> <button type="button" class="cancel-btn svelte-mekxsd" title="Cancel">✕</button></div></form>'),fi=k('<button class="action-btn danger svelte-mekxsd">Delete!</button> <button class="action-btn svelte-mekxsd">Cancel</button>',1),ui=k('<button class="action-btn svelte-mekxsd" title="Delete">🗑️</button>'),di=k('<div class="user-info svelte-mekxsd"><span class="user-name-large svelte-mekxsd"> </span> <span class="user-id svelte-mekxsd"> </span></div> <div class="user-actions svelte-mekxsd"><button class="action-btn svelte-mekxsd" title="Rename">✏️</button> <!></div>',1),ci=k('<div class="user-item svelte-mekxsd"><!></div>'),vi=k('<div class="empty-state svelte-mekxsd">No users found. Create one to get started!</div>'),pi=k('<header class="manager-header svelte-mekxsd"><h1 class="text-xl font-bold text-text-primary">User Management</h1> <button class="add-user-btn-large svelte-mekxsd">+ New User</button></header> <!> <div class="user-list svelte-mekxsd"></div>',1),_i=k('<div class="user-error svelte-mekxsd"> </div>'),hi=k("<div><!> <!></div>");function Kn(e,t){Wt(t,!0);let r=_t(t,"selectedUserId",15,null),n=_t(t,"onUsersChanged",3,()=>{}),a=_t(t,"mode",3,"selector"),s=A(Ie([])),l=A(""),u=A(!1),o=A(""),f=A(null),d=A(null),b=A("");async function _(){try{c(s,await Fs(),!0),i(s).length>0&&!r()&&a()==="selector"&&r(i(s)[0].id),r()&&!i(s).find(w=>w.id===r())&&r(i(s).length>0?i(s)[0].id:null),c(o,"")}catch(w){c(o,w.message,!0)}}async function x(){if(i(l).trim())try{const w=await Ns(i(l).trim());c(l,""),c(u,!1),await _(),a()==="selector"&&r(w.id),n()()}catch(w){c(o,w.message,!0)}}async function g(w){try{await Rs(w),c(f,null),await _(),n()()}catch(F){c(o,F.message,!0)}}function S(w){c(d,w.id,!0),c(b,w.name,!0)}async function m(){if(i(b).trim())try{await Us(i(d),i(b).trim()),c(d,null),await _(),n()()}catch(w){c(o,w.message,!0)}}zt(()=>{_()});var E=hi(),I=v(E);{var L=w=>{var F=ii(),ue=v(F);pt(ue,21,()=>i(s),vt,(Z,pe)=>{var we=si(),Je=v(we),_e=v(Je);R(()=>{Se(we,1,`user-chip ${r()===i(pe).id?"selected":""}`,"svelte-mekxsd"),O(_e,i(pe).name)}),z("click",we,()=>r(i(pe).id)),z("keydown",we,T=>{T.key==="Enter"&&r(i(pe).id)}),y(Z,we)}),y(w,F)},V=w=>{var F=pi(),ue=Ue(F),Z=h(v(ue),2),pe=h(ue,2);{var we=_e=>{var T=oi(),D=v(T),W=h(v(D),2);Cr(W);var le=h(W,2),ge=v(le),G=h(ge,2);R(ne=>G.disabled=ne,[()=>!i(l).trim()]),Dt("submit",D,ne=>{ne.preventDefault(),x()}),dt(W,()=>i(l),ne=>c(l,ne)),z("click",ge,()=>{c(u,!1),c(l,"")}),y(_e,T)};N(pe,_e=>{i(u)&&_e(we)})}var Je=h(pe,2);pt(Je,21,()=>i(s),vt,(_e,T)=>{var D=ci(),W=v(D);{var le=G=>{var ne=li(),Ae=v(ne);Cr(Ae);var ae=h(Ae,2),p=h(v(ae),2);Dt("submit",ne,$=>{$.preventDefault(),m()}),dt(Ae,()=>i(b),$=>c(b,$)),z("click",p,()=>c(d,null)),y(G,ne)},ge=G=>{var ne=di(),Ae=Ue(ne),ae=v(Ae),p=v(ae),$=h(ae,2),j=v($),J=h(Ae,2),Y=v(J),M=h(Y,2);{var se=ie=>{var he=fi(),oe=Ue(he),Ze=h(oe,2);z("click",oe,()=>g(i(T).id)),z("click",Ze,()=>c(f,null)),y(ie,he)},ke=ie=>{var he=ui();z("click",he,()=>c(f,i(T).id,!0)),y(ie,he)};N(M,ie=>{i(f)===i(T).id?ie(se):ie(ke,!1)})}R(()=>{O(p,i(T).name),O(j,`ID: ${i(T).id??""}`)}),z("click",Y,()=>S(i(T))),y(G,ne)};N(W,G=>{i(d)===i(T).id?G(le):G(ge,!1)})}y(_e,D)},_e=>{var T=vi();y(_e,T)}),z("click",Z,()=>c(u,!0)),y(w,F)};N(I,w=>{a()==="selector"?w(L):w(V,!1)})}var te=h(I,2);{var C=w=>{var F=_i(),ue=v(F);R(()=>O(ue,i(o))),y(w,F)};N(te,w=>{i(o)&&w(C)})}R(()=>Se(E,1,`user-manager mode-${a()??""}`,"svelte-mekxsd")),y(e,E),Yt()}ir(["click","keydown"]);var bi=k('<button class="add-task-btn svelte-1mfdluf">+ Add Task</button>'),mi=k('<form class="add-task-form svelte-1mfdluf"><input type="text" placeholder="Task title..." class="task-input svelte-1mfdluf"/> <div class="date-time-row svelte-1mfdluf"><label class="date-time-field svelte-1mfdluf"><span class="field-label svelte-1mfdluf">Date</span> <input type="date" class="task-date-input svelte-1mfdluf"/></label> <label class="date-time-field svelte-1mfdluf"><span class="field-label svelte-1mfdluf">Time</span> <input type="time" class="task-time-input svelte-1mfdluf"/></label></div> <div class="form-actions svelte-1mfdluf"><button type="submit" class="btn-primary svelte-1mfdluf">Add</button> <button type="button" class="btn-secondary svelte-1mfdluf">Cancel</button></div></form>'),gi=k('<form class="edit-form svelte-1mfdluf"><input type="text" class="task-input svelte-1mfdluf"/> <div class="date-time-row svelte-1mfdluf"><label class="date-time-field svelte-1mfdluf"><span class="field-label svelte-1mfdluf">Date</span> <input type="date" class="task-date-input svelte-1mfdluf"/></label> <label class="date-time-field svelte-1mfdluf"><span class="field-label svelte-1mfdluf">Time</span> <input type="time" class="task-time-input svelte-1mfdluf"/></label></div> <div class="form-actions svelte-1mfdluf"><button type="submit" class="btn-primary btn-sm svelte-1mfdluf">Save</button> <button type="button" class="btn-secondary btn-sm svelte-1mfdluf">Cancel</button></div></form>'),xi=k('<button class="action-btn text-danger svelte-1mfdluf" title="Confirm">✓</button> <button class="action-btn svelte-1mfdluf" title="Cancel">✕</button>',1),yi=k('<button class="action-btn svelte-1mfdluf" title="Delete">🗑️</button>'),wi=k('<div class="task-left svelte-1mfdluf"><input type="checkbox" class="task-checkbox svelte-1mfdluf"/> <div class="task-info svelte-1mfdluf"><span class="task-text svelte-1mfdluf"> </span> <span> </span></div></div> <div class="task-actions svelte-1mfdluf"><button class="action-btn svelte-1mfdluf" title="Edit">✏️</button> <!></div>',1),ki=k("<div><!></div>"),Ti=k('<div class="empty-state svelte-1mfdluf">No tasks yet. Add one above!</div>'),Ei=k('<div class="task-header svelte-1mfdluf"><h2 class="task-title svelte-1mfdluf">Tasks</h2> <!></div> <!> <div class="task-list svelte-1mfdluf"></div>',1),Si=k('<div class="empty-state svelte-1mfdluf">Select or add a user to see their tasks.</div>'),$i=k('<div class="task-error svelte-1mfdluf"> </div>'),Ai=k('<div class="task-manager svelte-1mfdluf"><!> <!> <!></div>');function Ci(e,t){Wt(t,!0);let r=A(null),n=A(Ie([])),a=A(""),s=A(""),l=A(""),u=A(""),o=A(!1),f=A(null),d=A(""),b=A(""),_=A(""),x=A(null);async function g(){if(!i(r)){c(n,[],!0);return}try{c(n,await Ls(i(r)),!0),i(n).sort((T,D)=>T.due_date-D.due_date),c(a,"")}catch(T){c(a,T.message,!0)}}zt(()=>{i(r)?g():c(n,[],!0)});async function S(T){if(T.preventDefault(),!i(s).trim()||!i(l)||!i(u))return;const D=Math.floor(new Date(`${i(l)}T${i(u)}`).getTime()/1e3);try{await Bs(i(r),i(s).trim(),D),c(s,""),c(l,""),c(u,""),c(o,!1),await g()}catch(W){c(a,W.message,!0)}}async function m(T){try{await Qr(T.id,{completed:!T.completed}),await g()}catch(D){c(a,D.message,!0)}}function E(T){c(f,T.id,!0),c(d,T.title,!0);const D=V(T.due_date);c(b,D.day,!0),c(_,D.time,!0)}async function I(T){if(T.preventDefault(),!i(d).trim())return;const D=Math.floor(new Date(`${i(b)}T${i(_)}`).getTime()/1e3);try{await Qr(i(f),{title:i(d).trim(),due_date:D}),c(f,null),await g()}catch(W){c(a,W.message,!0)}}async function L(T){try{await zs(T),c(x,null),await g()}catch(D){c(a,D.message,!0)}}function V(T){const D=new Date(T*1e3),W=D.getFullYear(),le=String(D.getMonth()+1).padStart(2,"0"),ge=String(D.getDate()).padStart(2,"0"),G=String(D.getHours()).padStart(2,"0"),ne=String(D.getMinutes()).padStart(2,"0");return{day:`${W}-${le}-${ge}`,time:`${G}:${ne}`}}function te(){const T=V(Date.now()/1e3);c(l,T.day,!0),c(u,T.time,!0)}function C(T){const D=Date.now()/1e3,W=T-D,le=Math.abs(W);if(le<3600){const G=Math.round(le/60);return W<0?`${G}m ago`:`in ${G}m`}if(le<86400){const G=Math.round(le/3600);return W<0?`${G}h ago`:`in ${G}h`}const ge=Math.round(le/86400);return W<0?`${ge}d ago`:`in ${ge}d`}function w(T){return T<Date.now()/1e3}var F=Ai(),ue=v(F);Kn(ue,{onUsersChanged:g,get selectedUserId(){return i(r)},set selectedUserId(T){c(r,T,!0)}});var Z=h(ue,2);{var pe=T=>{var D=Ei(),W=Ue(D),le=h(v(W),2);{var ge=ae=>{var p=bi();z("click",p,()=>{c(o,!0),te()}),y(ae,p)};N(le,ae=>{i(o)||ae(ge)})}var G=h(W,2);{var ne=ae=>{var p=mi(),$=v(p);Cr($);var j=h($,2),J=v(j),Y=h(v(J),2),M=h(J,2),se=h(v(M),2),ke=h(j,2),ie=v(ke),he=h(ie,2);R(oe=>ie.disabled=oe,[()=>!i(s).trim()||!i(l)||!i(u)]),Dt("submit",p,S),dt($,()=>i(s),oe=>c(s,oe)),dt(Y,()=>i(l),oe=>c(l,oe)),dt(se,()=>i(u),oe=>c(u,oe)),z("click",he,()=>{c(o,!1),c(s,""),c(l,""),c(u,"")}),y(ae,p)};N(G,ae=>{i(o)&&ae(ne)})}var Ae=h(G,2);pt(Ae,21,()=>i(n),vt,(ae,p)=>{var $=ki(),j=v($);{var J=M=>{var se=gi(),ke=v(se),ie=h(ke,2),he=v(ie),oe=h(v(he),2),Ze=h(he,2),it=h(v(Ze),2),wt=h(ie,2),ot=h(v(wt),2);Dt("submit",se,I),dt(ke,()=>i(d),Oe=>c(d,Oe)),dt(oe,()=>i(b),Oe=>c(b,Oe)),dt(it,()=>i(_),Oe=>c(_,Oe)),z("click",ot,()=>c(f,null)),y(M,se)},Y=M=>{var se=wi(),ke=Ue(se),ie=v(ke),he=h(ie,2),oe=v(he),Ze=v(oe),it=h(oe,2),wt=v(it),ot=h(ke,2),Oe=v(ot),Pt=h(Oe,2);{var be=B=>{var Q=xi(),Pe=Ue(Q),K=h(Pe,2);z("click",Pe,()=>L(i(p).id)),z("click",K,()=>c(x,null)),y(B,Q)},X=B=>{var Q=yi();z("click",Q,()=>c(x,i(p).id,!0)),y(B,Q)};N(Pt,B=>{i(x)===i(p).id?B(be):B(X,!1)})}R((B,Q)=>{$s(ie,i(p).completed),O(Ze,i(p).title),Se(it,1,`task-due ${B??""}`,"svelte-1mfdluf"),O(wt,Q)},[()=>w(i(p).due_date)&&!i(p).completed?"text-overdue":"",()=>C(i(p).due_date)]),z("change",ie,()=>m(i(p))),z("click",Oe,()=>E(i(p))),y(M,se)};N(j,M=>{i(f)===i(p).id?M(J):M(Y,!1)})}R(M=>Se($,1,`task-item ${i(p).completed?"completed":""} ${M??""}`,"svelte-1mfdluf"),[()=>w(i(p).due_date)&&!i(p).completed?"overdue":""]),y(ae,$)},ae=>{var p=Ti();y(ae,p)}),y(T,D)},we=T=>{var D=Si();y(T,D)};N(Z,T=>{i(r)?T(pe):T(we,!1)})}var Je=h(Z,2);{var _e=T=>{var D=$i(),W=v(D);R(()=>O(W,i(a))),y(T,D)};N(Je,T=>{i(a)&&T(_e)})}y(e,F),Yt()}ir(["click","change"]);var Di=k('<button class="mobile-backdrop svelte-1n46o8q" aria-label="Close menu"></button>'),Ii=k('<div class="inline-flex items-center gap-2 bg-accent/10 border border-accent/20 rounded-full px-4 py-1.5 text-xs text-accent"><span class="w-2 h-2 rounded-full bg-accent animate-pulse"></span> <span>Connecting...</span></div>'),Mi=k('<div class="inline-flex items-center gap-2 bg-success/10 border border-success/20 rounded-full px-4 py-1.5 text-xs text-success"><span class="w-2 h-2 rounded-full bg-success animate-pulse"></span> <span>Connected</span></div>'),Oi=k('<div class="inline-flex items-center gap-2 bg-amber-500/10 border border-amber-500/20 rounded-full px-4 py-1.5 text-xs text-amber-400"><span class="w-2 h-2 rounded-full bg-amber-400 animate-pulse"></span> <span>Rebooting...</span></div>'),Pi=k('<div class="inline-flex items-center gap-2 bg-danger/10 border border-danger/20 rounded-full px-4 py-1.5 text-xs text-danger"><span class="w-2 h-2 rounded-full bg-danger"></span> <span> </span></div>'),Fi=k('<p class="text-[11px] text-text-secondary italic">No pending tasks</p>'),Ni=k('<div class="flex items-start gap-2"><span> </span> <span class="text-xs text-text-primary leading-tight"> </span></div>'),Ri=k('<div class="space-y-2"></div>'),Ui=k('<div class="p-4"><h3 class="text-xs font-bold text-accent mb-3 uppercase tracking-wider"> </h3> <!></div>'),Li=k('<div class="bg-bg-card border border-border rounded-xl overflow-hidden shadow-xl"><div class="px-5 py-3 border-b border-border"><h2 class="text-sm font-semibold text-text-primary uppercase tracking-wider">📋 Upcoming Tasks</h2></div> <div class="grid grid-cols-1 md:grid-cols-3 gap-0 divide-y md:divide-y-0 md:divide-x divide-border"></div></div>'),ji=k('<span class="inline-block w-16 h-4 bg-border rounded animate-pulse"></span>'),Bi=k('<div class="flex items-center justify-between px-5 py-3 hover:bg-bg-card-hover transition-colors"><div class="flex items-center gap-3"><span class="text-base"> </span> <span class="text-sm text-text-secondary"> </span></div> <span class="text-sm font-mono text-text-primary"><!></span></div>'),zi=k('<div class="p-5 text-center text-xs text-text-secondary animate-pulse">Loading memory layout...</div>'),Hi=k('<span class="text-[8px] bg-accent/20 text-accent px-1 rounded uppercase tracking-tighter">Active</span>'),qi=k('<span class="text-[9px] text-accent font-bold"> </span>'),Vi=k("<span> </span>"),Wi=k('<div class="px-5 py-2.5 flex items-center justify-between hover:bg-bg-card-hover transition-colors"><div class="flex flex-col"><div class="flex items-center gap-2"><span> </span> <!></div> <span class="text-[9px] text-text-secondary uppercase"> </span></div> <div class="text-right flex flex-col items-end"><div class="text-[11px] font-mono text-text-primary"> </div> <div class="flex items-center gap-1.5 mt-0.5"><!> <!></div></div></div>'),Yi=k(`<!> <div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-start"><div class="space-y-8"><div class="bg-bg-card border border-border rounded-xl overflow-hidden shadow-xl"><div class="px-5 py-3 border-b border-border"><h2 class="text-sm font-semibold text-text-primary uppercase tracking-wider">System Info</h2></div> <div class="divide-y divide-border"></div></div> <div class="bg-bg-card border border-border rounded-xl overflow-hidden shadow-xl"><div class="px-5 py-3 border-b border-border flex items-center justify-between"><h2 class="text-sm font-semibold text-text-primary uppercase tracking-wider">Partition Table</h2> <span class="text-[10px] text-text-secondary font-mono">Flash: 16MB</span></div> <div class="divide-y divide-border"><!></div></div></div> <div class="space-y-8"><div class="bg-bg-card border border-border rounded-xl p-5 shadow-xl"><div class="flex items-center justify-between"><div><h2 class="text-sm font-semibold text-text-primary uppercase tracking-wider">Device Control</h2> <p class="text-xs text-text-secondary mt-1">Restart the ESP32 microcontroller</p></div> <button class="px-4 py-2 text-sm font-medium rounded-lg transition-colors
-                         bg-danger/10 text-danger border border-danger/20
-                         hover:bg-danger/20 hover:border-danger/30
-                         disabled:opacity-40 disabled:cursor-not-allowed">Reboot</button></div></div> <!></div></div>`,1),Ki=k('<div class="bg-bg-card border border-border rounded-xl p-6 shadow-xl"><!></div>'),Gi=k('<div class="bg-bg-card border border-border rounded-xl p-8 shadow-xl"><!></div>'),Ji=k('<div class="fixed inset-0 bg-black/60 flex items-center justify-center z-50 p-4 backdrop-blur-sm"><div class="bg-bg-card border border-border rounded-xl p-6 max-w-sm w-full space-y-4 shadow-2xl"><h3 class="text-lg font-semibold text-text-primary">Confirm Reboot</h3> <p class="text-sm text-text-secondary">Are you sure you want to reboot the ESP32? The device will be temporarily unavailable.</p> <div class="flex gap-3 justify-end"><button class="px-4 py-2 text-sm rounded-lg bg-border/30 text-text-secondary hover:bg-border/50 transition-colors">Cancel</button> <button class="px-4 py-2 text-sm font-medium rounded-lg bg-danger text-white hover:bg-danger-hover transition-colors shadow-lg shadow-danger/20">Reboot Now</button></div></div></div>'),Zi=k('<div class="app-layout svelte-1n46o8q"><!> <!> <main class="main-content svelte-1n46o8q"><header class="mobile-header svelte-1n46o8q"><button class="hamburger svelte-1n46o8q"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" class="svelte-1n46o8q"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button> <span class="mobile-title svelte-1n46o8q">Calendink</span> <div style="width: 40px;"></div></header> <div class="w-full max-w-6xl mx-auto space-y-8"><div class="text-center"><h1 class="text-2xl font-bold text-accent">Calendink Provider 📅📅🚀🚀⚡✨</h1> <p class="text-text-secondary text-sm"></p> <div class="flex justify-center mt-4"><!></div></div> <!> <!></div></main></div>');function Xi(e,t){Wt(t,!0);let r=A("loading"),n=A(""),a=A(!1),s=A(!1),l=A("dashboard"),u=A(!1),o=A(Ie({chip:"—",freeHeap:0,uptime:0,firmware:"—",connection:"—"})),f=A(Ie({partitions:[],active_partition:"—",running_firmware_label:"—"})),d=A(Ie({users:[]}));function b(p){const $=Math.floor(p/86400),j=Math.floor(p%86400/3600),J=Math.floor(p%3600/60),Y=p%60,M=[];return $>0&&M.push(`${$}d`),j>0&&M.push(`${j}h`),J>0&&M.push(`${J}m`),M.push(`${Y}s`),M.join(" ")}function _(p){return p>=1048576?`${(p/1048576).toFixed(1)} MB`:p>=1024?`${(p/1024).toFixed(1)} KB`:`${p} B`}function x(p){const $=Date.now()/1e3,j=p-$,J=Math.abs(j);if(J<3600){const M=Math.round(J/60);return j<0?`${M}m ago`:`in ${M}m`}if(J<86400){const M=Math.round(J/3600);return j<0?`${M}h ago`:`in ${M}h`}const Y=Math.round(J/86400);return j<0?`${Y}d ago`:`in ${Y}d`}function g(p){return p<Date.now()/1e3}async function S(){try{const[p,$,j]=await Promise.all([Pr(),Yn(),js().catch(()=>({users:[]}))]);c(o,p,!0),c(f,$,!0),c(d,j,!0),c(r,"ok"),c(n,"")}catch(p){i(s)||(c(r,"error"),c(n,p.message||"Connection failed",!0))}}async function m(){c(a,!1),c(r,"rebooting"),c(s,!0);try{await Is()}catch{}}zt(()=>{S();const p=setInterval(S,5e3);return()=>clearInterval(p)}),zt(()=>{if(i(s)){const p=setInterval(async()=>{try{await Pr()&&(console.log("Device back online! Refreshing UI..."),window.location.reload())}catch{console.log("Waiting for device...")}},2e3);return()=>clearInterval(p)}});const E=mn(()=>[{label:"Chip",value:i(o).chip,icon:"🔧"},{label:"Free Heap",value:_(i(o).freeHeap),icon:"💾"},{label:"Uptime",value:b(i(o).uptime),icon:"⏱️"},{label:"Firmware",value:i(o).firmware,icon:"📦"},{label:"Connection",value:i(o).connection,icon:"🌐"}]);var I=Zi(),L=v(I);ai(L,{get currentView(){return i(l)},get isOpen(){return i(u)},onNavigate:p=>{c(l,p,!0),c(u,!1)},onToggle:()=>c(u,!i(u))});var V=h(L,2);{var te=p=>{var $=Di();z("click",$,()=>c(u,!1)),y(p,$)};N(V,p=>{i(u)&&p(te)})}var C=h(V,2),w=v(C),F=v(w),ue=h(w,2),Z=v(ue),pe=h(v(Z),2);pe.textContent="ESP32-S3 System Dashboard v0.1.18";var we=h(pe,2),Je=v(we);{var _e=p=>{var $=Ii();y(p,$)},T=p=>{var $=Mi();y(p,$)},D=p=>{var $=Oi();y(p,$)},W=p=>{var $=Pi(),j=h(v($),2),J=v(j);R(()=>O(J,`Offline — ${i(n)??""}`)),y(p,$)};N(Je,p=>{i(r)==="loading"?p(_e):i(r)==="ok"?p(T,1):i(r)==="rebooting"?p(D,2):p(W,!1)})}var le=h(Z,2);{var ge=p=>{var $=Yi(),j=Ue($);{var J=X=>{var B=Li(),Q=h(v(B),2);pt(Q,21,()=>i(d).users,vt,(Pe,K)=>{var Xe=Ui(),Qe=v(Xe),lt=v(Qe),Ke=h(Qe,2);{var kt=Fe=>{var xe=Fi();y(Fe,xe)},Tt=Fe=>{var xe=Ri();pt(xe,21,()=>i(K).tasks,vt,(H,ee)=>{var me=Ni(),et=v(me),Kt=v(et),Ft=h(et,2),Gt=v(Ft);R((mr,gr)=>{Se(et,1,`text-[10px] mt-0.5 ${mr??""} font-mono whitespace-nowrap`),O(Kt,gr),O(Gt,i(ee).title)},[()=>g(i(ee).due_date)?"text-danger":"text-text-secondary",()=>x(i(ee).due_date)]),y(H,me)}),y(Fe,xe)};N(Ke,Fe=>{i(K).tasks.length===0?Fe(kt):Fe(Tt,!1)})}R(()=>O(lt,i(K).name)),y(Pe,Xe)}),y(X,B)};N(j,X=>{i(d).users.length>0&&X(J)})}var Y=h(j,2),M=v(Y),se=v(M),ke=h(v(se),2);pt(ke,21,()=>i(E),vt,(X,B)=>{var Q=Bi(),Pe=v(Q),K=v(Pe),Xe=v(K),Qe=h(K,2),lt=v(Qe),Ke=h(Pe,2),kt=v(Ke);{var Tt=xe=>{var H=ji();y(xe,H)},Fe=xe=>{var H=qn();R(()=>O(H,i(B).value)),y(xe,H)};N(kt,xe=>{i(r)==="loading"?xe(Tt):xe(Fe,!1)})}R(()=>{O(Xe,i(B).icon),O(lt,i(B).label)}),y(X,Q)});var ie=h(se,2),he=h(v(ie),2),oe=v(he);{var Ze=X=>{var B=zi();y(X,B)},it=X=>{var B=Vn(),Q=Ue(B);pt(Q,17,()=>i(f).partitions,vt,(Pe,K)=>{var Xe=Wi(),Qe=v(Xe),lt=v(Qe),Ke=v(lt),kt=v(Ke),Tt=h(Ke,2);{var Fe=Ce=>{var ft=Hi();y(Ce,ft)};N(Tt,Ce=>{(i(K).label===i(f).active_partition||i(K).label===i(f).running_firmware_label)&&Ce(Fe)})}var xe=h(lt,2),H=v(xe),ee=h(Qe,2),me=v(ee),et=v(me),Kt=h(me,2),Ft=v(Kt);{var Gt=Ce=>{var ft=qi(),xr=v(ft);R(()=>O(xr,`v${i(K).app_version??""}`)),y(Ce,ft)};N(Ft,Ce=>{i(K).app_version&&Ce(Gt)})}var mr=h(Ft,2);{var gr=Ce=>{var ft=Vi(),xr=v(ft);R(Gn=>{Se(ft,1,`text-[9px] ${i(K).free>1024?"text-success":"text-text-secondary"} font-bold`),O(xr,`${Gn??""} free`)},[()=>_(i(K).free)]),y(Ce,ft)};N(mr,Ce=>{i(K).free!==void 0&&Ce(gr)})}R(Ce=>{Se(Ke,1,`text-[11px] font-mono font-bold ${i(K).label===i(f).active_partition||i(K).label===i(f).running_firmware_label?"text-accent":"text-text-primary"}`),O(kt,i(K).label),O(H,`Type ${i(K).type??""} / Sub ${i(K).subtype??""}`),O(et,Ce)},[()=>_(i(K).size)]),y(Pe,Xe)}),y(X,B)};N(oe,X=>{i(r)==="loading"?X(Ze):X(it,!1)})}var wt=h(M,2),ot=v(wt),Oe=v(ot),Pt=h(v(Oe),2),be=h(ot,2);Qs(be,{onReboot:()=>{c(r,"rebooting"),c(s,!0)}}),R(()=>Pt.disabled=i(r)==="rebooting"||i(r)==="loading"),z("click",Pt,()=>c(a,!0)),y(p,$)},G=p=>{var $=Ki(),j=v($);Ci(j,{}),y(p,$)},ne=p=>{var $=Gi(),j=v($);Kn(j,{mode:"manager"}),y(p,$)};N(le,p=>{i(l)==="dashboard"?p(ge):i(l)==="tasks"?p(G,1):i(l)==="users"&&p(ne,2)})}var Ae=h(le,2);{var ae=p=>{var $=Ji(),j=v($),J=h(v(j),4),Y=v(J),M=h(Y,2);z("click",Y,()=>c(a,!1)),z("click",M,m),y(p,$)};N(Ae,p=>{i(a)&&p(ae)})}z("click",F,()=>c(u,!0)),y(e,I),Yt()}ir(["click"]);_s(Xi,{target:document.getElementById("app")});</script>
-    <style rel="stylesheet" crossorigin>@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-divide-x-reverse:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-xl:36rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-tight:1.25;--radius-lg:.5rem;--radius-xl:.75rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg-primary:#0f172a;--color-bg-card:#1e293b;--color-bg-card-hover:#263548;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-accent:#38bdf8;--color-border:#334155;--color-success:#22c55e;--color-danger:#ef4444;--color-danger-hover:#f87171}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.end\!{inset-inline-end:var(--spacing)!important}.isolate{isolation:isolate}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-1{margin-left:calc(var(--spacing) * 1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-16{width:calc(var(--spacing) * 16)}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:var(--color-border)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-accent{border-color:var(--color-accent)}.border-accent\/20{border-color:#38bdf833}@supports (color:color-mix(in lab,red,red)){.border-accent\/20{border-color:color-mix(in oklab,var(--color-accent) 20%,transparent)}}.border-amber-500{border-color:var(--color-amber-500)}.border-amber-500\/20{border-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/20{border-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent)}}.border-border{border-color:var(--color-border)}.border-border\/50{border-color:#33415580}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--color-border) 50%,transparent)}}.border-danger{border-color:var(--color-danger)}.border-danger\/10{border-color:#ef44441a}@supports (color:color-mix(in lab,red,red)){.border-danger\/10{border-color:color-mix(in oklab,var(--color-danger) 10%,transparent)}}.border-danger\/20{border-color:#ef444433}@supports (color:color-mix(in lab,red,red)){.border-danger\/20{border-color:color-mix(in oklab,var(--color-danger) 20%,transparent)}}.border-success{border-color:var(--color-success)}.border-success\/20{border-color:#22c55e33}@supports (color:color-mix(in lab,red,red)){.border-success\/20{border-color:color-mix(in oklab,var(--color-success) 20%,transparent)}}.bg-accent{background-color:var(--color-accent)}.bg-accent\/5{background-color:#38bdf80d}@supports (color:color-mix(in lab,red,red)){.bg-accent\/5{background-color:color-mix(in oklab,var(--color-accent) 5%,transparent)}}.bg-accent\/10{background-color:#38bdf81a}@supports (color:color-mix(in lab,red,red)){.bg-accent\/10{background-color:color-mix(in oklab,var(--color-accent) 10%,transparent)}}.bg-accent\/20{background-color:#38bdf833}@supports (color:color-mix(in lab,red,red)){.bg-accent\/20{background-color:color-mix(in oklab,var(--color-accent) 20%,transparent)}}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent)}}.bg-bg-card{background-color:var(--color-bg-card)}.bg-bg-primary{background-color:var(--color-bg-primary)}.bg-bg-primary\/20{background-color:#0f172a33}@supports (color:color-mix(in lab,red,red)){.bg-bg-primary\/20{background-color:color-mix(in oklab,var(--color-bg-primary) 20%,transparent)}}.bg-bg-primary\/30{background-color:#0f172a4d}@supports (color:color-mix(in lab,red,red)){.bg-bg-primary\/30{background-color:color-mix(in oklab,var(--color-bg-primary) 30%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-border{background-color:var(--color-border)}.bg-border\/30{background-color:#3341554d}@supports (color:color-mix(in lab,red,red)){.bg-border\/30{background-color:color-mix(in oklab,var(--color-border) 30%,transparent)}}.bg-danger{background-color:var(--color-danger)}.bg-danger\/5{background-color:#ef44440d}@supports (color:color-mix(in lab,red,red)){.bg-danger\/5{background-color:color-mix(in oklab,var(--color-danger) 5%,transparent)}}.bg-danger\/10{background-color:#ef44441a}@supports (color:color-mix(in lab,red,red)){.bg-danger\/10{background-color:color-mix(in oklab,var(--color-danger) 10%,transparent)}}.bg-success{background-color:var(--color-success)}.bg-success\/10{background-color:#22c55e1a}@supports (color:color-mix(in lab,red,red)){.bg-success\/10{background-color:color-mix(in oklab,var(--color-success) 10%,transparent)}}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-2{padding-top:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-accent{color:var(--color-accent)}.text-amber-400{color:var(--color-amber-400)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-danger{--tw-shadow-color:#ef4444}@supports (color:color-mix(in lab,red,red)){.shadow-danger{--tw-shadow-color:color-mix(in oklab, var(--color-danger) var(--tw-shadow-alpha), transparent)}}.shadow-danger\/20{--tw-shadow-color:#ef444433}@supports (color:color-mix(in lab,red,red)){.shadow-danger\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-danger) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media(hover:hover){.hover\:border-danger\/30:hover{border-color:#ef44444d}@supports (color:color-mix(in lab,red,red)){.hover\:border-danger\/30:hover{border-color:color-mix(in oklab,var(--color-danger) 30%,transparent)}}.hover\:bg-bg-card-hover:hover{background-color:var(--color-bg-card-hover)}.hover\:bg-border\/50:hover{background-color:#33415580}@supports (color:color-mix(in lab,red,red)){.hover\:bg-border\/50:hover{background-color:color-mix(in oklab,var(--color-border) 50%,transparent)}}.hover\:bg-danger-hover:hover{background-color:var(--color-danger-hover)}.hover\:bg-danger\/20:hover{background-color:#ef444433}@supports (color:color-mix(in lab,red,red)){.hover\:bg-danger\/20:hover{background-color:color-mix(in oklab,var(--color-danger) 20%,transparent)}}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.md\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.md\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px * var(--tw-divide-y-reverse));border-bottom-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)))}.md\:p-8{padding:calc(var(--spacing) * 8)}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes pulse{50%{opacity:.5}}.sidebar.svelte-1nhzsi7{width:200px;height:100vh;background:var(--color-bg-card);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:sticky;top:0}.sidebar.collapsed.svelte-1nhzsi7{width:64px}.sidebar.collapsed.svelte-1nhzsi7 .sidebar-header:where(.svelte-1nhzsi7){justify-content:center}.sidebar-header.svelte-1nhzsi7{display:flex;align-items:center;justify-content:space-between;padding:16px 12px;border-bottom:1px solid var(--color-border);min-height:56px}.sidebar-title.svelte-1nhzsi7{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden}.collapse-btn.svelte-1nhzsi7{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;flex-shrink:0}.collapse-btn.svelte-1nhzsi7 svg:where(.svelte-1nhzsi7){width:18px;height:18px}.collapse-btn.svelte-1nhzsi7:hover{color:var(--color-text-primary);background:var(--color-bg-card-hover)}.sidebar-nav.svelte-1nhzsi7{display:flex;flex-direction:column;gap:4px;padding:8px}.nav-item.svelte-1nhzsi7{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:500;transition:all .15s;white-space:nowrap;text-align:left}.nav-item.svelte-1nhzsi7:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.nav-item.active.svelte-1nhzsi7{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}.nav-icon.svelte-1nhzsi7{font-size:16px;flex-shrink:0}.nav-label.svelte-1nhzsi7{overflow:hidden}@media(max-width:768px){.sidebar.svelte-1nhzsi7{display:none;position:fixed;left:0;top:0;z-index:1000;width:280px!important;height:100vh;transform:translate(-100%);box-shadow:20px 0 50px #0000004d;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.mobile-open.svelte-1nhzsi7{display:flex;transform:translate(0)}.sidebar-header.svelte-1nhzsi7{padding:20px 16px}.nav-item.svelte-1nhzsi7{padding:14px 16px;font-size:15px}.mobile-only.svelte-1nhzsi7{display:flex!important}}.user-manager.svelte-mekxsd{margin-bottom:16px}.user-bar.svelte-mekxsd{display:flex;align-items:center;gap:8px}.user-chips.svelte-mekxsd{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.user-chip.svelte-mekxsd{display:flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.user-chip.svelte-mekxsd:hover{border-color:var(--color-accent);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.user-chip.selected.svelte-mekxsd{background:color-mix(in srgb,var(--color-accent) 20%,transparent);border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.manager-header.svelte-mekxsd{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.add-user-btn-large.svelte-mekxsd{padding:10px 20px;border-radius:12px;background:var(--color-accent);color:#fff;border:none;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px color-mix(in srgb,var(--color-accent) 40%,transparent)}.add-user-btn-large.svelte-mekxsd:hover{filter:brightness(1.1);transform:translateY(-1px)}.user-list.svelte-mekxsd{display:grid;gap:12px}.user-item.svelte-mekxsd{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:16px;background:var(--color-bg-card);border:1px solid var(--color-border);transition:all .2s}.user-item.svelte-mekxsd:hover{border-color:var(--color-accent);background:var(--color-bg-card-hover)}.user-info.svelte-mekxsd{display:flex;flex-direction:column;gap:4px}.user-name-large.svelte-mekxsd{font-size:16px;font-weight:600;color:var(--color-text-primary)}.user-id.svelte-mekxsd{font-size:11px;color:var(--color-text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.user-actions.svelte-mekxsd{display:flex;gap:8px}.action-btn.svelte-mekxsd{background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:8px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.action-btn.svelte-mekxsd:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-bg-card)}.action-btn.danger.svelte-mekxsd:hover{border-color:var(--color-danger);color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 10%,transparent)}.modal-overlay.svelte-mekxsd{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.add-user-modal.svelte-mekxsd{background:var(--color-bg-card);padding:24px;border-radius:20px;border:1px solid var(--color-border);width:100%;max-width:400px;display:flex;flex-direction:column;gap:20px;box-shadow:0 20px 40px #0006}.modal-input.svelte-mekxsd{padding:12px 16px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:14px}.modal-actions.svelte-mekxsd{display:flex;gap:12px;justify-content:flex-end}.edit-row.svelte-mekxsd{display:flex;gap:12px;width:100%}.edit-input.svelte-mekxsd{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--color-accent);background:var(--color-bg-primary);color:var(--color-text-primary);outline:none}.edit-actions.svelte-mekxsd{display:flex;gap:6px}.save-btn.svelte-mekxsd,.cancel-btn.svelte-mekxsd{padding:4px 12px;border-radius:6px;border:1px solid var(--color-border);cursor:pointer;transition:all .2s}.save-btn.svelte-mekxsd{background:var(--color-success);color:#fff;border-color:var(--color-success)}.cancel-btn.svelte-mekxsd{background:var(--color-bg-primary);color:var(--color-text-secondary)}.btn-primary.svelte-mekxsd{padding:8px 16px;border-radius:8px;background:var(--color-accent);color:#fff;border:none;font-weight:600;cursor:pointer}.btn-secondary.svelte-mekxsd{padding:8px 16px;border-radius:8px;background:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer}.btn-primary.svelte-mekxsd:disabled{opacity:.5;cursor:not-allowed}.user-error.svelte-mekxsd{margin-top:16px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 20%,transparent);color:var(--color-danger);font-size:13px;text-align:center}.empty-state.svelte-mekxsd{text-align:center;padding:48px;background:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:16px;color:var(--color-text-secondary)}.task-manager.svelte-1mfdluf{width:100%}.task-header.svelte-1mfdluf{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.task-title.svelte-1mfdluf{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary)}.add-task-btn.svelte-1mfdluf{padding:6px 14px;border-radius:8px;border:1px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent);cursor:pointer;font-size:12px;font-weight:600;transition:all .15s}.add-task-btn.svelte-1mfdluf:hover{background:color-mix(in srgb,var(--color-accent) 20%,transparent)}.add-task-form.svelte-1mfdluf,.edit-form.svelte-1mfdluf{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-card);margin-bottom:12px}.task-input.svelte-1mfdluf{padding:8px 12px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:13px;outline:none;width:100%;box-sizing:border-box}.task-input.svelte-1mfdluf:focus{border-color:var(--color-accent)}.date-time-row.svelte-1mfdluf{display:flex;gap:8px}.date-time-field.svelte-1mfdluf{display:flex;flex-direction:column;gap:4px}.date-time-field.svelte-1mfdluf:first-child{flex:1}.field-label.svelte-1mfdluf{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.task-date-input.svelte-1mfdluf{padding:8px 12px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:13px;outline:none;color-scheme:dark;flex:1;cursor:pointer;position:relative}.task-time-input.svelte-1mfdluf{padding:8px 12px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:13px;outline:none;color-scheme:dark;width:110px;cursor:pointer;position:relative}.task-date-input.svelte-1mfdluf::-webkit-calendar-picker-indicator,.task-time-input.svelte-1mfdluf::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;opacity:0;cursor:pointer}.task-date-input.svelte-1mfdluf:focus,.task-time-input.svelte-1mfdluf:focus{border-color:var(--color-accent)}.form-actions.svelte-1mfdluf{display:flex;gap:6px}.btn-primary.svelte-1mfdluf{padding:6px 16px;border-radius:8px;border:none;background:var(--color-accent);color:#fff;cursor:pointer;font-size:12px;font-weight:600;transition:filter .15s}.btn-primary.svelte-1mfdluf:hover{filter:brightness(1.1)}.btn-primary.svelte-1mfdluf:disabled{opacity:.4;cursor:not-allowed}.btn-secondary.svelte-1mfdluf{padding:6px 16px;border-radius:8px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:12px;transition:all .15s}.btn-secondary.svelte-1mfdluf:hover{background:var(--color-bg-card-hover)}.btn-sm.svelte-1mfdluf{padding:4px 10px;font-size:11px}.task-list.svelte-1mfdluf{display:flex;flex-direction:column;gap:4px}.task-item.svelte-1mfdluf{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-card);transition:all .15s}.task-item.svelte-1mfdluf:hover{background:var(--color-bg-card-hover)}.task-item.completed.svelte-1mfdluf{opacity:.5}.task-item.overdue.svelte-1mfdluf{border-color:color-mix(in srgb,var(--color-danger) 40%,transparent)}.task-left.svelte-1mfdluf{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.task-checkbox.svelte-1mfdluf{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0}.task-info.svelte-1mfdluf{display:flex;flex-direction:column;gap:2px;min-width:0}.task-text.svelte-1mfdluf{font-size:13px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.completed.svelte-1mfdluf .task-text:where(.svelte-1mfdluf){text-decoration:line-through;color:var(--color-text-secondary)}.task-due.svelte-1mfdluf{font-size:10px;color:var(--color-text-secondary);font-weight:500}.text-overdue.svelte-1mfdluf{color:var(--color-danger)!important}.text-danger.svelte-1mfdluf{color:var(--color-danger)}.task-actions.svelte-1mfdluf{display:flex;gap:4px;align-items:center;flex-shrink:0}.action-btn.svelte-1mfdluf{background:none;border:none;cursor:pointer;font-size:12px;padding:4px;border-radius:4px;transition:background .15s;opacity:.6}.action-btn.svelte-1mfdluf:hover{opacity:1;background:var(--color-bg-card-hover)}.empty-state.svelte-1mfdluf{text-align:center;padding:32px;color:var(--color-text-secondary);font-size:13px}.task-error.svelte-1mfdluf{margin-top:8px;padding:6px 10px;border-radius:6px;background:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 20%,transparent);color:var(--color-danger);font-size:11px}.app-layout.svelte-1n46o8q{display:flex;min-height:100vh;background:var(--color-bg-primary)}.main-content.svelte-1n46o8q{flex:1;padding:32px;height:100vh;overflow-y:auto;background:radial-gradient(circle at top right,var(--color-bg-card),transparent 40%),var(--color-bg-primary)}.mobile-header.svelte-1n46o8q{display:none;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-bg-card);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hamburger.svelte-1n46o8q{background:none;border:none;color:var(--color-text-primary);padding:8px;cursor:pointer}.hamburger.svelte-1n46o8q svg:where(.svelte-1n46o8q){width:24px;height:24px}.mobile-title.svelte-1n46o8q{font-weight:700;font-size:16px;letter-spacing:-.02em;color:var(--color-accent)}.mobile-backdrop.svelte-1n46o8q{display:none;position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;border:none;padding:0;cursor:pointer;animation:svelte-1n46o8q-fadeIn .2s ease-out}@keyframes svelte-1n46o8q-fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.main-content.svelte-1n46o8q{padding:16px;height:auto}.mobile-header.svelte-1n46o8q{display:flex;margin:-16px -16px 20px}.mobile-backdrop.svelte-1n46o8q{display:block}}</style>
-  </head>
-  <body>
-    <div id="app"></div>
-  </body>
-</html>
diff --git a/Provider/frontend/temp_extract_19/index.html.gz b/Provider/frontend/temp_extract_19/index.html.gz
deleted file mode 100644
index 9435087..0000000
Binary files a/Provider/frontend/temp_extract_19/index.html.gz and /dev/null differ
diff --git a/Provider/main/http_server.cpp b/Provider/main/http_server.cpp
index 89ba776..e1da3c4 100644
--- a/Provider/main/http_server.cpp
+++ b/Provider/main/http_server.cpp
@@ -298,9 +298,11 @@ internal httpd_handle_t start_webserver(void)
     httpd_register_uri_handler(server, &api_tasks_update_uri);
     httpd_register_uri_handler(server, &api_tasks_delete_uri);
 
-    // Populate dummy data for development
+    // Populate dummy data for development (debug builds only)
+#ifndef NDEBUG
     seed_users();
     seed_tasks();
+#endif
 
 #ifdef CONFIG_CALENDINK_DEPLOY_WEB_PAGES
     // Register static file handler last as a catch-all wildcard if deployed
diff --git a/Provider/main/main.cpp b/Provider/main/main.cpp
index 6076e76..51b3d15 100644
--- a/Provider/main/main.cpp
+++ b/Provider/main/main.cpp
@@ -26,6 +26,8 @@
 #include "mdns_service.cpp"
 // clang-format on
 
+internal const char *kTagMain = "MAIN";
+
 // Global Application State Definitions
 bool g_Ethernet_Initialized = false;
 bool g_Wifi_Initialized = false;
@@ -35,9 +37,8 @@ constexpr bool kBlockUntilEthernetEstablished = false;
 
 extern "C" void app_main()
 {
-  printf("Hello, Calendink OTA! [V1.1]\n");
-
-  printf("PSRAM size: %d bytes\n", esp_psram_get_size());
+  ESP_LOGI(kTagMain, "Hello, Calendink OTA! [V0.1.1]");
+  ESP_LOGI(kTagMain, "PSRAM size: %d bytes", esp_psram_get_size());
 
   httpd_handle_t web_server = NULL;
 
@@ -56,22 +57,22 @@ extern "C" void app_main()
     err = nvs_get_u8(my_handle, "www_part", &g_Active_WWW_Partition);
     if (err == ESP_OK)
     {
-      printf("NVS: Found active www partition: %d\n", g_Active_WWW_Partition);
+      ESP_LOGI(kTagMain, "NVS: Found active www partition: %d",
+               g_Active_WWW_Partition);
     }
 
     if (err == ESP_ERR_NVS_NOT_FOUND)
     {
       // First boot (no NVS key yet): default to www_0
-      // This ensures that after a fresh USB flash (which only writes www_0),
-      // we start from the correct partition.
-      printf("No www_part in NVS, defaulting to 0.\n");
+      ESP_LOGI(kTagMain, "No www_part in NVS, defaulting to 0.");
       g_Active_WWW_Partition = 0;
       nvs_set_u8(my_handle, "www_part", 0);
       nvs_commit(my_handle);
     }
     else if (err != ESP_OK)
     {
-      printf("Error reading www_part from NVS: %s\n", esp_err_to_name(err));
+      ESP_LOGE(kTagMain, "Error reading www_part from NVS: %s",
+               esp_err_to_name(err));
       g_Active_WWW_Partition = 0;
     }
 
@@ -83,7 +84,7 @@ extern "C" void app_main()
   }
   else
   {
-    printf("Error opening NVS handle!\n");
+    ESP_LOGE(kTagMain, "Error opening NVS handle!");
   }
 
   // Detect if this is the first boot after a new flash (Firmware or Frontend)
@@ -98,8 +99,8 @@ extern "C" void app_main()
             ESP_OK ||
         strcmp(last_time, current_time) != 0)
     {
-      printf("New firmware detected! (Last: %s, Current: %s)\n",
-             last_time[0] ? last_time : "None", current_time);
+      ESP_LOGI(kTagMain, "New firmware detected! (Last: %s, Current: %s)",
+               last_time[0] ? last_time : "None", current_time);
       is_new_flash = true;
       nvs_set_str(my_handle, "last_fw_time", current_time);
     }
@@ -118,7 +119,7 @@ extern "C" void app_main()
                 ESP_OK ||
             memcmp(last_sha, current_sha, 32) != 0)
         {
-          printf("New frontend partition detected via SHA256!\n");
+          ESP_LOGI(kTagMain, "New frontend partition detected via SHA256!");
           is_new_flash = true;
           nvs_set_blob(my_handle, "www0_sha", current_sha, 32);
         }
@@ -141,8 +142,9 @@ extern "C" void app_main()
     {
       if (is_new_flash && g_Active_WWW_Partition != 0)
       {
-        printf("FACTORY APP + NEW FLASH: Overriding www_part to 0 (was %d)\n",
-               g_Active_WWW_Partition);
+        ESP_LOGW(kTagMain,
+                 "FACTORY APP + NEW FLASH: Overriding www_part to 0 (was %d)",
+                 g_Active_WWW_Partition);
         g_Active_WWW_Partition = 0;
 
         // Persist the override
@@ -181,7 +183,7 @@ extern "C" void app_main()
 
       if (result == ESP_ERR_INVALID_STATE)
       {
-        printf("Ethernet cable not plugged in, skipping retries.\n");
+        ESP_LOGW(kTagMain, "Ethernet cable not plugged in, skipping retries.");
         break;
       }
 
@@ -198,7 +200,7 @@ extern "C" void app_main()
 
   if (result != ESP_OK)
   {
-    printf("Ethernet failed, trying wifi\n");
+    ESP_LOGW(kTagMain, "Ethernet failed, trying wifi");
     disconnect_ethernet();
     g_Ethernet_Initialized = false;
 
@@ -235,20 +237,20 @@ extern "C" void app_main()
 
     if (result != ESP_OK)
     {
-      printf("Wifi failed.\n");
+      ESP_LOGE(kTagMain, "Wifi failed.");
       goto shutdown;
     }
 
     set_led_status(led_status::ReadyWifi);
-    printf("Will use Wifi!\n");
+    ESP_LOGI(kTagMain, "Will use Wifi!");
   }
   else
   {
     set_led_status(led_status::ReadyEthernet);
-    printf("Will use Ethernet!\n");
+    ESP_LOGI(kTagMain, "Will use Ethernet!");
   }
 
-  printf("Connected! IP acquired.\n");
+  ESP_LOGI(kTagMain, "Connected! IP acquired.");
 
   // Start the webserver
   web_server = start_webserver();
@@ -274,7 +276,7 @@ extern "C" void app_main()
   }
 
 shutdown:
-  printf("Shutting down.\n");
+  ESP_LOGE(kTagMain, "Shutting down.");
 
   if (web_server)
   {
diff --git a/Provider/main/mdns_service.cpp b/Provider/main/mdns_service.cpp
index 27d72f2..03c7549 100644
--- a/Provider/main/mdns_service.cpp
+++ b/Provider/main/mdns_service.cpp
@@ -2,7 +2,9 @@
 #include "mdns.h"
 #include "sdkconfig.h"
 
-static const char *kLogMDNS = "MDNS";
+#include "types.hpp"
+
+internal const char *kTagMDNS = "MDNS";
 
 void start_mdns()
 {
@@ -10,14 +12,14 @@ void start_mdns()
   esp_err_t err = mdns_init();
   if (err != ESP_OK)
   {
-    ESP_LOGE(kLogMDNS, "mDNS Init failed: %d", err);
+    ESP_LOGE(kTagMDNS, "mDNS Init failed: %d", err);
     return;
   }
 
   // Set mDNS hostname (from Kconfig)
   const char *hostname = CONFIG_CALENDINK_MDNS_HOSTNAME;
   mdns_hostname_set(hostname);
-  ESP_LOGI(kLogMDNS, "mDNS Hostname set to: [%s.local]", hostname);
+  ESP_LOGI(kTagMDNS, "mDNS Hostname set to: [%s.local]", hostname);
 
   // Set mDNS instance name
   mdns_instance_name_set("Calendink Provider");
@@ -26,9 +28,8 @@ void start_mdns()
   err = mdns_service_add(NULL, "_http", "_tcp", 80, NULL, 0);
   if (err != ESP_OK)
   {
-    ESP_LOGE(kLogMDNS, "mDNS Service add failed: %d", err);
+    ESP_LOGE(kTagMDNS, "mDNS Service add failed: %d", err);
   }
 
-  printf("MDNS: Service initialized with hostname [%s.local]\n", hostname);
-  ESP_LOGI(kLogMDNS, "mDNS Service initialized");
+  ESP_LOGI(kTagMDNS, "mDNS Service initialized with hostname [%s.local]", hostname);
 }