.login-logo{display:block;width:min(300px,100%);height:auto;margin:0 0 22px}
.brand{padding:20px 18px;display:grid;gap:8px}
.brand img{width:210px;max-width:100%;height:auto;background:#fff;border-radius:8px;padding:6px}
.brand span{font-size:16px;font-weight:700}
.status{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700;text-transform:capitalize}
.status-pending{background:#fff3cd;color:#7a5700}
.status-approved{background:#dcfce7;color:#166534}
.status-cancelled{background:#fee2e2;color:#991b1b}
.order-link{border:0;background:transparent;color:#d90000;font-weight:800;text-decoration:underline;cursor:pointer}
.order-detail{width:min(850px,100%);max-height:90vh;overflow:auto}
.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.image-button{border:0;background:transparent;padding:0;cursor:zoom-in}
.image-lightbox{z-index:20}
.image-lightbox .card{width:min(850px,95vw);max-height:92vh;overflow:auto}
.image-lightbox img{display:block;max-width:100%;max-height:72vh;margin:20px auto 0;object-fit:contain}
.field textarea{padding:13px;border:1px solid #d1d5db;border-radius:8px;resize:vertical;font:inherit}
.features{white-space:pre-line;min-width:220px;color:#4b5563}
.cart-row{grid-template-columns:72px minmax(220px,1fr) 150px 120px auto}
.cart-image img{width:64px;height:64px;object-fit:cover;border-radius:8px}
@media(max-width:800px){.cart-row{grid-template-columns:1fr}.cart-image{justify-self:start}}
.filter-bar{display:flex;justify-content:flex-end;margin:0 0 16px}
.filter-bar label{display:flex;align-items:center;gap:10px;font-weight:700}
.filter-bar select{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff}
.welcome-panel{text-align:center;background:#fff;border-radius:16px;padding:28px;margin-bottom:22px;box-shadow:0 12px 40px #0001}
.welcome-panel img{width:min(520px,90%);height:auto}
.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.promo img,.promo video{width:100%;max-height:280px;object-fit:contain;border-radius:10px}
.modal-wide{width:min(900px,96vw);max-height:92vh;overflow:auto}
.modal-form{width:min(560px,96vw);max-height:92vh;overflow:auto}
@media(max-width:900px){.home-grid{grid-template-columns:1fr}}