body{background:#f8f9fa}#loading-overlay{position:fixed;inset:0;background:#ffffffeb;display:flex;align-items:center;justify-content:center;z-index:9999;flex-direction:column;gap:12px}#welcome-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px}.welcome-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;max-width:420px;width:100%}.welcome-logo{width:180px;height:auto;margin-bottom:4px}.welcome-title{font-size:2rem;font-weight:700;margin:0;color:#212529}.welcome-sub{font-size:1rem;color:#6c757d;margin:0 0 8px}.welcome-open-btn{font-size:1rem;padding:10px 28px;margin-top:4px;display:inline-flex;align-items:center}.welcome-hint{font-size:12px;color:#868e96;margin:6px 0 0}.welcome-hint code{background:#f1f3f5;padding:1px 5px;border-radius:3px;font-size:11px}.welcome-local{font-size:11px;color:#adb5bd;margin:2px 0 0}#main-app{display:none;flex:1 0 auto;flex-direction:column}.topbar{background:#fff;border-bottom:1px solid #dee2e6;padding:8px 16px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:100}#sidebar-toggle{display:none}#sidebar{width:300px;min-width:280px;max-width:320px;position:sticky;top:49px;height:calc(100vh - 49px);overflow-y:auto;padding:16px;background:#fff;border-right:1px solid #dee2e6;flex-shrink:0}#sidebar-backdrop{display:none;position:fixed;inset:49px 0 0;background:#0006;z-index:199}#sidebar-backdrop.sidebar-open{display:block}#main-content{flex:1;overflow-x:hidden;min-width:0}#content-inner{max-width:1200px;margin:0 auto;padding:20px}@media(max-width:967px){#sidebar-toggle{display:inline-flex;align-items:center}#sidebar{position:fixed;top:49px;left:0;z-index:200;width:280px;min-width:280px;max-width:280px;height:calc(100vh - 49px);transform:translate(-100%);transition:transform .25s ease;box-shadow:2px 0 12px #0000002e}#sidebar.sidebar-open{transform:translate(0)}#current-filename{display:none}.pp-footer-inner{flex-direction:column;gap:12px;text-align:center}.pp-footer-left{flex-direction:column;align-items:center;gap:8px}.pp-footer-logo{margin-right:0}.pp-footer-right{justify-content:center}}#project-name{display:flex;flex-direction:column;gap:2px}.project-title{font-size:20px;font-weight:600;color:#212529}.project-description{font-size:13px;color:#6c757d;white-space:pre-line}.widget-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:24px;box-shadow:0 1px 4px #0000000f}.widget-card-header{background:#f8f9fa;padding:12px 16px;border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0;font-weight:600;display:flex;align-items:center;justify-content:space-between}.widget-card-title{flex:1}.widget-scope-badge{display:inline-block;font-size:11px;font-weight:600;line-height:1.6;padding:1px 8px;border-radius:10px;margin-left:8px;white-space:nowrap;color:var(--scope-color);border:1px solid var(--scope-color);background:color-mix(in srgb,var(--scope-color) 10%,white)}.violin-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:12px}.violin-controls-label{font-size:12px;font-weight:600;color:#6c757d}.dim-switch{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#495057;cursor:pointer;user-select:none}.dim-switch input{position:absolute;width:0;height:0;opacity:0}.dim-switch-track{position:relative;display:inline-block;width:28px;height:16px;background:#ced4da;border-radius:8px;flex-shrink:0;transition:background .15s}.dim-switch-track:before{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;background:#fff;border-radius:50%;transition:transform .15s}.dim-switch input:checked+.dim-switch-track{background:#0d6efd}.dim-switch input:checked+.dim-switch-track:before{transform:translate(12px)}.dim-switch input:focus-visible+.dim-switch-track{outline:2px solid #0d6efd;outline-offset:2px}.widget-info-btn{background:none;border:none;cursor:pointer;font-size:16px;color:#6c757d;padding:0 0 0 8px;line-height:1;flex-shrink:0}.widget-info-btn:hover{color:#0d6efd}.widget-info-panel{padding:12px 16px;background:#f0f7ff;border-bottom:1px solid #c8e1fb;font-size:13px;line-height:1.5}.widget-info-panel p{margin:0 0 4px}.widget-info-panel ul{margin:0 0 4px;padding-left:20px}.widget-info-panel li{margin-bottom:2px}.widget-info-panel code{background:#dceeff;padding:1px 4px;border-radius:3px;font-size:12px}.widget-card-body{padding:16px}.no-data{color:#aaa;padding:20px;text-align:center;font-size:14px}.widget-warning{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:6px;font-size:13px;line-height:1.5;margin-bottom:16px}.widget-warning-icon{flex-shrink:0;font-size:15px;line-height:1.4}.widget-warning-red{background:#fdecea;border:1px solid #f5c6cb;color:#58151c}.widget-warning-yellow{background:#fff8e6;border:1px solid #ffe69c;color:#664500}.widget-warning code{background:#0000000f;padding:1px 4px;border-radius:3px}.kpi-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.kpi-tile{flex:1 1 140px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:12px 16px;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.kpi-value{font-size:24px;font-weight:700;color:#212529;line-height:1.2;word-break:break-word}.kpi-label{font-size:14px;color:#6c757d;margin-top:4px}.summary-meta-line{font-size:13px;color:#6c757d;word-break:break-all;margin-bottom:8px}.summary-meta-line code{color:inherit;background:#f1f3f5;padding:1px 5px;border-radius:3px;font-size:12px}.stat-table{width:100%;border-collapse:collapse;font-size:14px}.stat-table th,.stat-table td{padding:6px 10px;border:1px solid #dee2e6}.stat-table th{background:#f8f9fa;font-weight:600}.stat-table tr:hover{background:#f0f4ff}.legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.legend-item{display:flex;align-items:center;gap:4px;font-size:12px}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.bar-cell{position:relative;min-width:70px;padding:2px 0}.bar-cell-fill{position:absolute;inset:2px 0;opacity:.25;border-radius:3px}.bar-cell-value{position:relative;padding-left:6px}canvas{image-rendering:pixelated;max-width:100%}.topbar-icon{height:28px;width:auto}.topbar-brand{font-weight:600;font-size:16px;white-space:nowrap;cursor:pointer;user-select:none}.topbar-brand:hover{color:#0d6efd}.pp-footer{background:#212529;margin-top:auto}.pp-footer-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.pp-footer-left{display:flex;align-items:center}.pp-footer-right{display:flex;align-items:center;gap:16px}.pp-footer-logo{height:36px;width:auto;margin-right:14px;vertical-align:middle}.pp-footer-text{font-size:12px;line-height:1.4;color:#adb5bd}.pp-footer-link{color:#adb5bd;text-decoration:none;font-size:12px}.pp-footer-link:hover{color:#dee2e6}.pp-footer-link-light{color:#dee2e6;text-decoration:none}.pp-footer-link-light:hover{text-decoration:underline}