.toast{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:0 4px 16px var(--shadow-color);pointer-events:all;align-items:center;gap:10px;margin-bottom:8px;padding:12px 16px;transition:transform .3s,opacity .3s;animation:.3s toastIn;display:flex}.toast-removing{opacity:0;transform:translate(100%)}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{color:var(--text-primary);flex:1;font-size:14px}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;font-size:16px;display:flex}.toast-close:hover{background:var(--bg-hover)}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--danger)}.toast-warning{border-left:4px solid var(--warning)}.toast-info{border-left:4px solid var(--accent)}@keyframes toastIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}#toast-container{pointer-events:none}#toast-container .toast{pointer-events:all}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#7c3aed;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#2563eb1a;--accent-dark:#2563eb33;--danger:#ef4444;--danger-bg:#ef44441a;--success:#22c55e;--warning:#f59e0b;--info:#3b82f6;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-input:#fff;--bg-card:#fff;--bg-hover:#f1f5f9;--bg-active:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--border-color:#e2e8f0;--border-light:#f1f5f9;--shadow-color:#00000014;--shadow-lg:#00000029;--header-height:60px;--bottom-nav-height:60px;--radius:12px;--radius-sm:8px;--radius-lg:16px;--radius-xl:20px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono:"SF Mono", "Menlo", "Monaco", "Consolas", monospace;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--z-header:1000;--z-nav:1000;--z-drawer:2000;--z-modal:3000;--z-toast:4000}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-input:#1e293b;--bg-card:#1e293b;--bg-hover:#334155;--bg-active:#475569;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--border-color:#334155;--border-light:#1e293b;--shadow-color:#0000004d;--shadow-lg:#00000080;--accent-light:#2563eb33;--accent-dark:#2563eb4d;--danger-bg:#ef444426}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);padding-top:var(--header-height);padding-bottom:calc(var(--bottom-nav-height) + 16px);transition:background-color var(--transition-normal), color var(--transition-normal);font-size:16px;line-height:1.5}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;color:inherit;transition:all var(--transition-fast);background:0 0;border:none;font-family:inherit}button:disabled{opacity:.6;cursor:not-allowed}img,video{max-width:100%;height:auto;display:block}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-header.svelte-12qhfyh{height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:var(--z-header);transition:background-color var(--transition-normal), border-color var(--transition-normal);-webkit-backdrop-filter:blur(12px);background:rgba(var(--bg-secondary-rgb,255, 255, 255), .92);align-items:center;padding:0 8px;display:flex;position:fixed;top:0;left:0;right:0}[data-theme=dark] .app-header.svelte-12qhfyh{background:#1e293beb}.header-content.svelte-12qhfyh{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.menu-btn.svelte-12qhfyh{border-radius:var(--radius-sm);width:40px;height:40px;transition:background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex}.menu-btn.svelte-12qhfyh:active{background:var(--bg-hover);transform:scale(.92)}.menu-btn.svelte-12qhfyh .menu-icon:where(.svelte-12qhfyh){transition:transform var(--transition-normal)}.app-title.svelte-12qhfyh{cursor:pointer;-webkit-tap-highlight-color:transparent;flex:1;align-items:center;gap:8px;padding:0 8px;display:flex}.app-title.svelte-12qhfyh:active{opacity:.7}.app-icon.svelte-12qhfyh{font-size:24px}.app-name.svelte-12qhfyh{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;white-space:nowrap;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.header-actions.svelte-12qhfyh{flex-shrink:0;align-items:center;gap:2px;display:flex}.theme-toggle.svelte-12qhfyh,.lang-toggle.svelte-12qhfyh{border-radius:var(--radius-sm);width:40px;height:40px;transition:background var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;font-size:20px;display:flex}.theme-toggle.svelte-12qhfyh:active,.lang-toggle.svelte-12qhfyh:active{background:var(--bg-hover);transform:scale(.92)}.mobile-nav.svelte-12qhfyh{z-index:var(--z-drawer);pointer-events:none;position:fixed;inset:0}.mobile-nav.open.svelte-12qhfyh{pointer-events:all}.nav-overlay.svelte-12qhfyh{opacity:0;transition:opacity var(--transition-normal);-webkit-backdrop-filter:blur(4px);background:#00000080;position:absolute;inset:0}.mobile-nav.open.svelte-12qhfyh .nav-overlay:where(.svelte-12qhfyh){opacity:1}.nav-drawer.svelte-12qhfyh{background:var(--bg-secondary);width:85%;max-width:340px;transition:transform var(--transition-normal) cubic-bezier(.4, 0, .2, 1);box-shadow:2px 0 24px var(--shadow-lg);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%)}.mobile-nav.open.svelte-12qhfyh .nav-drawer:where(.svelte-12qhfyh){transform:translate(0)}.drawer-header.svelte-12qhfyh{border-bottom:1px solid var(--border-color);min-height:var(--header-height);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-title.svelte-12qhfyh{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.close-btn.svelte-12qhfyh{background:var(--bg-hover);width:36px;height:36px;transition:background var(--transition-fast), transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.close-btn.svelte-12qhfyh:active{background:var(--bg-active);transform:scale(.9)}.drawer-content.svelte-12qhfyh{-webkit-overflow-scrolling:touch;flex:1;padding:8px 0 20px;overflow-y:auto}.user-info.svelte-12qhfyh{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);align-items:center;gap:12px;margin:0 8px;padding:16px 20px;display:flex}.user-info.svelte-12qhfyh:active{background:var(--bg-hover)}.user-avatar.svelte-12qhfyh{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.user-details.svelte-12qhfyh{flex:1;min-width:0}.user-name.svelte-12qhfyh{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.user-email.svelte-12qhfyh{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.drawer-divider.svelte-12qhfyh{background:var(--border-color);height:1px;margin:8px 16px}.nav-list.svelte-12qhfyh{margin:0;padding:0;list-style:none}.nav-link.svelte-12qhfyh{color:var(--text-primary);transition:background var(--transition-fast);border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;margin:0 8px;padding:12px 20px;font-size:15px;font-weight:500;display:flex;position:relative}.nav-link.svelte-12qhfyh:active{background:var(--bg-hover)}.nav-link.active.svelte-12qhfyh{background:var(--accent-light);color:var(--accent)}.nav-link.logout-btn.svelte-12qhfyh{color:var(--danger)}.nav-link.logout-btn.svelte-12qhfyh:active{background:var(--danger-bg)}.nav-icon.svelte-12qhfyh{text-align:center;flex-shrink:0;width:28px;font-size:20px}.active-indicator.svelte-12qhfyh{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite svelte-12qhfyh-pulse;position:absolute;right:12px}@keyframes svelte-12qhfyh-pulse{0%,to{opacity:1}50%{opacity:.3}}.drawer-footer.svelte-12qhfyh{border-top:1px solid var(--border-color);margin:0 8px;padding:16px 20px}.lang-selector.svelte-12qhfyh,.theme-selector.svelte-12qhfyh{align-items:center;gap:8px;margin-bottom:10px;display:flex}.lang-selector.svelte-12qhfyh label:where(.svelte-12qhfyh),.theme-selector.svelte-12qhfyh label:where(.svelte-12qhfyh){color:var(--text-secondary);min-width:70px;font-size:14px;font-weight:500}.lang-options.svelte-12qhfyh{flex-wrap:wrap;gap:4px;display:flex}.lang-option.svelte-12qhfyh{border-radius:var(--radius-sm);background:var(--bg-hover);transition:all var(--transition-fast);border:1px solid #0000;padding:4px 10px;font-size:13px}.lang-option.svelte-12qhfyh:active{transform:scale(.95)}.lang-option.active.svelte-12qhfyh{background:var(--accent);color:#fff;border-color:var(--accent)}.theme-option.svelte-12qhfyh{border-radius:var(--radius-sm);background:var(--bg-hover);border:1px solid var(--border-color);transition:all var(--transition-fast);padding:4px 14px;font-size:13px}.theme-option.svelte-12qhfyh:active{transform:scale(.95)}.drawer-version.svelte-12qhfyh{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px;font-size:12px}.main-content.svelte-12qhfyh{max-width:768px;min-height:calc(100vh - var(--header-height) - var(--bottom-nav-height) - 32px);margin:0 auto;padding:16px}.loading-container.svelte-12qhfyh{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.loading-spinner.svelte-12qhfyh{border:4px solid var(--border-color);border-top:4px solid var(--accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite svelte-12qhfyh-spin}@keyframes svelte-12qhfyh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bottom-nav.svelte-12qhfyh{height:var(--bottom-nav-height);background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:var(--z-nav);padding-bottom:env(safe-area-inset-bottom);transition:background var(--transition-normal), border-color var(--transition-normal);-webkit-backdrop-filter:blur(12px);background:rgba(var(--bg-secondary-rgb,255, 255, 255), .92);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}[data-theme=dark] .bottom-nav.svelte-12qhfyh{background:#1e293beb}.nav-item.svelte-12qhfyh{color:var(--text-muted);transition:color var(--transition-fast), transform var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 0;font-size:10px;display:flex;position:relative}.nav-item.svelte-12qhfyh:active{transform:scale(.92)}.nav-item.svelte-12qhfyh .nav-icon:where(.svelte-12qhfyh){width:auto;transition:transform var(--transition-fast);font-size:22px}.nav-item.active.svelte-12qhfyh{color:var(--accent)}.nav-item.active.svelte-12qhfyh .nav-icon:where(.svelte-12qhfyh){transform:scale(1.1)}.nav-item.active.svelte-12qhfyh:after{content:"";background:var(--accent);border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:30%;right:30%}.nav-label.svelte-12qhfyh{font-size:10px;font-weight:500;line-height:1.2}#toast-container.svelte-12qhfyh{top:calc(var(--header-height) + 12px);z-index:var(--z-toast);pointer-events:none;width:90%;max-width:420px;position:fixed;left:50%;transform:translate(-50%)}@media (width>=768px){.main-content.svelte-12qhfyh{padding:24px}.nav-drawer.svelte-12qhfyh{max-width:380px}.app-header.svelte-12qhfyh{padding:0 24px}#toast-container.svelte-12qhfyh{max-width:480px}}@media (width>=1024px){.menu-btn.svelte-12qhfyh,.mobile-nav.svelte-12qhfyh,.bottom-nav.svelte-12qhfyh{display:none}.app-header.svelte-12qhfyh{padding:0 32px;position:sticky;top:0}.app-title.svelte-12qhfyh{justify-content:center}.main-content.svelte-12qhfyh{max-width:1200px;min-height:calc(100vh - var(--header-height) - 32px);padding:32px}}@supports (padding:max(0px)){.app-header.svelte-12qhfyh{padding-top:env(safe-area-inset-top);height:calc(var(--header-height) + env(safe-area-inset-top));min-height:var(--header-height)}.bottom-nav.svelte-12qhfyh{padding-bottom:env(safe-area-inset-bottom);height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}#toast-container.svelte-12qhfyh{top:calc(var(--header-height) + env(safe-area-inset-top) + 12px)}}@media (height<=600px) and (orientation:landscape){.app-header.svelte-12qhfyh{height:50px;min-height:50px}.bottom-nav.svelte-12qhfyh{height:50px}.main-content.svelte-12qhfyh{padding:12px}.nav-drawer.svelte-12qhfyh{max-width:300px}}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){.app-name.svelte-12qhfyh{font-weight:800}}@media (prefers-reduced-motion:reduce){.svelte-12qhfyh,.svelte-12qhfyh:before,.svelte-12qhfyh:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}