.chx-sb,.chx-sb *{box-sizing:border-box;margin:0;padding:0}.chx-sb a,.chx-sb button{background:none;border:0;color:inherit;font:inherit;text-decoration:none;line-height:1;cursor:pointer}.chx-sb img,.chx-sb svg{max-width:none;height:auto}.chx-sb{--chx-sb-grad: linear-gradient(135deg, #1557be, #2ddcda);--chx-sb-primary: #1557be;--chx-sb-secondary: #2ddcda;--chx-sb-text: #1e1e1e;--chx-sb-muted: #666;--chx-sb-white: #ffffff;--chx-sb-border: #e1e5e9;--chx-sb-shadow-light: 0 4px 12px rgba(45, 220, 218, .08);--chx-sb-shadow-medium: 0 8px 24px rgba(45, 220, 218, .12);--chx-sb-transition: all .3s cubic-bezier(.4, 0, .2, 1);--chx-sb-top: 100px}.chx-sb.sidebar{width:272px;height:calc(100vh - var(--chx-sb-top));background-color:var(--chx-sb-white);box-shadow:0 4px 20px #0000000f;position:fixed;top:var(--chx-sb-top);left:0;z-index:900;opacity:1}.chx-sb .sidebar-nav{width:100%;height:100%;display:flex;flex-direction:column}.chx-sb .nav-buttons-group{width:100%;display:flex;flex-direction:column;gap:8px;padding:16px 12px}.chx-sb .nav-button{width:100%;height:60px;display:flex;align-items:center;padding:16px 20px;gap:13px;text-decoration:none;transition:var(--chx-sb-transition);position:relative;opacity:1;color:var(--chx-sb-muted);border-radius:12px;border-left:3px solid transparent}.chx-sb .nav-button .nav-icon img{width:19.6px;height:19.6px;transition:var(--chx-sb-transition)}.chx-sb .nav-icon{width:19.6px;height:19.6px;display:flex;align-items:center;justify-content:center;opacity:1}.chx-sb .nav-text{font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:14px;line-height:100%;letter-spacing:0;vertical-align:middle;color:#666;opacity:1;transition:var(--chx-sb-transition)}.chx-sb .nav-button:hover:not(.active){background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px #2ddcda14}.chx-sb .nav-button:hover:not(.active) .nav-text{color:var(--chx-sb-secondary)}.chx-sb .nav-button:hover:not(.active) .nav-icon img{transform:scale(1.1)}.chx-sb .nav-button.active,.chx-sb .nav-button[aria-current=page]{background:linear-gradient(135deg,#f0f9f7,#e8f5f2);border-left:3px solid;border-image:linear-gradient(270deg,#1557be,#2ddcda) 1;box-shadow:0 4px 12px #2ddcda1f}.chx-sb .nav-button.active .nav-text,.chx-sb .nav-button[aria-current=page] .nav-text{background:linear-gradient(270deg,#2ddcda,#1557be);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.chx-sb .nav-button.active .nav-icon img,.chx-sb .nav-button[aria-current=page] .nav-icon img{transform:scale(1.05)}.chx-sb .nav-button:focus,.chx-sb .nav-button:focus-visible{outline:2px solid #304ffd;outline-offset:2px}@media (max-width: 1024px){.chx-sb.sidebar.open{transform:translate(0)}}@media (max-width: 768px){.chx-sb.sidebar{transform:translate(-100%);transition:transform .3s ease;width:100%;height:100vh;top:0;z-index:1100}.chx-sb .nav-buttons-group{width:100%;padding:0 20px}.chx-sb .nav-button{width:100%}}@media (prefers-reduced-motion: reduce){.chx-sb .nav-button,.chx-sb.sidebar{transition:none}}@media (prefers-contrast: high){.chx-sb .nav-button{border:1px solid transparent}.chx-sb .nav-button:focus{border-color:currentColor}.chx-sb .nav-button.active,.chx-sb .nav-button[aria-current=page]{border-left-color:#000}}.chx-sb .admin-section{padding:0 12px 16px;display:flex;flex-direction:column;gap:8px}.chx-sb .admin-label{background:#f2deff;color:#3f434a;font-family:Noto Sans JP,sans-serif;font-size:12px;font-weight:700;letter-spacing:.02em;padding:10px 12px;margin-top:50px;width:85%}.chx-sb .nav-button.admin .nav-text{font-weight:500}