:root{font-family:Inter,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:#172033;background:#f4f6f8;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid #087e8b;border-radius:7px;color:#fff;background:#087e8b;font-weight:700}button:hover{background:#066874}button.secondary,button.ghost{border-color:#d9dee6;color:#263247;background:#fff}button.secondary:hover,button.ghost:hover{background:#f5f7f9}button.ghost{border-color:transparent}.app-shell{min-height:100vh}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #dfe4ea;background:#fff}.brand{border:0;color:#172033;background:transparent;font-size:15px}.brand:hover{color:#087e8b;background:transparent}.brand.static{display:flex;align-items:center;gap:9px;font-weight:800}.header-actions,.selector-header>div:last-child{display:flex;align-items:center;gap:8px}.environment{padding:3px 7px;border:1px solid #9bd6db;border-radius:5px;color:#08727e;background:#effafb;font-size:10px;font-weight:800}.workspace{min-height:calc(100vh - 62px);display:grid;grid-template-columns:250px minmax(0,1fr)}aside{padding:25px 16px;border-right:1px solid #dfe4ea;background:#fff}aside label{display:block;margin-bottom:7px;color:#687385;font-size:11px;font-weight:800}aside select,input{width:100%;min-height:40px;padding:8px 10px;border:1px solid #ccd3dc;border-radius:7px;color:#172033;background:#fff}aside select:focus,input:focus{border-color:#087e8b;outline:3px solid #087e8b20}.customer{margin:12px 2px 20px;color:#263247;font-size:12px;font-weight:800}.customer small{display:block;margin-top:4px;color:#687385;font-weight:500}nav{display:grid;gap:5px;padding-top:17px;border-top:1px solid #e3e7ec}nav button{justify-content:flex-start;border-color:transparent;color:#596579;background:transparent}nav button:hover,nav button.active{color:#087e8b;background:#e8f5f5}.workspace>main{min-width:0;padding:34px clamp(20px,4vw,56px) 60px}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;max-width:1200px;margin:0 auto 22px}.page-title p{margin:0 0 6px;color:#687385;font:11px ui-monospace,monospace}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:24px}.button-row{display:flex;gap:8px}.search{max-width:420px;display:block;margin:0 auto 13px 0}.alert{max-width:1200px;min-height:44px;display:flex;align-items:center;gap:9px;margin:0 auto 15px;padding:10px 12px;border:1px solid;border-radius:7px;font-size:12px}.alert.error{border-color:#f2b8b5;color:#b42318;background:#fef3f2}.alert.success{border-color:#a7dfc3;color:#087443;background:#ecfdf3}.alert .close{min-width:28px;min-height:28px;margin-left:auto;padding:0;border:0;color:inherit;background:transparent}.table-frame{max-width:1200px;min-height:320px;overflow:auto;border:1px solid #dce1e7;border-radius:8px;background:#fff}table{width:100%;border-collapse:collapse;font-size:12px}th{height:44px;padding:0 15px;border-bottom:1px solid #dce1e7;color:#687385;background:#f7f8fa;text-align:left;white-space:nowrap}td{height:58px;padding:9px 15px;border-bottom:1px solid #e4e8ed}tbody tr:last-child td{border-bottom:0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.danger-icon{width:34px;min-height:34px;padding:0;border-color:transparent;color:#b42318;background:transparent}.danger-icon:hover{background:#fef3f2}.text-button{min-height:auto;padding:0;border:0;color:#087e8b;background:transparent;font-family:inherit;font-weight:700}.text-button:hover{color:#066874;background:transparent;text-decoration:underline}.load-more{display:flex;margin:14px auto 0}.membership-frame{max-width:1200px;margin:0 auto}.membership-management{display:grid;gap:18px}.invite-form,.membership-list,.invitation-result{padding:20px;border:1px solid #dce1e7;border-radius:8px;background:#fff}.invite-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) 180px auto;align-items:end;gap:14px}.invite-form h2,.membership-list h2{margin:0;font-size:16px}.invite-form p{margin:6px 0 0;color:#687385;font-size:11px}.invite-form label{display:grid;gap:7px;color:#596579;font-size:11px;font-weight:800}.invite-form select,.membership-row select{min-height:40px;padding:7px 9px;border:1px solid #ccd3dc;border-radius:7px;background:#fff}.invitation-result{color:#087443;background:#ecfdf3}.invitation-result>strong{display:block;margin-bottom:9px;font-size:12px}.invitation-result>div{display:grid;grid-template-columns:1fr auto;gap:8px}.membership-list{padding-bottom:4px}.membership-list h2{padding-bottom:17px}.membership-row{min-height:66px;display:grid;grid-template-columns:minmax(220px,1fr) 170px 110px auto;align-items:center;gap:10px;border-top:1px solid #e4e8ed}.membership-row>div{min-width:0}.membership-row strong,.membership-row small{display:block;overflow:hidden;text-overflow:ellipsis}.membership-row strong{font:12px ui-monospace,monospace}.membership-row small{margin-top:5px;color:#687385;font-size:10px}.membership-row>span{color:#596579;font-size:11px}.empty-copy{padding:30px 0;border-top:1px solid #e4e8ed;color:#687385;text-align:center}.center-state{min-height:100vh;display:grid;place-items:center;align-content:center;gap:13px;padding:32px 20px;color:#687385;text-align:center}.table-frame .center-state{min-height:318px}.center-state h1{color:#172033;font-size:20px}.center-state p{max-width:620px;margin-bottom:7px;line-height:1.8}.state-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:10px;color:#087e8b;background:#e8f5f5}.selector{min-height:100vh;padding:0 22px 60px;background:#fff}.selector-header{height:62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e5ea}.selector section{width:min(680px,100%);margin:0 auto;padding-top:80px}.selector section>p{margin-top:10px;color:#687385}.domain-grid{display:grid;gap:10px;margin-top:30px}.domain-grid button{min-height:78px;justify-content:flex-start;gap:16px;border-color:#dce1e7;color:#172033;background:#fff;text-align:left}.domain-grid button:hover{border-color:#087e8b;background:#f3fbfb}.domain-grid button>svg{color:#087e8b}.domain-grid span,.domain-grid strong,.domain-grid small{display:block}.domain-grid small{margin-top:5px;color:#687385;font-weight:500}.overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#10182880}.dialog{width:min(520px,100%);border-radius:9px;background:#fff;box-shadow:0 24px 70px #10182840}.dialog h2{margin:0;padding:20px 22px;border-bottom:1px solid #e1e5ea;font-size:18px}.dialog form{display:grid;gap:16px;padding:22px}.dialog label{display:grid;gap:7px;color:#596579;font-size:12px;font-weight:800}.dialog label small{font-weight:500;line-height:1.6}.preview{margin:-7px 0 0;padding:9px 10px;border-radius:6px;color:#687385;background:#f4f6f8;font:12px ui-monospace,monospace;overflow-wrap:anywhere}.password-row{display:grid;grid-template-columns:1fr auto;gap:7px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:5px}.panel-overlay{place-items:stretch end;padding:0}.detail-panel{width:min(540px,100vw);height:100vh;overflow:hidden;background:#fff;box-shadow:-20px 0 60px #10182830}.detail-panel>header{min-height:78px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e1e5ea}.detail-panel header small{color:#687385;font-size:10px;font-weight:800}.detail-panel header h2{margin:5px 0 0;font-size:17px;overflow-wrap:anywhere}.close-panel{width:36px;padding:0}.detail-body{height:calc(100vh - 78px);overflow:auto}.detail-body section{display:grid;gap:13px;padding:22px;border-bottom:1px solid #e1e5ea}.detail-body h3{margin:0 0 3px;font-size:14px}.detail-body label{display:grid;gap:7px;color:#596579;font-size:11px;font-weight:800}.detail-body section>button{justify-self:end}.detail-body dl{margin:2px 0 0}.detail-body dl div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-top:1px solid #e8ebef;font-size:11px}.detail-body dt{color:#687385}.detail-body dd{margin:0;text-align:right}.detail-body .check{grid-template-columns:18px 1fr;align-items:center}.detail-body .check input{width:16px;min-height:16px;margin:0;accent-color:#087e8b}.count{min-width:22px;display:inline-grid;place-items:center;margin-left:5px;padding:3px 6px;border-radius:999px;color:#596579;background:#edf0f3;font-size:10px}.member-add{display:grid;grid-template-columns:1fr auto;gap:8px}.member-list{margin:0;padding:0;border:1px solid #dce1e7;border-radius:7px;list-style:none}.member-list li{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px 7px 12px;border-bottom:1px solid #e4e8ed;font:11px ui-monospace,monospace}.member-list li:last-child{border-bottom:0}.member-list li span{overflow-wrap:anywhere}.member-list li.empty{justify-content:center;color:#687385;font-family:inherit}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.topbar{height:auto;min-height:58px;padding:8px 12px}.brand{font-size:12px}.environment{display:none}.header-actions .ghost{width:38px;padding:0;font-size:0}.workspace{grid-template-columns:1fr}aside{padding:14px;border-right:0;border-bottom:1px solid #dfe4ea}aside .customer{display:none}nav{grid-template-columns:1fr 1fr;padding-top:10px}nav button{justify-content:center;font-size:12px}.workspace>main{padding:22px 14px 40px}.page-title{align-items:flex-start}.page-title h1{font-size:20px}.button-row .secondary{width:38px;padding:0;font-size:0}.table-frame{min-height:260px}table{min-width:720px}.selector{padding:0 14px 40px}.selector section{padding-top:42px}.invite-form{grid-template-columns:1fr;align-items:stretch}.membership-row{grid-template-columns:1fr 1fr;padding:12px 0}.membership-row>div{grid-column:1 / -1}}