:root{color:#213b35;background:#f5f7f8;font-family:system-ui,Noto Sans JP,sans-serif;font-size:14px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{width:calc(100% - 48px);margin:24px auto}h1,h2,p{margin:0}h1{font-size:25px}h2{font-size:19px}.app-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.app-header p{letter-spacing:.2em;color:#688279;font-size:11px;font-weight:700}.badge{background:#e3eee5;border-radius:20px;padding:6px 12px;font-size:12px}button{font:inherit;color:#fff;cursor:pointer;background:#215c4c;border:0;border-radius:6px;padding:9px 14px;font-weight:600}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,.table-scroll:focus-visible{outline-offset:2px;outline:3px solid #b58a28}.auth-bar{background:#fff;border:1px solid #dce5df;border-radius:8px;align-items:center;gap:14px;margin-bottom:18px;padding:10px 16px;display:flex}.auth-bar h2{font-size:13px}.auth-bar p{color:#637069;flex:1;font-size:12px}.auth-bar button{color:#264a3d;background:#edf2ef;font-size:12px}#inventory{background:#fff;border:1px solid #d9e2de;border-radius:10px;padding:20px}.inventory-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}#table-summary{color:#5c7268;margin-top:6px;font-size:13px}.toolbar-actions{gap:8px;display:flex}#refresh{color:#264a3d;background:#edf2ef}#table-toolbar{flex-wrap:wrap;align-items:end;gap:20px;display:flex}.table-search{flex:1;align-items:end;gap:8px;min-width:270px;display:flex}.table-search label{flex:1;max-width:550px}label{color:#5a6d64;font-size:12px;font-weight:600;display:block}input,textarea,select{font:inherit;color:#213b35;background:#fff;border:1px solid #c7d2cd;border-radius:5px;width:100%;margin-top:6px;padding:9px 10px;display:block}.table-search input{font-size:14px}input:read-only{background:#f1f4f2}select{min-width:145px;font-size:14px}.check-label{align-items:center;gap:6px;min-height:37px;display:flex}.check-label input{width:auto;margin:0}.table-note{color:#6a7b71;margin:14px 0 10px;font-size:12px}.table-scroll{border:1px solid #d6dfdb;border-radius:5px;max-height:65vh;overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;min-width:1840px;font-size:13px}th,td{white-space:nowrap;text-align:left;background:#fff;border-bottom:1px solid #e1e7e4;border-right:1px solid #e9eeeb;height:43px;padding:8px 12px}th{z-index:2;background:#eff4f1;font-weight:700;position:sticky;top:0}th button{color:#304f42;white-space:nowrap;background:0 0;padding:0;font-size:12px}th[aria-sort=ascending] button:after{content:" ↑";color:#167153}th[aria-sort=descending] button:after{content:" ↓";color:#167153}td[data-key=management_id],th[data-key=management_id]{z-index:1;width:185px;min-width:185px;font-weight:600;position:sticky;left:0}th[data-key=management_id]{z-index:4}td[data-key=title],th[data-key=title]{z-index:1;text-overflow:ellipsis;width:320px;min-width:320px;max-width:320px;position:sticky;left:185px;overflow:hidden;box-shadow:2px 0 #dbe4df}th[data-key=title]{z-index:4}td[data-key=legacy_price],td[data-key=listing_price],td[data-key=photo_reference_count],td[data-key=version]{text-align:right;font-variant-numeric:tabular-nums}tbody tr:nth-child(2n) td{background:#fafcfb}tbody tr:hover td{background:#edf7f0}.row-actions{min-width:225px}.row-actions button{color:#285644;background:#edf2ef;margin-right:6px;padding:5px 9px;font-size:12px}.row-actions button:first-child{color:#fff;background:#215c4c}#table-pagination{justify-content:end;align-items:center;gap:8px;margin-top:14px;display:flex}#page-summary{color:#5c7268;margin-right:auto;font-size:13px}#table-pagination button{color:#264a3d;background:#edf2ef;font-size:12px}footer{color:#758378;margin-top:12px;font-size:11px}#product-dialog{color:#213b35;border:0;border-left:1px solid #d3ded7;width:min(660px,95vw);max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0 0 0 auto;box-shadow:-12px 0 50px #132e3920}#product-dialog::backdrop{background:#142c3940}.dialog-header{z-index:5;background:#fff;border-bottom:1px solid #dce5df;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex;position:sticky;top:0}.dialog-header h2{font-size:16px}.dialog-header button{color:#264a3d;white-space:nowrap;background:#edf2ef}#dialog-content{padding:22px}#dialog-content section+section{margin-top:20px}#dialog-content label{margin:14px 0}#dialog-content p{line-height:1.7}#dialog-content fieldset{border:1px solid #d9e2de;border-radius:7px;grid-template-columns:1fr 1fr;gap:0 14px;margin:18px 0;padding:12px 16px;display:grid}#dialog-content fieldset legend{font-size:13px;font-weight:600}#dialog-content ul{padding:0;list-style:none}#dialog-content li{border-bottom:1px solid #e4eae6;padding:14px 0}#dialog-content input,#dialog-content textarea,#dialog-content select{font-size:14px}#save-message{margin-bottom:16px;font-size:13px}#dialog-content h2{margin-bottom:16px}.note{color:#637069;margin-top:20px;font-size:12px}@media (width<=700px){main{width:calc(100% - 24px);margin:16px auto}h1{font-size:22px}.auth-bar{flex-wrap:wrap;gap:8px}.auth-bar p{flex-basis:65%}#inventory{padding:12px}.inventory-header{flex-direction:column;align-items:start;gap:12px}.toolbar-actions{width:100%}.toolbar-actions button{flex:1}#table-toolbar{gap:10px}.table-search{flex-basis:100%}.table-search label{font-size:11px}.table-note{line-height:1.6}td[data-key=management_id],th[data-key=management_id]{width:165px;min-width:165px}td[data-key=title],th[data-key=title]{box-shadow:none;position:static}.table-scroll{max-height:60vh}#dialog-content{padding:16px}.dialog-header{padding:14px 16px}#dialog-content fieldset{grid-template-columns:1fr}#table-pagination{gap:5px}#table-pagination button{padding:8px}}main:not(:has(#inventory)){width:min(600px,100%);margin:70px auto;padding:24px}main:not(:has(#inventory)) h1{margin:0 0 28px;font-size:32px}main:not(:has(#inventory)) section{background:#fff;border:1px solid #dce6dc;border-radius:16px;margin-bottom:24px;padding:28px}main:not(:has(#inventory)) p{margin:14px 0;line-height:1.8}main:not(:has(#inventory)) h2{margin-bottom:18px}main:not(:has(#inventory)) button{min-height:48px;padding:14px 24px}main:not(:has(#inventory)) .badge{float:right}@media (width<=500px){main:not(:has(#inventory)){margin:24px auto;padding:20px}main:not(:has(#inventory)) section{padding:22px}main:not(:has(#inventory)) button{width:100%;margin-top:8px}}