*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--sans);background:var(--bg-0);color:var(--ink-1)}#app{height:100%}:root{--bg-0:#050d1a;--bg-1:#081428;--bg-2:#0c1d38;--bg-3:#112347;--blue:#2563eb;--blue-light:#3b82f6;--blue-dim:#2563eb1a;--blue-glow:#2563eb2e;--blue-border:#3b82f638;--border:#3b82f61a;--border-bright:#3b82f65c;--ink-0:#eef2ff;--ink-1:#94afd4;--ink-2:#4d6a94;--gold:#f59e0b;--gold-dim:#f59e0b1a;--coral:#ef4444;--coral-dim:#ef44441a;--green:#10b981;--green-dim:#10b9811a;--radius:4px;--radius-lg:6px;--sans:"Plus Jakarta Sans", sans-serif;--mono:"JetBrains Mono", monospace;--shadow-card:0 1px 3px #0006, 0 4px 16px #0003;--shadow-elevated:0 2px 8px #00000080, 0 8px 32px #0000004d;--gradient-sidebar:linear-gradient(180deg, #0a1830 0%, #081428 60%, #060f20 100%);--gradient-topbar:linear-gradient(90deg, #0a1830 0%, #081428 50%, #0a1830 100%);--gradient-main:linear-gradient(135deg, #060e1e 0%, #050d1a 40%, #060c18 100%);--gradient-stat-card:linear-gradient(135deg, #0e2044 0%, #081428 60%, #060f20 100%);--gradient-panel:linear-gradient(160deg, #0d1e3a 0%, #081428 100%)}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#3b82f60b 1px,#0000 1px),linear-gradient(90deg,#3b82f60b 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#2563eb12 0%,#0000 70%);width:600px;height:500px;position:fixed;top:-120px;left:-80px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--blue-border)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.app-shell[data-v-b364b877]{z-index:1;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar[data-v-b364b877]{background:var(--gradient-sidebar);border-right:1px solid var(--border);flex-direction:column;width:224px;min-width:224px;transition:width .22s cubic-bezier(.4,0,.2,1),min-width .22s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.app-shell.collapsed .sidebar[data-v-b364b877]{width:56px;min-width:56px}.sidebar-logo[data-v-b364b877]{border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px 12px;display:flex}.sidebar-logo img[data-v-b364b877]{width:148px;height:auto;transition:opacity .22s}.app-shell.collapsed .sidebar-logo img[data-v-b364b877],.app-shell.collapsed .app-name[data-v-b364b877]{opacity:0}.app-name[data-v-b364b877]{font-family:var(--mono);color:var(--ink-2);letter-spacing:.5px;white-space:nowrap;padding-left:2px;font-size:9px;font-weight:500;transition:opacity .22s}.sidebar-section[data-v-b364b877]{border-bottom:1px solid var(--border);padding:0}.section-label[data-v-b364b877]{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--ink-2);padding:12px 16px 4px;font-size:8px;font-weight:700;transition:opacity .22s}.app-shell.collapsed .section-label[data-v-b364b877]{opacity:0}.app-switcher[data-v-b364b877]{grid-template-columns:1fr 1fr;gap:4px;padding:6px 8px 10px;display:grid}.app-shell.collapsed .app-switcher[data-v-b364b877]{grid-template-columns:1fr}.app-item[data-v-b364b877]{font-family:var(--mono);border-radius:var(--radius);color:var(--ink-1);white-space:nowrap;border:1px solid #0000;align-items:center;gap:4px;padding:5px 8px;font-size:9px;font-weight:700;text-decoration:none;display:flex}.app-item[data-v-b364b877]:hover{background:var(--bg-2);color:var(--ink-1);border-color:var(--border)}.app-item.active[data-v-b364b877]{background:var(--blue-dim);color:var(--blue-light);border-color:var(--blue-border)}.app-code[data-v-b364b877]{transition:opacity .22s,width .22s}.app-shell.collapsed .app-code[data-v-b364b877]{opacity:0;width:0;overflow:hidden}.nav-section[data-v-b364b877]{border-bottom:none;flex:1}nav[data-v-b364b877]{padding:6px 8px}.nav-item[data-v-b364b877]{border-radius:var(--radius);height:36px;color:var(--ink-1);align-items:center;gap:10px;padding:0 8px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover .nav-icon[data-v-b364b877]{color:var(--blue-light)}.nav-item[data-v-b364b877]:hover{background:var(--blue-dim)}.nav-item.active[data-v-b364b877]{background:var(--blue-dim);color:var(--ink-0);font-weight:600}.nav-item.active .nav-icon[data-v-b364b877]{color:var(--blue-light)}.nav-icon[data-v-b364b877]{color:var(--ink-2);flex-shrink:0;font-size:14px}.nav-label[data-v-b364b877]{white-space:nowrap;transition:opacity .22s}.app-shell.collapsed .nav-label[data-v-b364b877]{opacity:0}.nav-pip[data-v-b364b877]{background:var(--blue-light);width:4px;height:4px;box-shadow:0 0 6px var(--blue-light);opacity:0;border-radius:50%;position:absolute;right:8px}.nav-item.active .nav-pip[data-v-b364b877]{opacity:1}.app-shell.collapsed .nav-pip[data-v-b364b877]{opacity:0!important}.sidebar-footer[data-v-b364b877]{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 4px 0 0;display:flex}.version-tag[data-v-b364b877]{font-family:var(--mono);color:var(--ink-2);opacity:.6;white-space:nowrap;padding:0 14px;font-size:9px;transition:opacity .22s,width .22s}.app-shell.collapsed .version-tag[data-v-b364b877]{opacity:0;width:0;padding:0;overflow:hidden}.collapse-btn[data-v-b364b877]{width:36px;height:36px;color:var(--ink-2);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.collapse-btn[data-v-b364b877]:hover{background:var(--bg-2);color:var(--ink-0)}.main-area[data-v-b364b877]{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar[data-v-b364b877]{background:var(--gradient-topbar);border-bottom:1px solid var(--border);z-index:50;flex-shrink:0;align-items:center;gap:16px;height:66px;padding:0 20px;display:flex;position:relative;overflow:visible}.breadcrumb[data-v-b364b877]{align-items:center;gap:6px;display:flex}.bc-root[data-v-b364b877]{color:var(--ink-2);font-size:12px;font-weight:500}.bc-sep[data-v-b364b877]{color:var(--ink-2);opacity:.5;font-size:12px}.bc-page[data-v-b364b877]{color:var(--ink-0);letter-spacing:-.2px;font-size:14px;font-weight:700}.topbar-actions[data-v-b364b877]{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn[data-v-b364b877]{border-radius:var(--radius);width:32px;height:32px;color:var(--ink-1);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.icon-btn[data-v-b364b877]:hover{background:var(--blue-dim);color:var(--ink-0)}.avatar-wrapper[data-v-b364b877]{position:relative}.avatar-trigger[data-v-b364b877]{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:4px 8px;display:flex}.avatar-trigger[data-v-b364b877]:hover{background:var(--blue-dim);border-color:var(--blue-border)}.avatar-circle[data-v-b364b877]{background:var(--blue-dim);border:1px solid var(--blue-border);width:28px;height:28px;color:var(--blue-light);font-family:var(--mono);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.avatar-circle.lg[data-v-b364b877]{flex-shrink:0;width:36px;height:36px;font-size:11px}.user-dropdown[data-v-b364b877]{background:var(--gradient-panel);border:1px solid var(--blue-border);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-elevated);z-index:200;animation:.18s fadeUp;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.user-identity[data-v-b364b877]{align-items:center;gap:10px;padding:14px;display:flex}.user-info[data-v-b364b877]{flex-direction:column;gap:3px;min-width:0;display:flex}.user-name[data-v-b364b877]{color:var(--ink-0);font-size:13px;font-weight:700}.user-email[data-v-b364b877]{font-family:var(--mono);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.role-badge[data-v-b364b877]{font-family:var(--mono);text-transform:uppercase;background:var(--blue-dim);color:var(--blue-light);border:1px solid var(--blue-border);border-radius:2px;width:fit-content;padding:2px 6px;font-size:8px}.dropdown-divider[data-v-b364b877]{background:var(--border);height:1px}.dropdown-item[data-v-b364b877]{color:var(--ink-1);cursor:pointer;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.dropdown-item[data-v-b364b877]:hover{background:var(--bg-2);color:var(--ink-0)}.sign-out[data-v-b364b877]{color:var(--coral)}.sign-out[data-v-b364b877]:hover{background:var(--coral-dim);color:var(--coral)}.content-area[data-v-b364b877]{background:var(--gradient-main);z-index:1;flex:1;padding:20px 24px;position:relative;overflow-y:auto}