.sj-shell{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.5}.sj-shell *,.sj-shell :before,.sj-shell :after{box-sizing:border-box}.sj-layout{min-height:100vh;display:flex}.sj-sidebar{width:var(--sidebar-width);background:var(--side-bg);border-right:1px solid var(--side-line);z-index:100;flex-direction:column;height:100vh;transition:transform .25s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sj-sidebar-logo{border-bottom:1px solid var(--side-line);align-items:center;gap:11px;padding:22px 20px 26px;text-decoration:none;display:flex}.sj-logo-mark{background:var(--gold);width:40px;height:40px;color:var(--mark-ink);font-size:16px;font-weight:700;font-family:var(--font-fraunces), serif;border-radius:10px;flex-shrink:0;place-items:center;line-height:1;display:grid;box-shadow:0 2px 8px #00000026}.sj-logo-mark--slab{font-family:var(--font-roboto-slab), serif;font-weight:900}.sj-logo-mark--ng{color:var(--gold);background:#0a2f5c;box-shadow:0 2px 8px #0000004d}.sj-logo-name{color:var(--side-ink-strong);font-size:13.5px;font-weight:600;line-height:1.25}.sj-logo-name small{color:var(--side-ink);margin-top:1px;font-size:11px;font-weight:400;display:block}.sj-nav{flex-direction:column;flex:1;gap:1px;padding:8px 12px;list-style:none;display:flex;overflow-y:auto}.sj-nav-section-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--side-ink);opacity:.65;padding:16px 12px 7px;font-size:10px;font-weight:700;list-style:none}.sj-nav a,.sj-nav-group-toggle{color:var(--side-ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:12px;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px;font-weight:400;text-decoration:none;transition:background .14s,color .14s;display:flex;position:relative}.sj-nav a:hover,.sj-nav-group-toggle:hover{background:var(--side-surface);color:var(--side-ink-strong)}.sj-nav a.active,.sj-nav a.on{background:var(--side-surface);color:var(--side-ink-strong);font-weight:600}.sj-nav a.active:before,.sj-nav a.on:before{content:"";background:var(--side-rail);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sj-nav svg{opacity:.9;flex-shrink:0;width:17px;height:15px}.sj-nav-badge{background:var(--c-red);color:#fff;text-align:center;border-radius:20px;min-width:20px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:700}.sj-nav-badge-warn,.sj-nav-badge-danger{color:#fff;border-radius:20px;flex-shrink:0;margin-left:auto;padding:1px 7px;font-size:10.5px;font-weight:700;line-height:1.6}.sj-nav-badge-warn{background:var(--c-amber)}.sj-nav-badge-danger{background:var(--c-red)}.sj-nav-group-toggle .sj-nav-badge-warn,.sj-nav-group-toggle .sj-nav-badge-danger{margin-left:4px}.sj-nav-group-toggle{gap:12px}.sj-nav .sj-nav-chevron{opacity:.7;flex-shrink:0;width:11px;height:11px;margin-left:auto;transition:transform .2s}.sj-nav-group.open .sj-nav-chevron{transform:rotate(90deg)}.sj-nav-group-toggle.active-group{color:var(--side-ink-strong);font-weight:600}.sj-nav-sub{flex-direction:column;gap:1px;margin:2px 0 4px;padding:0;list-style:none;display:none}.sj-nav-group.open .sj-nav-sub{display:flex}.sj-nav-sub a{border-radius:8px;padding-left:42px;font-size:13px}.sj-nav-sub svg{width:16px;height:13px}.sj-sidebar-footer{border-top:1px solid var(--side-line);align-items:center;gap:11px;padding:14px 18px;display:flex}.sj-sidebar-footer-link{color:inherit;align-items:center;gap:11px;min-width:0;text-decoration:none;display:flex;overflow:hidden}.sj-user-avatar{background:var(--gold);width:32px;height:32px;color:var(--mark-ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid;overflow:hidden}.sj-user-avatar img{object-fit:cover;width:100%;height:100%}.sj-user-name{color:var(--side-ink-strong);font-size:12.5px;font-weight:600;line-height:1.3}.sj-user-role{color:var(--side-ink);font-size:11px;font-weight:400;display:block}.sj-logout-btn svg{width:16px;height:16px;display:block}.sj-logout-btn{color:var(--side-ink);opacity:.6;cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:4px;font-size:16px;transition:opacity .15s}.sj-logout-btn:hover{opacity:1}.sj-content{flex:1;padding:30px 32px 52px}.sj-main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.sj-topbar{height:var(--topbar-height);border-bottom:1px solid var(--line);background:var(--bg);z-index:50;flex-shrink:0;align-items:center;gap:16px;padding:0 32px;display:flex;position:sticky;top:0}.sj-topbar-title{color:var(--ink-2);flex:1;font-size:13px}.sj-topbar-title b{color:var(--ink);font-weight:600}.sj-company-switcher{background:var(--surface);border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:22px;align-items:center;gap:8px;padding:7px 13px;font-family:inherit;font-size:12.5px;display:flex}.sj-company-dot{background:var(--c-green);border-radius:50%;width:7px;height:7px}.sj-company-wrap{position:relative}.sj-company-menu{background:var(--surface);border:1px solid var(--line);z-index:60;border-radius:12px;min-width:220px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 28px #0000001a}.sj-company-menu.open{display:block}.sj-company-item{color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:9px;padding:9px 11px;font-size:13px;display:flex}.sj-company-item:hover{background:var(--bg)}.sj-company-item.active{font-weight:600}.sj-company-item .sj-company-chk{color:var(--c-green);opacity:0;margin-left:auto}.sj-company-item.active .sj-company-chk{opacity:1}.sj-topbar-ic{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:15px;display:grid}.sj-menu-toggle svg{width:20px;height:20px;display:block}.sj-menu-toggle{color:var(--ink-2);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;display:none}.sj-mark-pair{align-items:center;gap:8px;display:flex}.sj-nav-bell{text-align:left;cursor:pointer;color:var(--side-ink);font-size:13.5px;font-weight:400;font-family:var(--font-anuphan), sans-serif;background:0 0;border:none;border-radius:9px;align-items:center;gap:12px;width:calc(100% - 24px);margin:4px 12px 8px;padding:9px 12px;text-decoration:none;transition:background .14s,color .14s;display:flex;position:relative}.sj-nav-bell:hover,.sj-nav-bell.open{background:var(--side-surface);color:var(--side-ink-strong)}.sj-nav-bell svg{opacity:.9;flex-shrink:0;width:17px;height:15px}.sj-nav-bell .lbl{flex:1}.sj-nav-bell .cnt{background:var(--c-red);color:#fff;border-radius:20px;flex-shrink:0;padding:1px 7px;font-size:10.5px;font-weight:700;line-height:1.6}.sj-noti-panel{left:calc(var(--sidebar-width) - 4px);background:var(--surface);border:1px solid var(--line);z-index:200;border-radius:14px;flex-direction:column;width:374px;max-height:600px;display:none;position:fixed;bottom:16px;overflow:hidden;box-shadow:0 20px 56px #17273f3d}.sj-noti-panel.show{display:flex}.sj-noti-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 18px 13px;display:flex}.sj-noti-head h3{font-family:var(--font-title);color:var(--ink);margin:0;font-size:17px;font-weight:600}.sj-noti-head .mark{color:var(--brand);cursor:pointer;background:0 0;border:none;font-size:12.5px;font-weight:500}.sj-noti-head .mark:disabled{color:var(--ink-3);cursor:default}.sj-noti-list{min-height:90px;padding:6px;overflow-y:auto}.sj-noti-empty{text-align:center;color:var(--ink-3);padding:40px 18px;font-size:13px}.sj-noti{cursor:pointer;border-radius:10px;gap:12px;padding:11px 12px 11px 16px;text-decoration:none;display:flex;position:relative}.sj-noti:hover{background:var(--bg)}.sj-noti .ic{border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.sj-noti .ic svg{width:15px;height:15px}.sj-noti .ic.red{background:var(--c-red-bg);color:var(--c-red)}.sj-noti .ic.amber{background:var(--c-amber-bg);color:var(--c-amber)}.sj-noti .ic.green{background:var(--c-green-bg);color:var(--c-green)}.sj-noti .ic.blue{background:var(--c-blue-bg);color:var(--c-blue)}.sj-noti .bd{flex:1;min-width:0}.sj-noti .tt{color:var(--ink);font-size:13.5px;font-weight:600;line-height:1.35}.sj-noti .xt{color:var(--ink-2);word-break:break-word;margin-top:1px;font-size:12.5px;line-height:1.4}.sj-noti .mt{color:var(--ink-3);margin-top:3px;font-size:11.5px}.sj-noti.unread{background:#fbfaf7}.sj-noti.unread:before{content:"";background:var(--brand);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.sj-noti.read .tt{color:var(--ink-2);font-weight:500}.sj-noti.read .ic{opacity:.55}@media (max-width:768px){.sj-noti-panel{width:auto;bottom:8px;left:8px;right:8px}.sj-sidebar{transform:translate(-100%)}.sj-sidebar.open{transform:translate(0);box-shadow:4px 0 20px #00000026}.sj-main{margin-left:0}.sj-menu-toggle{display:block}.sj-topbar{padding:0 16px}.sj-content{padding:16px 16px 40px}}.sj-version-stamp{opacity:.8;color:var(--side-ink);text-align:center;font-size:12.5px;font-family:var(--font-anuphan), sans-serif;padding:2px 0 6px}