*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}input[type=text],input[type=number],input:not([type]),select,textarea{border:1px solid var(--color-border,#999);font:inherit;border-radius:4px;padding:4px 8px}:root{--color-bg:#f7f5f0;--color-surface:#fff;--color-text:#1f2430;--color-text-muted:#5b6270;--color-border:#d9d5c9;--color-primary:#1f3a5f;--color-primary-contrast:#fff;--color-accent:#b3823f;--color-header-bg:#1f3a5f;--color-header-text:#fff;--color-green-bg:#dcefdc;--color-yellow-bg:#f7ecc6;--color-red-bg:#f5dada;--color-status-normal:#2f8a3c;--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:"Hiragino Sans", "Yu Gothic", "Noto Sans JP", 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-accent:#d3a25c;--color-header-bg:#10141b;--color-header-text:#e9e7e0;--color-green-bg:#1f3324;--color-yellow-bg:#3a331a;--color-red-bg:#3a2222;--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)}.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;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;text-decoration:none;display:block}.common-menu-item:last-child{border-bottom:none}.common-menu-item:hover{background:var(--color-bg)}.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-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.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-3);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%;line-height:1}.common-table-wrapper{max-height:calc(100vh - var(--header-height,48px) - 32px);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-surface);border-bottom:2px solid var(--color-border);padding:var(--space-2);text-align:left;white-space:nowrap;z-index:700;position:sticky;top:0}.common-table-sortable{cursor:pointer}.common-table tbody td{padding:var(--space-2);border-bottom:1px solid var(--color-border);white-space:nowrap}.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}.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}