:root{--primary-color: #2563eb;--secondary-color: #1e40af}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.gradient-bg{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradientShift 15s ease infinite}.gradient-bg-blue{background:linear-gradient(-45deg,#667eea,#764ba2,#f093fb,#4facfe);background-size:400% 400%;animation:gradientShift 12s ease infinite}.gradient-bg-purple{background:linear-gradient(-45deg,#a8edea,#fed6e3,#d299c2,#fef9d7);background-size:400% 400%;animation:gradientShift 10s ease infinite}.gradient-bg-ocean{background:linear-gradient(-45deg,#2e3192,#1bffff,#00c9ff,#92fe9d);background-size:400% 400%;animation:gradientShift 18s ease infinite}.glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.glass-dark{background:#0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}*{transition:all .3s cubic-bezier(.4,0,.2,1)}button,a{transition:all .2s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea)}:root{--sidebar-gradient-start: #667eea;--sidebar-gradient-end: #764ba2}@keyframes rgbGamerEffect{0%{filter:hue-rotate(0deg);background-position:0% 50%}50%{background-position:100% 50%}to{filter:hue-rotate(360deg);background-position:0% 50%}}nav[class*=w-64][class*=shadow-lg]{position:relative!important;background:transparent!important;overflow:hidden!important;z-index:0}nav[class*=w-64][class*=shadow-lg]:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(-45deg,var(--sidebar-gradient-start),var(--sidebar-gradient-end),var(--sidebar-gradient-start));background-size:400% 400%;animation:rgbGamerEffect 25s linear infinite}nav[class*=w-64][class*=shadow-lg] *{position:relative;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.rgb-header-animate{position:relative!important;overflow:visible!important;background:transparent!important;border-bottom:none!important;isolation:isolate;z-index:50!important}.rgb-header-animate:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#8b0000,#8b4500,#8b8b00,#006400,#00008b,#300060,#5500ab,#8b0000);background-size:200% 100%;animation:rgbHeaderFlow 25s linear infinite}.rgb-header-animate>*{position:relative;z-index:1}@keyframes rgbHeaderFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.rgb-border-active{position:relative!important;z-index:1;border:none!important;background:transparent!important;background-clip:padding-box!important}.rgb-border-active:before{content:"";position:absolute;inset:-3px;z-index:-1;background:linear-gradient(90deg,#8b0000,#8b4500,#8b8b00,#006400,#00008b,#300060,#5500ab,#8b0000);background-size:200% 100%;animation:rgbHeaderFlow 25s linear infinite;border-radius:inherit}.rgb-button{position:relative;border:none!important;overflow:visible!important;margin:2px}.rgb-button:before{content:"";position:absolute;inset:-3px;z-index:1;background:linear-gradient(90deg,#8b0000,#8b4500,#8b8b00,#006400,#00008b,#300060,#5500ab,#8b0000);background-size:200% 100%;animation:rgbHeaderFlow 25s linear infinite;border-radius:inherit;padding:3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.notification-bell-wrapper{position:relative;display:inline-flex;align-items:center}.notification-bell-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;cursor:pointer;transition:background .2s ease,transform .2s ease;backdrop-filter:blur(4px)}.notification-bell-btn:hover{background:#ffffff40;transform:scale(1.05)}.bell-icon{transition:transform .3s ease}.bell-icon--active{animation:bellRing 1.2s ease-in-out infinite}@keyframes bellRing{0%,to{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-13deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}75%{transform:rotate(5deg)}90%{transform:rotate(-3deg)}}.notification-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;border-radius:9px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid rgba(255,255,255,.3);animation:badgePop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.notification-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:340px;max-height:440px;background:#fff;border-radius:14px;box-shadow:0 20px 60px #0000002e,0 4px 16px #0000001a;border:1px solid rgba(0,0,0,.06);z-index:99999;overflow:hidden;animation:dropdownSlide .22s cubic-bezier(.22,1,.36,1)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-dropdown__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8faff,#f0f4ff)}.notification-dropdown__title{font-size:14px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.notif-count-badge{font-size:11px;font-weight:600;background:#ef4444;color:#fff;padding:2px 7px;border-radius:20px}.notif-mark-all-btn{display:flex;align-items:center;gap:4px;font-size:11px;color:#3b82f6;padding:4px 8px;border-radius:6px;background:#3b82f614;border:none;cursor:pointer;font-weight:600;transition:background .15s}.notif-mark-all-btn:hover{background:#3b82f626}.notif-close-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#0000000f;border:none;color:#64748b;cursor:pointer;transition:background .15s}.notif-close-btn:hover{background:#0000001f}.notification-list{overflow-y:auto;max-height:360px}.notification-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 20px;color:#94a3b8;font-size:13px}.notification-empty__icon{opacity:.3}.notification-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-bottom:1px solid #f8f8f8;cursor:pointer;transition:background .15s}.notification-item:hover{background:#f8faff}.notification-item--unread{background:#f0f6ff}.notification-item--unread:hover{background:#e4efff}.notification-item__dot{flex-shrink:0;width:10px;display:flex;align-items:center;justify-content:center;padding-top:3px}.unread-dot{display:block;width:8px;height:8px;border-radius:50%;background:#3b82f6;flex-shrink:0}.notification-item__content{flex:1;min-width:0}.notification-item__message{font-size:13px;font-weight:600;color:#1e293b;line-height:1.4;margin:0 0 2px}.notification-item__detail{font-size:12px;color:#64748b;margin:0 0 4px;line-height:1.3}.notification-item__time{font-size:11px;font-weight:500}