*{box-sizing:border-box}body{margin:0;background:#f6f4f2;color:#292633;font:14px/1.45 Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}.hidden{display:none!important}.app{display:flex;min-height:100vh}.sidebar{width:245px;background:#292632;color:white;padding:22px 16px;flex-shrink:0}.brand{display:flex;gap:10px;align-items:center;padding:0 8px 28px}.brand b{display:block;font-size:14px;letter-spacing:.5px}.brand small{font-size:9px;letter-spacing:1.2px;color:#c8c0cc}.logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#d99c98,#8b647f);display:grid;place-items:center;color:#fff;font-size:20px}.navlabel,.eyebrow{font-size:10px;letter-spacing:1.5px;color:#b8aebd;font-weight:700}.navlabel{padding:8px 10px}.sidebar nav{display:grid;gap:4px}.sidebar nav button{border:0;background:transparent;color:#d8d1dd;text-align:left;padding:11px 12px;border-radius:9px;cursor:pointer;font-size:12px}.sidebar nav button:hover,.sidebar nav button.active{background:#514452;color:white}.sidefoot{font-size:10px;line-height:1.7;color:#bcb4c2;margin:30px 9px}.main,main{min-width:0;flex:1}.topbar{height:68px;background:white;border-bottom:1px solid #ece8e5;display:flex;justify-content:space-between;align-items:center;padding:0 30px;color:#777487;font-size:12px}.topbar b{color:#292633}.user{display:flex;align-items:center;gap:12px}.content{padding:27px 30px;max-width:1450px;margin:auto}.page{display:none}.page.active{display:block}.pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.pagehead .eyebrow{color:#8b647f;margin:0}.pagehead h1{font-size:25px;letter-spacing:-.5px;margin:5px 0}.muted{color:#777487;font-size:11px;margin:0}.btn{border:0;background:#75536f;color:white;border-radius:8px;padding:10px 14px;font-weight:650;font-size:12px;cursor:pointer}.btn:hover{filter:brightness(.94)}.btn.light{background:#f1e9ee;color:#75536f}.btn.small{padding:7px 10px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.stat,.panel,.table-wrap{background:white;border:1px solid #ece8e5;border-radius:12px;padding:16px}.stat-label{color:#777487;font-size:11px}.stat-value{font-size:24px;font-weight:750;margin:7px 0}.stat-note{color:#4d8b70;font-size:10px}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:14px}.panel{margin-bottom:14px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.panel h3,.panel-head h3{margin:0;font-size:14px}.chart{height:190px;display:flex;align-items:end;gap:12px;padding:10px 4px 0;border-bottom:1px solid #eee}.chart-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.chart-bar{width:65%;max-width:42px;background:linear-gradient(180deg,#d99c98,#75536f);border-radius:5px 5px 0 0}.chart-col small{font-size:10px;color:#777487}.trend-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f1eeee}.trend-icon,.product-icon{width:35px;height:35px;border-radius:9px;background:#f4e5df;display:grid;place-items:center}.trend-item b{font-size:12px}.trend-item small{display:block;color:#777487;font-size:10px}.pill{display:inline-block;padding:4px 8px;border-radius:20px;background:#e8f2ec;color:#477b62;font-size:10px;font-weight:700}.pill.warn{background:#fff1dc;color:#9b702e}.pill.danger{background:#f9e7e6;color:#a65353}.notice{background:#f1e9ee;color:#684c64;border-radius:9px;padding:12px 14px;font-size:11px;margin-bottom:14px}.table-wrap{overflow:auto;padding:0}.data-table{width:100%;border-collapse:collapse;min-width:650px}.data-table th{text-align:left;background:#fbfaf9;color:#777487;font-size:10px;text-transform:uppercase;letter-spacing:.6px;padding:12px 14px}.data-table td{padding:12px 14px;border-top:1px solid #f0edeb;font-size:12px}.data-table td b{font-size:12px}.product-cell{display:flex;align-items:center;gap:9px}.actions{display:flex;gap:5px}.text-btn{border:0;background:transparent;color:#75536f;font-size:11px;font-weight:700;cursor:pointer}.text-btn.delete{color:#b45f5f}.subheading{font-size:15px;margin:20px 0 10px}.modal{position:fixed;inset:0;background:#19151f88;display:grid;place-items:center;padding:18px;z-index:10}.modal-card{width:min(600px,100%);max-height:90vh;overflow:auto;background:white;border-radius:14px;padding:21px;box-shadow:0 18px 55px #0003}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-head h2{font-size:17px;margin:0}.icon-btn{border:0;background:#f2eff1;border-radius:7px;padding:6px 9px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;font-size:11px;color:#777487;margin-bottom:5px}.field input,.field select{width:100%;padding:10px;border:1px solid #e7e1e3;border-radius:8px;background:white;font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.error{color:#b14e4e;font-size:11px}.toast{position:fixed;bottom:20px;right:20px;background:#292632;color:white;padding:12px 16px;border-radius:9px;box-shadow:0 5px 20px #0002;display:none;z-index:20;font-size:12px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#f6f1ef,#e9dce2)}.login-card{width:min(390px,100%);background:white;border:1px solid #eee5e8;border-radius:18px;padding:30px;box-shadow:0 15px 45px #5a3b4c18}.login-card .logo{margin-bottom:18px}.login-card .eyebrow{color:#8b647f}.login-card h1{margin:4px 0;font-size:25px}.login-card label{display:block;margin-top:14px;font-size:11px;color:#777487}.login-card input{display:block;width:100%;padding:11px;border:1px solid #e7e1e3;border-radius:8px;margin-top:5px}.login-card .btn{width:100%;margin-top:18px}.hint{display:block;color:#777487;margin-top:12px;font-size:10px}.login-card .muted{margin-top:5px}.empty{padding:25px;text-align:center;color:#777487;font-size:12px}@media(max-width:900px){.sidebar{width:205px}.content{padding:20px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.app{display:block}.sidebar{width:100%;padding:12px}.brand{padding:0 8px 10px}.sidebar nav{display:flex;overflow:auto}.sidebar nav button{white-space:nowrap}.navlabel,.sidefoot{display:none}.topbar{height:50px;padding:0 13px}.content{padding:17px 12px}.pagehead h1{font-size:21px}.two-col{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.stats{gap:8px}.stat-value{font-size:20px}}@media print{.sidebar,.topbar,.btn{display:none!important}.content{padding:0}.page{display:none!important}#reports{display:block!important}}

.shop-link{position:fixed;bottom:18px;left:18px;background:#fff;color:#75536f;border:1px solid #e8dfe5;border-radius:25px;padding:10px 15px;text-decoration:none;font-size:12px;font-weight:700;box-shadow:0 3px 15px #0001;z-index:4}.full{grid-column:1/-1}

.notify-count{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:#c84d5a;color:#fff;font-size:10px;font-weight:700}
.order-notify-panel{position:fixed;z-index:1000;right:22px;top:72px;width:min(390px,calc(100vw - 30px));max-height:70vh;overflow:auto;background:#fff;border:1px solid #e8e2e6;border-radius:14px;box-shadow:0 14px 45px #29263225;padding:16px}
.order-notify-panel.hidden{display:none}.notify-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.notify-order{padding:11px 0;border-bottom:1px solid #eee;font-size:12px;line-height:1.55}.notify-order:last-child{border-bottom:0}
.notify-order strong{font-size:13px}.notify-order .muted{font-size:11px}

.shipping-summary{margin-top:14px;padding:14px;background:#f7f5f8;border-radius:10px;display:grid;gap:9px}
.shipping-summary>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.shipping-summary .grand{border-top:1px solid #ddd;padding-top:10px;font-size:15px;font-weight:700}

/* Search controls */
.search-toolbar{display:flex;gap:9px;align-items:center;margin:14px 0 12px;max-width:760px}
.search-toolbar input,.store-search input{flex:1;min-width:0;width:100%;border:1px solid #e5dfe4;border-radius:10px;padding:11px 13px;background:#fff;color:#292633;font:inherit;outline:none}
.search-toolbar input:focus,.store-search input:focus{border-color:#96738f;box-shadow:0 0 0 3px rgba(150,115,143,.12)}
.store-search{padding:18px max(5vw,20px) 0;max-width:760px}
@media(max-width:600px){.search-toolbar{align-items:stretch}.search-toolbar .btn{white-space:nowrap}}

.store-search{display:flex;gap:9px;align-items:center}
@media(max-width:600px){.store-search{align-items:stretch}.store-search .btn{white-space:nowrap}}

/* Product marketplace detail fields */
.product-photo-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.product-photo-preview img{width:76px;height:76px;object-fit:cover;border-radius:8px;border:1px solid #e5dfe4}
.product-desc-admin{display:block;max-width:260px;margin-top:4px;white-space:normal}
.field textarea{width:100%;padding:11px;border:1px solid #e5dfe4;border-radius:9px;font:inherit;resize:vertical}
.required{color:#b42318}

/* Product photo gallery management with per-image delete controls */
.product-photo-preview{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.product-photo-item{position:relative;width:96px;display:flex;flex-direction:column;gap:4px;align-items:center}
.product-photo-item img{width:96px;height:96px;object-fit:cover;border:1px solid #e5dfe4;border-radius:10px;background:#f8f5f8}
.product-photo-item small{font-size:11px;color:#777487}
.remove-product-photo{position:absolute;top:-7px;right:-7px;width:25px;height:25px;border:2px solid #fff;border-radius:50%;background:#8a536f;color:#fff;font-size:18px;line-height:19px;font-weight:700;cursor:pointer;box-shadow:0 1px 5px #0003;display:grid;place-items:center;padding:0}
.remove-product-photo:hover{background:#b42318;transform:scale(1.08)}

/* Order management list and edit form */
#orderManagementTable table{min-width:1050px}
#orderManagementTable td{vertical-align:middle}
#orderManagementTable .actions{white-space:nowrap}
.readonly-order-items{padding:11px 13px;border:1px solid #e5dfe4;border-radius:9px;background:#f8f6f8;min-height:42px}
#orderManagementTable small.muted{display:block;margin-top:3px}

/* Consolidated v7.3 Order Management table */
#orderManagementTable table{min-width:1180px}
#orderManagementTable td{vertical-align:middle}
#orderManagementTable .actions{white-space:nowrap}
#orderManagementTable small{display:block;margin-top:3px}
.readonly-order-items{padding:11px 13px;border:1px solid #e5dfe4;border-radius:9px;background:#f8f6f8;min-height:42px}

/* Unified Order Management menu: online orders and manual sales tabs */
.order-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 16px;border-bottom:1px solid var(--line,#e8e2e7);padding-bottom:10px}
.order-tab{border:1px solid var(--line,#e8e2e7);background:var(--surface,#fff);color:var(--muted,#756b76);padding:10px 16px;border-radius:10px;font:inherit;font-weight:600;cursor:pointer}
.order-tab.active{background:var(--primary,#76536f);border-color:var(--primary,#76536f);color:#fff}

/* Unified transaction list and recommended filters */
.order-filter-panel{margin-bottom:16px;padding:16px}
.order-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:10px}
.order-filter-grid .field{margin:0}
.order-filter-grid label{display:block;margin-bottom:6px}
.order-filter-grid input,.order-filter-grid select{width:100%;min-width:0}
@media(max-width:900px){.order-filter-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}}
@media(max-width:560px){.order-filter-grid{grid-template-columns:1fr}}