:root{--sidebar-width: 260px;--header-height: 56px;--pico-primary: hsl(214, 100%, 48%);--pico-primary-hover: hsl(214, 100%, 43%);--pico-primary-focus: hsla(214, 100%, 48%, .2);--bg-light: #ffffff;--bg-dark: hsl(214, 35%, 21%);--sidebar-bg-light: #f3f5f7;--sidebar-bg-dark: hsl(214, 35%, 21%);--border-light: #e2e8f0;--border-dark: rgba(255, 255, 255, .1);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}[data-theme=light]{--bg-main: var(--bg-light);--bg-sidebar: var(--sidebar-bg-light);--bg-card: #ffffff;--border-color: var(--border-light);--text-main: #1a202c}[data-theme=dark]{--bg-main: var(--bg-dark);--bg-sidebar: var(--sidebar-bg-dark);--bg-card: var(--bg-dark);--border-color: var(--border-dark);--text-main: #f7fafc;--pico-background-color: var(--bg-dark);--pico-card-background-color: var(--bg-dark)}body{margin:0;display:flex;min-height:100vh;background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family);transition:background-color .2s ease}.app-navbar{height:var(--header-height);background:var(--bg-main);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 1rem;position:fixed;top:0;left:0;right:0;z-index:101}.app-navbar h2{margin:0;font-size:1.1rem;font-weight:600}aside.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100;padding-top:var(--header-height)}.sidebar-nav{flex:1;padding:1rem .5rem}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav a{display:flex;align-items:center;padding:.6rem .75rem;color:inherit;text-decoration:none;border-radius:4px;font-size:.9rem;gap:.75rem}.sidebar-nav a:hover{background-color:#0000000d}[data-theme=dark] .sidebar-nav a:hover{background-color:#ffffff0d}.sidebar-nav a.active{background-color:var(--pico-primary-focus);color:var(--pico-primary);font-weight:500}.sidebar-nav .submenu{margin-left:1.5rem;padding-left:.5rem;border-left:1px solid var(--border-color)}main.content{margin-left:var(--sidebar-width);margin-top:var(--header-height);flex:1;padding:1.5rem;max-width:calc(100vw - var(--sidebar-width))}.view-title{font-size:1.15rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-main)}.grid-filter-bar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem;gap:1rem}.filters-container{flex:1}details.filters-details{border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);margin:0}details.filters-details summary{padding:.5rem 1rem;font-size:.85rem;font-weight:600;list-style:none;cursor:pointer;display:flex;align-items:center}details.filters-details summary:after{content:"▼";font-size:.6rem;margin-left:.5rem;transition:transform .2s}details[open].filters-details summary:after{transform:rotate(180deg)}.filters-form{padding:1rem;border-top:1px solid var(--border-color);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:0}.filters-form input,.filters-form select{margin-bottom:0;font-size:.85rem;height:2.2rem}.actions-group{display:flex;gap:.4rem}.actions-group button{width:auto;padding:.4rem .6rem;margin:0;font-size:.85rem;display:flex;align-items:center;justify-content:center;height:2.2rem}table[role=grid]{border:1px solid var(--border-color);border-radius:4px;overflow:hidden}table[role=grid] tr:hover td{background-color:rgba(var(--pico-primary-rgb),.03)}table[role=grid] tr.selected td{background-color:var(--pico-primary-focus)!important}.status-icon{font-size:1.1rem}.status-success{color:#22c55e}.status-error{color:#ef4444}.login-container{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;margin:0;background:var(--bg-main)}