*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#f3f4f6;color:#111827;font-family:Noto Sans JP,-apple-system,blinkmacsystemfont,Segoe UI,roboto,sans-serif;font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font:inherit}.page-container{margin:0 auto;max-width:1280px;padding:0 1rem}.card{background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.btn,.card{border-radius:8px}.btn{align-items:center;display:inline-flex;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .15s ease}.btn--primary{background:#0078d7;color:#fff}.btn--primary:hover{background:#005a9e}.btn--success{background:#16a34a;color:#fff}.btn--success:hover{background:#15803d}.btn--secondary{background:#f3f4f6;color:#111827}.btn--secondary:hover{background:#e5e7eb}.btn--danger{background:#dc2626;color:#fff}.btn--danger:hover{background:#b91c1c}.header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;padding:1rem 0}.header__inner{justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1rem}.header__inner,.header__title{align-items:center;display:flex}.header__title{gap:.75rem}.header__title h1{font-size:1.125rem;font-weight:600}.header__title p{color:#4b5563;font-size:.875rem}.header__actions{align-items:center;display:flex;gap:.5rem}.nav-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.nav-tabs__item{align-items:center;background:#f3f4f6;border-radius:8px;color:#111827;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .15s ease}.nav-tabs__item:hover{background:#e5e7eb}.nav-tabs__item--active{background:#0078d7;color:#fff}.form-group{margin-bottom:1rem}.form-group label{color:#4b5563;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;padding:.5rem .75rem;transition:border-color .15s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0078d7;outline:none}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;text-align:left}.data-table th{background:#f9fafb;color:#4b5563;font-size:.75rem;font-weight:600;text-transform:uppercase}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:#f9fafb}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.stat-card__label{color:#4b5563;font-size:.875rem;margin-bottom:.25rem}.stat-card__value{color:#111827;font-size:1.5rem;font-weight:600}.badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.badge--blue{background:#dbeafe;color:#1d4ed8}.badge--green{background:#dcfce7;color:#16a34a}.badge--yellow{background:#fef3c7;color:#d97706}.badge--red{background:#fee2e2;color:#dc2626}.badge--gray{background:#f3f4f6;color:#4b5563}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.modal{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;max-width:500px;width:100%}.modal__header{border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.modal__header h2{font-size:1.125rem;font-weight:600}.modal__body{padding:1.5rem}.modal__footer{border-top:1px solid #e5e7eb;display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem}