*{box-sizing:border-box}body{margin:0;color:#202623;background:#fff;font:16px/1.6 system-ui,sans-serif;letter-spacing:0}.staff-navigation{display:flex;flex-wrap:wrap;gap:4px 16px;padding:8px 20px;border-bottom:1px solid #d7ded8;background:#f3f5f4}.staff-navigation a{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:8px;color:#202623;text-decoration:none;border-bottom:3px solid transparent;overflow-wrap:anywhere}.staff-navigation a svg{flex-shrink:0}.staff-navigation a[aria-current=page]{border-bottom-color:#166534;font-weight:700}.staff-navigation a:focus-visible{outline:3px solid #b45309;outline-offset:2px}header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 24px;border-bottom:1px solid #d7ded8}header strong{font-size:24px;margin-right:20px}main{max-width:1100px;margin:0 auto;padding:20px}h1{font-size:24px;display:flex;gap:12px;align-items:center;overflow-wrap:anywhere}h2{font-size:20px;margin:12px 0}section{border-top:1px solid #d7ded8;padding:20px 0;margin-top:24px}button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:48px;border:1px solid #8d9c92;border-radius:6px;background:white;color:inherit;padding:10px 16px;font:inherit;cursor:pointer}button svg{flex-shrink:0}[aria-current=step],button.primary{background:#166534;color:white;border-color:#166534}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b45309;outline-offset:3px}input,select,textarea{display:block;width:100%;min-height:48px;border:1px solid #8d9c92;border-radius:6px;padding:10px;font:inherit;color:inherit;background:white}textarea{min-height:88px}label{display:block;min-width:0;margin:12px 0}fieldset{min-width:0;padding:0;margin:0;border:0}.fields{display:grid;gap:0 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.narrow{max-width:680px;margin:24px auto}.warning{color:#78350f;background:#fffbeb;border-left:4px solid #d97706;padding:12px 16px}[role=alert]{color:#991b1b;border-left:4px solid #dc2626;padding:12px;overflow-wrap:anywhere}.actions,.section-heading,.steps{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.section-heading{justify-content:space-between}.steps{border-bottom:1px solid #d7ded8;padding:16px 0}.steps span{color:#626d65}.actions{position:sticky;bottom:0;background:white;padding:16px 0;border-top:1px solid #d7ded8}.check{display:flex;align-items:center;gap:12px;min-height:48px}.check input{width:22px;min-height:22px}.total{background:#f0fdf4;padding:16px}.total strong{margin-left:16px;font-size:22px;overflow-wrap:anywhere}.table-scroll{overflow-x:auto}.product-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px 24px}.product-facts div{min-width:0}.product-facts dt{color:#626d65;font-size:14px}.product-facts dd{margin:0;overflow-wrap:anywhere}.product-description{white-space:pre-wrap;overflow-wrap:anywhere}.inventory-images{max-width:640px;margin:16px 0}.inventory-main-image{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#f3f5f4}.inventory-main-image img{width:100%;height:100%;object-fit:contain;min-height:0}.inventory-image-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.inventory-image-picker button{width:48px;height:48px;padding:0}.inventory-image-picker button[aria-pressed=true]{border:2px solid #166534;background:#f0fdf4}table{width:100%;border-collapse:collapse;text-align:left}td,th{border-bottom:1px solid #d7ded8;padding:12px;min-width:90px}th{background:#f3f5f4}td:first-child{min-width:160px;overflow-wrap:anywhere}td.monitor-job-id{max-width:280px;overflow-wrap:anywhere}.receptions{list-style:none;padding:0}.receptions li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;border-bottom:1px solid #d7ded8;padding:16px 0}.receptions span{display:block;color:#626d65}.customer-notices li>div{min-width:0;max-width:100%}.customer-notices p{white-space:pre-wrap}.customer-notices p,.customer-notices strong{overflow-wrap:anywhere}.customer-notices time{display:block;color:#626d65;font-size:14px}.customer-notices .notice-unread{display:inline;color:#166534;margin-right:8px;font-size:14px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:24px;margin:24px 0}.catalog-product{min-width:0;border-bottom:1px solid #d7ded8;padding-bottom:16px}.product-link{display:flex;flex-direction:column;align-items:stretch;text-align:left;width:100%;border:0;padding:0;border-radius:0}.product-link h2{font-size:18px;overflow-wrap:anywhere}.product-link strong{font-size:20px}.product-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f3f5f4}.image-empty{display:flex;align-items:center;justify-content:center;color:#626d65}.conversation{list-style:none;padding:0}.conversation li{display:block;padding:16px 0;border-bottom:1px solid #d7ded8}.conversation time{display:block;color:#626d65;font-size:14px}.conversation p{white-space:pre-wrap;overflow-wrap:anywhere}.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.product-gallery{min-width:0}.cart-lines{border:0;padding:0;margin:16px 0;min-width:0}.checkout-review,.product-detail .product-facts{display:block;margin:16px 0}.checkout-review>div,.product-detail .product-facts>div{display:grid;grid-template-columns:minmax(0,100px) minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #dce3df}.checkout-review dt,.product-detail .product-facts dt{font-weight:600}.product-detail .product-facts dd{margin:0;overflow-wrap:anywhere}.product-detail .product-facts ul{margin:0;padding-left:20px}.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.gallery-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:8px 2px}.gallery-thumbnails button{flex:0 0 80px;height:64px;padding:3px;display:grid;place-items:center}.gallery-thumbnails button[aria-pressed=true]{outline:2px solid #167447;outline-offset:-2px}.gallery-thumbnails img{width:72px;height:54px;object-fit:contain}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:24px;margin:24px 0}.dashboard-metrics>div{min-width:0;border-top:2px solid #626d65;padding:16px 0}.dashboard-metrics dd,.dashboard-metrics dt{overflow-wrap:anywhere}.dashboard-metrics dd{margin:8px 0 0;font-size:28px;font-weight:600}.dashboard-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}.dashboard-links a{display:flex;align-items:center;gap:12px;min-width:0;padding:16px 0;border-bottom:1px solid #d7ded8}.dashboard-links span{flex:1;overflow-wrap:anywhere}.dashboard-links svg{flex-shrink:0}@media (max-width:700px){.product-detail{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.fields{grid-template-columns:minmax(0,1fr)}main{padding:16px}header{padding:12px 16px}header span{display:block}.actions button{flex:1 1 180px}}.staff-workspace{--staff-accent:#166534;min-height:calc(100dvh - 100px);background:#f5f7f8;color:#1e293b;overflow-wrap:anywhere}.staff-workspace>.app-shell>header,.staff-workspace>header{background:#22272e;color:white;border:0;padding:18px max(24px,calc((100% - 1160px)/2));gap:20px}.staff-workspace header>div{min-width:0}.staff-workspace header strong{font-size:25px;letter-spacing:-.5px}.staff-workspace header span{display:block;font-size:12px;color:#cbd5e1}.staff-workspace header button{border-color:#64748b;background:transparent;color:white;min-height:48px}.staff-brand{display:flex;align-items:center;gap:12px}.staff-brand svg{flex-shrink:0}.staff-workspace main{max-width:1208px;padding:24px;margin:0 auto;min-width:0}.staff-workspace main>h1{margin:8px 0 24px}.staff-workspace h1{font-size:26px;line-height:1.5}.staff-workspace h2{line-height:1.5}.staff-workspace section{background:white;border:1px solid #dce3e8;border-radius:10px;padding:22px;margin-top:24px;min-width:0}.staff-workspace button,.staff-workspace input,.staff-workspace select,.staff-workspace textarea{min-height:52px;font-size:16px;border-radius:8px}.staff-workspace button{touch-action:manipulation;gap:9px;padding:12px 18px;line-height:1.5}.staff-workspace input,.staff-workspace select,.staff-workspace textarea{scroll-margin-top:100px;scroll-margin-bottom:120px}.staff-workspace input[type=checkbox],.staff-workspace input[type=radio]{width:24px;height:24px;min-height:24px;flex-shrink:0;accent-color:var(--staff-accent)}.staff-workspace textarea{min-height:120px;resize:vertical}.staff-workspace label{font-weight:500;margin:14px 0}.staff-workspace label>input,.staff-workspace label>select,.staff-workspace label>textarea{margin-top:7px}.staff-workspace label.check{padding:10px 12px;border:1px solid #dce3e8;border-radius:8px;background:white;min-height:56px;line-height:1.6}.staff-workspace label.check input{margin:0}.staff-workspace .fields{gap:4px 24px}.staff-workspace .warning{border-radius:0 8px 8px 0;font-size:14px;line-height:1.8}.staff-workspace .actions{z-index:20;position:sticky;bottom:0;gap:12px;background:#ffffffed;backdrop-filter:blur(8px);border-top:1px solid #dce3e8;padding:14px 4px max(14px,env(safe-area-inset-bottom));margin-top:20px;isolation:isolate}.staff-workspace .actions button{flex:1 1 200px}.staff-workspace .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;padding-bottom:18px}.staff-workspace .steps button{padding:12px 8px;font-size:15px;line-height:1.5}.staff-workspace .steps button[aria-current=step]{box-shadow:0 3px 8px #16653420}.staff-workspace .section-heading{gap:16px}.staff-workspace .total{border-radius:8px}.staff-workspace .table-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid #dce3e8;border-radius:8px;background:white;margin:20px 0;isolation:isolate}.staff-workspace .table-scroll:before{content:"表は左右にスワイプして確認できます";display:block;position:sticky;left:0;padding:9px 14px;font-size:12px;color:#64748b;background:#f8fafc;width:100%;border-bottom:1px solid #dce3e8}.staff-workspace td,.staff-workspace th{padding:16px;vertical-align:top}.staff-workspace th{font-size:13px;white-space:nowrap;background:#edf2f5}.staff-workspace td{font-size:15px}.staff-workspace td button{margin:0 8px 10px 0;white-space:nowrap}.staff-workspace .table-scroll td:first-child,.staff-workspace .table-scroll th:first-child{position:sticky;left:0;z-index:1;min-width:180px;max-width:300px;border-right:1px solid #dce3e8;background:white}.staff-workspace .table-scroll th:first-child{background:#edf2f5}.staff-workspace .receptions{display:grid;gap:12px}.staff-workspace .receptions>li{background:white;border:1px solid #dce3e8;border-radius:9px;padding:18px;align-items:center;min-width:0}.staff-workspace .receptions>li>div{min-width:0;flex:1 1 280px}.staff-workspace .receptions>li>button{min-width:120px}.staff-workspace .receptions span{font-size:14px;margin-top:5px}.staff-workspace .inventory-image-picker button{width:64px;height:64px}.staff-workspace .inventory-image-picker img{max-width:100%;max-height:100%}.staff-workspace .staff-login{max-width:500px;padding:32px;background:white;border:1px solid #dce3e8;border-radius:12px;margin:40px auto}.staff-login h1{margin:6px 0 12px}.staff-login .staff-eyebrow{letter-spacing:1.5px;font-size:11px;font-weight:700;color:#166534;margin:0}.staff-login-description{color:#64748b;font-size:14px;margin-bottom:25px}.staff-login button.primary{width:100%;margin-top:14px}.staff-workspace+footer{padding:20px 24px;font-size:12px;color:#64748b;background:#f5f7f8;text-align:center}.staff-workspace+footer a{display:inline-flex;align-items:center;min-height:44px;color:#475569}.staff-menu-toggle{display:none}.staff-workspace .staff-navigation{padding:10px max(24px,calc((100% - 1160px)/2));background:white;gap:4px 12px}.staff-workspace .staff-navigation a{min-height:52px;border-radius:6px;font-size:14px}.staff-workspace .staff-navigation a[aria-current=page]{background:#edf7f0;color:#166534;border-bottom-color:#166534}@media(max-width:1180px){.staff-workspace .staff-menu{position:relative;background:white;border-bottom:1px solid #dce3e8}.staff-workspace .staff-menu-toggle{display:flex;width:100%;align-items:center;justify-content:flex-start;border:0;border-radius:0;padding:12px 24px;min-height:68px;color:#1e293b;background:white;text-align:left}.staff-menu-toggle>span{flex:1;font-weight:600}.staff-menu-toggle small{display:block;font-size:10px;font-weight:400;color:#64748b;margin-bottom:1px}.staff-menu-toggle>svg:last-child{transition:transform .15s}.staff-menu[data-expanded=true] .staff-menu-toggle>svg:last-child{transform:rotate(180deg)}.staff-workspace .staff-navigation{display:none;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px 24px 18px;gap:8px;border:0}.staff-workspace .staff-menu[data-expanded=true] .staff-navigation{display:grid}.staff-workspace .staff-navigation a{padding:12px;line-height:1.5;border:1px solid #dce3e8;font-size:13px}.staff-workspace .staff-navigation a[aria-current=page]{border-color:#166534}.staff-workspace main{padding:24px}.staff-workspace .narrow{max-width:780px}.staff-workspace .staff-login{max-width:500px}}@media(max-width:820px){.staff-workspace main{padding:20px}.staff-workspace .fields{gap:4px 20px}.staff-workspace section{padding:20px}.staff-workspace .table-scroll td:first-child,.staff-workspace .table-scroll th:first-child{min-width:160px;max-width:220px}.staff-workspace .steps button{font-size:14px}.staff-workspace .actions{bottom:0}.staff-workspace .table-scroll td:last-child{min-width:150px}}@media(max-width:600px){.staff-workspace main,.staff-workspace>.app-shell>header,.staff-workspace>header{padding:16px}.staff-workspace header strong{font-size:23px}.staff-workspace header span{font-size:10px}.staff-workspace header button{font-size:12px;padding:10px 12px}.staff-workspace .staff-menu-toggle{padding:10px 16px}.staff-workspace .staff-navigation{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 16px 16px}.staff-workspace .fields{grid-template-columns:minmax(0,1fr)}.staff-workspace section{padding:16px}.staff-workspace h1{font-size:23px}.staff-workspace .steps{gap:6px}.staff-workspace .steps button{font-size:12px;min-height:58px;padding:9px 5px}.staff-workspace .staff-login{padding:24px;margin:20px auto}.staff-workspace .table-scroll td:first-child,.staff-workspace .table-scroll th:first-child{position:static;min-width:150px}.staff-workspace .actions button{flex-basis:145px;font-size:14px}}@media(prefers-reduced-motion:reduce){.staff-menu-toggle>svg:last-child{transition:none}}.staff-workspace .check-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;list-style:none;margin:24px 0}.check-progress li{padding:16px 12px;border:1px solid #dce3e8;border-radius:10px;background:#f8fafc;display:flex;flex-direction:column;gap:7px;min-width:0}.check-progress li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e2e8f0;color:#475569;font-size:13px;font-weight:700}.check-progress strong{font-size:14px}.check-progress small{font-size:12px;color:#64748b}.check-progress li[data-complete=true]{background:#f0f9f3;border-color:#b3d8bf}.check-progress li[data-complete=true]>span{background:#166534;color:white}.staff-workspace .next-task{background:#edf5ff;border:1px solid #b6cff0;border-left:5px solid #275da8;border-radius:10px;padding:22px;margin:24px 0}.next-task>small{color:#275da8;font-size:13px;font-weight:700}.next-task h3{margin:8px 0;font-size:21px}.next-task p{color:#40546c}.next-task button{margin-top:8px}.staff-workspace .completed-check{margin:22px 0;border:1px solid #dce3e8;border-radius:10px;padding:16px;background:white;scroll-margin-top:20px}.completed-check>summary{cursor:pointer;font-weight:600;min-height:44px;align-content:center}.check-status{display:inline-block;margin-top:8px;border-radius:5px;background:#fff3da;color:#84530d;padding:5px 9px;font-size:13px}.check-status[data-complete=true]{background:#e9f6ed;color:#166534}.staff-workspace .contract-locked{background:#f8fafc;border:1px dashed #c7d1de;color:#64748b}.staff-workspace .contract-ready{border:2px solid #bad6c1}.contract-ready fieldset{border:1px solid #dce3e8;border-radius:8px;padding:18px;margin:20px 0}.contract-ready legend{font-weight:700;padding:0 8px}#formal-contract{scroll-margin-top:20px}@media(max-width:820px){.staff-workspace .check-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-workspace .next-task{padding:18px}.next-task h3{font-size:19px}.next-task button{width:100%;white-space:normal}}