:root{--navy:#042c53;--blue:#185fa5;--light-blue:#378add;--ink:#2c2c2a;--slate:#5f5e5a;--off-white:#f5f5f2;--white:#fff;--green:#3b6d11;--amber:#ba7517;--red:#a32d2d;--border:#e5e4df;--border-strong:#d6d4cd;--border-faint:#f0efea;--muted:#8a8983;--muted-2:#a9a8a2;--panel-bg:#fafaf8;--sidebar-muted:#8faac6;--sidebar-muted-2:#6e8baa;--sidebar-hover:#ffffff1a;--sidebar-divider:#ffffff17;--green-bg:#e9efe1;--green-border:#cdddb8;--amber-bg:#f6ecd9;--amber-border:#ecd9b3;--red-bg:#f7e9e9;--red-border:#e6c8c8;--focus-ring:#378add24}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--ink);background:var(--off-white);font-family:IBM Plex Sans Thai,system-ui,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{color:var(--navy);text-decoration:underline}input,select,textarea,button{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--muted-2)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{border:3px solid var(--off-white);background:#cfcdc6;border-radius:8px}::-webkit-scrollbar-track{background:var(--off-white)}#app{height:100vh;overflow:hidden}.sidebar[data-v-72891cce]{background:var(--navy);color:#fff;flex-direction:column;flex:0 0 258px;display:flex}.brand[data-v-72891cce]{border-bottom:1px solid var(--sidebar-divider);flex:none;align-items:center;gap:11px;height:60px;padding:0 20px;display:flex}.brand-mark[data-v-72891cce]{background:var(--blue);border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brand-name[data-v-72891cce]{letter-spacing:.1px;font-size:12.5px;font-weight:500;line-height:1.25}.brand-sub[data-v-72891cce]{color:var(--sidebar-muted);font-size:10.5px;font-weight:400}.nav-scroll[data-v-72891cce]{flex:1;min-height:0;padding:16px 12px;overflow:auto}.nav-heading[data-v-72891cce]{letter-spacing:1.2px;color:var(--sidebar-muted-2);padding:6px 12px 10px;font-size:10.5px;font-weight:500}.nav[data-v-72891cce]{flex-direction:column;gap:3px;display:flex}.nav-item[data-v-72891cce]{text-align:left;cursor:pointer;color:#a9c0d8;background:0 0;border:none;border-left:3px solid #0000;border-radius:9px;align-items:center;gap:12px;width:100%;padding:10px 13px;font-size:13.5px;display:flex}.nav-item[data-v-72891cce]:hover{color:#fff;text-decoration:none}.nav-item.active[data-v-72891cce]{border-left-color:var(--light-blue);background:var(--sidebar-hover);color:#fff}.divider[data-v-72891cce]{background:var(--sidebar-divider);height:1px;margin:18px 8px}.status-block[data-v-72891cce]{color:var(--sidebar-muted);padding:0 14px;font-size:11.5px;line-height:1.7}.status-line[data-v-72891cce]{align-items:center;gap:8px;margin-bottom:8px;display:flex}.dot[data-v-72891cce]{background:var(--green);border-radius:50%;width:6px;height:6px;display:inline-block}.status-sub[data-v-72891cce]{color:var(--sidebar-muted-2)}.user[data-v-72891cce]{border-top:1px solid var(--sidebar-divider);flex:none;align-items:center;gap:11px;padding:13px 16px;display:flex}.user-avatar[data-v-72891cce]{background:var(--blue);color:#fff;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:12.5px;font-weight:600;display:flex}.user-info[data-v-72891cce]{min-width:0}.user-name[data-v-72891cce]{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;overflow:hidden}.user-role[data-v-72891cce]{color:var(--sidebar-muted);font-size:11px}.header[data-v-7531e72d]{background:var(--white);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:16px;height:60px;padding:0 26px;display:flex}.titles[data-v-7531e72d]{min-width:0}.title[data-v-7531e72d]{color:var(--ink);font-size:16px;font-weight:500;line-height:1.2}.desc[data-v-7531e72d]{color:var(--slate);font-size:11.5px}.actions[data-v-7531e72d]{align-items:center;gap:14px;margin-left:auto;display:flex}.icon-btn[data-v-7531e72d]{border:1px solid var(--border);background:var(--white);width:36px;height:36px;color:var(--slate);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;display:flex}.sep[data-v-7531e72d]{background:var(--border);width:1px;height:26px}.user[data-v-7531e72d]{align-items:center;gap:10px;display:flex}.avatar[data-v-7531e72d]{background:var(--navy);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12.5px;font-weight:600;display:flex}.user-info[data-v-7531e72d]{line-height:1.25}.user-name[data-v-7531e72d]{color:var(--ink);font-size:12.5px;font-weight:500}.user-role[data-v-7531e72d]{color:var(--slate);font-size:11px}.shell[data-v-97101c89]{background:var(--off-white);height:100vh;color:var(--ink);display:flex;overflow:hidden}.main[data-v-97101c89]{flex-direction:column;flex:1;min-width:0;display:flex}.content[data-v-97101c89]{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}