:root{--color-primary:#152042;--color-accent:#f26522;--color-white:#fff;--color-text:#2c2f38;--color-border:#e3e5ea;--color-bg:#f7f8fa;color:var(--color-text);background:var(--color-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Noto Sans JP,Source Sans Pro,system-ui,sans-serif;font-weight:300}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-header{background:var(--color-primary);height:56px;color:var(--color-white);align-items:center;gap:32px;padding:0 24px;display:flex}.app-logo{width:auto;height:22px;display:block}.app-title{letter-spacing:.04em;font-weight:500}.app-nav{gap:20px;display:flex}.app-nav a{color:#ffffffbf;border-bottom:2px solid #0000;padding:6px 0;font-size:14px;text-decoration:none}.app-nav a.active{color:var(--color-white);border-bottom-color:var(--color-accent)}.app-nav a:hover{color:var(--color-white)}.app-main{flex:1;padding:24px}.page h1{color:var(--color-primary);margin:0 0 8px;font-size:22px;font-weight:500}.page p{color:var(--color-text);font-size:14px}.error-text{color:var(--color-accent);font-size:14px}.empty-hint{color:#9a9da6;font-size:14px}.drawings-layout{align-items:flex-start;gap:16px;display:flex}.drawings-left-pane{background:var(--color-white);border:1px solid var(--color-border);border-radius:4px;flex-shrink:0;width:220px;padding:8px}.drawings-right-pane{flex:1;min-width:0}.project-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.project-list button{text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;border-radius:4px;justify-content:space-between;gap:8px;padding:8px 10px;font-size:13px;display:flex}.project-list button:hover{background:var(--color-bg)}.project-list button.active{background:var(--color-primary);color:var(--color-white)}.project-phase{opacity:.7;font-size:11px}.project-create-form{border-top:1px solid var(--color-border);flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.project-create-form input{border:1px solid var(--color-border);border-radius:4px;padding:6px 8px;font-size:13px}.project-create-form button{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-white);cursor:pointer;border-radius:4px;padding:6px 10px;font-size:13px}.drawing-create-form{margin-bottom:12px}.drawings-toolbar{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.drawings-toolbar input[type=search]{border:1px solid var(--color-border);border-radius:4px;flex:1;max-width:320px;padding:6px 10px;font-size:13px}.view-toggle{border:1px solid var(--color-border);border-radius:4px;display:flex;overflow:hidden}.view-toggle button{background:var(--color-white);cursor:pointer;border:none;padding:6px 14px;font-size:13px}.view-toggle button.active{background:var(--color-primary);color:var(--color-white)}.drawing-table{border-collapse:collapse;background:var(--color-white);width:100%;font-size:13px}.drawing-table th,.drawing-table td{border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap;padding:8px 10px}.drawing-table th{background:var(--color-bg);color:var(--color-primary);font-weight:500}.link-button{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.alert-tag{color:var(--color-accent);font-weight:500}.lod-badge{border-radius:10px;padding:2px 8px;font-size:12px;display:inline-block}.lod-shortage{color:var(--color-accent);background:#f2652226}.lod-ok{color:var(--color-primary);background:#1520421a}.lod-excess{color:#6b6b6b;background:#f0f0f0}.lod-na{color:#aaa;background:#f0f0f0}.drawing-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.drawing-card{background:var(--color-white);border:1px solid var(--color-border);text-align:left;cursor:pointer;border-radius:6px;flex-direction:column;gap:6px;padding:12px;display:flex}.drawing-card-header{justify-content:space-between;align-items:center;display:flex}.drawing-card-no{color:#9a9da6;font-size:12px}.drawing-card-name{color:var(--color-primary);font-size:14px;font-weight:500}.drawing-card-meta{color:var(--color-text);justify-content:space-between;font-size:12px;display:flex}.modal-overlay{z-index:50;background:#15204266;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--color-white);border-radius:6px;width:90%;max-width:560px;max-height:85vh;padding:20px;position:relative;overflow-y:auto}.modal-close{cursor:pointer;color:var(--color-text);background:0 0;border:none;font-size:13px;position:absolute;top:12px;right:12px}.modal-panel h2{color:var(--color-primary);margin:0 0 12px;font-size:18px}.modal-panel h3{color:var(--color-primary);margin:16px 0 8px;font-size:14px}.detail-grid{grid-template-columns:100px 1fr;gap:6px 12px;margin:0;font-size:13px;display:grid}.detail-grid dt{color:#9a9da6}.detail-grid dd{margin:0}.detail-grid input,.detail-grid select,.modal-panel textarea{box-sizing:border-box;border:1px solid var(--color-border,#d8dade);border-radius:4px;width:100%;padding:4px 6px;font-size:13px}.modal-panel textarea{resize:vertical;min-height:60px}.modal-actions{gap:8px;margin-top:16px;display:flex}.related-change-list{flex-direction:column;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.related-change-list li{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:8px;padding-bottom:6px;display:flex}.drawing-table input,.drawing-table select{border:1px solid var(--color-border);border-radius:4px;width:100%;padding:4px 6px;font-size:13px}.settings-actions{gap:8px;margin-top:12px;display:flex}.settings-actions button,.settings-actions .button-link,.change-form button,.changes-project-select select{border:1px solid var(--color-border);background:var(--color-white);cursor:pointer;border-radius:4px;padding:6px 14px;font-size:13px}.settings-actions .button-link{color:inherit;text-decoration:none;display:inline-block}.settings-actions button:last-child,.change-form button{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.changes-project-select{margin-bottom:16px}.changes-project-select select{margin-left:8px}.change-form{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.change-form input,.change-form select{border:1px solid var(--color-border);border-radius:4px;padding:6px 10px;font-size:13px}.progress-summary{background:var(--color-white);border:1px solid var(--color-border);border-radius:6px;margin-bottom:16px;padding:14px 16px}.progress-summary-header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.progress-summary-title{color:var(--color-primary);font-size:13px;font-weight:500}.progress-summary-percent{color:var(--color-primary);font-size:24px;font-weight:500}.progress-bar-track{background:var(--color-bg);border-radius:5px;width:100%;height:10px;overflow:hidden}.progress-bar-fill{background:var(--color-accent);border-radius:5px;height:100%;transition:width .2s}.progress-summary-meta{color:#6b6f7a;justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.progress-summary-na{color:#9a9da6}.progress-status-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.progress-status-chip{background:var(--color-bg);color:var(--color-text);border-radius:10px;padding:3px 10px;font-size:12px}.lod-progress-row{margin-top:12px}.lod-progress-label{color:#9a9da6;margin-bottom:6px;font-size:12px;display:block}.lod-progress-scale{align-items:flex-start;gap:4px;display:flex}.lod-progress-step{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.lod-progress-dot{background:var(--color-bg);border-radius:3px;width:100%;height:6px}.lod-progress-dot.filled{background:var(--color-primary)}.lod-progress-step-label{color:#9a9da6;white-space:nowrap;font-size:10px}.csv-import-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.csv-import-row button[type=button]:not(.link-button){border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-white);cursor:pointer;border-radius:4px;padding:6px 14px;font-size:13px}.lod-filter-select{color:var(--color-text);align-items:center;gap:6px;font-size:13px;display:flex}.lod-filter-select select{border:1px solid var(--color-border);border-radius:4px;padding:6px 8px;font-size:13px}.row-no-action{opacity:.55}.no-action-tag{color:#9a9da6;background:var(--color-bg);border-radius:10px;padding:2px 8px;font-size:11px}.drawing-card.no-action{opacity:.55}.status-select{border:1px solid var(--color-border);border-radius:4px;width:auto;padding:4px 6px;font-size:12px}.dashboard-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:16px 0 24px;display:grid}.dashboard-card{background:var(--color-white);border:1px solid var(--color-border);color:inherit;border-radius:6px;flex-direction:column;gap:6px;padding:14px;text-decoration:none;display:flex}a.dashboard-card:hover{border-color:var(--color-accent)}.dashboard-card.alert .dashboard-card-value{color:var(--color-accent)}.dashboard-card-label{color:#9a9da6;font-size:12px}.dashboard-card-value{color:var(--color-primary);font-size:28px;font-weight:500}