:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;color:#253126;background:#f5f3ee}*{box-sizing:border-box}body{margin:0}.admin-shell{width:min(1200px,100%);margin:auto;padding:20px}.login-card{width:min(460px,100%);margin:8vh auto;background:#fff;border-radius:24px;padding:30px;box-shadow:0 18px 60px rgba(30,40,30,.09)}.login-card img{width:120px;height:120px;object-fit:contain;border-radius:18px}.login-card h1{margin:20px 0 8px}.login-card p{color:#657061}.login-card label,.settings-form label,.modal-form label{display:grid;gap:7px;font-size:14px}.login-card input,.settings-form input,.settings-form select,.modal-form input,.modal-form select,.modal-form textarea,.toolbar-actions input{width:100%;border:1px solid #d8ded4;border-radius:12px;padding:12px 14px;background:#fff;font:inherit}.login-card button,.primary{border:0;border-radius:12px;background:#334437;color:#fff;padding:13px 18px;font-weight:700;cursor:pointer}.login-card button{width:100%;margin-top:16px}.error{min-height:20px;color:#b23b32}.admin-header,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.admin-header{background:#fff;border-radius:20px;padding:18px 20px;margin-bottom:14px}.admin-header h1,.toolbar h2{margin:0}.admin-header small{color:#688064}.header-actions,.toolbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.header-actions a,.header-actions button,.toolbar button,.admin-tabs button,.card-actions button{border:1px solid #d6ddd3;background:#fff;border-radius:10px;padding:10px 12px;color:#334437;text-decoration:none;font-weight:600;cursor:pointer}.admin-tabs{display:flex;gap:8px;margin:16px 0}.admin-tabs button.active{background:#334437;color:#fff;border-color:#334437}.tab-panel{background:#fff;border-radius:20px;padding:20px}.toolbar p{margin:5px 0 0;color:#748074}.toolbar .primary{color:#fff;background:#334437}.category-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 30px}.category-card{border:1px solid #e0e5dc;border-radius:16px;padding:16px;background:#fbfcfa;cursor:pointer;position:relative}.category-card.active{outline:2px solid #334437}.category-card.inactive{opacity:.55}.category-card h3{margin:14px 0 6px}.category-card p{margin:0;color:#6d786d;font-size:13px;line-height:1.5}.category-card .count{font-size:12px;color:#7d887b}.category-card .edit-category{position:absolute;right:10px;top:10px;border:0;background:#fff;border-radius:9px;padding:6px 8px}.product-toolbar{border-top:1px solid #edf0eb;padding-top:22px}.product-list{display:grid;gap:10px;margin-top:16px}.product-row{display:grid;grid-template-columns:74px 1fr auto;gap:14px;align-items:center;border:1px solid #e5e9e2;border-radius:14px;padding:10px}.product-row img{width:74px;height:74px;object-fit:cover;border-radius:10px}.product-row h3{margin:0 0 4px}.product-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#6f796e}.pill{border-radius:999px;background:#eef2ec;padding:4px 8px}.pill.off{background:#f1e6e4;color:#94514a}.pill.stock{background:#f3eddc;color:#7e6d2d}.card-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.card-actions .danger{color:#a33d35}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.settings-form .wide{grid-column:1/-1}.settings-form fieldset{border:1px solid #dfe4dc;border-radius:14px;padding:14px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.toggle{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center}.toggle input{width:auto}.modal-backdrop{position:fixed;inset:0;background:rgba(20,25,20,.55);display:grid;place-items:center;padding:16px;z-index:100}.modal{background:#fff;border-radius:20px;width:min(760px,100%);max-height:92vh;overflow:auto;padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{margin:0}.modal-head button{border:0;background:#eee;border-radius:50%;width:38px;height:38px;font-size:22px}.modal-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.modal-form .wide{grid-column:1/-1}.modal-form textarea{resize:vertical}.form-actions{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;margin-top:8px}.form-actions .danger{border:1px solid #d9b9b5;background:#fff;color:#9c3e36;border-radius:10px;padding:12px}.image-area{grid-column:1/-1;border:1px dashed #cbd4c7;border-radius:14px;padding:14px}.image-list{display:flex;gap:8px;overflow-x:auto;margin:10px 0}.image-tile{position:relative;flex:0 0 100px}.image-tile img{width:100px;height:100px;border-radius:10px;object-fit:cover}.image-tile button{position:absolute;right:4px;top:4px;border:0;background:rgba(255,255,255,.9);border-radius:50%;width:26px;height:26px}.image-tile .cover{left:4px;right:auto;width:auto;border-radius:8px;padding:3px 5px;font-size:11px}.upload-note{font-size:12px;color:#748074}.admin-toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;background:#263528;color:#fff;border-radius:999px;padding:10px 16px;transition:.2s;z-index:200}.admin-toast.show{opacity:1;transform:translate(-50%,0)}.empty-admin{text-align:center;color:#788276;padding:36px}
@media(max-width:820px){.category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-header,.toolbar{align-items:flex-start;flex-direction:column}.product-row{grid-template-columns:64px 1fr}.product-row img{width:64px;height:64px}.card-actions{grid-column:1/-1;justify-content:flex-start}.settings-form,.settings-grid,.modal-form{grid-template-columns:1fr}.modal-form .wide,.settings-form .wide{grid-column:auto}.header-actions{width:100%}}

