*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#1f2933;background:#f5f7fa}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-layout{display:flex;min-height:100vh}.app-sidebar{width:220px;flex-shrink:0;background:#1a2b45;color:#e4e9f0;display:flex;flex-direction:column}.app-brand{padding:20px 16px;font-size:18px;font-weight:700;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:8px}.app-brand-version{font-size:11px;font-weight:500;letter-spacing:0;padding:1px 8px;border-radius:9px;border:1px solid rgba(255,255,255,.28);color:#9fb3cc}.app-nav{display:flex;flex-direction:column;padding:12px 0}.app-nav-link{padding:12px 16px;color:#aab7c9;text-decoration:none;font-size:14px;transition:background .15s,color .15s}.app-nav-link:hover{background:#ffffff0f;color:#fff}.app-nav-link.active{background:#409eff2e;color:#fff;border-left:3px solid #409eff}.app-main{flex:1;padding:24px;overflow:auto}.app-help-link{margin-top:auto;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);color:#aab7c9;font-size:13px;text-decoration:none;transition:background .15s,color .15s}.app-help-link:hover{background:#ffffff0f;color:#fff}.app-user{margin-top:0;padding:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}.app-user-info{display:flex;flex-direction:column;gap:2px}.app-user-name{font-size:13px;font-weight:600;color:#e4e9f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-user-role{font-size:11px;color:#7b8fa8}.app-logout-btn{padding:6px 0;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:transparent;color:#aab7c9;font-size:12px;cursor:pointer;transition:background .15s,color .15s}.app-logout-btn:hover{background:#ffffff14;color:#fff}