:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--warning-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--danger-gradient: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);--cta-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-primary: transparent;--bg-secondary: rgba(255, 255, 255, .02);--card-bg: rgba(255, 255, 255, .08);--card-bg-hover: rgba(255, 255, 255, .12);--glass-bg: rgba(255, 255, 255, .1);--glass-bg-strong: rgba(255, 255, 255, .15);--border-primary: rgba(255, 255, 255, .2);--border-secondary: rgba(255, 255, 255, .1);--border-accent: rgba(102, 126, 234, .4);--border-glow: rgba(102, 126, 234, .6);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .6);--text-accent: #667eea;--primary-light: #40c4ff;--accent-blue: #667eea;--accent-purple: #764ba2;--accent-pink: #f093fb;--success-color: #00d4aa;--warning-color: #ffa726;--error-color: #ff5252;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .25);--shadow-xl: 0 20px 48px rgba(0, 0, 0, .35);--shadow-glow: 0 0 40px rgba(102, 126, 234, .3);--shadow-card: 0 8px 32px rgba(0, 0, 0, .12), 0 2px 16px rgba(102, 126, 234, .08);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 50px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}body{padding-top:0;margin:0;overflow-x:hidden}html{width:100%;overflow-x:hidden;scroll-behavior:smooth}.site-header{position:fixed;top:0;left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important;z-index:1000;padding:.5rem 0;background:linear-gradient(180deg,#0f1925fa,#141e2df2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(64,196,255,.15);box-shadow:0 8px 32px #0000004d;transition:all var(--transition-normal);box-sizing:border-box}.site-header *{box-sizing:border-box}.site-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary-gradient);opacity:.8;box-shadow:0 0 20px #40c4ff66}.site-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(64,196,255,.2) 50%,transparent 100%)}.site-header:hover{box-shadow:0 12px 48px #40c4ff26}body.scrolled .site-header{box-shadow:0 12px 48px #40c4ff33}.header-container{max-width:100%;width:100%;margin:0 auto;padding:0 3rem;display:grid;grid-template-columns:auto minmax(320px,520px) auto;align-items:center;column-gap:2rem;box-sizing:border-box}.site-branding{display:flex;align-items:center;gap:.75rem;text-decoration:none;flex-shrink:0;position:relative;transition:all var(--transition-normal)}.site-branding:hover{transform:translateY(-2px)}.site-title{margin:0;display:flex;align-items:center}.site-title a{text-decoration:none;display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.8rem;letter-spacing:-.02em;position:relative;white-space:nowrap}#typed-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:all var(--transition-normal);display:inline-block;font-size:1.8rem}.site-title a:hover #typed-text{filter:drop-shadow(0 0 20px rgba(64,196,255,.4))}.cursor{display:none}.header-search-container{position:relative;flex-shrink:0;width:100%;max-width:450px;margin:0}.search-input-wrapper{position:relative;width:100%}.search-input-wrapper .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--primary-light);font-size:.95rem;pointer-events:none;z-index:1}#header-search-input{width:100%;padding:.75rem 2.5rem .75rem 2.75rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:var(--text-primary);font-size:.95rem;outline:none;transition:all var(--transition-normal);font-family:inherit;box-shadow:0 2px 8px #0000001a}#header-search-input:focus{background:#ffffff1f;border-color:var(--primary-light);box-shadow:0 0 0 3px #40c4ff26,0 4px 12px #0003;transform:translateY(-1px)}#header-search-input::placeholder{color:var(--text-muted);font-size:.9rem}.search-clear{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;transition:all var(--transition-fast);font-size:.95rem;z-index:1}.search-clear:hover{color:var(--primary-light);transform:translateY(-50%) scale(1.1)}.search-results{position:absolute;top:calc(100% + 10px);left:0;right:0;max-height:450px;overflow-y:auto;background:linear-gradient(135deg,#141e37fa,#1e2841f5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(64,196,255,.3);border-radius:14px;box-shadow:0 12px 48px #00000080;z-index:1002;display:none}.search-results:not(:empty){display:block;padding:.5rem}.search-result-item{padding:1rem;border-radius:10px;cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.05);text-decoration:none;display:block;color:inherit}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#40c4ff1a;transform:translate(6px)}.search-result-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-company{font-size:.875rem;color:var(--primary-light);margin-bottom:.35rem}.search-result-location{font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:.35rem}.candidate-result{display:flex;align-items:center;gap:.875rem}.candidate-avatar-small{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(102,126,234,.3)}.candidate-avatar-small img{width:100%;height:100%;object-fit:cover}.candidate-info-small{flex:1;min-width:0}.match-score-small{margin-left:.5rem;padding:.25rem .5rem;background:var(--primary-gradient);color:#fff;border-radius:12px;font-size:.75rem;font-weight:700}.search-loading,.search-no-results{padding:2rem;text-align:center;color:var(--text-muted);font-size:.95rem}.search-more-button{display:block;width:100%;padding:.875rem 1rem;margin-top:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;text-decoration:none;border-radius:10px;font-weight:600;font-size:.95rem;transition:all var(--transition-normal);border-top:1px solid rgba(255,255,255,.1)}.search-more-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.search-more-button i{margin-right:.5rem}.header-nav{display:flex;justify-content:flex-end;width:100%}.site-branding{grid-column:1;justify-self:start}.header-search-container{grid-column:2;justify-self:center;width:100%;max-width:480px}.header-nav{grid-column:3;justify-self:end}.nav-menu{list-style:none;margin:0;padding:0;display:flex;gap:.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center;overflow:visible;min-width:0}.nav-item{position:relative;flex-shrink:0;white-space:nowrap}.nav-item a{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem;font-weight:500;color:#fffc;text-decoration:none;padding:.7rem 1.125rem;display:inline-flex;align-items:center;gap:.5rem;border-radius:10px;transition:all var(--transition-normal);position:relative;overflow:hidden}.nav-item a:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#40c4ff26,#9b51e026);opacity:0;transition:opacity var(--transition-normal);border-radius:10px;z-index:-1}.nav-item a:hover:before{opacity:1}.nav-item a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-gradient);transform:translate(-50%);transition:width var(--transition-normal);border-radius:1px}.nav-item a:hover{color:var(--text-primary);transform:translateY(-2px)}.nav-item a:hover:after{width:70%}.nav-item a[href="/getstarted/"],.nav-item a[href="/get-started/"]{background:var(--cta-gradient);color:#fff!important;font-weight:600;padding:.7rem 1.5rem;border-radius:10px;box-shadow:0 4px 16px #667eea59;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.nav-item a[href="/getstarted/"]:before,.nav-item a[href="/get-started/"]:before{opacity:1;background:linear-gradient(135deg,#ffffff26,#ffffff0d);z-index:1}.nav-item a[href="/getstarted/"]:after,.nav-item a[href="/get-started/"]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:shine 4s infinite;z-index:2;display:block;bottom:auto;transform:none}@keyframes shine{0%{left:-100%}15%{left:100%}to{left:100%}}.nav-item a[href="/getstarted/"]:hover,.nav-item a[href="/get-started/"]:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 24px #667eea99;border-color:#fff6}.nav-item a[href="/getstarted/"]>*,.nav-item a[href="/get-started/"]>*{position:relative;z-index:3}.dropdown-arrow{font-size:.7rem;transition:transform var(--transition-normal);margin-left:.25rem}.nav-item.has-submenu.open .dropdown-arrow{transform:rotate(180deg)}.submenu{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#141e37fa,#1e2841f5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(64,196,255,.25);border-radius:14px;min-width:240px;list-style:none;padding:.75rem 0;z-index:1001;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%) translateY(-10px);transition:all var(--transition-normal);box-shadow:0 12px 40px #0006}.nav-item.has-submenu.open .submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.submenu li a{font-size:.95rem;padding:.875rem 1.5rem;color:#ffffffbf;background:none;border-left:3px solid transparent;transition:all var(--transition-fast);position:relative;display:flex;align-items:center;gap:.75rem}.submenu li a:hover{color:var(--text-primary);border-left-color:var(--primary-light);padding-left:1.75rem;background:#40c4ff14}.nav-item a[href="#"] i,.submenu li a i{font-size:.9rem;opacity:.9}.header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0;position:relative;order:4}.post-job-btn{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;background:var(--primary-gradient);color:#fff;border:none;border-radius:50%;font-size:1.4rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 16px #40c4ff59;position:relative;overflow:hidden;flex-shrink:0}.post-job-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-100%);transition:transform var(--transition-slow)}.post-job-btn:hover:before{transform:translate(100%)}.post-job-btn:hover{transform:scale(1.15);box-shadow:0 8px 28px #40c4ff99}.post-job-btn:active{transform:scale(.95)}.notification-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem;background:linear-gradient(135deg,#f44,red);color:#fff;border-radius:12px;padding:3px 9px;font-size:.75rem;font-weight:900;box-shadow:0 4px 12px #ff444473;border:none;animation:pulse-badge 2s infinite;z-index:100;white-space:nowrap;min-width:24px;text-align:center}.notification-badge.new{animation:bounce-badge .6s cubic-bezier(.68,-.55,.265,1.55),pulse-badge 2s infinite .6s}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 4px 12px #ff444473}50%{transform:scale(1.12);box-shadow:0 6px 18px #ff4444a6}}@keyframes bounce-badge{0%{transform:scale(.8)}50%{transform:scale(1.3)}to{transform:scale(1)}}.hamburger{display:none;background:var(--primary-gradient);color:#fff;border:none;padding:8px;border-radius:10px;font-size:1.4rem;cursor:pointer;transition:all var(--transition-normal);width:50px;height:50px;align-items:center;justify-content:center;box-shadow:0 4px 16px #40c4ff59;flex-shrink:0;position:relative;overflow:hidden}.hamburger:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-100%);transition:transform var(--transition-slow)}.hamburger:hover:before{transform:translate(100%)}.hamburger:hover{transform:scale(1.12);box-shadow:0 6px 24px #40c4ff80}main{padding-top:70px}#content{padding-top:70px}@media(max-width:1400px){.header-container{padding:0 2.5rem;gap:1.75rem}.nav-menu{gap:.4rem}.header-search-container{max-width:400px}}@media(max-width:1200px){.header-container{padding:0 2rem;gap:1.5rem}.nav-item a{padding:.65rem 1rem;font-size:.9rem}.nav-item a[href="/getstarted/"],.nav-item a[href="/get-started/"]{padding:.65rem 1.35rem}.nav-menu{gap:.3rem}#typed-text,.site-title a{font-size:1.6rem}.header-search-container{max-width:350px}}@media(max-width:1024px){.header-container{padding:0 1.5rem;gap:1.25rem}.nav-item a{padding:.6rem .875rem;font-size:.875rem}.nav-item a[href="/getstarted/"],.nav-item a[href="/get-started/"]{padding:.6rem 1.2rem}.nav-menu{gap:.25rem}#typed-text,.site-title a{font-size:1.4rem}.header-search-container{max-width:300px}}@media(max-width:900px){.header-container{padding:0 1.25rem;gap:1rem}.nav-item a{padding:.55rem .75rem;font-size:.85rem}.nav-item a[href="/getstarted/"],.nav-item a[href="/get-started/"]{padding:.55rem 1.1rem}.nav-menu{gap:.15rem}#typed-text,.site-title a{font-size:1.3rem}.header-search-container{max-width:250px}}@media(max-width:768px){.site-header{padding:.4rem 0}.header-container{display:flex!important;align-items:center;justify-content:space-between;gap:.5rem;padding:0 1rem}.site-branding{flex:0 0 auto;min-width:auto;flex-shrink:0}#typed-text,.site-title a{font-size:1.1rem}.header-search-container{flex:1 1 auto;min-width:0;max-width:none;margin:0 .5rem}#header-search-input{width:100%;font-size:.85rem;padding:.6rem 2.25rem .6rem 2.5rem}.search-input-wrapper .search-icon{left:.875rem;font-size:.85rem}.search-clear{right:.625rem;font-size:.85rem}.header-nav{position:fixed;top:75px;left:0;right:0;flex-direction:column;background:linear-gradient(180deg,#0f1925fc,#141e2dfa);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-bottom:1px solid rgba(64,196,255,.25);max-height:0;overflow:hidden;transition:max-height var(--transition-normal);z-index:999;justify-content:flex-start}.header-nav.open{max-height:600px;overflow:visible!important}.nav-menu{flex-direction:column;gap:0;width:100%;padding:1.25rem 0;overflow:visible}.nav-item{width:100%}.nav-item a{width:100%;padding:1.125rem 1.75rem;border-radius:0;justify-content:space-between;font-size:1rem}.nav-item a[href="/getstarted/"],.nav-item a[href="/get-started/"]{padding:1rem 1.75rem;margin:.75rem 1.25rem;width:calc(100% - 2.5rem);border-radius:12px;text-align:center;justify-content:center}.nav-item a:after{display:none}.submenu{position:relative!important;background:#ffffff08;border:none;border-top:1px solid rgba(64,196,255,.12);max-height:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:none;transition:max-height var(--transition-normal),opacity var(--transition-normal),visibility var(--transition-normal),padding var(--transition-normal);box-shadow:none;margin:0;padding:0;min-width:auto;z-index:1002}.nav-item.has-submenu.open .submenu{max-height:500px;opacity:1;visibility:visible;pointer-events:auto;padding:.75rem 0;display:block!important}.submenu li a{padding-left:3.25rem}.submenu li{transition:transform var(--transition-fast),opacity var(--transition-fast)}.nav-item.has-submenu.open .submenu li{transform:translateY(0);opacity:1}.hamburger{display:flex!important;flex:0 0 auto;order:4}.header-actions{display:flex;flex:0 0 auto;align-items:center;gap:.75rem;order:3}.post-job-btn{width:44px;height:44px;font-size:1.3rem}}@media(max-width:480px){.header-container{padding:0 .75rem}#typed-text,.site-title a{font-size:1rem}.hamburger{width:46px;height:46px;font-size:1.3rem;padding:6px}.post-job-btn{width:42px;height:42px;font-size:1.2rem}.nav-item a{padding:1rem 1.25rem;font-size:.95rem}.nav-item a[href="/getstarted/"],.nav-item a[href="/get-started/"]{padding:.95rem 1.5rem}.header-actions{gap:.5rem}.header-search-container{flex:1 1 auto;min-width:0;max-width:150px;margin:0 .25rem}#header-search-input{font-size:.8rem;padding:.55rem 2rem .55rem 2.25rem}#header-search-input::placeholder{font-size:.75rem}.search-input-wrapper .search-icon{left:.75rem;font-size:.8rem}.search-clear{right:.5rem;font-size:.8rem}}.nav-logo-link{padding:.55rem .75rem;min-width:auto;justify-content:center}.nav-company-logo{width:30px;height:30px;border-radius:10px;object-fit:cover;display:block;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 10px #00000040}@media(max-width:768px){.nav-logo-link{justify-content:space-between}}.nav-item a[href="/post-job/"]{background:var(--cta-gradient);color:#fff!important;font-weight:600;padding:.7rem 1.5rem;border-radius:10px;box-shadow:0 4px 16px #667eea59;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.nav-item a[href="/post-job/"]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff26,#ffffff0d);opacity:1;z-index:1}.nav-item a[href="/post-job/"]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:shine 4s infinite;z-index:2;display:block;bottom:auto;transform:none}.nav-item a[href="/post-job/"]:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 24px #667eea99;border-color:#fff6}.nav-item a[href="/post-job/"]>*{position:relative;z-index:3}@media(max-width:768px){.nav-item a[href="/post-job/"]{padding:1rem 1.75rem;margin:.75rem 1.25rem;width:calc(100% - 2.5rem);border-radius:12px;text-align:center;justify-content:center}}#header-notification-container{position:relative;display:inline-flex;align-items:center}.notification-bell{position:relative;padding:10px 12px;background:#37415199;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px}.notification-bell:hover{background:#4b5563cc;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.notification-bell:active{transform:translateY(0)}.notification-bell.has-unread{background:#4b5563b3;animation:subtle-pulse 2s infinite}@keyframes subtle-pulse{0%,to{box-shadow:0 0 #ffffff1a}50%{box-shadow:0 0 0 4px #fff0}}.bell-icon{color:#ffffffd9;width:20px;height:20px}.notification-bell:hover .bell-icon{color:#fff}#header-notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:700;border-radius:999px;border:2px solid #1a1f2e;box-shadow:0 2px 8px #ef444466}#header-notification-badge.hidden{display:none}#header-notification-backdrop{position:fixed;inset:0;background:#0c1222e6;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);z-index:99998;display:none}#header-notification-backdrop.show{display:block}#header-notification-dropdown{position:fixed;width:420px;max-height:70vh;z-index:99999;display:none;background:#1f2937fa;-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%);border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 20px 60px #0006,0 0 40px #667eea26;overflow:hidden;transform-origin:top right}#header-notification-dropdown.show{display:block;animation:notif-pop .2s ease-out}@keyframes notif-pop{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff08}.notification-header h3{font-size:1.125rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em}.mark-all-read{background:#64748b4d;border:1px solid rgba(255,255,255,.15);color:#ffffffe6;font-size:12px;font-weight:600;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s ease}.mark-all-read:hover{background:#64748b80;border-color:#ffffff40;transform:translateY(-1px)}.mark-all-read:active{transform:translateY(0)}#header-notification-list{max-height:calc(70vh - 80px);overflow-y:auto;padding:12px;scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.5) transparent}#header-notification-list::-webkit-scrollbar{width:6px}#header-notification-list::-webkit-scrollbar-track{background:transparent}#header-notification-list::-webkit-scrollbar-thumb{background:#64748b80;border-radius:999px}#header-notification-list::-webkit-scrollbar-thumb:hover{background:#64748bb3}.notification-item{background:#37415166;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;margin-bottom:10px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.notification-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2);opacity:.6}.notification-item:hover{background:#4b556380;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.notification-item.unread{background:#64748b4d;border-color:#93c5fd4d}.notification-item.unread:before{background:linear-gradient(180deg,#3b82f6,#2563eb);opacity:1}.notification-author{font-weight:600;color:#93c5fd;font-size:.875rem;margin-bottom:6px}.notification-text{color:#ffffffd9;font-size:.875rem;line-height:1.5;margin-bottom:8px;white-space:pre-line;word-break:break-word}.notification-meta{display:flex;justify-content:space-between;gap:8px;font-size:.75rem;color:#ffffff80;border-top:1px solid rgba(255,255,255,.05);padding-top:8px;margin-top:6px}.notification-empty,.notification-loading{text-align:center;padding:32px 16px;color:#ffffff80;font-size:.875rem}@media(max-width:768px){#header-notification-dropdown{width:calc(100vw - 32px);max-width:420px;left:16px!important;right:16px!important}.notification-bell{min-width:40px;height:40px;padding:8px 10px}}html,body{height:100%;margin:0}html{overflow:hidden}body{overflow-y:auto;overflow-x:hidden}#app{min-height:100%;overflow:visible}