body{background:#f5f0e7}
.admin-header{height:78px;padding:0 6%;background:var(--paper);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.admin-header img{height:49px;width:135px;object-fit:cover;mix-blend-mode:multiply}
.admin-header div{display:flex;gap:20px;font-size:12px}
.admin-header a{color:var(--ink)}
.admin-main{max-width:1200px;margin:auto;padding:65px 30px}
.admin-title{display:flex;justify-content:space-between;align-items:end}
.admin-title h1{font:500 49px var(--serif);margin:0}
.admin-title>div>p:last-child,.settings p{color:#64645d}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:45px 0}
.stat{background:var(--paper);padding:22px}
.stat p{font-size:11px;letter-spacing:.1em;color:#74746d;margin:0 0 10px}
.stat strong{font:500 32px var(--serif)}
.admin-section{background:var(--paper);padding:30px;margin-top:23px}
.admin-section h2{font-size:31px;margin:0}
.admin-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}
.admin-section-heading input{border:1px solid var(--line);background:#faf8f3;padding:10px;width:255px}
.inventory-table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}
th{font-size:10px;letter-spacing:.09em;color:#77776f;padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:15px 10px;border-bottom:1px solid #eeeae2;vertical-align:middle}
td:first-child{font:500 15px var(--serif)}
td small{display:block;font:11px/1.55 var(--sans);color:#717169;margin-top:4px}
.sort-button,.row-button{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}
.row-button{text-decoration:underline;font-size:12px}
.check-label{display:grid;gap:6px;justify-items:start;font-size:11px;white-space:nowrap}
.check-label input{accent-color:var(--green);width:16px;height:16px;margin:0}
.check-label input:disabled{opacity:.35}
.order-status,.tier{display:inline-block;padding:5px 8px;border-radius:20px;font-size:10px;white-space:nowrap;background:#eee6d8;color:#806a46}
.order-status.paid,.tier.silver{background:#e6e9e7;color:#52615c}
.order-status.shipped,.tier.gold{background:#eee2c1;color:#80601b}
.order-status.complete,.tier.platinum{background:#dfe8dc;color:#3d6842}
.tier.member{background:#f0ebe3;color:#766d60}
.order-id,.profile-id{font:600 11px var(--sans);letter-spacing:.03em;color:var(--green);background:#edf0e8;padding:5px 7px;border-radius:2px;white-space:nowrap}
.settings{display:grid;grid-template-columns:1fr 1.8fr;gap:35px}
.reward-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.reward-form label,.customer-form label,.admin-form label{font-size:11px;font-weight:700;display:grid;gap:6px}
.reward-form input,.customer-form input,.admin-form input,.admin-form select{padding:11px;border:1px solid var(--line);background:var(--paper)}
.customer-dialog{padding:45px;min-width:min(760px,92vw);max-height:86vh;overflow:auto}
.customer-dialog h2{font-size:37px;margin:0 0 14px}
.customer-form{display:grid;gap:12px;margin:25px 0}
.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.profile-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}
.profile-summary div{background:#f5f0e7;padding:15px}
.profile-summary p{font-size:10px;letter-spacing:.08em;color:#74746d;margin:0 0 5px}
.profile-summary strong{font:500 22px var(--serif)}
.profile-orders{border-top:1px solid var(--line)}
.profile-order{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}
.admin-form{padding:45px;display:grid;gap:14px;min-width:min(440px,88vw)}
.admin-form h2{font-size:35px;margin:0}
.image-upload-note{display:block;margin-top:-7px;color:#717169;font-size:10px;line-height:1.5}.image-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:0}.product-image-tile{position:relative;border:1px solid var(--line);background:#f5f0e7;aspect-ratio:1;overflow:hidden}.product-image-tile img{display:block;width:100%;height:100%;object-fit:cover}.product-image-tile button{position:absolute;right:4px;top:4px;border:0;border-radius:50%;width:24px;height:24px;background:rgba(35,37,30,.88);color:#fff;font-size:16px;line-height:1;cursor:pointer}.product-image-tile small{position:absolute;left:0;right:0;bottom:0;padding:4px 5px;background:rgba(255,255,255,.86);font-size:9px;text-align:center;color:#4f5148}.image-preview-grid:empty{display:none}
.empty-state{padding:22px;color:#717169;text-align:center}
@media(max-width:700px){.admin-main{padding:40px 16px}
.stats,.profile-summary{grid-template-columns:1fr 1fr}
.admin-title{display:block}
.admin-title .button{margin-top:18px}
.admin-section{padding:20px}
.admin-section-heading{display:block}
.admin-section-heading input{width:100%;margin-top:18px}
.settings{grid-template-columns:1fr}
.reward-form{grid-template-columns:1fr}
.customer-dialog{padding:30px;min-width:92vw}
.admin-header div span{display:none}
}


body,button,input,select{font-family:'Noto Sans TC','DM Sans',sans-serif}
.admin-title h1,.admin-section h2,.stat strong,.customer-dialog h2,.profile-summary strong{font-family:'Noto Serif TC','Playfair Display',serif;font-weight:500}

.user-actions{gap:8px;align-items:center;flex-wrap:wrap}

.campaign-note{font-size:12px;color:#717169;margin:0;max-width:280px}
.campaign-form{display:grid;grid-template-columns:1.4fr .8fr;gap:25px}
.campaign-fields,.campaign-filters{display:grid;gap:13px}
.campaign-fields label,.campaign-filters label{display:grid;gap:6px;font-size:11px;font-weight:700}
.campaign-fields input,.campaign-fields textarea,.campaign-fields select,.campaign-filters input,.campaign-filters select{padding:11px;border:1px solid var(--line);background:var(--paper);font:inherit}
.campaign-message textarea{resize:vertical}
.campaign-filters{background:#f5f0e7;padding:20px}
.recipient-count{padding:15px;background:var(--paper);display:grid;gap:4px}
.recipient-count span,.recipient-count small{font-size:11px;color:#717169}
.recipient-count strong{font:500 25px var(--serif)}
.campaign-history{margin-top:32px}
@media(max-width:700px){.campaign-form{grid-template-columns:1fr}
.campaign-note{margin-top:12px}
}

.admin-tabs{display:flex;gap:8px;overflow:auto;margin:32px 0 0;padding-bottom:2px}
.admin-tabs button{white-space:nowrap;border:1px solid var(--line);background:var(--paper);padding:11px 16px;font:600 12px var(--sans);color:#686861}
.admin-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.admin-section[hidden]{display:none}
@media(max-width:700px){.admin-tabs{margin-top:25px}
}

.admin-title [hidden]{display:none!important}

.admin-header img{width:154px;height:56px}
.admin-header{height:84px}

.category-manager{margin:0 0 25px;border:1px solid var(--line);background:#f9f6ef}
.category-manager summary{cursor:pointer;padding:16px;font:600 13px var(--sans)}
.category-manager-body{padding:0 16px 18px}
.category-manager form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.category-fields{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;flex:1}.category-size-choice{align-self:end;display:flex!important;align-items:center;gap:7px;padding:10px;border:1px solid var(--line);background:var(--paper);font-weight:500!important}.category-size-choice input{width:16px;height:16px;padding:0!important;accent-color:var(--green)}.category-help{margin:10px 0 0;color:#717169;font-size:11px;line-height:1.5}
.category-fields label{display:grid;gap:5px;font-size:11px;font-weight:700}
.category-fields input,.category-fields select{padding:10px;border:1px solid var(--line);background:var(--paper)}
.category-list{display:grid;gap:8px;margin-top:18px}
.category-row{display:grid;grid-template-columns:120px 120px 120px 1fr;gap:12px;padding:10px;background:var(--paper);font-size:12px}.category-size-toggle{display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap}.category-size-toggle input{width:15px;height:15px;accent-color:var(--green)}.category-child{display:inline-flex;align-items:center;gap:7px;margin:0 12px 7px 0}
.category-row code{color:var(--green)}
@media(max-width:700px){.category-fields{grid-template-columns:1fr 1fr}
.category-row{grid-template-columns:1fr}
.category-manager form{display:grid}
.category-manager .button{width:100%}
}

.responsibility-input{width:190px;padding:8px;border:1px solid var(--line);background:var(--paper);font:11px var(--sans)}
.permission-checks{display:grid;gap:6px;font-size:11px;white-space:nowrap}
.permission-checks label{display:flex;gap:5px;align-items:center}
.permission-checks input{accent-color:var(--green)}
#newProduct:disabled{opacity:.45;cursor:not-allowed}

.picker-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.picker-columns>div{min-width:0}
.picker-columns>div>small{display:block;font-size:11px;color:#717169;margin:0 0 6px}
.picker-list{display:grid;gap:6px;max-height:220px;overflow:auto}
.picker-customer{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;padding:9px;border:1px solid var(--line);background:var(--paper);font:11px var(--sans);cursor:pointer}
.picker-customer span{display:grid;gap:2px}
.picker-customer small{font-size:10px;color:#717169;margin:0}
.picker-customer b{font-size:10px;color:var(--green);white-space:nowrap}
.picker-list.selected .picker-customer b{color:#a64030}
.picker-empty{margin:0;padding:11px;font-size:11px;color:#717169;background:var(--paper)}
@media(max-width:700px){.picker-columns{grid-template-columns:1fr}
}

.sales-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.sales-controls label{display:grid;gap:6px;font-size:11px;font-weight:700}
.sales-controls select,.sales-controls input{padding:10px;border:1px solid var(--line);background:var(--paper);font:inherit}
.sales-note{font-size:11px;color:#717169;margin:0 0 22px}
.sales-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px}
.sales-summary div{background:#f5f0e7;padding:18px}
.sales-summary p{font-size:10px;letter-spacing:.08em;color:#74746d;margin:0 0 7px}
.sales-summary strong{font:500 26px var(--serif)}
.sales-breakdown{margin-bottom:34px}
.sales-detail-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}
.sales-detail-heading h3{font:500 25px var(--serif);margin:0}
.sales-detail-heading span{font-size:12px;color:#717169}
@media(max-width:700px){.sales-summary{grid-template-columns:1fr}
.sales-controls{display:grid;grid-template-columns:1fr 1fr}
.sales-controls .row-button{grid-column:1/-1;text-align:left}
}

.size-field[hidden]{display:none}

.variant-inventory{display:grid;gap:9px;padding:14px;border:1px solid var(--line);background:#f8f5ef;font-size:11px}.variant-inventory[hidden]{display:none!important}
.variant-inventory>strong{font-size:12px}
.variant-inventory>small{color:#717169}
.variant-size-add{display:flex;gap:8px}
.variant-size-add input{flex:1;padding:9px;border:1px solid var(--line);background:var(--paper);font:inherit}
.variant-size-add button{border:1px solid var(--line);padding:9px 11px;background:var(--paper);text-decoration:none;color:var(--green)}
.variant-stock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.variant-stock-grid label{display:grid;gap:5px;font-size:11px;font-weight:700}
.variant-stock-grid input{padding:9px;border:1px solid var(--line);background:var(--paper);font:inherit}
@media(max-width:700px){.variant-size-add{display:grid}
.variant-stock-grid{grid-template-columns:repeat(2,1fr)}
}