:root{--notification-bg:#fff;--notification-border:#e5e7eb;--notification-text:#1f2937;--notification-text-secondary:#6b7280;--notification-hover-bg:#f9fafb;--notification-unread-bg:#eff6ff;--notification-badge-bg:#ef4444;--notification-badge-text:#fff;--notification-icon-color:#1f2937;--notification-shadow:0 10px 15px -3px #0000001a}@media (prefers-color-scheme:dark){:root{--notification-bg:#1f2937;--notification-border:#374151;--notification-text:#f9fafb;--notification-text-secondary:#d1d5db;--notification-hover-bg:#111827;--notification-unread-bg:#1e3a8a;--notification-icon-color:#f9fafb}}.notification-bell-container{display:inline-block;position:relative}.notification-bell-button{border:1px solid var(--notification-border);width:40px;height:40px;color:var(--notification-icon-color);cursor:pointer;font-size:inherit;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:relative}.notification-bell-button:hover{background-color:var(--notification-hover-bg);border-color:var(--notification-text-secondary)}.notification-bell-button:active{transform:scale(.95)}.notification-bell-icon{flex-shrink:0;width:20px;height:20px}.notification-bell-badge{background-color:var(--notification-badge-bg);min-width:20px;height:20px;color:var(--notification-badge-text);border-radius:10px;justify-content:center;align-items:center;padding:0 4px;font-size:12px;font-weight:600;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.notification-dropdown{background-color:var(--notification-bg);border:1px solid var(--notification-border);min-width:320px;max-width:400px;box-shadow:var(--notification-shadow);z-index:1000;border-radius:8px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notification-dropdown-header{border-bottom:1px solid var(--notification-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notification-dropdown-header h3{color:var(--notification-text);margin:0;font-size:14px;font-weight:600}.notification-mark-all-read-button{color:#3b82f6;cursor:pointer;background-color:#0000;border:none;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:12px;font-weight:500;transition:background-color .2s}.notification-mark-all-read-button:hover:not(:disabled){background-color:#3b82f61a}.notification-mark-all-read-button:disabled{opacity:.6;cursor:not-allowed}.notification-list{flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.notification-empty-state{text-align:center;justify-content:center;align-items:center;min-height:120px;padding:20px 16px;display:flex}.notification-empty-state p{color:var(--notification-text-secondary);margin:0;font-size:14px}.notification-item{border:none;border-bottom:1px solid var(--notification-border);width:100%;color:inherit;cursor:pointer;text-align:left;font-family:inherit;font-size:inherit;background-color:#0000;align-items:stretch;gap:12px;padding:12px 16px;transition:background-color .2s;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--notification-hover-bg)}.notification-item.unread{background-color:var(--notification-unread-bg)}.notification-item.unread:hover{background-color:color-mix(in srgb, var(--notification-unread-bg) 80%, transparent)}.notification-item-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.notification-item-title{color:var(--notification-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.notification-item-body{color:var(--notification-text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-item-time{color:var(--notification-text-secondary);margin:0;font-size:12px}.notification-item-unread-indicator{background-color:#3b82f6;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:3px}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:0 0}.notification-list::-webkit-scrollbar-thumb{background-color:var(--notification-border);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background-color:var(--notification-text-secondary)}@media (max-width:480px){.notification-dropdown{min-width:280px;max-width:calc(100vw - 16px);left:50%;right:auto;transform:translate(-50%)}.notification-list{max-height:300px}}
.header{z-index:100;background:0 0;padding:14px 20px 6px;position:sticky;top:0}.header-content{-webkit-backdrop-filter:blur(18px)saturate(140%);background:#0a0a0a8c;border:1px solid #f4f1ea1a;border-radius:999px;justify-content:space-between;align-items:center;max-width:1400px;height:64px;margin:0 auto;padding:0 28px;display:flex;box-shadow:inset 0 1px #f4f1ea0f,0 18px 40px #00000059}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.header-content{background:#0c0c0cf0}}.header-logo{align-items:center;gap:var(--spacing-md);color:#f4f1ea;transition:color var(--transition-fast);text-decoration:none;display:flex}.header-logo:hover{color:var(--color-brand-accent)}.header-logo-text{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);letter-spacing:.5px}.header-badge{letter-spacing:.26em;text-transform:uppercase;color:var(--color-brand-accent);background:#bf5b4314;border:1px solid #bf5b4373;border-radius:999px;padding:6px 12px;font-size:9px}.header-nav{align-items:center;gap:var(--spacing-xl);display:flex}.header-nav-link{color:#f4f1ea99;transition:color var(--transition-fast);letter-spacing:.22em;text-transform:uppercase;font-size:11px;font-weight:500;text-decoration:none}.header-nav-link:hover{color:var(--color-brand-accent)}.header-user-name{color:#f4f1ead9;letter-spacing:.18em;text-transform:uppercase;font-size:11px}.header-login-btn{color:#fff;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg, var(--color-gradient-button-start) 0%, var(--color-gradient-button-mid) 50%, var(--color-gradient-button-end) 100%);border:0;border-radius:999px;align-items:center;padding:11px 24px;font-size:11px;font-weight:500;text-decoration:none;transition:filter .24s;display:inline-flex;box-shadow:0 2px 10px #7a322573,inset 0 1px #ffffff29}.header-login-btn:hover{filter:brightness(1.1)}@media (max-width:768px){.header{padding:10px 12px 4px}.header-content{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:24px;flex-direction:column;height:auto}.header-nav{justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap;width:100%}.header-logo-text{font-size:var(--font-size-lg)}}.header-signout{color:#f4f1ea66;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;font-weight:500;transition:color .24s}.header-signout:hover{color:var(--color-brand-accent)}
.footer{background-color:var(--color-bg-surface);border-top:1px solid var(--color-border-default);margin-top:auto}.footer-content{max-width:1200px;padding:var(--spacing-xl) var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;margin:0 auto;display:flex}.footer-brand{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.footer-nav{gap:var(--spacing-lg);display:flex}.footer-link{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:var(--font-size-base);text-decoration:none}.footer-link:hover{color:var(--color-brand-accent)}.footer-copyright{color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (max-width:768px){.footer-content{padding:var(--spacing-lg) var(--spacing-md);flex-direction:column}.footer-nav{gap:var(--spacing-md);flex-direction:column}}