*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f7f8fb;color:#1f2937;line-height:1.75}.container{width:min(1120px,92%);margin:auto}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px}.brand{font-size:30px;font-weight:800;color:#111827;text-decoration:none}.nav nav{display:flex;gap:18px;align-items:center}.nav a{color:#374151;text-decoration:none}.btn{display:inline-block;background:#111827;color:#fff!important;padding:12px 20px;border-radius:12px;border:0;cursor:pointer;text-decoration:none;font-weight:700}.btn-small{padding:8px 14px}.btn-secondary{background:#fff;color:#111827!important;border:1px solid #d1d5db}.hero{padding:90px 0 70px;background:linear-gradient(180deg,#fff,#f7f8fb)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.eyebrow{display:inline-block;padding:6px 12px;background:#eef2ff;border-radius:99px;font-size:14px;font-weight:700}.hero h1{font-size:64px;line-height:1.1;margin:18px 0 12px}.hero h2{font-size:28px;margin:0 0 18px}.hero p{font-size:18px;color:#4b5563;max-width:700px}.hero-card,.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:24px;box-shadow:0 12px 40px rgba(0,0,0,.05)}.features{padding:60px 0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature h3{margin-top:0}.auth{max-width:560px;margin:60px auto}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:700;margin-bottom:6px}.form-control{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:10px;background:#fff}.alert{padding:12px 14px;border-radius:10px;margin-bottom:16px}.alert-error{background:#fef2f2;color:#991b1b}.alert-success{background:#ecfdf5;color:#065f46}.dashboard{padding:40px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.stat strong{display:block;font-size:28px}.table-wrap{overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:14px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 14px;border-bottom:1px solid #eee;text-align:right}.badge{display:inline-block;padding:4px 9px;border-radius:99px;background:#eef2ff}.footer{padding:35px 0;border-top:1px solid #e5e7eb;margin-top:60px;background:#fff;color:#6b7280}@media(max-width:800px){.hero-grid,.grid-3,.stats{grid-template-columns:1fr}.hero h1{font-size:44px}.nav nav{gap:10px;font-size:14px}}
.actions{display:flex;gap:8px;flex-wrap:wrap}.btn-danger{background:#991b1b}.btn-success{background:#065f46}.muted{color:#6b7280}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.product-image{height:220px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-body{padding:18px}.product-body h3{margin:0 0 8px}.price-row{display:flex;justify-content:space-between;gap:12px;margin:8px 0}.profit{font-weight:800}.stock-ok{color:#065f46}.stock-low{color:#b45309}.stock-out{color:#991b1b}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0}.filters .form-group{margin:0;min-width:220px}.img-preview{width:120px;height:80px;object-fit:cover;border:1px solid #e5e7eb;border-radius:8px;background:#f3f4f6}.pagination{display:flex;gap:8px;margin-top:18px}.pagination a{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;text-decoration:none;color:#111827}.pagination .active{background:#111827;color:#fff}.inline-form{display:inline}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
@media(max-width:800px){.product-grid{grid-template-columns:1fr}.nav{align-items:flex-start;padding:14px 0}.nav nav{flex-wrap:wrap;justify-content:flex-start}.product-image{height:240px}}

.media-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.media-item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}
.media-thumb{height:180px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}
.media-thumb img,.media-thumb video{width:100%;height:100%;object-fit:cover}
.media-body{padding:14px}
.media-meta{font-size:13px;color:#6b7280;margin:6px 0}
.empty-box{background:#fff;border:1px dashed #d1d5db;border-radius:16px;padding:26px;text-align:center;color:#6b7280}
.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px}
.preview-main{height:420px;background:#f3f4f6;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:14px}
.preview-main img{width:100%;height:100%;object-fit:contain;background:#fff}
.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.thumbs button{padding:0;border:1px solid #e5e7eb;background:#fff;border-radius:10px;overflow:hidden;cursor:pointer;height:76px}
.thumbs img{width:100%;height:100%;object-fit:cover}
.specs .price-row{padding:8px 0;border-bottom:1px solid #f1f5f9}
.marketing-box textarea{min-height:170px}
.upload-help{font-size:13px;color:#6b7280;margin-top:4px}
.video-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.video-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px}
.video-card video{width:100%;border-radius:10px;background:#000}
@media(max-width:900px){.detail-grid,.media-layout{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}.thumbs{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.media-grid,.video-list{grid-template-columns:1fr}.preview-main{height:280px}.thumbs{grid-template-columns:repeat(3,1fr)}}

.order-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.order-summary .box{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.order-summary .box span{display:block;color:#6b7280;font-size:14px}.order-summary .box strong{display:block;font-size:21px;margin-top:5px}.status-badge{display:inline-block;padding:5px 10px;border-radius:999px;font-weight:700;font-size:13px}.status-new{background:#fff7ed;color:#9a3412}.status-confirmed{background:#eff6ff;color:#1d4ed8}.status-shipped{background:#f5f3ff;color:#6d28d9}.status-delivered{background:#ecfdf5;color:#047857}.status-cancelled{background:#fef2f2;color:#b91c1c}.order-sections{display:grid;grid-template-columns:1fr 1fr;gap:18px}.order-line{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #f1f5f9}.order-line:last-child{border-bottom:0}.number-ltr{direction:ltr;display:inline-block}.total-row{font-size:18px;font-weight:800}.form-hint{font-size:13px;color:#6b7280;margin-top:5px}.order-hero{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;margin-bottom:18px}.order-hero h2{margin:0 0 6px}.compact-product{display:flex;gap:16px;align-items:center}.compact-product img{width:110px;height:85px;object-fit:cover;border-radius:12px;background:#f3f4f6}.compact-product .no-image{width:110px;height:85px;border-radius:12px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280}.profit-live{font-size:22px;font-weight:800}.readonly-like{background:#f9fafb}
@media(max-width:850px){.order-summary{grid-template-columns:repeat(2,1fr)}.order-sections{grid-template-columns:1fr}}
@media(max-width:520px){.order-summary{grid-template-columns:1fr}.compact-product{align-items:flex-start}.compact-product img,.compact-product .no-image{width:90px;height:72px}}

.status-processing{background:#fefce8;color:#854d0e}
.fulfillment-panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;margin:18px 0}
.fulfillment-panel h2{margin-top:0}.fulfillment-actions{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.fulfillment-actions .form-group{margin-bottom:0;min-width:210px;flex:1}.transition-card{border:1px solid #e5e7eb;border-radius:14px;padding:16px;margin-top:12px;background:#fafafa}.transition-card.danger{background:#fff7f7;border-color:#fecaca}
.timeline{position:relative;margin:22px 0 0;padding:0;list-style:none}.timeline:before{content:"";position:absolute;right:12px;top:8px;bottom:8px;width:2px;background:#e5e7eb}.timeline-item{position:relative;padding:0 42px 20px 0}.timeline-dot{position:absolute;right:5px;top:6px;width:16px;height:16px;border-radius:50%;background:#111827;border:3px solid #fff;box-shadow:0 0 0 1px #d1d5db}.timeline-title{font-weight:800}.timeline-meta{font-size:13px;color:#6b7280}.timeline-note{margin-top:5px;color:#374151}.inventory-flag{display:inline-block;padding:5px 10px;border-radius:999px;font-size:13px;font-weight:700}.inventory-reserved{background:#eff6ff;color:#1d4ed8}.inventory-free{background:#f3f4f6;color:#4b5563}.fulfillment-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.status-path{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.status-step{padding:7px 11px;border-radius:999px;background:#f3f4f6;color:#6b7280;font-size:13px;font-weight:700}.status-step.active{background:#111827;color:#fff}.status-step.done{background:#ecfdf5;color:#047857}.stock-warning{background:#fff7ed;color:#9a3412;padding:12px 14px;border-radius:10px;margin-top:10px}
@media(max-width:850px){.fulfillment-grid{grid-template-columns:1fr}.fulfillment-actions{display:block}.fulfillment-actions .form-group{margin-bottom:14px}}