:root{color-scheme:light;--bg: #f9fafb;--bg-elevated: #ffffff;--bg-sunken: #f3f4f6;--text: #101828;--text-muted: #667085;--border: #e4e7ec;--border-strong: #d0d5dd;--accent: #4f46e5;--accent-soft: #eef2ff;--accent-text: #ffffff;--success: #099250;--success-soft: #ecfdf3;--warning: #b54708;--warning-soft: #fffaeb;--danger: #d92d20;--danger-soft: #fef3f2;--critical: #b42318;--critical-soft: #fef3f2;--high: #ef6820;--high-soft: #fef6ee;--medium: #b54708;--medium-soft: #fffaeb;--low: #667085;--low-soft: #f3f4f6;--row-hover: #f3f4f6;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow: 0 1px 2px rgba(16, 24, 40, .05);--shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .03)}:root[data-theme=dark]{color-scheme:dark;--bg: #0b1220;--bg-elevated: #141b2d;--bg-sunken: #0f1626;--text: #e5e7eb;--text-muted: #94a3b8;--border: #1f2a3d;--border-strong: #2c3a52;--accent: #818cf8;--accent-soft: #221f47;--accent-text: #0b1220;--success: #34d399;--success-soft: #10261f;--warning: #fbbf24;--warning-soft: #2e2410;--danger: #f87171;--danger-soft: #2c1616;--critical: #ff6b6b;--critical-soft: #2c1616;--high: #fb923c;--high-soft: #2a1c0f;--medium: #fbbf24;--medium-soft: #2e2410;--low: #94a3b8;--low-soft: #182131;--row-hover: #0f1626;--shadow: 0 1px 2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 20px -4px rgba(0, 0, 0, .5), 0 4px 8px -2px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{letter-spacing:-.01em}a{color:var(--accent)}input,button,select{font:inherit;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.42rem .65rem;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}input:hover,select:hover{border-color:var(--text-muted)}input:focus-visible,select:focus-visible,button:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}button{cursor:pointer;font-weight:500}button:hover:not(:disabled){border-color:var(--text-muted)}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button.primary:hover:not(:disabled){filter:brightness(1.08);border-color:var(--accent)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;padding:0;font-size:1.05rem;border-radius:var(--radius-pill);background:transparent;border-color:var(--border)}.icon-button:hover:not(:disabled){background:var(--bg-sunken);border-color:var(--border)}.link-button{background:transparent;border:none;padding:0;color:var(--accent);font-weight:500}.link-button:hover:not(:disabled){text-decoration:underline;border-color:transparent}.menu-item{display:flex;align-items:center;gap:.5rem;width:100%;background:transparent;border:none;border-radius:var(--radius-sm);padding:.45rem .5rem;font-size:.88rem;font-weight:500;color:var(--text);text-align:left;cursor:pointer}.menu-item:hover:not(:disabled){background:var(--bg-sunken)}.button-group{display:inline-flex;gap:.4rem;align-items:center}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:240px;flex-shrink:0;background:var(--bg-elevated);border-right:1px solid var(--border);padding:1.25rem 1rem;position:sticky;top:0;height:100vh;overflow-y:auto;transition:width .16s ease,padding .16s ease;display:flex;flex-direction:column}.app-sidebar-version{margin-top:auto;padding-top:1rem;text-align:center;color:var(--text-muted);font-size:.72rem;text-decoration:none}.app-sidebar-version:hover{color:var(--text);text-decoration:underline}.app-sidebar.collapsed{width:64px;padding:1.25rem .5rem}.app-sidebar.collapsed .app-nav-link{justify-content:center;padding:.55rem}.app-sidebar-collapse-toggle{display:inline-flex}@media (max-width: 900px){.app-sidebar-collapse-toggle{display:none}}.app-content{flex:1;min-width:0;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:1rem;padding:.85rem 1.5rem;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.app-menu-toggle{display:none}.app-main{flex:1;width:100%;padding:1.5rem 1.5rem 2.5rem}.app-title{margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem;font-size:1.05rem;padding:0 .4rem}.app-title-mark{font-weight:800;font-size:1.3rem;letter-spacing:-.02em;color:var(--text)}.app-title-sub{font-size:.78rem;font-weight:500;line-height:1.2}.app-nav{display:flex;flex-direction:column;gap:1.25rem}.app-nav-group{display:flex;flex-direction:column;gap:.15rem}.app-nav-group-label{color:var(--text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:0 .6rem;margin-bottom:.3rem}.app-nav-link{display:flex;align-items:center;gap:.6rem;color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:600;padding:.55rem .7rem;border-radius:var(--radius-sm);transition:background-color .12s ease,color .12s ease,transform .12s ease}.app-nav-icon{font-size:1rem;width:1.3rem;text-align:center;flex-shrink:0}.app-nav-link:hover{color:var(--text);background:var(--bg-sunken);transform:translate(1px)}.app-nav-link.active{color:var(--accent);background:var(--accent-soft);font-weight:700}.app-sidebar-backdrop{display:none}@media (max-width: 900px){.app-sidebar{position:fixed;left:0;top:0;z-index:40;transform:translate(-100%);transition:transform .18s ease;box-shadow:var(--shadow-lg)}.app-sidebar.open{transform:translate(0)}.app-menu-toggle{display:inline-flex}.app-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:30}.app-main{padding:1.25rem 1rem 2rem}}.scope-picker{display:flex;flex-wrap:wrap;gap:.5rem}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85em;color:var(--text-muted)}.muted{color:var(--text-muted)}.card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;background:var(--bg-elevated);box-shadow:var(--shadow);transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}.stat-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.15rem}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--stat-accent, var(--accent))}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.inventory-relationship-row:hover{background:var(--row-hover);border-radius:var(--radius-sm)}.stat-card-icon{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:var(--radius-sm);font-size:1.05rem;background:var(--stat-accent-soft, var(--accent-soft));margin-bottom:.5rem}.badge,.status-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .65rem;border-radius:var(--radius-pill);font-size:.78em;font-weight:600;background:var(--pill-bg, var(--bg-sunken));color:var(--pill-color, var(--text-muted));white-space:nowrap}.status-pill--success{--pill-bg: var(--success-soft);--pill-color: var(--success)}.status-pill--warning{--pill-bg: var(--warning-soft);--pill-color: var(--warning)}.status-pill--danger{--pill-bg: var(--danger-soft);--pill-color: var(--danger)}.status-pill--info{--pill-bg: var(--accent-soft);--pill-color: var(--accent)}.status-pill--neutral{--pill-bg: var(--bg-sunken);--pill-color: var(--text-muted)}.status-pill--critical{--pill-bg: var(--critical-soft);--pill-color: var(--critical)}.status-pill--high{--pill-bg: var(--high-soft);--pill-color: var(--high)}.status-pill--medium{--pill-bg: var(--medium-soft);--pill-color: var(--medium)}.status-pill--low{--pill-bg: var(--low-soft);--pill-color: var(--low)}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.login-brand{position:relative;overflow:hidden;display:flex;align-items:center;padding:3rem;background:linear-gradient(155deg,#0b1220,#1e1b4b 45%,#4338ca);color:#fff}.login-brand-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(38% 32% at 18% 22%,rgba(129,140,248,.35),transparent 70%),radial-gradient(34% 30% at 82% 78%,rgba(79,70,229,.32),transparent 70%);animation:login-drift 16s ease-in-out infinite alternate;pointer-events:none}@keyframes login-drift{0%{transform:translate(-2%,-1%) scale(1)}to{transform:translate(2%,2%) scale(1.06)}}.login-brand-content{position:relative;z-index:1;max-width:460px}.login-brand-headline{font-size:clamp(1.7rem,1.1rem + 1.8vw,2.5rem);line-height:1.15;letter-spacing:-.02em;margin:1.75rem 0 .9rem;font-weight:800}.login-brand-sub{color:#ffffffc7;font-size:.95rem;line-height:1.6;margin:0 0 2rem}.login-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.login-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600;background:#ffffff17;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:login-chip-float 4.5s ease-in-out infinite}@keyframes login-chip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.login-provider-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.14)}.login-provider-label{color:#fff9;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem}.login-provider-row{display:flex;flex-wrap:wrap;gap:.6rem}.login-provider-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:700;color:#fff;background:#ff990024;border:1px solid rgba(255,153,0,.4)}.login-provider-badge--soon{color:#ffffff8c;background:#ffffff0d;border-color:#ffffff24;font-weight:600}.login-provider-soon{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.05rem .4rem;border-radius:var(--radius-pill);background:#ffffff1f}.login-standard-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:700;color:#fff;background:#818cf82e;border:1px solid rgba(129,140,248,.45)}.login-standard-badge--soon{color:#ffffff8c;background:#ffffff0d;border-color:#ffffff24;font-weight:600}.login-form-side{display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg)}.login-card{max-width:380px;width:100%;padding:2.25rem;animation:login-card-in .42s cubic-bezier(.16,1,.3,1)}@keyframes login-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-card-header{margin-bottom:1.75rem}.login-card-mark-mobile{display:none}@media (max-width: 860px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-card-mark-mobile{display:block;margin-bottom:.85rem}}@media (prefers-reduced-motion: reduce){.login-brand-glow,.login-chip,.login-card{animation:none}}