:root[data-theme=dark]{--bg-page: #0b0e1a;--bg-surface: #1a1a2e;--bg-surface-raised: #16213e;--bg-surface-hover: rgba(255, 255, 255, .06);--bg-nav: rgba(0, 0, 0, .2);--text-primary: #f0f0f0;--text-secondary: #b0b0b0;--text-tertiary: #888;--text-muted: #666;--border: #333;--border-subtle: rgba(255, 255, 255, .08);--border-strong: #444;--accent-blue: #3B7A8C;--accent-teal: #3B7A8C;--accent-teal-light: #4A9AAF;--accent-teal-dark: #2D5F6E;--accent-green: #22c55e;--accent-amber: #f59e0b;--accent-red: #ef4444;--accent-purple: #8b5cf6;--accent-cyan: #06b6d4;--topbar-height: 48px;--sidebar-width: 240px;--sidebar-collapsed-width: 56px;--sidebar-bg: #0f0f1e;--sidebar-border: rgba(255, 255, 255, .06);--sidebar-item-hover: rgba(255, 255, 255, .04);--sidebar-item-active-bg: rgba(59, 122, 140, .12);--sidebar-item-active-text: #e0e0e0;--sidebar-item-inactive-text: #888;--sidebar-section-label: #666;--topbar-bg: #0f0f1e}:root[data-theme=light]{--bg-page: #f5f6f8;--bg-surface: #ffffff;--bg-surface-raised: rgba(0, 0, 0, .02);--bg-surface-hover: rgba(0, 0, 0, .04);--bg-nav: #ffffff;--text-primary: #1a1a2e;--text-secondary: #3a3a4a;--text-tertiary: #555565;--text-muted: #767682;--border: #d0d0d8;--border-subtle: rgba(0, 0, 0, .08);--border-strong: #a0a0b0;--accent-blue: #3B7A8C;--accent-teal: #3B7A8C;--accent-teal-light: #4A9AAF;--accent-teal-dark: #2D5F6E;--accent-green: #16a34a;--accent-amber: #d97706;--accent-red: #dc2626;--accent-purple: #7c3aed;--accent-cyan: #0891b2;--topbar-height: 48px;--sidebar-width: 240px;--sidebar-collapsed-width: 56px;--sidebar-bg: #0f0f0f;--sidebar-border: rgba(255, 255, 255, .08);--sidebar-item-hover: rgba(255, 255, 255, .06);--sidebar-item-active-bg: rgba(59, 122, 140, .2);--sidebar-item-active-text: #f0f0f0;--sidebar-item-inactive-text: #a0a0a0;--sidebar-section-label: #808080;--topbar-bg: #0f0f0f;--chrome-text-primary: #f0f0f0;--chrome-text-secondary: #c0c0c0;--chrome-text-tertiary: #909090;--chrome-hover: rgba(255, 255, 255, .06)}:root[data-theme=dark]{--chrome-text-primary: #f0f0f0;--chrome-text-secondary: #c0c0c0;--chrome-text-tertiary: #909090;--chrome-hover: rgba(255, 255, 255, .06)}html,body{margin:0;padding:0;background:var(--bg-page);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .15s,color .15s}#root{min-height:100vh;background:var(--bg-page);color:var(--text-primary)}input,select,textarea,button{font-family:inherit}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-topbar{height:var(--topbar-height);min-height:var(--topbar-height);display:flex;align-items:center;padding:0 16px;background:var(--topbar-bg);border-bottom:1px solid var(--sidebar-border);position:sticky;top:0;z-index:50}.topbar-icon-btn{width:32px;height:32px;border:1px solid transparent;background:transparent;color:var(--chrome-text-tertiary);border-radius:6px;cursor:pointer;font-size:16px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.topbar-icon-btn:hover:not(:disabled){background:var(--chrome-hover);color:var(--chrome-text-primary)}.topbar-icon-btn:disabled{opacity:.35;cursor:not-allowed}.topbar-wordmark{font-weight:700;font-size:15px;color:var(--chrome-text-primary);text-decoration:none;letter-spacing:-.01em}.topbar-user-btn{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;background:transparent;border:1px solid transparent;border-radius:20px;cursor:pointer;color:var(--chrome-text-primary);font-size:12px;transition:background .15s ease,border-color .15s ease}.topbar-user-btn:hover{background:var(--chrome-hover);border-color:var(--sidebar-border)}.topbar-user-avatar{width:24px;height:24px;border-radius:50%;background:var(--accent-blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.topbar-user-name{font-size:12px;color:var(--chrome-text-primary);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-user-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--bg-surface);border:1px solid var(--sidebar-border);border-radius:8px;box-shadow:0 6px 24px #00000059;z-index:60}.user-menu-item{display:flex;align-items:center;width:100%;padding:8px 14px;background:transparent;border:none;color:var(--text-primary);font-size:13px;cursor:pointer;text-align:left}.user-menu-item:hover{background:var(--sidebar-item-hover)}.user-menu-theme-row{display:flex;align-items:center;padding:6px 14px;font-size:13px;color:var(--text-primary)}.app-body{display:flex;flex:1;min-height:0}.app-sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;transition:width .22s ease;flex-shrink:0;position:sticky;top:var(--topbar-height);align-self:flex-start;max-height:calc(100vh - var(--topbar-height));overflow:hidden}.app-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.app-main{flex:1;min-width:0;background:var(--bg-page)}.sidebar-section-header{display:flex;align-items:center;gap:6px;width:100%;padding:8px 16px 4px;background:transparent;border:none;color:var(--sidebar-section-label);opacity:.85;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:left}.sidebar-section-header:hover{opacity:1;color:var(--chrome-text-primary)}.sidebar-section-chevron{flex-shrink:0;opacity:.8}.sidebar-section-divider{height:1px;background:var(--sidebar-border);margin:6px 12px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:7px 16px 7px 13px;margin:1px 8px;border-left:3px solid transparent;border-radius:6px;text-decoration:none;color:var(--sidebar-item-inactive-text);font-size:13px;line-height:1.2;transition:background .14s ease,color .14s ease,border-color .14s ease;white-space:nowrap}.sidebar-item:hover{background:var(--sidebar-item-hover);color:var(--chrome-text-primary)}.sidebar-item.active{background:var(--sidebar-item-active-bg);border-left-color:var(--accent-blue);color:var(--sidebar-item-active-text);font-weight:600}.sidebar-item.collapsed{justify-content:center;padding:8px 0;margin:2px 6px;border-left-width:0}.sidebar-item.collapsed.active{background:var(--sidebar-item-active-bg);box-shadow:inset 2px 0 0 0 var(--accent-blue)}.sidebar-item.coming-soon{opacity:.4;cursor:not-allowed;pointer-events:auto}.sidebar-item.coming-soon:hover{background:transparent;color:var(--sidebar-item-inactive-text)}.sidebar-item-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.sidebar-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;transition:opacity .14s ease}.app-sidebar.collapsed .sidebar-item-label{opacity:0}.sidebar-item-lock{margin-left:6px;opacity:.8;flex-shrink:0}.app-sidebar.collapsed .sidebar-item{position:relative}.app-sidebar.collapsed .sidebar-item[data-tooltip]:not([data-tooltip=""]):after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--bg-surface-raised);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:5px;padding:4px 9px;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease .2s;z-index:120;box-shadow:0 4px 16px #00000040}.app-sidebar.collapsed .sidebar-item[data-tooltip]:not([data-tooltip=""]):hover:after{opacity:1}.quickaction-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;z-index:200}.quickaction-panel{background:var(--bg-surface);border:1px solid var(--sidebar-border);border-radius:10px;width:100%;max-width:440px;padding:6px 0;box-shadow:0 16px 48px #00000073}.quickaction-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--sidebar-border)}.quickaction-close{background:transparent;border:none;color:var(--text-tertiary);font-size:20px;line-height:1;cursor:pointer;padding:0 4px}.quickaction-list{padding:6px 0}.quickaction-item{display:flex;align-items:center;width:100%;padding:9px 16px;background:transparent;border:none;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer}.quickaction-item:hover{background:var(--sidebar-item-hover)}.quickaction-icon{width:20px;height:20px;margin-right:10px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:var(--accent-blue)}.quickaction-divider{height:1px;background:var(--sidebar-border);margin:2px 0}@media(max-width:768px){.app-sidebar{position:fixed;top:var(--topbar-height);left:0;bottom:0;height:calc(100vh - var(--topbar-height));max-height:calc(100vh - var(--topbar-height));transform:translate(-100%);z-index:100;box-shadow:4px 0 24px #0000004d}.app-sidebar.mobile-open{transform:translate(0)}.app-sidebar.collapsed{width:var(--sidebar-width)}.topbar-user-name{display:none}}@media(min-width:769px){.sidebar-mobile-backdrop{display:none!important}}@media(max-width:768px){.client-portal-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.client-portal-table{display:none}.client-portal-cards{display:flex;flex-direction:column;gap:8px}}@media(min-width:769px){.client-portal-cards{display:none}}.vp-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.app-main{margin-left:0!important}.topbar-tenant-selector,.topbar-search-btn{display:none}.dashboard-grid{grid-template-columns:1fr!important}.risk-pill-row{flex-wrap:wrap;gap:6px}.page-content table,.vp-table{min-width:600px}.risk-detail-panel{position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;z-index:200;border-radius:0!important;overflow-y:auto}.risk-filter-bar{flex-direction:column!important;gap:8px!important}.risk-filter-bar select,.risk-filter-bar input{width:100%!important;box-sizing:border-box}.vp-form input[type=text],.vp-form input[type=email],.vp-form input[type=password],.vp-form input[type=date],.vp-form input[type=number],.vp-form input[type=url],.vp-form select,.vp-form textarea{width:100%;box-sizing:border-box}.vp-form-row{flex-direction:column!important;gap:8px!important}.vp-form-actions button,.vp-form-actions a{width:100%;box-sizing:border-box;text-align:center}.vp-modal{width:95vw!important;max-width:95vw!important;margin:0 auto}.control-card-grid{grid-template-columns:1fr!important}.section-nav-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;white-space:nowrap}.progress-bar-wrap{width:100%!important}.ack-confirm-label{padding:14px!important;min-height:44px}.ack-submit-btn{min-height:52px;font-size:16px!important}.ack-quiz-option label{min-height:44px;padding:12px!important}.stat-grid-4{grid-template-columns:repeat(2,1fr)!important}.stat-grid-3{grid-template-columns:1fr!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.page-header button,.page-header a{width:100%;text-align:center;box-sizing:border-box}.page-content{padding:16px!important}}:root[data-theme=light] input[type=text],:root[data-theme=light] input[type=email],:root[data-theme=light] input[type=url],:root[data-theme=light] input[type=date],:root[data-theme=light] input[type=number],:root[data-theme=light] input[type=password],:root[data-theme=light] select,:root[data-theme=light] textarea{background:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important}.vp-page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;line-height:1.3;margin:0}.vp-section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin:0}.vp-card-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);line-height:1.4}.vp-body{font-size:.875rem;font-weight:400;color:var(--text-primary);line-height:1.6}.vp-secondary{font-size:.8125rem;font-weight:400;color:var(--text-secondary);line-height:1.5}.vp-caption{font-size:.75rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.vp-disclaimer{font-size:.75rem;font-weight:400;color:var(--text-tertiary);line-height:1.5}.vp-page-subtitle{font-size:.9375rem;font-weight:400;color:var(--text-secondary);line-height:1.5;margin:4px 0 0}@keyframes vp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.vp-skip-link{position:absolute;left:-9999px;top:-9999px;z-index:100;padding:10px 16px;background:#1e40af;color:#fff;text-decoration:none;border-radius:4px}.vp-skip-link:focus{left:12px;top:12px}.vp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}