.app-shell{display:flex;min-height:100dvh;background:var(--bg)}.sidebar{width:240px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--space-md);transition:width .15s ease}.sidebar--collapsed{width:72px}.sidebar-logo{display:flex;align-items:center;gap:var(--space-sm);font-weight:700;font-size:var(--font-size-lg);color:var(--text);text-decoration:none;padding:var(--space-sm);white-space:nowrap;overflow:hidden}.sidebar-nav{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-lg);flex:1;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden}.sidebar-nav-item:hover{background:var(--bg)}.sidebar-nav-item--active{background:color-mix(in srgb,var(--role-accent, var(--color-info)) 14%,transparent);color:var(--role-accent, var(--color-info));font-weight:600}.sidebar-collapse-btn{align-self:flex-end;background:none;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:4px 10px;margin-top:var(--space-sm);color:var(--text-muted)}.sidebar-collapse-btn:hover{background:var(--bg)}.sidebar-user{display:flex;align-items:center;gap:var(--space-sm);padding-top:var(--space-md);margin-top:var(--space-md);border-top:1px solid var(--border);overflow:hidden}.sidebar-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--role-accent, var(--color-info));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.sidebar-user-name{font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav{display:none}@media (max-width: 767px){.sidebar{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--surface);border-top:1px solid var(--border);z-index:900}.bottom-nav-item{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;font-size:20px}.bottom-nav-item--active{color:var(--role-accent, var(--color-info))}.app-shell-content{padding-bottom:72px}}.app-shell-main{flex:1;display:flex;flex-direction:column;min-width:0}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border);background:var(--surface)}.breadcrumb{font-size:var(--font-size-xs);color:var(--text-muted)}.app-header-title{margin:0;font-size:var(--font-size-xl);font-weight:700}.app-header-actions{display:flex;align-items:center;gap:var(--space-sm)}.icon-btn{background:none;border:none;cursor:pointer;font-size:18px;line-height:1;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);color:var(--text)}.icon-btn:hover{background:var(--bg)}.notification-bell{position:relative}.notification-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 3px;border-radius:var(--radius-full);background:var(--color-error);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.notification-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:340px;max-height:420px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--elevation-md);z-index:500}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);font-size:var(--font-size-sm);font-weight:600}.notification-dropdown-header button{background:none;border:none;cursor:pointer;color:var(--role-accent, var(--color-info));font-size:var(--font-size-xs);font-weight:600}.notification-empty{padding:var(--space-lg);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.notification-item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:var(--space-sm) var(--space-md);border:none;border-bottom:1px solid var(--border);background:none;cursor:pointer;font-family:var(--font-family)}.notification-item:hover{background:var(--bg)}.notification-item--unread{background:color-mix(in srgb,var(--role-accent, var(--color-info)) 6%,transparent)}.notification-item-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text)}.notification-item-message,.notification-item-time{font-size:var(--font-size-xs);color:var(--text-muted)}.profile-menu{position:relative}.profile-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--elevation-md);min-width:180px;display:flex;flex-direction:column;padding:var(--space-xs);z-index:500}.profile-dropdown a,.profile-dropdown button{display:block;width:100%;text-align:left;padding:var(--space-sm);border-radius:var(--radius-sm);text-decoration:none;color:var(--text);background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);font-family:var(--font-family)}.profile-dropdown a:hover,.profile-dropdown button:hover{background:var(--bg)}.app-shell-content{flex:1;padding:var(--space-lg);overflow-y:auto}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font-family, system-ui, sans-serif);color:var(--text, #0f172a);background:var(--bg, #f8fafc);-webkit-font-smoothing:antialiased}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:opacity .15s ease,background-color .15s ease}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs)}.btn--primary{background:var(--role-accent, var(--color-info));color:#fff}.btn--primary:hover:not(:disabled){opacity:.9}.btn--danger{background:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){opacity:.9}.btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn--secondary:hover:not(:disabled){background:var(--bg)}.btn--ghost{background:transparent;color:var(--text)}.btn--ghost:hover:not(:disabled){background:var(--bg)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);font-weight:600;padding:2px var(--space-sm);border-radius:var(--radius-full);line-height:1.6;white-space:nowrap}.badge--success{background:color-mix(in srgb,var(--color-success) 16%,transparent);color:var(--color-success)}.badge--warning{background:color-mix(in srgb,var(--color-warning) 16%,transparent);color:var(--color-warning)}.badge--error{background:color-mix(in srgb,var(--color-error) 16%,transparent);color:var(--color-error)}.badge--info{background:color-mix(in srgb,var(--color-info) 16%,transparent);color:var(--color-info)}.badge--neutral{background:color-mix(in srgb,var(--color-neutral) 16%,transparent);color:var(--color-neutral)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:1000}.modal-panel{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--elevation-lg);width:100%;max-width:min(560px,100%);max-height:90vh;overflow:auto}.dtable{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.dtable th,.dtable td{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border)}.dtable th{color:var(--text-muted);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em}.dtable th[data-sortable=true]{cursor:pointer;-webkit-user-select:none;user-select:none}.dtable tbody tr:hover{background:var(--bg)}.dtable tbody tr.row--blacklist{background:color-mix(in srgb,var(--color-error) 10%,transparent)}.dtable tbody tr.row--blacklist:hover{background:color-mix(in srgb,var(--color-error) 16%,transparent)}.dtable tbody tr.row--critical{background:color-mix(in srgb,var(--color-error) 10%,transparent)}.dtable tbody tr.row--critical:hover{background:color-mix(in srgb,var(--color-error) 16%,transparent)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-3xl) var(--space-lg);color:var(--text-muted);gap:var(--space-xs)}.empty-state svg{width:64px;height:64px;color:var(--text-muted);opacity:.6;margin-bottom:var(--space-sm)}.empty-state h3{margin:0;color:var(--text);font-size:var(--font-size-lg)}.empty-state p{margin:0;max-width:32ch}.empty-state .btn{margin-top:var(--space-md)}.toast-viewport{position:fixed;bottom:var(--space-lg);right:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);z-index:2000;width:min(360px,calc(100vw - 32px))}.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--elevation-md);background:var(--surface);border-left:4px solid var(--color-info);font-size:var(--font-size-sm);color:var(--text);animation:toast-in .2s ease}.toast--success{border-left-color:var(--color-success)}.toast--warning{border-left-color:var(--color-warning)}.toast--error{border-left-color:var(--color-error)}.toast--info{border-left-color:var(--color-info)}.toast-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:var(--font-size-base);line-height:1;padding:0}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stepper{display:flex;align-items:center;width:100%}.stepper-step{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap}.stepper-step--active,.stepper-step--completed{color:var(--text);font-weight:600}.stepper-step .circle{width:24px;height:24px;flex-shrink:0;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--border);font-weight:600;font-size:var(--font-size-xs)}.stepper-step--active .circle{border-color:var(--role-accent, var(--color-info));color:var(--role-accent, var(--color-info))}.stepper-step--completed .circle{background:var(--role-accent, var(--color-info));border-color:var(--role-accent, var(--color-info));color:#fff}.stepper-divider{flex:1;height:2px;background:var(--border);margin:0 var(--space-sm)}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--elevation-sm)}.metric-card .metric-label{color:var(--text-muted);font-size:var(--font-size-sm)}.metric-card .metric-value{font-size:var(--font-size-3xl);font-weight:700;margin-top:var(--space-xs)}.metric-card .metric-delta{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:600;margin-top:var(--space-xs)}.metric-card .metric-delta--up{color:var(--color-success)}.metric-card .metric-delta--down{color:var(--color-error)}