body{font-family:Inter,sans-serif}.tfs-header{z-index:1050;background:linear-gradient(90deg,#07152c 0%,#17367d 100%);align-items:center;min-height:88px;display:flex;position:relative;box-shadow:0 6px 18px #07152c2e}.tfs-header .container-fluid{max-width:1500px;padding-left:10px;padding-right:10px}.tfs-header-inner{justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.tfs-brand{align-items:center;gap:10px;min-width:250px;display:flex;text-decoration:none!important}.tfs-brand-logo{object-fit:contain;flex-shrink:0;width:auto;height:50px;display:block}.tfs-main-nav{align-items:center;gap:6px;display:flex}.tfs-nav-item{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:70px;height:52px;padding:6px 8px;transition:all .22s;display:flex;position:relative;color:#ffffffc7!important;text-decoration:none!important}.tfs-nav-item:hover{background:#ffffff14;transform:translateY(-1px);color:#fff!important}.tfs-nav-item.active{background:#ffffff24;box-shadow:0 4px 12px #0000002e;color:#fff!important}.tfs-nav-item i{margin-bottom:4px;font-size:18px;line-height:1}.tfs-nav-item span{font-size:11px;font-weight:600;line-height:1}.tfs-nav-badge{color:#fff;background:#ff4a4a;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:-4px;right:4px;box-shadow:0 4px 10px #ff3b3b47}.tfs-search-wrap{flex:1;justify-content:center;min-width:220px;display:flex}.tfs-search-form{width:100%;max-width:520px;position:relative}.tfs-search-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;width:100%;height:46px;display:flex;position:relative;overflow:hidden}.tfs-search-input{color:#fff;background:0 0;border:0;outline:none;width:100%;height:100%;padding:0 48px 0 22px;font-size:14px}.tfs-search-input::placeholder{color:#ffffffb8}.tfs-search-btn{color:#b8ccff;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:19px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.tfs-search-btn:hover{color:#fff}.tfs-header-right{justify-content:flex-end;align-items:center;gap:16px;min-width:110px;display:flex}.tfs-header-bell{justify-content:center;align-items:center;font-size:22px;line-height:1;display:inline-flex;position:relative;color:#fff!important;text-decoration:none!important}.tfs-header-bell-dot{background:#ff3b3b;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-3px;box-shadow:0 0 0 3px #ffffff0d}.tfs-profile-toggle{justify-content:center;align-items:center;display:inline-flex;text-decoration:none!important}.tfs-profile-toggle img{object-fit:cover;border:2px solid #5fb1ff;border-radius:50%;width:44px;height:44px;box-shadow:0 0 0 3px #ffffff0f}.tfs-guest-signin{white-space:nowrap;font-size:14px;font-weight:600;color:#fff!important;text-decoration:none!important}.tfs-guest-signin:hover{color:#c4b5fd!important}.tfs-guest-join{white-space:nowrap;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:999px;justify-content:center;align-items:center;padding:10px 22px;font-size:14px;font-weight:700;transition:opacity .15s,transform .15s;display:inline-flex;box-shadow:0 8px 18px #4f46e54d;color:#fff!important;text-decoration:none!important}.tfs-guest-join:hover{opacity:.9;transform:translateY(-1px)}.notif-menu{border:none;border-radius:16px;min-width:380px;padding:0;overflow:hidden;box-shadow:0 20px 50px #07152c38}.notif-header{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.notif-header strong{color:#fff;font-size:14px;font-weight:700}.notif-header a{color:#fffc;font-size:12px;text-decoration:none}.notif-header a:hover{color:#fff;text-decoration:underline}.notif-item{white-space:normal;color:#111827;border-bottom:1px solid #f1f3f8;align-items:flex-start;gap:10px;padding:11px 16px;text-decoration:none;transition:background .12s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{color:#111827;background:#f5f3ff;text-decoration:none}.notif-item.unread{background:#faf9ff}.notif-item.unread:before{content:"";background:#4f46e5;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px;display:block}#notifList{max-height:360px;overflow:auto}#notifList::-webkit-scrollbar{width:5px}#notifList::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:999px}.notif-footer{text-align:center;background:#fafafa;border-top:1px solid #f1f3f8;padding:10px 16px}.notif-mark-btn{color:#4f46e5;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.notif-mark-btn:hover{text-decoration:underline}.profile-dropdown{border:none;border-radius:16px;min-width:260px;padding:0;overflow:hidden;box-shadow:0 20px 50px #07152c38}.profile-dd-head{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);align-items:center;gap:12px;padding:18px 18px 16px;display:flex}.profile-dd-avatar{object-fit:cover;border:2px solid #ffffff80;border-radius:50%;flex-shrink:0;width:46px;height:46px}.profile-dd-info .dd-name{color:#fff;font-size:14px;font-weight:700;line-height:1.2}.profile-dd-info .dd-role{color:#ffffffbf;margin-top:2px;font-size:12px}.profile-dd-body{padding:6px 0}.profile-dd-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:background .12s,color .12s;display:flex}.profile-dd-item i{color:#4f46e5;text-align:center;flex-shrink:0;width:18px;font-size:15px}.profile-dd-item:hover{color:#4f46e5;background:#f5f3ff;text-decoration:none}.profile-dd-divider{background:#f1f3f8;height:1px;margin:4px 0}.profile-dd-logout,.profile-dd-logout i{color:#ef4444!important}.profile-dd-logout:hover{background:#fef2f2!important}#search-wrap{position:relative}#search-suggest{z-index:1055;background:#0f172a;border:1px solid #0f172ae6;border-radius:16px;max-height:320px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 18px 40px #0f172aa6}#search-suggest.d-none{display:none!important}#search-suggest .item,#search-suggest .more{cursor:pointer;color:#e5e7eb;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}#search-suggest .item:hover,#search-suggest .more:hover{background:#1e293b}#search-suggest .item.active{background:#1d4ed8}#search-suggest .item img.avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}#search-suggest .pill{color:#0f172a;background:#e0f2fe;border-radius:999px;margin-left:auto;padding:2px 6px;font-size:11px}#search-suggest .empty{color:#9ca3af;padding:10px 12px}@media (max-width:1399px){.tfs-header .container-fluid{max-width:1380px;padding:0 10px}.tfs-main-nav{gap:5px}.tfs-nav-item{min-width:66px;height:50px;padding:6px 7px}.tfs-nav-item i{margin-bottom:4px;font-size:17px}.tfs-nav-item span{font-size:10px}.tfs-search-form{max-width:470px}}@media (max-width:1199px){.tfs-main-nav{display:none}.tfs-brand{min-width:auto}.tfs-search-wrap{justify-content:flex-end}.tfs-search-form{max-width:100%}.tfs-header .container-fluid{max-width:100%;padding:0 12px}}@media (max-width:767px){.tfs-header{min-height:78px}.tfs-header .container-fluid{padding:0 12px}.tfs-brand-logo{height:38px}.tfs-search-wrap{display:none}.tfs-header-right{gap:14px;min-width:auto}.tfs-profile-toggle img{width:40px;height:40px}.tfs-header-bell{font-size:20px}.notif-menu{min-width:300px;right:-20px!important}.profile-dropdown{min-width:240px}}.tfs-dd{margin:0;list-style:none;position:relative}.tfs-dd>.dropdown-menu{display:block;position:absolute;top:calc(100% + 12px);left:auto;right:0}.tfs-dd-btn{cursor:pointer;background:0 0;border:0;padding:0}.profile-dd-logout-form{margin:0}.tfs-header-bell{position:relative}.tfs-header-bell .badge-counter{color:#fff;background:#ff4a4a;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;position:absolute;top:-8px;right:-12px;box-shadow:0 4px 10px #ff3b3b47}