#chx-header,#chx-header *{box-sizing:border-box}#chx-header img,#chx-header svg{max-width:none;height:auto}#chx-header a{padding:0;margin:0;font:inherit;color:inherit;line-height:1;text-decoration:none;cursor:pointer}#chx-header button{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;line-height:1;cursor:pointer}#chx-header{--chx2-border: #e8f0f2;--chx2-text: #3f434a;--chx2-bg: #ffffff;--chx2-hover: #f0f9f7;--chx2-focus: #2ddcda;--chx2-grad-a: #2ddcda;--chx2-grad-b: #1aa7e1;--chx-svg-grad-left: #2DDCDA;--chx-svg-grad-right: #1AA7E1}#chx-header{width:100%;height:100px;background-color:var(--chx2-bg);border-bottom:1px solid var(--chx2-border);position:fixed;top:0;left:0;right:0;z-index:1100;box-shadow:0 2px 12px #3aa4910a}#chx-header .header-container{width:100%;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:relative}#chx-header .logo{flex-shrink:0}#chx-header .logo-link{display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}#chx-header .logo-link:hover{opacity:.8}#chx-header .logo-image{height:40px;width:auto;display:block}#chx-header .nav-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}#chx-header .nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}#chx-header .chat-item,#chx-header .notification-item{width:55px;height:51px;position:relative;top:-12px}#chx-header .chat-button,#chx-header .notification-button{width:51px;height:51px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .3s ease}#chx-header .chat-button:hover,#chx-header .notification-button:hover{background-color:var(--chx2-hover);transform:translateY(-2px)}#chx-header .chat-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center}#chx-header .notification-icon{width:25.31px;height:30px;display:flex;align-items:center;justify-content:center;position:relative}#chx-header .notification-dot{width:8px;height:8px;background-color:#f44;border-radius:50%;position:absolute;top:2px;right:2px;border:2px solid #ffffff;box-shadow:0 2px 4px #ff44444d}#chx-header .nav-label{font-family:Noto Sans JP,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:12px;line-height:1;letter-spacing:.07em;color:#000;position:absolute;bottom:-17px;left:50%;transform:translate(-50%);width:55px;height:17px;display:flex;align-items:center;justify-content:center}#chx-header .user-menu{position:relative}#chx-header .user-info{min-width:50px;height:40px;display:flex;align-items:center;gap:12px;cursor:pointer;padding:0 8px;border-radius:12px;transition:all .3s ease;list-style:none}#chx-header .user-info::-webkit-details-marker{display:none}#chx-header .user-info:hover{background-color:var(--chx2-hover);transform:translateY(-1px)}#chx-header .user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}#chx-header .avatar-icon{width:100%;height:100%;background:url(/images/usericon.png) center/cover no-repeat;display:block;border-radius:50%}#chx-header .user-name{font-family:Poppins,Inter,Noto Sans JP,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:15px;color:var(--chx2-text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#chx-header .dropdown-button{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .3s ease}#chx-header .dropdown-button:hover{opacity:.7}#chx-header .user-menu-panel{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#fff;border:1px solid var(--chx2-border);border-radius:16px;box-shadow:0 10px 40px #3aa49114;padding:8px;z-index:1000}#chx-header .user-menu[open] .user-menu-panel{display:block}#chx-header .user-menu-item{display:block;padding:10px 12px;border-radius:12px;font-family:Noto Sans JP,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:var(--chx2-text);transition:all .3s ease}#chx-header .user-menu-item:hover{background:var(--chx2-hover);transform:translate(4px)}#chx-header .mobile-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;gap:4px}#chx-header .hamburger-line{width:20px;height:2px;background-color:var(--chx2-text);transition:all .3s ease;border-radius:1px}#chx-header .mobile-menu-btn.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}#chx-header .mobile-menu-btn.active .hamburger-line:nth-child(2){opacity:0}#chx-header .mobile-menu-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}#chx-header .mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--chx2-bg);border-bottom:1px solid var(--chx2-border);box-shadow:0 8px 24px #3aa49114;z-index:999}#chx-header .mobile-menu.active{display:block}#chx-header .mobile-menu-content{padding:20px;display:flex;flex-direction:column;gap:16px}#chx-header .mobile-nav-item{width:100%}#chx-header .mobile-nav-button{width:100%;padding:12px 16px;border:1px solid var(--chx2-border);border-radius:12px;display:flex;align-items:center;gap:12px;font-family:Noto Sans JP,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:var(--chx2-text);transition:all .3s ease}#chx-header .mobile-nav-button:hover{background-color:var(--chx2-hover);transform:translate(4px)}#chx-header .mobile-nav-icon{font-size:18px;width:24px;text-align:center}#chx-header .mobile-nav-text{flex:1;text-align:left}#chx-header .chat-button:focus,#chx-header .notification-button:focus,#chx-header .mobile-menu-btn:focus,#chx-header .mobile-nav-button:focus,#chx-header .user-menu-item:focus{outline:2px solid var(--chx2-focus);outline-offset:2px}#chx-header .chat-icon #paint0_linear_chat stop[offset="0"]{stop-color:var(--chx-svg-grad-left)}#chx-header .chat-icon #paint0_linear_chat stop[offset="1"]{stop-color:var(--chx-svg-grad-right)}#chx-header .notification-icon #paint0_linear_notice stop[offset="0"]{stop-color:var(--chx-svg-grad-left)}#chx-header .notification-icon #paint0_linear_notice stop[offset="1"]{stop-color:var(--chx-svg-grad-right)}@media (max-width: 768px){#chx-header .header-container{padding:0 20px}#chx-header .nav-actions{display:none}#chx-header .mobile-menu-btn{display:flex}}@media (max-width: 480px){#chx-header .header-container{padding:0 16px}#chx-header .logo-link{font-size:20px}}