:root{--color-primary:#1a7d36;--color-primary-light:#e8f5e9;--color-primary-dark:#0d5e23;--color-primary-gradient:linear-gradient(135deg, #1a7d36 0%, #2e9e4a 100%);--color-accent:#0288d1;--color-accent-light:#e1f5fe;--color-warning:#f57c00;--color-warning-light:#fff3e0;--color-danger:#d32f2f;--color-danger-light:#ffebee;--color-success:#1a7d36;--color-success-light:#e8f5e9;--color-info:#1976d2;--color-info-light:#e3f2fd;--color-bg:#e8edea;--color-surface:#fbfcfb;--color-bg-secondary:#f0f4f1;--color-canvas:#f6f9f6;--color-border:#dde3df;--color-text:#232b27;--color-text-secondary:#5f6b63;--color-text-light:#8a948d;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--transition-fast:.15s ease;--transition-normal:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg,#e8edea);font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg,#e8edea);color:var(--color-text);min-height:100vh;line-height:1.6}#root{background:var(--color-bg,#e8edea);flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c1c7cd;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0a7ae}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;padding:10px 20px;font-size:.9375rem;font-weight:500;line-height:1.4;display:inline-flex}.btn-primary{background:var(--color-primary-gradient);color:#fff;box-shadow:0 2px 8px #1a7d364d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1a7d3666}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#b71c1c}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn-lg{padding:14px 28px;font-size:1.0625rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.tag{border-radius:100px;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:500;line-height:1.6;display:inline-flex}.tag-a{background:var(--color-danger-light);color:var(--color-danger)}.tag-b{background:var(--color-warning-light);color:var(--color-warning)}.tag-c{background:var(--color-accent-light);color:var(--color-accent)}.empty-state{padding:var(--space-2xl);color:var(--color-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state .empty-icon{margin-bottom:var(--space-md);opacity:.3;font-size:3rem}.empty-state .empty-title{margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:600}.empty-state .empty-desc{max-width:400px;font-size:.875rem}.progress-bar{background:var(--color-border);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar .progress-fill{background:var(--color-primary-gradient);border-radius:3px;height:100%;transition:width .3s}.progress-bar .progress-fill--accent{background:linear-gradient(90deg,#0288d1,#4fc3f7)}.progress-bar .progress-fill--warning{background:linear-gradient(90deg,#f57c00,#ffb74d)}.progress-bar .progress-fill--info{background:linear-gradient(90deg,#1976d2,#64b5f6)}.phase-steps{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.phase-step{color:var(--color-text-light);background:var(--color-bg-secondary);border:1px solid #0000;border-radius:100px;align-items:center;gap:5px;padding:3px 9px;font-size:.75rem;transition:all .25s;display:flex}.phase-step.done{color:var(--color-success);background:var(--color-success-light);border-color:#1a7d3640;font-weight:500}.phase-step.done .ph-icon{opacity:.9;font-size:.7rem}.phase-step.active{color:#fff;background:var(--color-primary);border-color:var(--color-primary-dark);font-weight:700;animation:1.6s ease-out infinite phase-pulse;box-shadow:0 0 #1a7d3673}.phase-step.active .ph-icon{font-size:.9rem}@keyframes phase-pulse{0%{box-shadow:0 0 #1a7d3673}70%{box-shadow:0 0 0 7px #1a7d3600}to{box-shadow:0 0 #1a7d3600}}.phase-step .ph-icon{font-size:.9rem}.phase-step .ph-subtitle{color:inherit;opacity:.9;border-left:1px solid #ffffff59;margin-left:2px;padding-left:6px;font-size:.68rem;font-weight:500}.phase-step .ph-status{opacity:.95;background:#00000014;border-radius:100px;margin-left:2px;padding:1px 5px;font-size:.62rem;font-weight:600}.phase-step.done .ph-status{background:#1a7d3624}.phase-step.active .ph-status{background:#ffffff38}.tl-detail-group{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:8px;margin-bottom:8px;padding:8px 10px}.tl-detail-group.active{border-color:var(--color-primary);background:var(--color-primary-light,#2f54eb0f)}.tl-detail-group.done{background:var(--color-success-light,#1a7d360f);border-color:#1a7d3659}.tl-detail-group-head{color:var(--color-text);align-items:center;gap:6px;margin-bottom:6px;font-size:.78rem;font-weight:600;display:flex}.tl-detail-group-status{border-radius:100px;margin-left:auto;padding:1px 8px;font-size:.66rem;font-weight:700}.tl-detail-group-status.st-done{color:var(--color-success);background:var(--color-success-light,#1a7d361f)}.tl-detail-group-status.st-active{color:var(--color-primary);background:var(--color-primary-light,#2f54eb1f)}.tl-detail-group-status.st-pending{color:var(--color-text-light);background:var(--color-bg-tertiary,#0000000f)}.tl-metrics{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tl-metric{color:var(--color-text);background:var(--color-bg-secondary);border:1px solid var(--color-border);white-space:nowrap;border-radius:100px;align-items:center;gap:4px;padding:2px 10px;font-size:.75rem;display:inline-flex}.tl-metric b{font-weight:700}.tl-metric--warn{color:var(--color-warning,#d97706);background:#d9770614;border-color:#d9770659}.tl-metric--danger{color:var(--color-danger,#dc2626);background:#dc262614;border-color:#dc262659}.tl-metric--info{color:var(--color-primary,#2f54eb);background:#2f54eb14;border-color:#2f54eb59}.tl-metric--stages{gap:6px;max-width:100%}.tl-metric-tag{color:var(--color-primary,#2f54eb);white-space:nowrap;background:#2f54eb14;border:1px solid #2f54eb40;border-radius:100px;align-items:center;gap:2px;padding:1px 8px;font-size:.7rem;display:inline-flex}.tl-metric-tag--running{color:#d46b08;background:#d46b081a;border-color:#d46b0859;animation:1.2s ease-in-out infinite tl-tag-pulse}@keyframes tl-tag-pulse{0%,to{opacity:1}50%{opacity:.55}}.tl-groups{gap:6px;margin-bottom:12px;display:flex}.tl-group{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:8px;padding:6px 8px 8px;transition:all .3s;position:relative}.tl-group.active{border-color:var(--color-primary);background:var(--color-primary-light,#2f54eb14);animation:1.8s ease-out infinite tl-group-pulse;box-shadow:0 0 #2f54eb59}.tl-group.done{background:var(--color-success-light,#1a7d3614);border-color:#1a7d3666}@keyframes tl-group-pulse{0%{box-shadow:0 0 #2f54eb4d}70%{box-shadow:0 0 0 5px #2f54eb00}to{box-shadow:0 0 #2f54eb00}}.tl-group-head{align-items:center;gap:5px;margin-bottom:5px;display:flex}.tl-group-icon{font-size:.85rem}.tl-group-label{color:var(--color-text-light);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:600;overflow:hidden}.tl-group.active .tl-group-label{color:var(--color-primary)}.tl-group.done .tl-group-label{color:var(--color-success)}.tl-group-track{background:var(--color-border);border-radius:2px;height:4px;overflow:hidden}.tl-group-fill{background:var(--color-primary-gradient,linear-gradient(90deg, #2f54eb, #13c2c2));border-radius:2px;height:100%;transition:width .4s}.tl-group.done .tl-group-fill{background:var(--color-success,#1a7d36)}.tl-group-pct{color:var(--color-primary);font-size:.68rem;font-weight:700;position:absolute;top:6px;right:8px}.tl-group.done .tl-group-pct{color:var(--color-success)}.tl-detail{margin-bottom:10px}.tl-detail-title{color:var(--color-text);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.78rem;font-weight:600;display:flex}.tl-detail-elapsed{color:var(--color-warning,#d97706);font-size:.72rem;font-weight:500}.tl-detail .phase-steps{margin-bottom:0}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:10px 14px}.data-table th{background:var(--color-primary);color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:600}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f8faf8}.form-group{margin-bottom:var(--space-lg)}.form-group label{margin-bottom:var(--space-sm);color:var(--color-text);font-size:.875rem;font-weight:600;display:block}.form-group .help-text{color:var(--color-text-secondary);margin-top:var(--space-xs);font-size:.8125rem}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;transition:border-color var(--transition-fast);background:var(--color-surface);padding:10px 14px;font-size:.9375rem}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a7d361a}.form-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;width:100%;padding:10px 36px 10px 14px;font-size:.9375rem}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);width:90%;max-width:600px;max-height:85vh;box-shadow:var(--shadow-lg);overflow-y:auto}.text-success{color:var(--color-primary)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.text-muted{color:var(--color-text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-100{width:100%}.w-160{width:160px}.w-110{width:110px}.text-center{text-align:center}.ml-1{margin-left:var(--space-xs)}.ml-2{margin-left:var(--space-sm)}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:12px}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-in{animation:.3s forwards slideIn}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.spinner-lg{border-width:3px;width:32px;height:32px}:focus-visible,button:focus-visible,a:focus-visible,.btn:focus-visible,.form-input:focus-visible,.form-select:focus-visible,.nav-toggle:focus-visible,.theme-toggle-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=dark]{--color-bg:#0f1410;--color-surface:#171d18;--color-bg-secondary:#1c241e;--color-canvas:#141a15;--color-border:#2a332c;--color-text:#e7ebe7;--color-text-secondary:#b3bcb4;--color-text-light:#7e8a82;--color-primary-light:#13261a;--color-accent-light:#0a2433;--color-warning-light:#2e2410;--color-danger-light:#2e1717;--color-info-light:#11283d;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--color-bg:#0f1410;--color-surface:#171d18;--color-bg-secondary:#1c241e;--color-border:#2a332c;--color-text:#e7ebe7;--color-text-secondary:#9aa39c;--color-text-light:#6f7a72;--color-primary-light:#13261a;--color-accent-light:#0a2433;--color-warning-light:#2e2410;--color-danger-light:#2e1717;--color-info-light:#11283d;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009}}.theme-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;flex-shrink:0;align-items:center;gap:2px;padding:3px;display:inline-flex}.theme-toggle-option{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;line-height:1;transition:background .2s;display:inline-flex}.theme-toggle-option:hover{background:var(--color-primary-light)}.theme-toggle-option.active{background:var(--color-primary)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--space-lg);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.app-header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:60px;margin:0 auto;display:flex}.app-logo{align-items:center;gap:12px;text-decoration:none;display:flex}.app-logo-badge{background:var(--color-primary-gradient);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex}.app-logo-title{color:var(--color-text);align-items:center;gap:8px;font-size:1.125rem;font-weight:700;display:flex}.app-logo-version{color:var(--color-primary,#2f54eb);background:var(--color-primary-light,#eef2ff);border:1px solid var(--color-primary,#2f54eb);letter-spacing:.5px;border-radius:999px;align-items:center;padding:3px 7px;font-size:.6875rem;font-weight:700;line-height:1;display:inline-flex}.app-logo-sub{color:var(--color-text-secondary);font-size:.6875rem}.header-right{align-items:center;gap:var(--space-md);display:flex}.nav-links{gap:4px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--color-text-secondary);align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:400;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover{color:var(--color-primary);background:var(--color-primary-light)}.nav-link.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.nav-toggle{display:none}.nav-more{position:relative}.nav-more-btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;align-items:center;gap:4px;padding:8px 16px;font-size:.875rem;font-weight:400;transition:all .15s;display:inline-flex}.nav-more-btn:hover{color:var(--color-primary);background:var(--color-primary-light)}.nav-more-btn .caret{font-size:.7rem;transition:transform .2s}.nav-more-btn.open .caret{transform:rotate(180deg)}.nav-more-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:168px;box-shadow:var(--shadow-md);z-index:200;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.nav-more-item{border-radius:var(--radius-sm);color:var(--color-text-secondary);align-items:center;gap:6px;padding:8px 12px;font-size:.875rem;text-decoration:none;transition:all .15s;display:flex}.nav-more-item:hover{color:var(--color-primary);background:var(--color-primary-light)}.nav-more-item.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.app-main{width:100%;max-width:1200px;padding:var(--space-xl);flex:1;margin:0 auto}.app-footer{border-top:1px solid var(--color-border);padding:var(--space-md) var(--space-lg);text-align:center;color:var(--color-text-light);font-size:.8125rem}.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}@media (max-width:768px){.app-header{padding:0 var(--space-md)}.app-main{padding:var(--space-lg) var(--space-md)}.nav-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-text);background:0 0;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.nav-links{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-md);flex-direction:column;gap:0;display:none;position:absolute;top:60px;left:0;right:0}.nav-links.open{display:flex}.nav-link{padding:12px 8px}.nav-more-btn{justify-content:flex-start;width:100%}.nav-more-menu{box-shadow:none;padding:0 0 0 var(--space-md);border:none;min-width:0;position:static}}.hero{text-align:center;padding:var(--space-2xl) 0 var(--space-xl)}.hero-badge{background:var(--color-primary-light);color:var(--color-primary);margin-bottom:var(--space-md);border-radius:100px;padding:4px 16px;font-size:.8125rem;font-weight:600;display:inline-block}.hero-title{margin-bottom:var(--space-md);background:linear-gradient(135deg,#1a7d36 0%,#0288d1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1.2}.hero-lead{color:var(--color-text-secondary);max-width:680px;margin:0 auto var(--space-lg);font-size:1.125rem;line-height:1.8}.hero-sub{color:var(--color-text-light);max-width:680px;margin:0 auto var(--space-lg);font-size:.9375rem;line-height:1.7}.hero-actions{justify-content:center;gap:12px;display:flex}.section{padding:var(--space-xl) 0}.section-title{text-align:center;margin-bottom:var(--space-xl);font-size:1.5rem;font-weight:700}.feature-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.feature-card-title{margin-bottom:var(--space-xs);font-size:1.0625rem;font-weight:600}.feature-card-desc{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6}.workflow{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.workflow-step{text-align:center;min-width:120px;padding:var(--space-lg) var(--space-md);flex:140px}.workflow-step-num{background:var(--color-primary-gradient);color:#fff;width:40px;height:40px;margin:0 auto var(--space-sm);border-radius:50%;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex}.workflow-step-title{margin-bottom:4px;font-size:.9375rem;font-weight:600}.workflow-step-desc{color:var(--color-text-secondary);font-size:.75rem}.page-title{margin-bottom:var(--space-lg);font-size:1.5rem;font-weight:700}.card-h2{margin-bottom:var(--space-lg);font-size:1.125rem;font-weight:600}.report-h2{margin-bottom:4px;font-size:1.25rem;font-weight:700}.card-h3{margin-bottom:var(--space-md);font-weight:600}.label-block{margin-bottom:var(--space-sm);font-size:.875rem;font-weight:600;display:block}.muted-sm{color:var(--color-text-secondary);font-size:.8125rem}.muted-xs{color:var(--color-text-secondary);font-size:.75rem}.muted-xxs{color:var(--color-text-secondary);font-size:.7rem}.hint-block{color:var(--color-text-secondary);margin-bottom:12px;font-size:.8125rem}.row-inline{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.row-between-wrap{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.col-gap-sm{gap:var(--space-sm);flex-direction:column;display:flex}.col-gap-md{gap:var(--space-md);flex-direction:column;display:flex}.stat-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.stat-card{padding:var(--space-md);text-align:center}.stat-value{font-weight:700}.stat-value-lg{font-size:1.5rem;font-weight:700}.doc-row{border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);border-radius:8px}.doc-name{text-overflow:ellipsis;white-space:nowrap;max-width:46vw;font-size:.875rem;font-weight:500;overflow:hidden}.doc-meta{color:var(--color-text-secondary);font-size:.75rem}.panel-primary{border-left:4px solid var(--color-primary);background:var(--color-primary-light)}.panel-warning{border-left:4px solid var(--color-warning);background:var(--color-warning-light)}.panel-accent{border-left:4px solid var(--color-accent);background:var(--color-accent-light)}.panel-danger{border-left:4px solid var(--color-danger);background:var(--color-danger-light)}.basis-panel{background:#eafaf3;border-left:4px solid #0f8a5f}.basis-row{padding:var(--space-sm) var(--space-md);background:#fff;border:1px solid #cdeede;border-radius:8px}.basis-tag-resolved{color:#0f8a5f;background:#d4f3e6}.basis-tag-pending{color:#c0392b;background:#fde8e8}.basis-link{color:#0f8a5f;font-size:.75rem}.basis-confirm-err{color:var(--color-danger);margin-top:.375rem;font-size:.75rem}.issue-card-a{border-left:3px solid var(--color-danger)}.issue-card-b{border-left:3px solid var(--color-warning)}.issue-card-c{border-left:3px solid var(--color-accent)}.trace-item{border-left:3px solid var(--color-accent);padding-top:4px;padding-bottom:4px;padding-left:12px}.kv-row{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.kv-row-primary{background:var(--color-primary-light)}.kv-row-accent{background:var(--color-accent-light)}.kv-row-warning{background:var(--color-warning-light)}.kv-row-info{background:var(--color-info-light)}.kv-row-muted{background:var(--color-bg-secondary)}.switch-row{border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:10px;padding:8px 12px;transition:background .15s;display:flex}.switch-row-on{background:var(--color-primary-light)}.sync-item{align-items:center;gap:var(--space-sm);display:flex}.sync-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.sync-box{padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.code-block{color:#e2e8f0;background:#0f172a;border-radius:8px;padding:16px;font-size:.8rem;overflow-x:auto}.demo-out{background:var(--color-bg-secondary);border-radius:8px;margin-top:10px;padding:10px;font-size:.78rem;overflow-x:auto}.demo-out-sm{background:var(--color-bg-secondary);border-radius:8px;margin-top:12px;padding:12px;font-size:.75rem;overflow-x:auto}.demo-out-xs{background:var(--color-bg-secondary);border-radius:8px;max-height:240px;padding:12px;font-size:.72rem;overflow:auto}.result-note{color:var(--color-text-secondary);margin-top:8px;font-size:.8125rem}.upload-label{margin-bottom:8px;font-size:.8125rem;font-weight:600;display:block}.divider-top{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}.scroll-box{border:1px solid var(--color-border);border-radius:8px;max-height:220px;padding:8px;overflow:auto}.review-section-title{align-items:center;gap:var(--space-sm);color:var(--color-text);margin:var(--space-xl) 0 var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);font-size:1.0625rem;font-weight:700;display:flex}.report-summary-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.report-summary-item{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.report-anchor-nav{gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm);flex-wrap:wrap;display:flex}.report-anchor-nav a{color:var(--color-primary);background:var(--color-primary-light);transition:all var(--transition-fast);border-radius:100px;align-items:center;gap:4px;padding:6px 12px;font-size:.8125rem;text-decoration:none;display:inline-flex}.report-anchor-nav a:hover{background:var(--color-primary);color:#fff}.report-details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);overflow:hidden}.report-details>summary{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast);font-size:.9375rem;font-weight:600;list-style:none;display:flex}.report-details>summary::-webkit-details-marker{display:none}.report-details>summary:before{content:"▸";background:var(--color-primary-light);width:20px;height:20px;color:var(--color-primary);transition:transform var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.report-details>summary:hover{background:var(--color-bg-secondary)}.report-details[open]>summary:before{transform:rotate(90deg)}.report-details>.report-details-body{padding:0 var(--space-lg) var(--space-lg)}.report-details--placeholder>summary{color:var(--color-danger);background:var(--color-danger-light)}.report-details--placeholder>summary:before{background:var(--color-danger);color:#fff}.report-details--placeholder>summary:hover{background:var(--color-danger-light)}.progress-fill.is-stalled{background:linear-gradient(90deg, var(--color-primary) 25%, var(--color-accent) 50%, var(--color-primary) 75%);background-size:200% 100%;animation:1.6s linear infinite progress-indeterminate}@keyframes progress-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.report-anchor-nav{gap:var(--space-xs)}.report-anchor-nav a{padding:4px 10px;font-size:.75rem}.report-details>summary{padding:var(--space-sm) var(--space-md);font-size:.875rem}.report-details>.report-details-body{padding:0 var(--space-md) var(--space-md)}.report-summary-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}.nav-group{position:relative}.nav-group-btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:400;transition:all .15s;display:inline-flex}.nav-group-btn:hover{color:var(--color-primary);background:var(--color-primary-light)}.nav-group-btn.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.nav-group-btn .caret{font-size:.7rem;transition:transform .2s}.nav-group-btn.open .caret{transform:rotate(180deg)}.nav-group-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:168px;box-shadow:var(--shadow-md);z-index:200;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);left:0}.nav-group-item{border-radius:var(--radius-sm);color:var(--color-text-secondary);align-items:center;gap:6px;padding:8px 12px;font-size:.875rem;text-decoration:none;transition:all .15s;display:flex}.nav-group-item:hover{color:var(--color-primary);background:var(--color-primary-light)}.nav-group-item.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.tab-bar{gap:var(--space-xs);margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);display:flex;overflow-x:auto}.tab-btn{color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:.875rem;font-weight:500}.tab-btn:hover{color:var(--color-primary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}@media (max-width:768px){.nav-group-btn{justify-content:flex-start;width:100%}.nav-group-menu{box-shadow:none;padding:0 0 0 var(--space-md);border:none;min-width:0;position:static}}.review-live-text{border-radius:var(--radius-sm,6px);background:var(--color-primary-light,#eef4ff);border:1px solid var(--color-border,#e2e8f0);max-height:96px;padding:8px 10px;overflow-y:auto}.review-live-head{color:var(--color-primary,#2563eb);margin-bottom:4px;font-size:.8125rem;font-weight:600}.review-live-snippet{color:var(--color-text-secondary,#475569);white-space:pre-wrap;word-break:break-word;max-height:64px;font-size:.75rem;line-height:1.6;overflow:hidden}.trend-summary{gap:var(--space-md,12px);margin-bottom:var(--space-md,12px);flex-wrap:wrap;display:flex}.trend-summary>div{border-radius:var(--radius-sm,6px);border:1px solid var(--color-border,#e2e8f0);background:#f8faf8;flex-direction:column;gap:2px;min-width:72px;padding:6px 12px;display:flex}.trend-summary strong{font-size:1.125rem;font-weight:700}.trend-chart{border-bottom:1px solid var(--color-border,#e2e8f0);align-items:flex-end;gap:6px;height:140px;padding:8px 4px 0;display:flex;overflow-x:auto}.trend-col{flex-direction:column;flex:none;justify-content:flex-end;align-items:center;min-width:26px;height:100%;display:flex}.trend-bars{align-items:flex-end;gap:3px;width:100%;height:calc(100% - 18px);display:flex}.trend-bar{border-radius:3px 3px 0 0;width:10px;transition:height .2s}.trend-bar-issue{background:var(--color-primary,#2563eb)}.trend-bar-fp{background:var(--color-danger,#dc2626)}.trend-label{color:var(--color-text-secondary,#475569);text-align:center;font-size:.625rem;line-height:18px}.trend-legend{color:var(--color-text,#1f2937);align-items:center;gap:14px;margin-top:8px;font-size:.75rem;display:flex}.trend-dot{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.trend-dot-issue{background:var(--color-primary,#2563eb)}.trend-dot-fp{background:var(--color-danger,#dc2626)}