.app-shell{display:flex;min-height:100dvh;background:var(--bg)}.sidebar{width:272px;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-family:var(--font-family-display);font-weight:600;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;min-height:0;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);padding-left:calc(var(--space-sm) + 3px);border-left:3px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden}.sidebar-nav-item svg{flex-shrink:0}.sidebar-nav-item span{overflow:hidden;text-overflow:ellipsis}.sidebar-nav-item:hover{background:var(--bg)}.sidebar-nav-item--active{background:color-mix(in srgb,var(--role-accent, var(--color-primary)) 10%,transparent);border-left-color:var(--role-accent, var(--color-primary));color:var(--text);font-weight:600}.sidebar-group{display:flex;flex-direction:column;gap:2px}.sidebar-group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm);margin-top:var(--space-sm);background:none;border:none;cursor:pointer;font-size:var(--font-size-xs, 11px);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted)}.sidebar-group-header:hover{color:var(--text)}.sidebar-group-chevron{transition:transform .15s ease;flex-shrink:0}.sidebar-group-chevron--closed{transform:rotate(-90deg)}.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(--color-primary);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;padding-bottom:env(safe-area-inset-bottom,0px);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;border-top:3px solid transparent}.bottom-nav-item--active{color:var(--role-accent, var(--color-primary));border-top-color:var(--role-accent, var(--color-primary))}}.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-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:600}.app-header-actions{display:flex;align-items:center;gap:var(--space-sm)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;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-primary));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-primary)) 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}@media (max-width: 767px){.app-shell-content{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}.mobile-menu-sheet{display:flex;flex-direction:column;gap:2px;max-height:min(60dvh,480px);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}.text-display{font-family:var(--font-family-display)}.text-tabular{font-variant-numeric:tabular-nums;font-feature-settings:var(--font-feature-numeric)}.page-eyebrow{display:flex;align-items:center;gap:var(--space-sm);padding-left:var(--space-sm);border-left:3px solid var(--role-accent, var(--color-primary));margin-bottom:var(--space-xs)}.page-title{font-family:var(--font-family-display);font-weight:600;font-size:var(--font-size-2xl);color:var(--text);margin:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236B6F76' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px!important;cursor:pointer}.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(--color-primary);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:#14181f73;-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);max-width:min(560px,100%);max-height:90dvh;overflow:auto}.dcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);display:grid;gap:var(--space-md)}.dcard-title{font-size:var(--font-size-lg);font-weight:600;margin:0}.dcard-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm)}.gallery-cell{position:relative;display:grid;gap:var(--space-xs)}.gallery-tile{aspect-ratio:1 / 1;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);overflow:hidden;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text-muted);width:100%}.gallery-tile-delete{position:absolute;top:6px;right:6px;border:none;border-radius:999px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-error) 85%,black 0%);color:#fff;cursor:pointer}.gallery-tile-caption{font-size:var(--font-size-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-tile-img{width:100%;height:100%;object-fit:cover}.gallery-tile-file{flex-direction:column;gap:var(--space-xs);padding:var(--space-sm)}.gallery-tile-filename{font-size:var(--font-size-xs);text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.gallery-lightbox-close{border:none;background:none;cursor:pointer;color:var(--text-muted);padding:var(--space-xs);border-radius:var(--radius-md);flex-shrink:0}.gallery-lightbox-close:hover{background:var(--bg);color:var(--text)}.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%;overflow-x:auto}.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{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:var(--font-size-sm)}.metric-label-icon{flex-shrink:0}.metric-card .metric-value{font-family:var(--font-family-display);font-variant-numeric:tabular-nums;font-feature-settings:var(--font-feature-numeric);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)}