:root{--color-bg:#f7f8fa;--color-surface:#fff;--color-surface-raised:#fff;--color-primary:#091e42;--color-accent:#0c66e4;--color-accent-hover:#05c;--color-text:#172b4d;--color-text-muted:#626f86;--color-border:#dfe1e6;--color-hover:#091e420a;--color-hover-strong:#091e4214;--color-shadow:#091e4214;--color-danger:#c9372c;--color-danger-hover:#ae2a19;--color-success:#61bd4f;--color-warning:#eb5a46;--color-nav-bg:#0c66e4;--color-unread-bg:#e9f2ff;--color-unread-hover-bg:#deebff;--color-error-bg:#ffeceb;--color-label-black:#344563;--color-badge-bg:#e74c3c;--color-backdrop:#0009;--color-backdrop-heavy:#000000b3;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #091e420f;--shadow-md:0 2px 8px #091e4214;--shadow-lg:0 4px 16px #091e421a}@media (prefers-color-scheme:dark){:root{--color-bg:#1d2125;--color-surface:#282e33;--color-surface-raised:#323940;--color-primary:#b6c2cf;--color-accent:#579dff;--color-accent-hover:#85b8ff;--color-text:#b6c2cf;--color-text-muted:#8c9bab;--color-border:#3d444d;--color-hover:#a6c5e214;--color-hover-strong:#a6c5e224;--color-shadow:#0003;--color-danger:#f87168;--color-danger-hover:#ff9c8f;--color-success:#4bce97;--color-warning:#f87168;--color-nav-bg:#1d2125;--color-unread-bg:#579dff1f;--color-unread-hover-bg:#579dff2e;--color-error-bg:#f8716826;--color-label-black:#8c9bab;--color-badge-bg:#f87168;--color-backdrop:#000000b3;--color-backdrop-heavy:#000c}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border-radius:var(--radius-sm);border:none;padding:8px 16px;font-size:14px;font-weight:500}input,textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);width:100%;padding:8px 12px;font-size:14px}input:focus,textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px #0c66e426}button:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.panel-overlay.svelte-kzmiik{z-index:999;position:fixed;inset:0}.panel.svelte-kzmiik{background:var(--color-surface);border:1px solid var(--color-border);width:360px;max-height:480px;box-shadow:0 4px 12px var(--color-shadow);z-index:1000;border-radius:8px;flex-direction:column;margin-top:8px;display:flex;position:absolute;top:100%;right:0}.panel-header.svelte-kzmiik{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.panel-header.svelte-kzmiik h3:where(.svelte-kzmiik){color:var(--color-text);margin:0;font-size:16px;font-weight:600}.mark-all-btn.svelte-kzmiik{color:var(--color-accent);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px}.mark-all-btn.svelte-kzmiik:hover{background:var(--color-hover)}.panel-content.svelte-kzmiik{max-height:420px;overflow-y:auto}.empty-state.svelte-kzmiik{text-align:center;color:var(--color-text-muted);padding:40px 20px;font-size:14px}.notification-item.svelte-kzmiik{border-bottom:1px solid var(--color-border);cursor:pointer;align-items:flex-start;padding:12px 16px;transition:background-color .2s;display:flex;position:relative}.notification-item.svelte-kzmiik:hover{background:var(--color-hover)}.notification-item.unread.svelte-kzmiik{background:var(--color-unread-bg)}.notification-item.unread.svelte-kzmiik:hover{background:var(--color-unread-hover-bg)}.notification-content.svelte-kzmiik{flex-direction:column;flex:1;gap:4px;display:flex}.unread-dot.svelte-kzmiik{background:var(--color-accent);border-radius:50%;width:8px;height:8px;position:absolute;top:18px;left:6px}.notification-message.svelte-kzmiik{color:var(--color-text);padding-left:16px;font-size:14px;line-height:1.4}.notification-time.svelte-kzmiik{color:var(--color-text-muted);padding-left:16px;font-size:12px}.dismiss-btn.svelte-kzmiik{color:var(--color-text-muted);cursor:pointer;opacity:0;background:0 0;border:none;align-items:center;padding:4px;transition:opacity .2s;display:flex}.notification-item.svelte-kzmiik:hover .dismiss-btn:where(.svelte-kzmiik){opacity:1}.dismiss-btn.svelte-kzmiik:hover{color:var(--color-danger)}.notification-wrapper.svelte-fwh7kt{position:relative}.bell-btn.svelte-fwh7kt{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:8px;font-size:24px;transition:background-color .2s;display:flex;position:relative}.bell-btn.svelte-fwh7kt:hover{background-color:#ffffff1a}.bell-icon.svelte-fwh7kt{color:#fff;align-items:center;display:flex}.badge.svelte-fwh7kt{background:var(--color-badge-bg);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:4px;right:4px}.loading.svelte-12qhfyh{height:100vh;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:18px;display:flex}.top-nav.svelte-12qhfyh{background:var(--color-nav-bg);z-index:100;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand.svelte-12qhfyh{color:#fff;letter-spacing:-.5px;font-size:20px;font-weight:700;text-decoration:none}.nav-brand.svelte-12qhfyh:hover{color:#ffffffe6}.nav-right.svelte-12qhfyh{align-items:center;gap:8px;display:flex}.user-menu-wrapper.svelte-12qhfyh{position:relative}.user-avatar-btn.svelte-12qhfyh{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:12px;font-weight:600;transition:background .1s;display:flex;overflow:hidden}.user-avatar-btn.svelte-12qhfyh:hover{background:#ffffff40}.user-avatar-btn.svelte-12qhfyh img:where(.svelte-12qhfyh){object-fit:cover;width:100%;height:100%}.user-menu.svelte-12qhfyh{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:220px;box-shadow:var(--shadow-md);z-index:110;padding:4px 0;position:absolute;top:calc(100% + 6px);right:0}.user-menu-header.svelte-12qhfyh{border-bottom:1px solid var(--color-border);flex-direction:column;gap:2px;margin-bottom:4px;padding:10px 14px;display:flex}.user-menu-header.svelte-12qhfyh strong:where(.svelte-12qhfyh){color:var(--color-text);font-size:13px}.user-menu-email.svelte-12qhfyh{color:var(--color-text-muted);font-size:12px}.user-menu-item.svelte-12qhfyh{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:13px;text-decoration:none;display:block}.user-menu-item.svelte-12qhfyh:hover{background:var(--color-hover)}.skip-link.svelte-12qhfyh{z-index:200;background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-sm);border:2px solid var(--color-accent);padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;position:absolute;top:-100%;left:8px}.skip-link.svelte-12qhfyh:focus{top:8px}.main-content.svelte-12qhfyh{padding-top:48px}@media (width<=768px){.top-nav.svelte-12qhfyh{padding:0 8px}.nav-brand.svelte-12qhfyh{font-size:18px}}