*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,Inter,system-ui,sans-serif;background:#0e1117;color:#c9d1d9}#app{min-height:100vh}.layout[data-v-51e68c39]{display:flex;min-height:100vh}.sidebar[data-v-51e68c39]{width:240px;background:#161b22;border-right:1px solid #21262d;display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease;position:fixed;top:0;left:0;bottom:0;z-index:50}.sidebar.collapsed[data-v-51e68c39]{width:60px}.sidebar-logo[data-v-51e68c39]{height:56px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #21262d}.logo-link[data-v-51e68c39]{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f0f6fc;font-weight:700;font-size:1.125rem}.logo-icon[data-v-51e68c39]{width:24px;height:24px;flex-shrink:0;color:#58a6ff}.logo-text[data-v-51e68c39]{white-space:nowrap}.sidebar-nav[data-v-51e68c39]{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.nav-item[data-v-51e68c39]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;color:#8b949e;text-decoration:none;font-size:.875rem;font-weight:450;cursor:pointer;transition:background .15s,color .15s;position:relative;border:none;background:none;width:100%;text-align:left}.nav-item svg[data-v-51e68c39]{width:18px;height:18px;flex-shrink:0}.nav-item[data-v-51e68c39]:hover{background:#1c2128;color:#c9d1d9}.nav-item.active[data-v-51e68c39]{background:#1c2128;color:#f0f6fc}.nav-item.active[data-v-51e68c39]:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:#58a6ff}.collapsed .nav-item[data-v-51e68c39]{justify-content:center;padding:10px}.collapsed .nav-item[data-v-51e68c39]:before{left:-4px}.sidebar-toggle[data-v-51e68c39]{display:flex;align-items:center;justify-content:center;height:44px;border:none;background:none;color:#6e7681;cursor:pointer;border-top:1px solid #21262d;transition:color .15s}.sidebar-toggle[data-v-51e68c39]:hover{color:#c9d1d9}.sidebar-toggle svg[data-v-51e68c39]{width:18px;height:18px;transition:transform .2s}.sidebar-toggle svg.flipped[data-v-51e68c39]{transform:rotate(180deg)}.main-area[data-v-51e68c39]{flex:1;display:flex;flex-direction:column;margin-left:240px;transition:margin-left .2s ease;min-height:100vh}.sidebar-collapsed .main-area[data-v-51e68c39]{margin-left:60px}.topbar[data-v-51e68c39]{height:56px;display:flex;align-items:center;justify-content:flex-end;padding:0 32px;border-bottom:1px solid #21262d;background:#161b22;flex-shrink:0;position:sticky;top:0;z-index:40}.user-menu[data-v-51e68c39]{position:relative}.avatar-btn[data-v-51e68c39]{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:4px;border-radius:8px;transition:background .15s}.avatar-btn[data-v-51e68c39]:hover{background:#1c2128}.avatar[data-v-51e68c39]{width:32px;height:32px;border-radius:8px;background:#21262d;border:1px solid #30363d;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#c9d1d9;letter-spacing:.02em}.popover[data-v-51e68c39]{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:#1c2128;border:1px solid #30363d;border-radius:10px;box-shadow:0 8px 30px #00000080;z-index:200;overflow:hidden}.popover-header[data-v-51e68c39]{padding:12px 14px}.popover-email[data-v-51e68c39]{font-size:.8125rem;font-weight:500;color:#f0f6fc}.popover-role[data-v-51e68c39]{font-size:.75rem;color:#8b949e;margin-top:2px}.popover-divider[data-v-51e68c39]{height:1px;background:#30363d}.popover-lang[data-v-51e68c39]{display:flex;align-items:center;justify-content:space-between;padding:8px 14px}.popover-lang-label[data-v-51e68c39]{font-size:.8125rem;color:#8b949e}.lang-toggle[data-v-51e68c39]{display:flex;border:1px solid #30363d;border-radius:6px;overflow:hidden}.lang-toggle button[data-v-51e68c39]{padding:3px 10px;font-size:.75rem;font-weight:500;background:none;border:none;color:#8b949e;cursor:pointer;transition:background .12s,color .12s}.lang-toggle button.active[data-v-51e68c39]{background:#58a6ff;color:#0e1117}.lang-toggle button[data-v-51e68c39]:not(.active):hover{background:#21262d;color:#c9d1d9}.popover-item[data-v-51e68c39]{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;color:#c9d1d9;font-size:.8125rem;cursor:pointer;text-decoration:none;transition:background .12s,color .12s}.popover-item svg[data-v-51e68c39]{width:16px;height:16px;flex-shrink:0}.popover-item[data-v-51e68c39]:hover{background:#21262d;color:#f0f6fc}.popover-logout[data-v-51e68c39]:hover{color:#f87171}.fade-enter-active[data-v-51e68c39],.fade-leave-active[data-v-51e68c39]{transition:opacity .15s,transform .15s}.fade-enter-from[data-v-51e68c39],.fade-leave-to[data-v-51e68c39]{opacity:0;transform:translateY(-4px)}.content[data-v-51e68c39]{flex:1;padding:32px 40px;width:100%;max-width:1440px;margin:0 auto}.app-footer[data-v-51e68c39]{padding:20px 40px;border-top:1px solid #21262d;background:#161b22;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#6e7681;flex-shrink:0}.footer-brand[data-v-51e68c39]{font-weight:600;color:#8b949e}.footer-sep[data-v-51e68c39]{margin:0 8px;color:#30363d}@media (min-width: 1800px){.content[data-v-51e68c39]{max-width:1600px;padding:40px 56px}}@media (max-width: 1280px){.content[data-v-51e68c39]{padding:28px}}@media (max-width: 900px){.content[data-v-51e68c39]{padding:20px 16px}.app-footer[data-v-51e68c39]{padding:16px 20px}}