.diagnostic-page{max-width:1200px;margin:0 auto;padding:2rem}.page-header{text-align:center;margin-bottom:3rem;position:relative}.page-header h1{font-size:2.5rem;color:#fff;margin-bottom:.5rem}.page-header p{color:#e0e0e0;font-size:1.1rem;margin-bottom:2rem}.back-btn{background-color:#ffffff1a;color:#fff;border:1px solid white;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.back-btn:hover{background-color:#fff3}.upload-card{margin-bottom:2rem}.upload-section{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.upload-label{background-color:#4a9eff;color:#fff;padding:1rem 2rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:inline-block}.upload-label:hover{background-color:#3a8eef;transform:translateY(-2px)}.file-input{display:none}.file-info{background-color:#4a9eff1a;border:1px solid rgba(74,158,255,.3);padding:1rem;border-radius:8px;color:#4a9eff;min-width:200px}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.btn{padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#4a9eff,#06c);color:#fff}.btn-primary:hover:not(.disabled){background:linear-gradient(135deg,#3a8eef,#05b);transform:translateY(-2px)}.btn-primary.disabled{opacity:.5;cursor:not-allowed}.btn-cancel{background-color:#ff6b6b;color:#fff}.btn-cancel:hover{background-color:#ee5a5a}.progress-container{display:flex;align-items:center;gap:1rem;margin-top:1rem}.progress-bar{flex:1;height:20px;background-color:#ffffff1a;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4a9eff,#06c);transition:width .3s ease}.progress-text{color:#4a9eff;font-weight:600;min-width:60px;text-align:right}.results-card{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-item{background-color:#4a9eff1a;border:1px solid rgba(74,158,255,.3);padding:1.5rem;border-radius:12px;text-align:center}.stat-value{display:block;font-size:2rem;font-weight:700;color:#4a9eff;margin-bottom:.5rem}.stat-label{color:silver;font-size:.9rem}.logs-container{margin-top:2rem}.logs-container h3{color:#fff;margin-bottom:1rem;font-size:1.2rem}.log-output{background-color:#1a1a2e;border:1px solid rgba(74,158,255,.3);border-radius:8px;padding:1.5rem;max-height:500px;overflow-y:auto;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6}.log-line{padding:2px 0;word-break:break-all;white-space:pre-wrap}.next-steps{margin-top:2rem;padding:1.5rem;background-color:#4a9eff1a;border-left:4px solid #4a9eff;border-radius:8px}.next-steps h3{color:#4a9eff;margin-bottom:1rem}.next-steps ol{color:#e0e0e0;line-height:2}@media(max-width:768px){.page-header h1{font-size:2rem}.upload-section{flex-direction:column;align-items:stretch}.action-buttons{flex-direction:column}.stats-summary{grid-template-columns:1fr}.log-output{padding:1rem;font-size:.75rem}}:root{--bg-page: #E5E4E2;--bg-card: #FFFFFF;--bg-subtle: #F4F4F3;--bg-inset: #EAEAE8;--bg-hover: #DEDDDB;--accent: #536878;--accent-strong: #3D5160;--accent-soft: #E8EBEE;--accent-contrast: #FFFFFF;--text-primary: #0A0A0A;--text-secondary: #5A6B78;--text-tertiary: #8A9099;--text-on-accent: #FFFFFF;--border-color: #D1D5DB;--border-strong: #B9BEC5;--danger: #C2413B;--danger-soft: #FBEAE9;--success: #2E7D51;--success-soft: #E6F3EC;--warn: #9A6B1F;--warn-soft: #F9F0DC;--focus-ring: rgba(83, 104, 120, .18);--shadow-1: 0 1px 3px rgba(10, 10, 10, .08);--shadow-2: 0 4px 16px rgba(10, 10, 10, .12);--radius: 8px;--radius-sm: 6px}html[data-theme=dark]{--bg-page: #0A0A0A;--bg-card: #17181B;--bg-subtle: #1E2024;--bg-inset: #26282D;--bg-hover: #2E3136;--accent: #6E8496;--accent-strong: #536878;--accent-soft: #26313A;--accent-contrast: #E5E4E2;--text-primary: #E5E4E2;--text-secondary: #A3ADB6;--text-tertiary: #78828C;--text-on-accent: #FFFFFF;--border-color: #2D3742;--border-strong: #3D4854;--danger: #E06B64;--danger-soft: #3A2220;--success: #57B37E;--success-soft: #1D3226;--warn: #D9A441;--warn-soft: #362E1B;--focus-ring: rgba(110, 132, 150, .28);--shadow-1: 0 1px 3px rgba(0, 0, 0, .5);--shadow-2: 0 4px 16px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text-primary);background:var(--bg-page)}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-1);flex-wrap:nowrap;min-width:0}.topbar-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.topbar-nav{display:flex;gap:2px;align-items:center;overflow-x:auto;scrollbar-width:thin;padding-bottom:1px;flex:1;min-width:0;-webkit-overflow-scrolling:touch}.topbar-nav::-webkit-scrollbar{height:4px}.topbar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.topbar-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.workspace{display:grid;grid-template-columns:340px 1fr;flex:1;min-height:0}.workspace-single{flex:1;min-height:0;overflow:hidden}.left-panel{border-right:1px solid var(--border-color);background:var(--bg-card);min-height:0;overflow-y:auto}.viewer{min-height:0}button{font:inherit;font-size:13px;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);padding:6px 10px;border-radius:var(--radius-sm);transition:background .12s ease,border-color .12s ease;white-space:nowrap}button:hover:not(:disabled){background:var(--bg-hover)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus-ring)}button.primary{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}button.danger{color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.tab{border:1px solid transparent;background:transparent;color:var(--text-secondary);padding:6px 10px;font-weight:500}.tab:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.tab.active{background:var(--accent-soft);color:var(--accent);font-weight:600;border-color:var(--accent)}.tool{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:12px;color:var(--text-primary)}.tool:hover:not(:disabled){background:var(--bg-hover)}.tool.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600;box-shadow:inset 0 0 0 1px var(--accent)}.btn-file{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;background:var(--accent);color:var(--text-on-accent);border:1px solid var(--accent);border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease}.btn-file:hover{background:var(--accent-strong);border-color:var(--accent-strong)}input,select{font:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary)}input::placeholder{color:var(--text-tertiary)}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--focus-ring)}input[type=checkbox]{accent-color:var(--accent)}input[type=number]{font-variant-numeric:tabular-nums}label{color:var(--text-primary)}h2{margin:0 0 4px;font-size:18px;color:var(--text-primary)}h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:0 0 8px;font-weight:700}h4{font-size:13px;margin:0 0 8px;color:var(--text-primary)}.panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-1)}.section-tinted{background:var(--bg-subtle);padding:12px;border-radius:var(--radius);border:1px solid var(--border-color)}.muted{color:var(--text-secondary)}.hint{font-size:11px;color:var(--text-tertiary)}.boq-table{width:100%;border-collapse:collapse;font-size:12px}.boq-table th,.boq-table td{padding:5px 8px;border-bottom:1px solid var(--border-color);text-align:left}.boq-table th{color:var(--text-secondary);font-weight:600}.boq-table thead th{position:sticky;top:0;background:var(--bg-subtle);z-index:1}.boq-table tbody tr:hover{background:var(--bg-subtle)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.text-right{text-align:right}.tabular{font-variant-numeric:tabular-nums}