:root{--color-bg:#f4f6f8;--color-surface:#fff;--color-border:#e0e4e8;--color-text:#1a2027;--color-text-muted:#667085;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-weak:#eff6ff;--color-success:#16a34a;--color-success-weak:#f0fdf4;--color-error:#dc2626;--color-error-weak:#fef2f2;--color-subtotal:#f1f8e9;--color-total:#e8f5e9;--color-header:#f8fafc;--color-row-hover:#f9fafb;--radius:10px;--radius-sm:6px;--shadow-sm:0 1px 2px #1018280f;--shadow:0 4px 12px #10182814;--space:16px;--font-sans:system-ui, -apple-system, "Segoe UI", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;--font-mono:"SF Mono", Consolas, "Courier New", monospace}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);margin:0;padding:0;font-size:14px;line-height:1.6}.app{max-width:1200px;margin:0 auto;padding:24px}.app-header{border-bottom:2px solid var(--color-border);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.app-header h1{margin:0;font-size:20px;font-weight:700}.app-header .badge{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:2px 10px;font-size:11px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px}.card h2{margin:0 0 12px;font-size:16px;font-weight:700}.card h3{color:var(--color-text-muted);margin:0 0 10px;font-size:14px;font-weight:600}.upload-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=720px){.upload-grid{grid-template-columns:1fr}}.upload-zone{border:1.5px dashed var(--color-border);border-radius:var(--radius-sm);padding:16px;transition:border-color .15s,background .15s}.upload-zone:hover{border-color:var(--color-primary);background:var(--color-primary-weak)}.upload-zone label{margin-bottom:8px;font-weight:600;display:block}.upload-zone.loaded{border-color:var(--color-success);background:var(--color-success-weak)}.upload-status{color:var(--color-text-muted);margin-top:6px;font-size:12px}.btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,opacity .15s}.btn:hover{background:var(--color-row-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-sm{padding:4px 10px;font-size:12px}.input{border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;padding:7px 10px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-weak)}.status{border-radius:var(--radius-sm);padding:6px 12px;font-size:13px;display:inline-block}.status.info{color:var(--color-text-muted)}.status.success{color:var(--color-success);background:var(--color-success-weak)}.status.error{color:var(--color-error);background:var(--color-error-weak)}.wbs-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.wbs-toolbar .count{color:var(--color-text-muted);margin-left:auto;font-size:12px}.wbs-list{border:1px solid var(--color-border);border-radius:var(--radius-sm);max-height:260px;padding:4px;overflow-y:auto}.wbs-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:6px 10px;transition:background .1s;display:flex}.wbs-item:hover{background:var(--color-row-hover)}.wbs-item .code{font-family:var(--font-mono);color:var(--color-primary);font-weight:600}.wbs-item .name{flex:1}.wbs-item .months{color:var(--color-text-muted);font-size:11px}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow-x:auto}table.data{border-collapse:separate;border-spacing:0;white-space:nowrap;width:100%;font-size:13px}table.data th,table.data td{border-bottom:1px solid var(--color-border);padding:8px 12px}table.data thead th{background:var(--color-header);text-align:left;z-index:1;border-bottom:2px solid var(--color-border);font-weight:600;position:sticky;top:0}table.data tbody tr:hover{background:var(--color-row-hover)}table.data .num{text-align:right;font-variant-numeric:tabular-nums}table.data .code{font-family:var(--font-mono)}table.data .col-total{background:var(--color-total);font-weight:700}table.data tfoot td{border-top:2px solid var(--color-border);background:#eef0f2;font-weight:700}table.data tr.subtotal{background:var(--color-subtotal);font-weight:600}.muted{color:var(--color-text-muted)}