.system-notice{margin:12px 0;padding:12px 14px;border:1px solid #d9a441;border-radius:12px;background:#fff8e8;font-size:14px;line-height:1.6}.system-notice[hidden]{display:none}
.taxonomy-list,.order-list{display:grid;gap:14px}.taxonomy-card,.order-card{background:#fff;border:1px solid #eadfd9;border-radius:16px;padding:16px}.taxonomy-head,.order-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.taxonomy-head h3{margin:0 0 4px}.taxonomy-head p{margin:0;color:#756a64}.taxonomy-head button,.sub-row button,.order-actions button{border:1px solid #d7cbc5;background:#fff;border-radius:9px;padding:8px 10px}.sub-list{display:grid;gap:8px;margin-top:12px}.sub-row{display:flex;justify-content:space-between;align-items:center;background:#faf7f5;border-radius:10px;padding:10px 12px}.order-head small{display:block;color:#777;margin-top:4px}.order-head select,#orderFilter{border:1px solid #d8cbc5;border-radius:10px;padding:9px;background:#fff}.order-grid{display:grid;grid-template-columns:92px 1fr;gap:7px 12px;margin:14px 0}.order-grid span{color:#7a6f69}.order-card details{margin-top:10px}.order-card pre{white-space:pre-wrap;word-break:break-word;background:#f8f6f5;border-radius:10px;padding:10px;max-height:260px;overflow:auto}.order-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.saved-note{background:#edf8ef;color:#17622c;padding:10px 12px;border-radius:10px}.saved-note.warning{background:#fff4df;color:#8b5b00}@media(max-width:720px){.taxonomy-head,.order-head{flex-direction:column}.taxonomy-head>div:last-child{display:flex;gap:8px}.order-grid{grid-template-columns:76px 1fr}.admin-tabs{overflow:auto;white-space:nowrap}.header-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}}


/* V3 test: category/subcategory images + homepage image manager */
.taxonomy-title{display:flex;gap:12px;align-items:center}.taxonomy-title>img,.sub-name>img{width:58px;height:48px;border-radius:9px;object-fit:cover;background:#eee}.sub-name{display:flex;align-items:center;gap:10px}.single-image-preview{min-height:40px;margin:10px 0}.single-image-preview img{width:160px;height:120px;object-fit:cover;border-radius:12px}.image-area>button,.settings-upload>button{border:1px solid #d6ddd3;background:#fff;border-radius:10px;padding:8px 10px;margin-top:8px}.homepage-settings{display:grid;gap:12px}.homepage-settings>p{margin:0;color:#657061}.settings-upload{display:grid;gap:8px;padding:12px;border:1px dashed #cbd4c7;border-radius:12px}.settings-image-preview{width:min(280px,100%);aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#eee}

/* V3.2 homepage showcase link editor */
.showcase-admin-list{display:grid;gap:14px}.showcase-admin-item{display:grid;grid-template-columns:120px 1fr 1fr;gap:12px;align-items:end;padding:12px;border:1px solid #dfe4db;border-radius:16px}.showcase-admin-item .image-tile{width:120px}.showcase-admin-item label{display:grid;gap:6px}.showcase-admin-item select{width:100%}@media(max-width:720px){.showcase-admin-item{grid-template-columns:100px 1fr}.showcase-admin-item .showcase-target-id{grid-column:2}.showcase-admin-item .image-tile{width:100px}}

/* V3.3 order readability + A5 print controls */
.order-detail-sheet{margin-top:12px;background:#faf8f6;border-radius:12px;padding:14px}.order-detail-grid{display:grid;grid-template-columns:100px 1fr;gap:7px 12px}.order-detail-grid span{color:#7a6f69}.order-detail-grid b{min-width:0;word-break:break-word}.preline{white-space:pre-wrap}.order-items-table{margin-top:14px;border:1px solid #ded4cf;border-radius:10px;overflow:hidden}.order-items-table>div{display:grid;grid-template-columns:minmax(0,1fr) 54px 90px 90px;gap:8px;padding:8px 10px;border-top:1px solid #e8dfda}.order-items-table>div:first-child{border-top:0}.order-items-head{background:#f0ebe7;font-weight:700}.order-items-table span:nth-child(n+2){text-align:right}.order-empty-items{color:#777}.order-actions{flex-wrap:wrap}.form-actions button[data-print-order]{border:1px solid #d7cbc5;background:#fff;border-radius:10px;padding:12px;color:#334437;font-weight:700}
@media(max-width:720px){.order-detail-grid{grid-template-columns:78px 1fr}.order-items-table{overflow-x:auto}.order-items-table>div{min-width:500px}.order-actions{justify-content:flex-start}}