@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");.notification-popover{font-family:Inter,system-ui,-apple-system,sans-serif!important;background:#fff!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 8px 32px rgba(0,0,0,.15)!important;border-radius:12px!important;overflow:hidden!important}.dark .notification-popover{background:#000!important;border:1px solid hsla(0,0%,100%,.08)!important;box-shadow:0 8px 32px rgba(0,0,0,.6)!important}.notification-header{padding:.625rem .875rem;border-bottom:1px solid rgba(0,0,0,.1);background:#fafafa!important}.dark .notification-header{border-bottom:1px solid hsla(0,0%,100%,.06);background:#0a0a0a!important}.notification-header h4{font-size:.875rem;font-weight:600;letter-spacing:-.01em;color:#1a1a1a}.dark .notification-header h4{color:#e5e5e5}.notification-list{max-height:calc(100vh - 160px);overflow-y:auto;scroll-behavior:smooth;padding:.25rem}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.dark .notification-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2)}.dark .notification-list::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.notification-item{position:relative;padding:.5rem .75rem;margin:.125rem;border-radius:6px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid transparent}.notification-item:hover{transform:translateY(-1px);background:#f5f5f5;border-color:rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.dark .notification-item:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.08);box-shadow:0 2px 8px rgba(0,0,0,.4)}.notification-item.unread{background:#eff6ff;border-color:rgba(59,130,246,.1)}.notification-item.unread:before{content:"";position:absolute;left:.5rem;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#3b82f6;border-radius:50%;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.dark .notification-item.unread{background:rgba(59,130,246,.1)}.notification-item+.notification-item{border-top:1px solid rgba(0,0,0,.06);margin-top:.25rem}.dark .notification-item+.notification-item{border-top:1px solid hsla(0,0%,100%,.06)}@keyframes slideInNotification{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-item.new{animation:slideInNotification .3s cubic-bezier(.4,0,.2,1)}.notification-content{padding-left:.5rem}.notification-item.unread .notification-content{padding-left:.75rem}.notification-title{font-size:.8125rem;font-weight:500;line-height:1.3;margin-bottom:.125rem;color:#262626}.notification-item.unread .notification-title{font-weight:600;color:#0a0a0a}.dark .notification-title{color:#e5e5e5}.dark .notification-item.unread .notification-title{color:#fafafa}.notification-message{font-size:.75rem;line-height:1.4;color:#525252}.dark .notification-message{color:#a3a3a3}.notification-time{font-size:.625rem;color:#737373;margin-top:0}.dark .notification-time{color:#a3a3a3;opacity:.8}.notification-actions{display:flex;gap:.5rem;margin-top:.625rem}.notification-action-btn{height:28px;padding:0 .625rem;font-size:.75rem;font-weight:500;border-radius:6px;transition:all .2s ease;border:1px solid transparent}.notification-action-btn.accept{background:#10b981;color:#fff;border-color:#10b981}.notification-action-btn.accept:hover{background:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 2px 8px rgba(16,185,129,.3)}.notification-action-btn.reject{background:transparent;color:#ef4444;border-color:#ef4444}.notification-action-btn.reject:hover{background:#ef4444;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(239,68,68,.3)}.notification-empty{padding:3rem 1.5rem;text-align:center;color:#737373}.dark .notification-empty{color:#a3a3a3}.notification-empty-icon{width:48px;height:48px;margin:0 auto 1rem;opacity:.25;color:#525252}.dark .notification-empty-icon{opacity:.3;color:#a3a3a3}.notification-empty-text{font-size:.875rem;font-weight:500;color:#525252}.dark .notification-empty-text{color:#a3a3a3}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;font-size:.6875rem;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(239,68,68,.3);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.mark-all-read-btn{font-size:.75rem;padding:.375rem .625rem;height:auto;transition:all .2s ease}.mark-all-read-btn:hover{transform:translateY(-1px)}@keyframes exitNotification{to{transform:translateX(100%);opacity:0;max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;border:0}}.notification-item.removing{animation:exitNotification .4s cubic-bezier(.4,0,.2,1) forwards!important;pointer-events:none}.delete-notification-btn{display:flex!important;align-items:center;justify-content:center;transition:all .2s ease;z-index:50;pointer-events:auto!important;opacity:0}.notification-item:hover .delete-notification-btn{opacity:1}.delete-notification-btn:active{transform:scale(.9)}@media (hover:none){.delete-notification-btn{opacity:.7!important}}@media (max-width:640px){.notification-popover{width:95vw;max-width:450px}.notification-list{max-height:calc(100vh - 200px)}}@keyframes slideUpFadeIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDownFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(30px) scale(.92)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.mobile-modal-enter{animation:slideUpFadeIn .35s cubic-bezier(.16,1,.3,1)}.mobile-modal-exit{animation:slideDownFadeOut .25s cubic-bezier(.7,0,.84,0)}.backdrop-enter{animation:fadeIn .25s ease-out}.backdrop-exit{animation:fadeOut .2s ease-in}.pwa-only-nav{display:none}@media (display-mode:standalone){.pwa-only-nav{display:block}.hide-on-mobile-pwa{display:none!important}}@media (min-width:1024px){.hide-on-mobile-pwa{display:block!important}}@media (display-mode:standalone){.pwa-hidden{display:none!important}.pwa-bottom-nav{transition:opacity .1s ease-out}.pwa-bottom-nav,.pwa-top-header{will-change:auto;contain:layout style;visibility:visible!important;opacity:1!important}}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-gutter:stable}body{overflow-x:hidden;width:100%;position:relative}body,html{height:100%}:root{--font-nunito:var(--font-nunito,system-ui,-apple-system,sans-serif);--font-inter:var(--font-inter,system-ui,-apple-system,sans-serif);--blue:217 91% 60%;--green:120 60% 50%;--orange:25 95% 53%;--stone:25 5% 45%;--background:0 0% 100%;--foreground:25 5% 25%;--primary:217 91% 60%;--primary-foreground:0 0% 100%;--border:214 32% 91%;--radius:0.5rem}.dark{--background:0 0% 0%;--foreground:0 0% 95%;--primary:217 91% 60%;--primary-foreground:0 0% 100%;--border:214 32% 20%}body{font-family:var(--font-inter,system-ui,-apple-system,sans-serif);font-size:16px;line-height:1.5;color:hsl(var(--foreground));background-color:hsl(var(--background))}h1,h2,h3,h4,h5,h6{font-family:var(--font-nunito,system-ui,-apple-system,sans-serif);font-weight:700;line-height:1.2}a{color:hsl(var(--primary));text-decoration:none;transition:color .2s ease}a:hover{color:hsl(var(--primary)/.8)}img{max-width:100%;height:auto;display:block}@font-face{font-family:System Font;src:local(".SFNSText-Regular"),local(".HelveticaNeueDeskInterface-Regular"),local(".LucidaGrandeUI"),local("Segoe UI"),local("Helvetica Neue"),local("sans-serif");font-weight:400;font-style:normal;font-display:swap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in}.skeleton{background:linear-gradient(90deg,hsl(var(--border)) 25%,hsl(var(--border)/.5) 50%,hsl(var(--border)) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.prose pre.editor-code-block,pre.editor-code-block{background-color:color-mix(in srgb,var(--user-color,#6366f1) 8%,transparent)!important;border-radius:.5rem;padding:1rem;margin:1rem 0;overflow-x:auto;font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.5;border:1px solid color-mix(in srgb,var(--user-color,#6366f1) 20%,transparent)}.dark .prose pre.editor-code-block,.dark pre.editor-code-block{background-color:color-mix(in srgb,var(--user-color,#6366f1) 12%,transparent)!important;border-color:color-mix(in srgb,var(--user-color,#6366f1) 25%,transparent)}.dark .prose pre.editor-code-block code,.dark .prose pre.editor-code-block code.hljs,.dark pre.editor-code-block code,.dark pre.editor-code-block code.hljs{color:#e0e0e0!important;opacity:1}.prose pre.editor-code-block code,pre.editor-code-block code{background:none!important;padding:0;font-size:inherit;color:#333!important;border-radius:0;transition:color .2s ease}.prose pre.editor-code-block code.hljs,pre.editor-code-block code.hljs{color:#333!important}.dark .prose pre.editor-code-block code.hljs,.dark pre.editor-code-block code.hljs{color:#e0e0e0!important}.prose pre.editor-code-block .hljs-comment,.prose pre.editor-code-block .hljs-quote,pre.editor-code-block .hljs-comment,pre.editor-code-block .hljs-quote{color:#6b7280!important;font-style:italic}.dark .prose pre.editor-code-block .hljs-comment,.dark .prose pre.editor-code-block .hljs-quote,.dark pre.editor-code-block .hljs-comment,.dark pre.editor-code-block .hljs-quote{color:#6b7280!important;opacity:1}.prose pre.editor-code-block .hljs-keyword,.prose pre.editor-code-block .hljs-link,.prose pre.editor-code-block .hljs-literal,.prose pre.editor-code-block .hljs-section,.prose pre.editor-code-block .hljs-selector-tag,pre.editor-code-block .hljs-keyword,pre.editor-code-block .hljs-link,pre.editor-code-block .hljs-literal,pre.editor-code-block .hljs-section,pre.editor-code-block .hljs-selector-tag{color:#06c!important;font-weight:600;opacity:1}.dark .prose pre.editor-code-block .hljs-keyword,.dark .prose pre.editor-code-block .hljs-link,.dark .prose pre.editor-code-block .hljs-literal,.dark .prose pre.editor-code-block .hljs-section,.dark .prose pre.editor-code-block .hljs-selector-tag,.dark pre.editor-code-block .hljs-keyword,.dark pre.editor-code-block .hljs-link,.dark pre.editor-code-block .hljs-literal,.dark pre.editor-code-block .hljs-section,.dark pre.editor-code-block .hljs-selector-tag{color:#569cd6!important;opacity:1}.prose pre.editor-code-block .hljs-attribute,.prose pre.editor-code-block .hljs-name,.prose pre.editor-code-block .hljs-string,.prose pre.editor-code-block .hljs-title,.prose pre.editor-code-block .hljs-type,pre.editor-code-block .hljs-attribute,pre.editor-code-block .hljs-name,pre.editor-code-block .hljs-string,pre.editor-code-block .hljs-title,pre.editor-code-block .hljs-type{color:green!important;opacity:1}.dark .prose pre.editor-code-block .hljs-attribute,.dark .prose pre.editor-code-block .hljs-name,.dark .prose pre.editor-code-block .hljs-string,.dark .prose pre.editor-code-block .hljs-title,.dark .prose pre.editor-code-block .hljs-type,.dark pre.editor-code-block .hljs-attribute,.dark pre.editor-code-block .hljs-name,.dark pre.editor-code-block .hljs-string,.dark pre.editor-code-block .hljs-title,.dark pre.editor-code-block .hljs-type{color:#6a9955!important;opacity:1}.prose pre.editor-code-block .hljs-bullet,.prose pre.editor-code-block .hljs-number,.prose pre.editor-code-block .hljs-symbol,pre.editor-code-block .hljs-bullet,pre.editor-code-block .hljs-number,pre.editor-code-block .hljs-symbol{color:#098658!important;opacity:1}.dark .prose pre.editor-code-block .hljs-bullet,.dark .prose pre.editor-code-block .hljs-number,.dark .prose pre.editor-code-block .hljs-symbol,.dark pre.editor-code-block .hljs-bullet,.dark pre.editor-code-block .hljs-number,.dark pre.editor-code-block .hljs-symbol{color:#b5cea8!important;opacity:1}.prose pre.editor-code-block .hljs-built_in,.prose pre.editor-code-block .hljs-function,.prose pre.editor-code-block .hljs-title.function_,pre.editor-code-block .hljs-built_in,pre.editor-code-block .hljs-function,pre.editor-code-block .hljs-title.function_{color:#795e26!important;font-weight:500;opacity:1}.dark .prose pre.editor-code-block .hljs-built_in,.dark .prose pre.editor-code-block .hljs-function,.dark .prose pre.editor-code-block .hljs-title.function_,.dark pre.editor-code-block .hljs-built_in,.dark pre.editor-code-block .hljs-function,.dark pre.editor-code-block .hljs-title.function_{color:#dcdcaa!important;opacity:1}.prose pre.editor-code-block .hljs-attr,.prose pre.editor-code-block .hljs-params,.prose pre.editor-code-block .hljs-variable,pre.editor-code-block .hljs-attr,pre.editor-code-block .hljs-params,pre.editor-code-block .hljs-variable{color:#d4a574!important;opacity:1}.dark .prose pre.editor-code-block .hljs-attr,.dark .prose pre.editor-code-block .hljs-params,.dark .prose pre.editor-code-block .hljs-variable,.dark pre.editor-code-block .hljs-attr,.dark pre.editor-code-block .hljs-params,.dark pre.editor-code-block .hljs-variable{color:#9cdcfe!important;opacity:1}.prose pre.editor-code-block .hljs-class,.prose pre.editor-code-block .hljs-title.class_,.prose pre.editor-code-block .hljs-title.class_.inherited__,pre.editor-code-block .hljs-class,pre.editor-code-block .hljs-title.class_,pre.editor-code-block .hljs-title.class_.inherited__{color:#267f99!important;font-weight:600}.dark .prose pre.editor-code-block .hljs-class,.dark .prose pre.editor-code-block .hljs-title.class_,.dark .prose pre.editor-code-block .hljs-title.class_.inherited__,.dark pre.editor-code-block .hljs-class,.dark pre.editor-code-block .hljs-title.class_,.dark pre.editor-code-block .hljs-title.class_.inherited__{color:#4ec9b0!important}.dark .prose pre.editor-code-block .hljs-operator,.dark .prose pre.editor-code-block .hljs-selector-class,.dark .prose pre.editor-code-block .hljs-selector-id,.dark pre.editor-code-block .hljs-operator,.dark pre.editor-code-block .hljs-selector-class,.dark pre.editor-code-block .hljs-selector-id,.prose pre.editor-code-block .hljs-operator,.prose pre.editor-code-block .hljs-selector-class,.prose pre.editor-code-block .hljs-selector-id,pre.editor-code-block .hljs-operator,pre.editor-code-block .hljs-selector-class,pre.editor-code-block .hljs-selector-id{color:#d4d4d4!important}.prose pre.editor-code-block .hljs-meta,.prose pre.editor-code-block .hljs-meta .hljs-keyword,pre.editor-code-block .hljs-meta,pre.editor-code-block .hljs-meta .hljs-keyword{color:#06c!important}.dark .prose pre.editor-code-block .hljs-meta,.dark .prose pre.editor-code-block .hljs-meta .hljs-keyword,.dark pre.editor-code-block .hljs-meta,.dark pre.editor-code-block .hljs-meta .hljs-keyword{color:#569cd6!important}.prose pre.editor-code-block .hljs-tag,pre.editor-code-block .hljs-tag{color:maroon!important}.dark .prose pre.editor-code-block .hljs-tag,.dark pre.editor-code-block .hljs-tag{color:#ce7e7e!important}.prose pre.editor-code-block .hljs-emphasis,pre.editor-code-block .hljs-emphasis{font-style:italic}.prose pre.editor-code-block .hljs-strong,pre.editor-code-block .hljs-strong{font-weight:700}.prose pre.editor-code-block .hljs-deletion,pre.editor-code-block .hljs-deletion{text-decoration:line-through}.prose pre.editor-code-block .hljs-addition,pre.editor-code-block .hljs-addition{text-decoration:underline}.prose pre.editor-code-block::-webkit-scrollbar,pre.editor-code-block::-webkit-scrollbar{height:8px}.prose pre.editor-code-block::-webkit-scrollbar-track,pre.editor-code-block::-webkit-scrollbar-track{background:#e7e5e4;border-radius:4px}.prose pre.editor-code-block::-webkit-scrollbar-thumb,pre.editor-code-block::-webkit-scrollbar-thumb{background:#a8a29e;border-radius:4px}.prose pre.editor-code-block::-webkit-scrollbar-thumb:hover,pre.editor-code-block::-webkit-scrollbar-thumb:hover{background:#78716c}.dark .prose pre.editor-code-block::-webkit-scrollbar-track,.dark pre.editor-code-block::-webkit-scrollbar-track{background:#44403c}.dark .prose pre.editor-code-block::-webkit-scrollbar-thumb,.dark pre.editor-code-block::-webkit-scrollbar-thumb{background:#78716c}.dark .prose pre.editor-code-block::-webkit-scrollbar-thumb:hover,.dark pre.editor-code-block::-webkit-scrollbar-thumb:hover{background:#a8a29e}.prose pre.editor-code-block ::-moz-selection,.prose pre.editor-code-block::-moz-selection,pre.editor-code-block ::-moz-selection,pre.editor-code-block::-moz-selection{background-color:rgba(59,130,246,.3)}.prose pre.editor-code-block ::selection,.prose pre.editor-code-block::selection,pre.editor-code-block ::selection,pre.editor-code-block::selection{background-color:rgba(59,130,246,.3)}.dark .prose pre.editor-code-block ::-moz-selection,.dark .prose pre.editor-code-block::-moz-selection,.dark pre.editor-code-block ::-moz-selection,.dark pre.editor-code-block::-moz-selection{background-color:rgba(96,165,250,.3)}.dark .prose pre.editor-code-block ::selection,.dark .prose pre.editor-code-block::selection,.dark pre.editor-code-block ::selection,.dark pre.editor-code-block::selection{background-color:rgba(96,165,250,.3)}