@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg);margin:0;line-height:1.5}#root{min-height:100svh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);color:var(--color-text);margin:0;line-height:1.25}p{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}input,textarea{font-family:inherit;font-size:inherit}ul,ol{margin:0;padding:0;list-style:none}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);z-index:50;transition:width var(--transition-base), transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar__header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border-subtle);min-height:var(--header-height);display:flex}.sidebar--collapsed .sidebar__header{padding:var(--space-3) var(--space-2);flex-direction:column}.sidebar__logo{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.sidebar--collapsed .sidebar__logo{justify-content:center}.sidebar__logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));width:36px;height:36px;color:var(--color-text-inverse);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__logo-text{flex-direction:column;min-width:0;display:flex}.sidebar__logo-name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text);letter-spacing:-.02em;white-space:nowrap}.sidebar__logo-tagline{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.sidebar__collapse-btn{flex-shrink:0;color:var(--color-text-secondary)!important}.sidebar__network{margin:var(--space-3) var(--space-3) 0;padding:var(--space-3);background:var(--color-primary-soft);border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--color-primary) 12%, transparent)}.sidebar__network-label{font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);margin-bottom:var(--space-1)}.sidebar__network-name{font-size:var(--text-xs);color:var(--color-text);font-weight:var(--font-medium);line-height:1.4}.sidebar__nav{padding:var(--space-3) 0;flex:1;overflow-y:auto}.sidebar__group-label{text-transform:uppercase;letter-spacing:.06em;font-size:10px!important;font-weight:var(--font-semibold)!important;color:var(--color-text-muted)!important;padding:var(--space-3) var(--space-4) var(--space-1)!important;background:0 0!important;line-height:1.4!important}.sidebar__nav-item--active{background:var(--color-primary-soft);color:var(--color-primary)}.sidebar__footer{padding:var(--space-3);border-top:1px solid var(--color-border-subtle)}.sidebar__user{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer;display:flex}.sidebar__user--collapsed{padding:var(--space-2) 0;justify-content:center}.sidebar__user:hover{background:var(--color-surface-hover)}.sidebar__user-info{min-width:0}.sidebar__user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__user-role{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__nav-tooltip-wrap{width:100%;display:flex}@media (width<=1024px){.sidebar{transform:translate(-100%);width:var(--sidebar-width,260px)!important}.sidebar--open{transform:translate(0)}.sidebar__collapse-btn{display:none}}.header{z-index:30!important}.header__toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex;min-height:var(--header-height)!important;padding:0 var(--space-6)!important}.header__left{align-items:center;gap:var(--space-3);flex-shrink:0;min-width:0;display:flex}.header__menu-btn{display:none!important}.header__breadcrumb{min-width:0}.header__search{flex:1;min-width:0;max-width:480px}.header__actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.header__profile{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex}.header__profile:hover{background:var(--color-surface-hover)}.header__profile-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}@media (width<=1024px){.header__menu-btn{display:inline-flex!important}.header__search,.header__profile-name{display:none}}@media (width<=640px){.header__toolbar{padding:0 var(--space-4)!important}}:root{--color-bg:#fafbfc;--color-surface:#fff;--color-surface-elevated:#fff;--color-surface-hover:#f8fafc;--color-border:#e2e8f0;--color-border-subtle:#f1f5f9;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-soft:#4f46e514;--color-accent:#0d9488;--color-accent-hover:#0f766e;--color-accent-soft:#0d948814;--color-text:#0f172a;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--color-success:#059669;--color-success-soft:#05966914;--color-warning:#d97706;--color-warning-soft:#d9770614;--color-danger:#dc2626;--color-danger-soft:#dc262614;--sidebar-width:260px;--header-height:64px;--gap-page:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a0f;--shadow-lg:0 8px 24px #0f172a14;--shadow-focus:0 0 0 3px #4f46e540;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "Cascadia Code", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--transition-fast:.15s ease;--transition-base:.2s ease;--overlay-backdrop:#0f172a66}.app-layout{background:var(--color-bg);min-height:100svh;display:flex}.app-layout__main{min-width:0;margin-left:var(--sidebar-width,260px);transition:margin-left var(--transition-base);flex-direction:column;flex:1;display:flex}.app-layout__content{padding:var(--gap-page);flex:1;overflow-y:auto}.sidebar-overlay{background:var(--overlay-backdrop);z-index:40;opacity:0;transition:opacity var(--transition-base);pointer-events:none;display:none;position:fixed;inset:0}.sidebar-overlay--visible{opacity:1;pointer-events:auto}@media (width<=1024px){.app-layout__main{margin-left:0}.sidebar-overlay{display:block}}@media (width<=640px){.app-layout__content{padding:var(--space-4)}}