*{box-sizing:border-box}
body{margin:0;background:#f5f6f9;color:#10121a;font:16px Arial,sans-serif}
button,input,select,textarea{font:inherit;color:inherit}
button{padding:11px 18px;border:1px solid #cdd3e0;background:white;border-radius:7px;white-space:normal}
button:disabled{opacity:1;cursor:default}
.primary{background:#0064ff;color:white;border-color:#0064ff}
h1,h2,h3,p{margin:0}
h1{font-size:40px;letter-spacing:-1.2px}
h2{font-size:19px;margin-bottom:18px;letter-spacing:-.4px}
h3{font-size:15px;margin:18px 0 12px}
p{line-height:1.5}
.muted,small,.eyebrow{color:#747b90}
small{font-size:13px}
.preview-nav{background:#e8edf7;padding:9px 5%;font-size:12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.preview-nav a{margin-left:16px;color:#0049bd}
header{background:white;border-bottom:1px solid #e0e4ed;padding:18px 5%;display:flex;justify-content:space-between;align-items:center}
header>div{display:flex;align-items:center;gap:20px}
.brand{font-size:25px;letter-spacing:-.6px}
.brand>span{font-size:33px;vertical-align:middle;margin-right:8px}
.avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#edeef3;font-size:13px}
main{max-width:1480px;margin:auto;padding:46px 5% 30px}
.title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}
.subtitle{font-size:21px;color:#808596;margin-top:6px}
.tabs{display:flex;gap:50px;border-bottom:1px solid #d7dce7;margin:36px 0 24px;padding:0 5px}
.tabs>b{padding-bottom:16px;border-bottom:3px solid #0064ff}
.tabs>span{color:#747b90}
.tabs small{margin-left:10px}
.products{background:white;border:1px solid #dfe4ed;border-radius:11px;overflow:hidden}
.product,.table-head{display:grid;grid-template-columns:2.2fr .85fr 1.3fr 1.3fr 1fr;align-items:center;gap:18px;padding:16px 20px}
.table-head{color:#747b90;font-size:14px;padding:20px}
.product{position:relative;border-top:1px solid #e4e7ef;min-height:94px;padding-right:35px}
.identity{display:flex;align-items:center;gap:20px;min-width:0}
.identity h2{font-size:18px;margin:0 0 5px}
.identity p{font-size:14px}
.thumbnail{flex-shrink:0;width:66px;height:66px;background:linear-gradient(145deg,#eceef2,#f6f6f8);border-radius:8px;display:grid;place-items:center;font-size:38px;color:#60646e}
.tag{display:inline-block;padding:6px 12px;border:1px solid #d5d9e3;border-radius:9px;font-size:14px;margin:3px 4px 3px 0}
.list-price{line-height:1.7}
.list-price p{font-size:13px}
.status{display:inline-flex;align-items:center;gap:10px}
.status i{width:13px;height:13px;border-radius:50%;background:#8a8a95}
.status.active i{background:#00c66c}
.status.incomplete i{background:#f5ab17}
.product-status p{font-size:13px;margin-left:23px}
.chevron{position:absolute;right:18px;color:#747b90;font-size:26px}
.footnote{font-size:14px;margin:22px 10px}
.back{font-size:14px;color:#0064ff;margin:-15px 0 20px}
.eyebrow{font-size:12px;letter-spacing:1px}
.detail h1{font-size:34px;margin-top:6px}
.save-top{display:flex;align-items:center;gap:24px}
.detail-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:18px;align-items:start}
.panel{background:white;border:1px solid #e0e5ef;border-radius:9px;padding:22px;min-width:0}
.information{grid-column:1;grid-row:1}
.sell{grid-column:1;grid-row:2 / span 3}
.optional{grid-column:1;grid-row:5;display:flex;align-items:center;gap:12px;padding:15px 22px}
.optional small{border-radius:20px;background:#edf0f6;padding:4px 10px}
.optional>span{margin-left:auto}
.status-panel{grid-column:2;grid-row:1}
.summary{grid-column:2;grid-row:2 / span 2}
.archive{grid-column:2;grid-row:4;border-top:1px solid #dce2ed;padding:12px}
.archive button{background:none;border:0;color:#535e79}
.field{display:flex;align-items:center;gap:12px;margin:11px 0;min-width:0}
.field>span{font-size:13px;color:#56617b;min-width:70px}
.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid #cdd4e3;border-radius:6px;background:#fff;padding:9px 11px;font-size:14px;opacity:1;-webkit-text-fill-color:#10121a}
.field textarea{height:72px;resize:none;line-height:1.5}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.available{border-top:1px solid #e0e4ed;margin-top:20px;padding-top:16px;display:flex;gap:24px;align-items:center;font-size:13px}
.available>div{display:flex;gap:25px}
.check{display:inline-flex;gap:8px;align-items:center;font-size:14px}
input[type=checkbox]{width:18px;height:18px;accent-color:#0064ff}
.option{border:1px solid #e0e5ef;border-radius:7px;padding:4px 16px 12px;margin-bottom:8px}
.sell>button,.option>button{border:0;color:#0064ff;padding:6px 0}
.special{background:#f4f6fa;border-radius:7px;padding:16px;margin-top:12px;font-size:14px}
.switch{display:inline-block;background:#0064ff;color:white;border-radius:20px;padding:0 5px 0 17px;font-size:23px;vertical-align:middle}
.special .field{display:block}
.special .field>span{display:block;margin-bottom:7px}
.checks{list-style:none;padding:10px 0;margin:10px 0;line-height:2.5;font-size:14px}
.checks li::first-letter{color:#00a95d}
.status-panel>button{width:100%}
.status-panel p{font-size:14px}
.status-panel .status{font-size:24px}
.summary-option{margin:14px 0 22px}
.big-price{display:inline-block;font-size:34px;letter-spacing:-1px;margin:8px 0;overflow-wrap:anywhere}
.summary-option p{font-size:14px}
.special-tag{display:inline-block;background:#ddf9e8;color:#008940;padding:7px 12px;border-radius:20px;font-size:13px;margin-top:10px}
.summary-note{border-top:1px solid #e2e5ed;padding-top:16px;font-size:14px}
.mobile-only{display:none}

@media(max-width:700px){body{font-size:15px}
.desktop-only,.table-head,.product-type{display:none!important}
.mobile-only{display:block}
.preview-nav{padding:8px 16px;font-size:11px}
.preview-nav span{display:flex;flex-wrap:wrap;gap:14px}
.preview-nav a{margin:0}
header{padding:14px 20px}
.brand{font-size:23px}
header>div{gap:0}
main{padding:24px 16px 120px}
h1{font-size:34px}
.subtitle{font-size:18px}
.title-row{align-items:start;margin-bottom:20px}
.tabs{gap:36px;margin:26px 0 12px}
.products{border:0;background:none;overflow:visible}
.product{display:grid;grid-template-columns:66px minmax(0,1fr);gap:12px 14px;background:white;border:1px solid #e0e5ef;border-radius:10px;padding:16px;margin:14px 0}
.identity{grid-column:1 / -1;gap:14px;padding-right:15px}
.identity h2{font-size:20px}
.identity .muted{font-size:16px}
.uses,.list-price{grid-column:2}
.list-price strong{font-size:18px}
.product-status{grid-column:1 / -1}
.chevron{top:24px;right:16px}
.thumbnail{width:66px;height:66px}
.footnote{margin:20px 2px}
.mobile-action{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #e3e7ef;padding:12px 16px;z-index:2}
.mobile-action button{width:100%;font-size:17px}
.mobile-action small{display:block;margin:0 0 8px}
.back{margin:0 0 16px}
.detail h1{font-size:32px;margin:0 0 12px}
.eyebrow{display:none}
.detail-grid{display:flex;flex-direction:column;gap:14px}
.panel,.archive{width:100%}
.panel{padding:18px 16px}
.information{order:0}
.optional{order:1;padding:14px}
.sell{order:2}
.status-panel{order:3}
.summary{order:4}
.archive{order:5}
.field{display:block;margin:14px 0}
.field>span{display:block;font-size:14px;margin-bottom:8px}
.field input,.field select,.field textarea{font-size:16px;padding:11px}
.field textarea{height:100px}
.pair{gap:14px}
.available{display:block}
.available>div{margin-top:12px;gap:18px}
.check{font-size:15px}
.optional{font-size:15px;gap:8px}
.optional small{font-size:11px}
.option{padding:4px 12px 12px}
.option>.pair,.dates{grid-template-columns:1fr;gap:0}
.special{padding:12px}
.special small{font-size:11px}
.big-price{font-size:28px}
.current-price{padding-bottom:10px}
.current-price .summary-option{margin:8px 0}
.checks{line-height:2.3}
.status-panel .status{font-size:22px}
}
.auth-card{max-width:420px;margin:30px auto;padding:28px}
.auth-card h1{font-size:30px;margin-bottom:24px}
.auth-card form{display:grid;gap:18px}
.auth-card input{width:100%;min-width:0}
.auth-card [role=alert]{color:#9b2637}
.empty-master{padding:40px 24px;text-align:center}

.draft-form{max-width:760px}
.draft-list{display:grid;gap:12px}
.draft-row{text-align:left;overflow-wrap:anywhere}
.draft-form [role=alert]{margin:16px 0;color:#9b2637}
.draft-form [role=status]{margin:16px 0}

.photos {display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.photos img {width:160px;height:160px;object-fit:contain;max-width:100%}
input[type=file] {max-width:100%}

[hidden]{display:none!important}
.live-grid{grid-template-columns:minmax(0,2.15fr) minmax(0,1fr)}
.detail-left,.detail-right{display:grid;gap:18px;min-width:0}
.live-form .panel{grid-column:auto;grid-row:auto}
.live-form .state{font-size:24px;font-weight:bold;margin-bottom:12px}
.live-form .requirements{margin:14px 0;font-size:14px;line-height:1.6}
.live-form .prices strong{font-size:26px;overflow-wrap:anywhere}
.live-form .summary-option{border-bottom:1px solid #e0e5ef;padding-bottom:14px}
.live-form [role=alert]{color:#9b2637;margin:16px 0}
.live-form [role=status]{margin:16px 0}
button.product{width:100%;border:0;border-top:1px solid #e4e7ef;border-radius:0;text-align:left}
.product strong,.product-status,.requirements{overflow-wrap:anywhere}
button:disabled{opacity:.55}
.live-form .option>button,.add-option{color:#0054cc}
@media(max-width:700px){
.live-grid{display:flex}
.detail-left,.detail-right{width:100%}
.save-action{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:white;border-top:1px solid #e0e5ef;z-index:2}
.save-action button{width:100%}
.add-new{position:fixed;bottom:12px;left:16px;right:16px;z-index:2}
button.product{border:1px solid #e0e5ef;border-radius:10px}
}

.archive-tabs { display:flex; gap:8px; margin-bottom:16px; }
.archive-tabs [aria-current="page"] { font-weight:700; text-decoration:underline; }

img.thumbnail{object-fit:cover}