.app-mockup-container{display:flex;height:480px;background:#fff;color:#0f172a;font-family:Plus Jakarta Sans,sans-serif;font-size:.85rem;overflow:hidden;-webkit-user-select:none;user-select:none}.app-sidebar{width:190px;background:#f1f5f9;border-right:1px solid var(--border-medium);display:flex;flex-direction:column;flex-shrink:0}.app-sidebar-header{padding:1rem;display:flex;align-items:center;gap:.6rem;border-bottom:1px solid var(--border-subtle);font-weight:700;font-size:.85rem;color:#0f172a}.app-logo-badge{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#fff!important}.app-sidebar-nav{list-style:none;padding:.75rem .5rem;display:flex;flex-direction:column;gap:.25rem;flex-grow:1}.app-nav-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:6px;color:#475569;font-size:.775rem;font-weight:500;cursor:pointer;transition:all .15s ease}.app-nav-item:hover{background:#e2e8f0;color:#0f172a}.app-nav-item.active{background:#e2e8f0;color:#0f172a;font-weight:600}.nabl-theme .app-nav-item.active{background:#0891b21f;color:#0891b2}.bizz-theme .app-nav-item.active{background:#4f46e51f;color:#4f46e5}.gov-theme .app-nav-item.active{background:#2563eb1f;color:#2563eb}.app-main-body{flex-grow:1;display:flex;flex-direction:column;background:#fff;overflow:hidden}.app-topbar{height:48px;background:#fff;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;gap:.75rem;min-width:0}.app-topbar-title{font-size:.8rem;font-weight:600;color:#0f172a;display:flex;align-items:center;gap:.5rem;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-topbar-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-topbar-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.status-badge{font-size:.68rem;font-weight:600;padding:.2rem .55rem;border-radius:var(--radius-pill);white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem}.app-user-avatar{width:24px;height:24px;border-radius:50%;background:#e2e8f0;color:#0f172a;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0}.app-scroll-content{flex-grow:1;padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.nabl-stats-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:.75rem}.nabl-metric-card{background:#f8fafc;border:1px solid var(--border-medium);border-radius:8px;padding:.75rem .9rem;display:flex;flex-direction:column;justify-content:space-between}.nabl-metric-label{font-size:.7rem;color:#64748b;font-weight:500}.nabl-metric-val{font-size:1.25rem;font-weight:700;color:#0f172a;margin-top:.25rem;font-family:JetBrains Mono,monospace}.nabl-metric-sub{font-size:.65rem;color:#0d9488;font-weight:600;display:flex;align-items:center;gap:.25rem}.compliance-score-box{display:flex;align-items:center;gap:.75rem}.score-circle-svg{width:44px;height:44px}.score-text-group{display:flex;flex-direction:column}.score-val{font-size:1.1rem;font-weight:800;color:#0891b2}.score-sub{font-size:.65rem;color:#64748b}.nabl-dashboard-split{display:grid;grid-template-columns:1.6fr 1fr;gap:.75rem}.mockup-table-box{background:#f8fafc;border:1px solid var(--border-medium);border-radius:8px;overflow:hidden}.table-header-title{padding:.6rem .85rem;border-bottom:1px solid var(--border-subtle);font-size:.75rem;font-weight:700;color:#0f172a;display:flex;justify-content:space-between;align-items:center}.mock-table{width:100%;border-collapse:collapse;font-size:.725rem}.mock-table th{text-align:left;padding:.5rem .85rem;color:#475569;background:#f1f5f9;font-weight:600;border-bottom:1px solid var(--border-medium)}.mock-table td{padding:.55rem .85rem;color:#1e293b;border-bottom:1px solid var(--border-subtle)}.status-badge.active{background:#10b9811f;color:#059669}.status-badge.pending{background:#f59e0b1f;color:#d97706}.status-badge.review{background:#0891b21f;color:#0891b2}.severity-breakdown{display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.severity-item{display:flex;align-items:center;justify-content:space-between;font-size:.7rem}.severity-bar-bg{flex-grow:1;height:6px;background:#e2e8f0;border-radius:3px;margin:0 .6rem;overflow:hidden}.severity-bar-fill{height:100%;border-radius:3px}.bizz-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.bizz-kpi-card{background:#f8fafc;border:1px solid var(--border-medium);border-radius:8px;padding:.75rem}.bizz-kpi-head{display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:.7rem}.bizz-kpi-val{font-size:1.25rem;font-weight:800;color:#0f172a;margin-top:.25rem;font-family:JetBrains Mono,monospace}.bizz-kpi-trend{font-size:.65rem;color:#059669;font-weight:600}.bizz-ai-insight-box{background:#eff6ff;border:1px solid rgba(79,70,229,.25);border-radius:8px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.bizz-ai-icon{width:28px;height:28px;border-radius:6px;background:#4f46e5;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.bizz-ai-text{font-size:.725rem;color:#1e293b}.bizz-ai-action{font-size:.675rem;font-weight:700;color:#4f46e5;background:#4f46e51a;padding:.25rem .6rem;border-radius:4px;white-space:nowrap}.bizz-split-row{display:grid;grid-template-columns:1.4fr 1fr;gap:.75rem}.task-list-mockup{display:flex;flex-direction:column;gap:.4rem;padding:.6rem .85rem}.task-row{display:flex;align-items:center;justify-content:space-between;padding:.45rem .6rem;background:#fff;border:1px solid var(--border-subtle);border-radius:4px;font-size:.725rem;color:#0f172a}.gov-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.gov-stat-card{background:#f8fafc;border:1px solid var(--border-medium);border-radius:8px;padding:.75rem}.gov-stat-val{font-size:1.25rem;font-weight:800;color:#0f172a;font-family:JetBrains Mono,monospace;margin-top:.25rem}.gov-workflow-visualizer{background:#f8fafc;border:1px solid var(--border-medium);border-radius:8px;padding:.85rem}.gov-steps-track{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:.5rem}.gov-step-node{background:#fff;border:1px solid var(--border-medium);border-radius:6px;padding:.5rem;text-align:center}.gov-step-node.completed{border-color:#2563eb73;background:#2563eb1a}.gov-step-node.current{border-color:#2563eb;background:#2563eb26;box-shadow:0 0 10px #2563eb26}.gov-step-name{font-size:.65rem;font-weight:600;color:#0f172a;margin-top:.2rem}@media(max-width:768px){.app-sidebar{display:none}.nabl-stats-row,.bizz-kpi-grid,.gov-stats-grid{grid-template-columns:repeat(2,1fr)}.nabl-dashboard-split,.bizz-split-row{grid-template-columns:1fr}.gov-steps-track{grid-template-columns:repeat(2,1fr)}}