.sidebar{width:var(--dc-sidebar-width);background:var(--dc-navy);border-right:var(--dc-border-regular) solid color-mix(in srgb, var(--dc-slate) 40%, transparent);flex-direction:column;flex-shrink:0;min-height:100vh;padding:20px 0;display:flex}.sidebar__brand{border-bottom:var(--dc-border-regular) solid color-mix(in srgb, var(--dc-slate) 40%, transparent);margin-bottom:var(--dc-space-lg);padding:0 20px 24px}.sidebar__brand-row{align-items:baseline;gap:5px;display:flex}.sidebar__brand-name{font-family:var(--dc-font-mono);color:var(--dc-snow);letter-spacing:1px;font-size:11px;font-weight:700}.sidebar__brand-ice{font-family:var(--dc-font-display);color:var(--dc-amber);font-size:13px;font-weight:700}.sidebar__brand-sub{font-family:var(--dc-font-mono);color:var(--dc-light-gray);letter-spacing:.5px;margin-top:var(--dc-space-xs);font-size:9px}.sidebar__nav{flex:1;list-style:none}.sidebar__nav-item{cursor:pointer;background:0 0;border-left:2px solid #0000;justify-content:space-between;align-items:center;padding:10px 20px;text-decoration:none;transition:background .15s;display:flex}.sidebar__nav-item:hover{background:color-mix(in srgb, var(--dc-slate) 30%, transparent)}.sidebar__nav-item--active{background:color-mix(in srgb, var(--dc-slate) 60%, transparent);border-left-color:var(--dc-amber)}.sidebar__nav-item--active:hover{background:color-mix(in srgb, var(--dc-slate) 60%, transparent)}.sidebar__nav-icon{color:var(--dc-gray);text-align:center;width:18px;margin-right:10px;font-size:14px}.sidebar__nav-item--active .sidebar__nav-icon{color:var(--dc-amber)}.sidebar__nav-label{color:var(--dc-gray);flex:1;font-size:13px}.sidebar__nav-item--active .sidebar__nav-label{color:var(--dc-snow)}.sidebar__badge{font-family:var(--dc-font-mono);color:var(--dc-white);background:var(--dc-critical);border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700;animation:2s ease-in-out infinite pulse}.sidebar__footer{padding:var(--dc-space-lg) 20px;border-top:var(--dc-border-regular) solid color-mix(in srgb, var(--dc-slate) 40%, transparent)}.sidebar__footer-line{font-family:var(--dc-font-mono);color:var(--dc-light-gray);margin-bottom:var(--dc-space-xs);font-size:9px}.sidebar__footer-line:last-child{margin-bottom:0}.app-layout{background:var(--dc-midnight);min-height:100vh;display:flex}.app-layout__content{max-height:100vh;padding:var(--dc-content-padding-v) var(--dc-content-padding-h);flex:1;overflow-y:auto}.app-layout__inner{max-width:var(--dc-content-max-width)}.sign-in{background:var(--dc-midnight);justify-content:center;align-items:center;min-height:100vh;display:flex}.sign-in__card{width:100%;max-width:380px;padding:var(--dc-space-2xl);background:var(--dc-navy);border-radius:var(--dc-radius-md);border:var(--dc-border-regular) solid var(--dc-slate)}.sign-in__card--wide{max-width:480px}.sign-in__qr-wrap{align-items:center;gap:var(--dc-space-md);margin-bottom:var(--dc-space-xl);padding:var(--dc-space-lg);background:var(--dc-slate);border-radius:var(--dc-radius-md);flex-direction:column;display:flex}.sign-in__qr{background:var(--dc-snow);padding:var(--dc-space-md);border-radius:var(--dc-radius-sm);line-height:0}.sign-in__qr-secret{text-align:center;width:100%}.sign-in__qr-secret-label{font-family:var(--dc-font-mono);color:var(--dc-light-gray);letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--dc-space-xs);font-size:9px}.sign-in__qr-secret-code{font-family:var(--dc-font-mono);color:var(--dc-amber);background:var(--dc-midnight);padding:var(--dc-space-xs) var(--dc-space-sm);border-radius:var(--dc-radius-sm);word-break:break-all;-webkit-user-select:all;user-select:all;font-size:11px;display:inline-block}.sign-in__brand{margin-bottom:var(--dc-space-xl);align-items:baseline;gap:5px;display:flex}.sign-in__brand-name{font-family:var(--dc-font-mono);color:var(--dc-snow);letter-spacing:1px;font-size:11px;font-weight:700}.sign-in__brand-ice{font-family:var(--dc-font-display);color:var(--dc-amber);font-size:13px;font-weight:700}.sign-in__title{font-family:var(--dc-font-display);color:var(--dc-snow);margin-bottom:var(--dc-space-sm);font-size:22px;font-weight:400}.sign-in__subtitle{color:var(--dc-gray);margin-bottom:var(--dc-space-xl);font-size:12px}.sign-in__label{font-family:var(--dc-font-mono);color:var(--dc-gray);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:var(--dc-space-xs);font-size:10px;display:block}.sign-in__input{width:100%;padding:var(--dc-space-sm) var(--dc-space-md);margin-bottom:var(--dc-space-lg);background:var(--dc-slate);border:var(--dc-border-regular) solid var(--dc-slate);border-radius:var(--dc-radius-md);color:var(--dc-snow);font-family:var(--dc-font-mono);font-size:13px;display:block}.sign-in__input:focus{border-color:var(--dc-amber);outline:none}.sign-in__input::placeholder{color:var(--dc-light-gray)}.sign-in__error{color:var(--dc-critical);margin-bottom:var(--dc-space-md);font-size:12px}.sign-in__button{width:100%;padding:var(--dc-space-sm) var(--dc-space-lg);margin-top:var(--dc-space-sm);background:var(--dc-amber);border-radius:var(--dc-radius-sm);color:var(--dc-midnight);font-family:var(--dc-font-mono);cursor:pointer;border:none;font-size:12px;font-weight:700;display:block}.sign-in__button:disabled{opacity:.6;cursor:not-allowed}.sign-in__button:hover:not(:disabled){background:var(--dc-amber-dark)}.error-boundary{min-height:400px;padding:var(--dc-space-2xl);justify-content:center;align-items:center;display:flex}.error-boundary__card{text-align:center;max-width:400px}.error-boundary__title{font-family:var(--dc-font-display);color:var(--dc-snow);margin-bottom:var(--dc-space-md);font-size:22px;font-weight:400}.error-boundary__message{font-family:var(--dc-font-mono);color:var(--dc-light-gray);margin-bottom:var(--dc-space-xl);font-size:12px;line-height:1.6}.error-boundary__retry{background:var(--dc-slate);color:var(--dc-snow);padding:var(--dc-space-sm) var(--dc-space-xl);border-radius:var(--dc-radius-sm);font-family:var(--dc-font-mono);cursor:pointer;border:none;font-size:12px}.error-boundary__retry:hover{background:var(--dc-gray)}.page-skeleton{padding:var(--dc-content-padding-v) var(--dc-content-padding-h)}.page-skeleton__title{width:200px;height:32px;margin-bottom:var(--dc-space-xl)}.page-skeleton__cards{gap:var(--dc-space-md);margin-bottom:var(--dc-space-2xl);display:flex}.page-skeleton__card{flex:1;height:96px}.page-skeleton__table{height:320px}:root{--dc-midnight:#0f1720;--dc-navy:#1a2332;--dc-slate:#2a3a4e;--dc-amber:#f0a830;--dc-amber-dark:#d4922a;--dc-ice:#c8e6ff;--dc-ice-dark:#8bbfea;--dc-snow:#f4f6f9;--dc-white:#fff;--dc-gray:#89a;--dc-light-gray:#5a6b7e;--dc-critical:#e8413a;--dc-high:var(--dc-amber);--dc-med:var(--dc-ice);--dc-low:var(--dc-gray);--dc-success:#1a9e78;--dc-warning:var(--dc-amber);--dc-error:#e8413a;--dc-info:var(--dc-ice);--dc-font-display:Georgia, "Times New Roman", serif;--dc-font-body:-apple-system, "Helvetica Neue", sans-serif;--dc-font-mono:"SF Mono", "Fira Code", "Consolas", monospace;--dc-space-xs:4px;--dc-space-sm:8px;--dc-space-md:12px;--dc-space-lg:16px;--dc-space-xl:24px;--dc-space-2xl:32px;--dc-space-3xl:48px;--dc-radius-sm:4px;--dc-radius-md:8px;--dc-radius-lg:12px;--dc-radius-xl:16px;--dc-border-thin:.5px;--dc-border-regular:1px;--dc-border-accent:3px;--dc-sidebar-width:220px;--dc-sidebar-collapsed-width:40px;--dc-content-max-width:1200px;--dc-content-padding-v:32px;--dc-content-padding-h:40px}@media (width<=1279px){.fleet-metric-cards,.device-detail__cards,.rules-list__bundle-cards,.rule-detail__stats,.context-cards,.artifact-viewer__meta-cards{flex-wrap:wrap}.fleet-metric-cards>*,.device-detail__cards>*{flex:1 1 calc(50% - var(--dc-space-md));min-width:140px}.context-cards{grid-template-columns:1fr}.artifact-viewer__meta-cards{grid-template-columns:1fr 1fr}.sidebar{width:var(--dc-sidebar-collapsed-width);transition:width .2s;overflow:hidden}.sidebar:hover{width:var(--dc-sidebar-width)}.sidebar__brand,.sidebar__nav-label,.sidebar__badge,.sidebar__footer{opacity:0;transition:opacity .15s}.sidebar:hover .sidebar__brand,.sidebar:hover .sidebar__nav-label,.sidebar:hover .sidebar__badge,.sidebar:hover .sidebar__footer{opacity:1}.sidebar__nav-item{justify-content:center;padding:10px 0}.sidebar:hover .sidebar__nav-item{justify-content:space-between;padding:10px 20px}.sidebar__nav-icon{margin-right:0}.sidebar:hover .sidebar__nav-icon{margin-right:10px}}@media (width<=1023px){.app-layout{display:none}#root:after{content:"The Sprawl dashboard requires a desktop browser. Minimum viewport: 1024px.";height:100vh;font-family:var(--dc-font-mono);color:var(--dc-light-gray);text-align:center;justify-content:center;align-items:center;padding:40px;font-size:13px;line-height:1.6;display:flex}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--dc-midnight);height:100%;color:var(--dc-snow);font-family:var(--dc-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}::selection{background:color-mix(in srgb, var(--dc-amber) 25%, transparent);color:var(--dc-snow)}:focus-visible{outline:2px solid var(--dc-amber);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--dc-midnight)}::-webkit-scrollbar-thumb{background:var(--dc-slate);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--dc-light-gray)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--dc-slate) 25%, color-mix(in srgb, var(--dc-slate) 60%, transparent) 50%, var(--dc-slate) 75%);border-radius:var(--dc-radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}