: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}