*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}input[type=text],input[type=number],input:not([type]),select,button,textarea{border:1px solid var(--color-border,#999);font:inherit;border-radius:4px;padding:4px 8px}:root{--color-bg:#fff;--color-surface:#fff;--color-text:#000;--color-text-muted:#000;--color-border:#d9d5c9;--color-primary:#3a7bc8;--color-primary-contrast:#fff;--color-modal-primary:#3a7bc8;--color-accent:#b3823f;--color-header-bg:#3a7bc8;--color-header-text:#fff;--color-green-bg:#d4f5d4;--color-yellow-bg:#fff3b8;--color-red-bg:#ffd9d9;--color-table-head-bg:#dce8f7;--color-status-normal:#1e9e3e;--color-status-extended:#c22a2a;--color-status-delayed:#7a3fa0;--color-danger:#b3261e;--color-overlay:#14161a80;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--radius:6px;--header-height:48px;--bottom-scrollbar-height:32px;--font-sans:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif}[data-theme=dark]{--color-bg:#171a21;--color-surface:#21252e;--color-text:#e9e7e0;--color-text-muted:#a4aab5;--color-border:#343a46;--color-primary:#6f93c2;--color-primary-contrast:#10141b;--color-modal-primary:#6f93c2;--color-accent:#d3a25c;--color-header-bg:#10141b;--color-header-text:#e9e7e0;--color-green-bg:#1f3324;--color-yellow-bg:#3a331a;--color-red-bg:#3a2222;--color-table-head-bg:#1c2a3d;--color-status-normal:#55c467;--color-status-extended:#e2685f;--color-status-delayed:#b686e0;--color-danger:#e2685f;--color-overlay:#0009}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}.modal-overlay{background:var(--color-overlay);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-body{background:var(--color-surface);color:var(--color-text);border-radius:var(--radius);width:90%;min-width:280px;max-width:480px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 24px #00000040}.modal-content{padding:var(--space-4)}.modal-actions{gap:var(--space-2);padding:0 var(--space-4) var(--space-4);justify-content:flex-start;display:flex}.modal-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-btn-primary{background:var(--color-modal-primary);color:var(--color-primary-contrast);border-color:var(--color-modal-primary)}.info-list>h3{margin:0 0 var(--space-2)}.info-list>p{padding:var(--space-2) 0;margin:0}.info-list>p+p{border-top:1px solid var(--color-border)}.info-list>label{padding:var(--space-2) 0;border-top:1px solid var(--color-border);display:block}.info-list>p:first-child+p{border-top:none}.info-list>label+p{border-top:1px solid var(--color-border)}.common-menu{position:relative}.common-menu-trigger{color:var(--color-header-text);border:1px solid var(--color-header-text);border-radius:var(--radius);padding:var(--space-1) var(--space-3);cursor:pointer;background:0 0}.common-menu-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);z-index:900;flex-direction:column;width:max-content;min-width:220px;display:flex;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.common-menu-item{text-align:left;padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-text);border:none;border-bottom:1px solid var(--color-border);cursor:pointer;white-space:nowrap;text-decoration:none;display:block}.common-menu-item:last-child{border-bottom:none}.common-menu-item:hover{background:var(--color-bg)}.common-header{z-index:800;height:var(--header-height,48px);box-sizing:border-box;background:var(--color-header-bg);color:var(--color-header-text);padding:0 var(--space-2);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.common-header-left{align-items:center;gap:var(--space-2);display:flex}.common-header-title{font-size:1.1rem;font-weight:600}.common-header-help{border:1px solid var(--color-header-text);width:24px;height:24px;color:var(--color-header-text);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.common-header-icon{flex-shrink:0;width:auto;height:34px}.common-table-wrapper{max-height:calc(100vh - var(--header-height,48px) - 16px);scrollbar-width:auto;scrollbar-color:#6b7280 #d9d9d9;overflow:auto}.common-table-wrapper::-webkit-scrollbar{height:var(--bottom-scrollbar-height,32px);width:var(--bottom-scrollbar-height,32px)}.common-table-wrapper::-webkit-scrollbar-track{background:#d9d9d9}.common-table-wrapper::-webkit-scrollbar-thumb{background:#6b7280;border:4px solid #d9d9d9;border-radius:4px}.common-table{border-collapse:collapse;width:100%;min-width:720px}.common-table thead th{background:var(--color-table-head-bg);border-bottom:2px solid var(--color-border);text-align:left;white-space:nowrap;z-index:700;padding:5px;position:sticky;top:0}.common-table-sortable{cursor:pointer}.common-table tbody td{border-bottom:1px solid var(--color-border);white-space:nowrap;padding:5px}.col-vendor{width:calc(5em + 10px);max-width:calc(5em + 10px);overflow:hidden}.col-project{width:calc(10em + 10px);max-width:calc(10em + 10px);overflow:hidden}.col-period,.col-yield{text-align:right;width:1px}.col-num{text-align:right}.common-table.common-table-fit{width:auto;min-width:0}.col-project-max{max-width:calc(20em + 10px);overflow:hidden}.common-table-sticky-2 tr>:nth-child(-n+2),.common-table-sticky-3 tr>:nth-child(-n+3),.common-table-sticky-4 tr>:nth-child(-n+4){z-index:600;background-color:var(--color-bg);position:sticky}.common-table-sticky-2 thead tr>:nth-child(-n+2),.common-table-sticky-3 thead tr>:nth-child(-n+3),.common-table-sticky-4 thead tr>:nth-child(-n+4){z-index:710;background-color:var(--color-table-head-bg)}[class*=common-table-sticky-] tr>:first-child{left:var(--sl-0)}[class*=common-table-sticky-] tr>:nth-child(2){left:var(--sl-1)}[class*=common-table-sticky-] tr>:nth-child(3){left:var(--sl-2)}[class*=common-table-sticky-] tr>:nth-child(4){left:var(--sl-3)}.bg-color-picker{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.bg-color-picker-buttons{gap:var(--space-2);display:flex}.bg-color-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius);border:1px solid var(--color-border);cursor:pointer;font:inherit;color:var(--color-text)}.bg-color-green{background:var(--color-green-bg)}.bg-color-yellow{background:var(--color-yellow-bg)}.bg-color-red{background:var(--color-red-bg)}.initial-alert-target{outline:3px solid var(--color-accent);outline-offset:-2px;z-index:10;position:relative}h2{margin-top:24px}