:root{--bg:#f8f9fa;--card-bg:#fff;--text:#1a1a2e;--text-muted:#6c757d;--primary:#58cc02;--primary-hover:#4bb401;--primary-light:#e8f5e1;--danger:#ff4b4b;--danger-light:#ffe5e5;--border:#e0e0e0;--shadow:0 2px 8px #00000014;--radius:12px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--max-width:400px}@media (prefers-color-scheme:dark){:root{--bg:#1a1a2e;--card-bg:#16213e;--text:#e0e0e0;--text-muted:#9ca3af;--primary:#58cc02;--primary-hover:#4bb401;--primary-light:#1a3a0a;--danger:#ff4b4b;--danger-light:#3a0a0a;--border:#2a2a4a;--shadow:0 2px 8px #0000004d}}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;touch-action:manipulation;line-height:1.5}button{font-family:var(--font);cursor:pointer;touch-action:manipulation}input{font-family:var(--font);touch-action:manipulation}.app-shell.svelte-12qhfyh{flex-direction:column;min-height:100dvh;display:flex}.app-header.svelte-12qhfyh{background:var(--card-bg);border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow);padding:12px 16px;position:sticky;top:0}.header-inner.svelte-12qhfyh{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo.svelte-12qhfyh{color:var(--primary);font-size:1.25rem;font-weight:700}.header-right.svelte-12qhfyh{position:relative}.user-button.svelte-12qhfyh{border:2px solid var(--primary);background:var(--primary-light);width:36px;height:36px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.user-button.svelte-12qhfyh:hover{background:var(--primary);color:#fff}.dropdown.svelte-12qhfyh{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:200;min-width:160px;margin-top:8px;position:absolute;top:100%;right:0}.dropdown-item.svelte-12qhfyh{padding:10px 16px;font-size:.9rem}.dropdown-item.username.svelte-12qhfyh{color:var(--text-muted);border-bottom:1px solid var(--border)}.dropdown-item.logout.svelte-12qhfyh{text-align:left;width:100%;color:var(--danger);background:0 0;border:none}.dropdown-item.logout.svelte-12qhfyh:hover{background:var(--danger-light)}.app-main.svelte-12qhfyh{flex-direction:column;flex:1;align-items:center;padding:24px 16px;display:flex}