:root{--color-app-bg:#efefef;--color-frame-bg:#ececec;--color-content-bg:#d3d3d3;--color-panel-bg:#cdcdcd;--color-header-bg:#cbcbcd;--color-primary:#54aee7;--color-primary-text:#4f6f86;--color-sidebar:#8ec7ea;--color-sidebar-control:#d6e8f6;--color-text:#4f4f4f;--color-heading:#555;--color-muted:#666;--color-border:#d9d9d9;--color-input-border:#cfcfcf;--color-error-bg:#fef2f2;--color-error:#dc2626}*{box-sizing:border-box}#__next,body,html{min-height:100%}body{margin:0;background:var(--color-app-bg);color:var(--color-text);font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}a{color:inherit;text-decoration:none}svg{display:block;fill:currentColor}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input::placeholder,textarea::placeholder{color:#a8a8a8}button:focus-visible,input:focus,select:focus,textarea:focus{outline:2px solid #78bde9;outline-offset:1px}.app-shell{min-height:100vh;background:var(--color-app-bg);color:var(--color-text);padding:12px}.app-shell__frame{max-width:1720px;margin:0 auto;border:1px solid #d8d8d8;border-radius:12px;background:var(--color-frame-bg);padding:12px;box-shadow:0 1px 2px rgba(0,0,0,.08)}.app-shell__layout{display:flex;flex-direction:column;gap:12px}.app-shell__sidebar{width:100%;border-radius:8px;background:var(--color-sidebar);padding:16px}.app-shell__office{margin-bottom:16px}.app-shell__office-placeholder{height:48px;border-radius:12px;background:var(--color-sidebar-control);padding:0 16px;color:var(--color-primary-text);font-size:20px;font-weight:700;line-height:48px}.app-shell__content{min-height:620px;flex:1 1;border-radius:8px;background:var(--color-content-bg);padding:12px}.member-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.member-header__title{margin:0;color:#6da3c5;font-size:36px;font-weight:800;line-height:1}.member-header__search-link{display:inline-flex;align-items:center;height:48px;border-radius:12px;background:var(--color-primary);padding:0 20px;color:#fff;font-size:20px;font-weight:700;white-space:nowrap}.office-selector{width:100%;height:48px;border:1px solid #9bc9e4;border-radius:12px;background:var(--color-sidebar-control);padding:0 16px;color:var(--color-primary-text);font-size:24px;font-weight:700}.department-list{display:flex;flex-direction:column;gap:12px}.department-list__button{border:1px solid;border-radius:12px;padding:12px 16px;color:var(--color-primary-text);font-size:24px;font-weight:700;line-height:1.25;text-align:left;transition:background-color .15s ease,border-color .15s ease}.department-list__button--active{border-color:#bfe0f5;background:#dff0fb}.department-list__button--default{border-color:#8bc0e0;background:#a9d7f2}.department-list__button--default:hover{background:#b8ddf3}.page-header{display:flex;align-items:center;justify-content:space-between;margin-top:4px;border-radius:8px;background:var(--color-header-bg);padding:16px 20px;gap:16px}.page-header--block{display:block}.page-header__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}.page-title{margin:0;color:var(--color-heading);font-size:30px;font-weight:700;line-height:1.2}.page-summary{margin:0;color:#6a6a6a}.message,.page-summary{font-size:14px;font-weight:700}.message{margin:12px 0 0;border-radius:8px;background:var(--color-panel-bg);padding:12px 16px;color:#5b5b5b}.message--error{border-radius:6px;background:var(--color-error-bg);padding:8px 12px;color:var(--color-error)}.content-panel{margin-top:12px;border-radius:8px;background:var(--color-panel-bg);padding:24px}.content-panel--search{padding:20px}.search-form__grid{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;grid-column-gap:16px;column-gap:16px;grid-row-gap:12px;row-gap:12px}.search-form__label{font-size:16px;font-weight:700}.search-form__actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.form-control,.form-textarea{min-width:0;border:1px solid var(--color-input-border);border-radius:8px;background:#fff;color:var(--color-text)}.form-control{height:44px;padding:0 12px}.form-control--full{width:100%}.form-control--name{color:var(--color-heading);font-size:18px;font-weight:700}.form-control--furigana{height:32px;margin-top:8px;font-size:14px}.form-textarea{min-height:112px;padding:12px;resize:vertical}.button{display:inline-flex;align-items:center;height:40px;border-radius:8px;padding:0 16px;font-size:14px;font-weight:700}.button--secondary{border:1px solid #9fb9cc;background:#fff;color:var(--color-primary-text)}.button--primary{border:0;background:var(--color-primary);color:#fff;gap:4px}.button__icon{width:16px;height:16px}.icon-button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:8px;background:var(--color-primary);color:#fff}.icon-button--large{width:44px;height:44px;border-radius:12px;font-size:30px;font-weight:700;line-height:1}.icon-button--round{width:32px;height:32px;border-radius:999px}.icon-button--warning{background:#f3b562}.icon-button__svg{width:20px;height:20px}.icon-button__svg--small{width:16px;height:16px}.user-table-panel{min-height:500px;margin-top:12px;border-radius:8px;background:var(--color-panel-bg);padding:12px}.user-table-scroll{overflow-x:auto;border:2px solid var(--color-border);border-radius:6px;background:#fff}.user-table{width:100%;min-width:860px;border-collapse:collapse;background:#fff}.user-table td,.user-table th{border:1px solid var(--color-border);padding:8px 12px;font-size:16px}.user-table th{background:#f5f5f5;font-size:18px;font-weight:700}.user-table__empty{padding:24px 12px;color:var(--color-muted);text-align:center}.user-table__actions{display:flex;align-items:center;gap:8px}.profile-layout{display:grid;grid-template-columns:1fr;align-items:start;grid-row-gap:16px;row-gap:16px}.avatar-placeholder{display:grid;width:112px;height:112px;place-items:center;margin-top:8px;border-radius:8px;background:#f0f0f0}.avatar-placeholder__figure{position:relative;width:64px;height:80px}.avatar-placeholder__head{width:32px;height:32px;margin:0 auto;border-radius:999px;background:#9f9f9f}.avatar-placeholder__body{position:absolute;bottom:0;left:0;width:64px;height:40px;border-radius:20px 20px 0 0;background:#9f9f9f}.profile-form{width:100%;max-width:520px}.profile-form__meta{margin:0 0 16px;color:var(--color-muted);font-size:14px;font-weight:700}.profile-form__grid{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:start;grid-row-gap:8px;row-gap:8px;margin-top:12px}.profile-form__label{padding-top:8px;color:var(--color-muted);font-size:16px;font-weight:700}.field-error{margin:4px 0 0;color:var(--color-error);font-size:14px;font-weight:700}.profile-detail{width:100%;max-width:700px}.profile-detail__name{margin:0;color:var(--color-heading);font-size:30px;font-weight:700;line-height:1.2}.profile-detail__furigana{margin:4px 0 0;color:#777;font-size:16px}.detail-list{margin:16px 0 0;border-top:1px solid #aaa;border-bottom:1px solid #aaa;color:var(--color-heading);font-size:18px}.detail-list__row{display:grid;grid-template-columns:140px minmax(0,1fr);grid-column-gap:16px;column-gap:16px;padding:12px 0}.detail-list__row+.detail-list__row{border-top:1px solid #aaa}.detail-list dt{color:var(--color-muted);font-weight:700}.detail-list dd{margin:0}.pre-wrap{white-space:pre-wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width:768px){.app-shell,.app-shell__frame{padding:16px}.member-header__title{font-size:60px}.member-header__search-link{height:56px;padding:0 24px;font-size:24px}.page-title,.profile-detail__name{font-size:36px}.page-summary{font-size:16px}.content-panel--search{padding:24px}.search-form__grid{grid-template-columns:140px minmax(0,1fr)}.search-form__label{font-size:18px}.profile-layout{grid-template-columns:120px minmax(0,1fr);column-gap:32px}}@media (min-width:1024px){.app-shell__layout{flex-direction:row}.app-shell__sidebar{width:288px}}