:root{--color-primary: #3b82f6;--color-primary-light: #a5b4fc;--color-border: #d1d5db;--color-border-light: #e5e7eb;--color-bg-gray: #f3f4f6;--color-bg-light: #f5f7fa;--color-bg-alt: #f9fafb;--color-text: #333;--color-text-light: #374151;--breakpoint-tablet: 768px;--breakpoint-mobile: 480px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 20px}html{height:100%;overflow-y:scroll;margin:0;padding:0}body{height:auto;min-height:100%;overflow-y:visible;margin:0;padding:0}#root{min-height:100vh}.modern-select{font-family:Roboto,Noto Sans JP,"sans-serif";font-size:1rem;height:40px;padding:0 var(--spacing-md);border-radius:8px;border:1px solid var(--color-border);background:#fff;box-shadow:0 2px 8px #0000000a;transition:border-color .2s,box-shadow .2s;outline:none;appearance:none;cursor:pointer}.modern-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.modern-select:hover{border-color:var(--color-primary-light)}.modern-select:disabled{background-color:var(--color-bg-gray);cursor:not-allowed;opacity:.6}.responsive-table-container{display:block;width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;margin-bottom:16px}.responsive-table-container:focus{outline:2px solid var(--color-primary);outline-offset:2px}.responsive-table-container table{min-width:100%;width:max-content}.detail-table-container{display:block;width:100%;overflow-x:auto;overflow-y:visible}@media(max-width:768px){.responsive-table-container table th,.responsive-table-container table td,.detail-table-container table th,.detail-table-container table td{font-size:14px;padding:8px 6px}}@media(max-width:480px){.responsive-table-container table th,.responsive-table-container table td,.detail-table-container table th,.detail-table-container table td{font-size:12px;padding:6px 4px}}