/* Shipzad 2026: visual system adapted from buyer/admin HTML design references.
   Presentation only; data and actions remain server-rendered and authorized in PHP. */
:root{--sz-purple:#7c3aed;--sz-purple-dark:#6d28d9;--sz-soft-purple:#f5f3ff;--sz-ink:#1e293b;--sz-muted:#64748b;--sz-border:#e2e8f0;--sz-surface:#fff;--sz-bg:#f8fafc;--sz-shadow:0 10px 32px rgba(28,31,65,.055)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--sz-ink);background:#f8fafc}
.container{max-width:1420px}.nav{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--sz-border);box-shadow:0 2px 15px rgba(15,23,42,.035)}
.nav .brand span{font-weight:850}.search input,.search button{border-radius:10px}.nav a,.role-sidebar a,.account-menu a{transition:background-color .2s,color .2s,transform .2s}
.ship-icon:hover,.ship-dropdown a:hover{color:var(--sz-purple)}.sz-nav-avatar{width:25px;height:25px;object-fit:cover;border-radius:50%;margin-left:3px}.sz-notification-bell{font-size:23px;position:relative}.sz-unread-count{position:absolute;top:-7px;right:-8px;font-size:10px;min-width:18px;line-height:18px;text-align:center;border-radius:999px;background:#ef4444;color:white;padding:0 4px;font-weight:800}
.role-content,.account-main{min-width:0}.role-sidebar,.account-layout .account-sidebar,.account-layout .account-card,.sz-pro-panel,.sz-orders .sz-order,.sz-orders .sz-stats>div,.sz-center-page .panel{border:1px solid var(--sz-border);border-radius:14px;background:var(--sz-surface);box-shadow:var(--sz-shadow)}
.role-sidebar{padding:12px}.role-side-title{color:var(--sz-purple)!important}.role-side-link{border-radius:10px;margin:3px 0}.role-side-link:hover,.role-side-link.current{background:var(--sz-soft-purple)!important;color:var(--sz-purple)!important}
.sz-page-top{gap:18px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin:14px 0 24px}.sz-page-top h1,.account-main>h1,.sz-orders-head h1{font-size:clamp(27px,3vw,35px);line-height:1.2;letter-spacing:-.025em;color:var(--sz-ink)}
.sz-kicker,.sz-eyebrow,.sz-checkout-tag{color:var(--sz-purple)!important;text-transform:uppercase;font-weight:800;letter-spacing:1.2px;font-size:11px}.sz-page-top p,.sz-section-heading p{color:var(--sz-muted)}
.sz-pro-panel,.account-layout .account-card{padding:24px;margin-bottom:20px;animation:sz-reveal .35s ease both}.sz-pro-panel:hover,.sz-orders .sz-order:hover{box-shadow:0 14px 35px rgba(30,41,59,.085)}
@keyframes sz-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
.sz-pro-table,.table-wrap table,.account-table-wrap table{border-collapse:separate;border-spacing:0;width:100%}.sz-pro-table th,.table-wrap th,.account-table-wrap th{background:#f8fafc!important;color:#475569;text-transform:uppercase;font-size:11px;letter-spacing:.5px;font-weight:800;padding:15px 14px;border-bottom:1px solid var(--sz-border)}.sz-pro-table td,.table-wrap td,.account-table-wrap td{padding:14px;border-bottom:1px solid #f1f5f9;vertical-align:top}.sz-pro-table tr:hover td,.table-wrap tr:hover td{background:#fcfaff}
button,.btn,.sz-primary-action,.sz-outline-action,.sz-orders .sz-primary,.account-card button{transition:transform .18s ease,background .18s ease,box-shadow .18s ease;border-radius:9px}button:not(:disabled):hover,.btn:hover,.sz-primary-action:hover{transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c4b5fd;outline-offset:2px}
.sz-primary-action,.account-layout .account-card form button,.sz-chat-send-button,.sz-slide-form button,.sz-slide-timer button,.sz-logout-dialog form button,.sz-logout-standalone form button{background:var(--sz-purple)!important;color:white!important;border:1px solid var(--sz-purple)!important}.sz-primary-action:hover,.account-layout .account-card form button:hover,.sz-chat-send-button:hover{background:var(--sz-purple-dark)!important;box-shadow:0 9px 22px rgba(124,58,237,.18)!important}
.sz-outline-action{background:white!important;color:var(--sz-purple)!important;border:1px solid #ddd6fe!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;text-decoration:none}.sz-outline-action:hover{background:var(--sz-soft-purple)!important}
input,textarea,select{max-width:100%}input:not([type=checkbox]):not([type=radio]),textarea,select{border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:10px 12px}label{color:#334155;font-weight:550}.muted,small{color:var(--sz-muted)}
.sz-checkbox{display:flex!important;gap:8px;align-items:center;font-size:13px}.sz-checkbox input{width:auto!important;accent-color:var(--sz-purple)}.sz-center-page{max-width:1050px;margin:28px auto 70px}
/* Buyer account design reference: soft purple navigation, white form cards */
.account-layout{gap:26px;margin-top:32px}.account-layout .account-sidebar{overflow:hidden}.account-layout .account-person{background:linear-gradient(140deg,#faf7ff,#fff);padding:28px 15px}.account-layout .account-avatar{background:linear-gradient(140deg,#8b5cf6,#6d28d9);width:78px;height:78px;overflow:hidden}.account-layout .account-avatar img,.sz-avatar-preview img{width:100%;height:100%;object-fit:cover}.account-layout .account-menu a{color:#475569;padding:12px 18px;border-color:transparent}.account-layout .account-menu a:hover,.account-layout .account-menu a.selected{background:#f5f3ff;color:#6d28d9;border-color:#7c3aed}.account-layout .account-card-head a,.account-layout .account-link{color:var(--sz-purple)}.account-layout .account-card h2{font-size:19px}.account-layout .account-grid{gap:18px}.account-layout .account-address{padding:17px 0;border-color:#eaeff5}.account-layout .account-check input{accent-color:var(--sz-purple)}
.sz-avatar-uploader{display:flex;align-items:center;gap:18px;padding:16px;margin-bottom:20px;background:#f8f7ff;border:1px dashed #c4b5fd;border-radius:14px;flex-wrap:wrap}.sz-avatar-uploader .sz-avatar-preview{width:84px;height:84px;overflow:hidden;border-radius:50%;display:grid;place-items:center;background:#ede9fe;font-size:32px;flex-shrink:0}.sz-avatar-uploader form{flex:1;min-width:min(100%,260px)}.sz-avatar-uploader form label{display:block;margin-bottom:10px}.sz-avatar-uploader input[type=file]{width:100%;font-size:12px;background:#fff}
/* Buyer order, tabs and cancellation requests */
.sz-orders{max-width:1250px}.sz-orders .sz-order,.sz-orders .sz-stats>div{border-color:var(--sz-border)}.sz-orders .sz-primary,.sz-orders .sz-tabs a.active{background:var(--sz-purple);border-color:var(--sz-purple);color:#fff}.sz-orders .sz-outline{color:var(--sz-purple);border-color:#ddd6fe}.sz-orders .sz-tabs a.active{box-shadow:0 6px 16px #7c3aed22}.sz-orders .sz-order-actions{background:#faf9ff}.sz-orders .sz-order-actions form input[name=reason]{width:min(240px,100%);margin-right:6px;font-size:12px}.sz-cancel-card{border:1px solid #e9d5ff!important;background:#fefcff!important}.sz-request-status{border-left:4px solid var(--sz-purple)!important}.sz-review-decision textarea{min-width:230px;min-height:72px}.sz-review-decision .row{margin-top:8px;align-items:center}
/* Admin banner upload adapted from the uploaded admin slide editor */
.sz-slide-admin-grid{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(320px,1.3fr);gap:20px}.sz-slide-form,.sz-slide-timer,.sz-comms-form{display:grid;gap:13px}.sz-slide-form label,.sz-comms-form>label{display:grid;gap:7px}.sz-slide-preview{min-height:105px;display:grid;place-items:center;border:2px dashed #ddd6fe;border-radius:12px;background:#faf7ff;color:var(--sz-muted);overflow:hidden}.sz-slide-preview img{width:100%;height:auto;max-height:235px;object-fit:contain}.sz-slide-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,345px),1fr));gap:16px}.sz-slide-item{display:flex;flex-direction:column;gap:15px}.sz-slide-image{border-radius:11px;overflow:hidden;background:#f1f5f9;aspect-ratio:16/7}.sz-slide-image img{width:100%;height:100%;object-fit:cover}.sz-slide-timer .row input{max-width:125px}.sz-slide-admin-grid h2{margin:0}
/* Communications & notification center */
.sz-comms-form select[multiple]{min-height:120px;background:#f8fafc}.sz-comms-form textarea{min-height:150px}.sz-notice{border:1px solid #e2e8f0;border-radius:14px;padding:18px 22px;margin:13px 0;background:white;display:flex;gap:15px;box-shadow:0 6px 24px #0f172a09}.sz-notice-new{border-color:#c4b5fd;background:#fcfaff}.sz-notice h2{font-size:17px;margin:0 0 8px}.sz-notice p{color:#475569;white-space:normal;line-height:1.6}.sz-notice-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ede9fe;color:#7c3aed;font-size:21px}.sz-text-button{border:0;background:transparent!important;color:var(--sz-purple)!important;padding:4px!important;font-weight:650;cursor:pointer}.sz-notice .row{margin-top:12px}
/* Chat: two pane conversation + WhatsApp-inspired green/white messages */
.sz-chat-app{display:grid;grid-template-columns:290px minmax(0,1fr);margin:22px 0 42px;height:min(790px,calc(100vh - 170px));min-height:510px;background:white;border:1px solid var(--sz-border);border-radius:17px;box-shadow:var(--sz-shadow);overflow:hidden}.sz-chat-list{border-right:1px solid var(--sz-border);background:#fff;overflow:auto}.sz-chat-list-head{padding:25px 20px;border-bottom:1px solid var(--sz-border)}.sz-chat-list-head h2{margin:7px 0 4px;font-size:19px}.sz-chat-list-head p{font-size:12px;color:#64748b}.sz-chat-person{display:flex;gap:12px;align-items:center;padding:14px 17px;text-decoration:none;color:#1e293b;border-bottom:1px solid #f1f5f9}.sz-chat-person:hover,.sz-chat-person.active{background:#f5f3ff}.sz-chat-person strong,.sz-chat-person small{display:block}.sz-chat-person small{font-size:12px;margin-top:3px}.sz-chat-initial{display:grid;place-items:center;min-width:39px;width:39px;height:39px;border-radius:50%;background:linear-gradient(150deg,#7c3aed,#a78bfa);color:white;font-weight:800}.sz-chat-help{padding:18px;color:#64748b}.sz-chat-window{display:flex;min-width:0;min-height:0;flex-direction:column;background:#efeae2}.sz-chat-window-head{background:#fff;padding:14px 22px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e2e8f0}.sz-chat-window-head h1{font-size:16px;line-height:1.2;margin:0}.sz-chat-window-head small{font-size:11px}.sz-chat-back{color:#7c3aed;text-decoration:none;font-size:24px}.sz-chat-feed{flex:1;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:11px;background:linear-gradient(#fffdf9aa,#f7f5f4aa),radial-gradient(#d8d6d4 1px,transparent 1px);background-size:auto,23px 23px}.sz-chat-msg{display:flex}.sz-chat-msg.sent{justify-content:flex-end}.sz-chat-bubble{background:#fff;border-radius:13px 13px 13px 3px;padding:10px 13px;max-width:min(80%,580px);box-shadow:0 2px 6px #0000000b;overflow-wrap:anywhere}.sz-chat-msg.sent .sz-chat-bubble{background:#dcfce7;border-radius:13px 13px 3px 13px}.sz-chat-bubble p{margin:0 0 5px;line-height:1.55}.sz-chat-bubble small{display:block;text-align:right;color:#73838e;font-size:10px}.sz-chat-media{margin:7px 0}.sz-chat-media img,.sz-chat-media video{max-width:100%;max-height:270px;border-radius:9px}.sz-chat-media audio{width:min(260px,100%)}.sz-chat-type{flex:1;min-width:0}.sz-chat-type textarea{resize:none;margin:0;width:100%;max-height:105px;background:#fff}.sz-chat-type span{display:block;font-size:11px;color:#6d28d9}.sz-chat-send{display:flex;align-items:center;gap:9px;padding:13px;background:#fff;border-top:1px solid #eee}.sz-chat-send button{min-width:48px}.sz-chat-send-button{min-width:86px!important}.sz-chat-attach,.sz-voice-button{font-size:22px;cursor:pointer;display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:#f8f6ff;border-radius:12px;color:#7c3aed;border:0}.sz-chat-footnote{display:block;text-align:center;background:white;padding:0 10px 8px;font-size:10px}.sz-chat-placeholder{margin:auto;text-align:center;padding:22px}.sz-chat-placeholder>div{font-size:60px}
/* Modal logout design */
.sz-logout-dialog{border:1px solid #e7dcff;border-radius:20px;box-shadow:0 30px 90px #10053840;padding:30px;max-width:min(430px,calc(100vw - 30px));text-align:center;color:var(--sz-ink)}.sz-logout-dialog::backdrop{background:rgba(15,23,42,.55);backdrop-filter:blur(4px)}.sz-logout-dialog h2{font-size:23px;margin:15px 0 8px}.sz-logout-dialog p,.sz-logout-standalone p{color:#64748b;line-height:1.65}.sz-logout-symbol{width:65px;height:65px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#ede9fe;color:#7c3aed;font-size:31px}.sz-modal-actions{display:flex;gap:10px;justify-content:center;margin-top:25px}.sz-modal-actions form{margin:0}.sz-modal-actions button{padding:11px 17px}.sz-logout-standalone{max-width:520px;padding:40px 25px;margin:65px auto;text-align:center;background:white;border:1px solid var(--sz-border);border-radius:19px;box-shadow:var(--sz-shadow)}.sz-logout-standalone .row{justify-content:center;margin-top:20px;gap:12px}
/* Cart & support view cards */
.sz-cart-heading,.sz-support-heading{margin:25px 0 22px}.sz-cart-layout,.sz-support-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:22px;align-items:start}.sz-cart-lines,.sz-cart-summary,.sz-support-panel,.sz-support-history{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:var(--sz-shadow)}.sz-cart-line{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:16px;border-bottom:1px solid #edf2f7;padding:16px 0;align-items:start}.sz-cart-line:last-child{border-bottom:none}.sz-cart-line img{width:88px;height:88px;object-fit:cover;border-radius:9px;background:#f3f4f6}.sz-cart-line strong{display:block;font-size:14px}.sz-cart-line p{font-size:12px;color:#64748b}.sz-cart-summary{position:sticky;top:95px}.sz-summary-row{display:flex;justify-content:space-between;margin:12px 0;gap:14px}.sz-summary-total{border-top:1px solid #e2e8f0;padding-top:15px;margin-top:15px;font-weight:800;font-size:18px}.sz-cart-summary .sz-primary-action{display:block;text-align:center;margin-top:20px}.sz-cart-line-actions{display:flex;align-items:end;gap:7px;flex-wrap:wrap}.sz-cart-line-actions input{max-width:75px}.sz-support-panel form{display:grid;gap:14px}.sz-support-panel form label{display:grid;gap:7px}.sz-support-history article{padding:15px 0;border-bottom:1px solid #e2e8f0}.sz-support-history h3{margin:4px 0 7px;font-size:15px}.sz-support-history p{margin:4px 0;color:#64748b;font-size:13px}
/* purchase success / receipt page */
.sz-success-shell{max-width:960px;margin:35px auto 65px}.sz-success-banner{text-align:center;border:1px solid #bbf7d0;border-radius:17px;padding:32px;background:linear-gradient(140deg,#f0fdf4,#fff)}.sz-success-check{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;margin:0 auto 15px;background:#16a34a;color:white;font-size:38px}.sz-success-banner h1{font-size:29px;margin:0 0 9px}.sz-success-banner p{color:#64748b}.sz-success-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:19px;margin-top:20px}.sz-success-grid>section{background:white;padding:23px;border:1px solid #e2e8f0;border-radius:14px}.sz-success-product{display:flex;gap:13px;border-bottom:1px solid #e2e8f0;padding:12px 0}.sz-success-product img{width:65px;height:65px;border-radius:9px;object-fit:cover}.sz-success-product strong{display:block}.sz-success-actions{display:flex;gap:14px;justify-content:center;margin-top:25px;flex-wrap:wrap}
@media(max-width:990px){.sz-slide-admin-grid,.sz-cart-layout,.sz-support-grid{grid-template-columns:1fr}.sz-chat-app{grid-template-columns:215px minmax(0,1fr)}.sz-cart-summary{position:static}}@media(max-width:680px){.sz-chat-app{height:auto;min-height:600px;grid-template-columns:1fr}.sz-chat-list{display:none}.sz-chat-window{min-height:580px}.sz-chat-send{gap:5px}.sz-chat-feed{padding:13px}.sz-chat-bubble{max-width:88%}.sz-success-grid{grid-template-columns:1fr}.sz-cart-line{grid-template-columns:65px minmax(0,1fr)}.sz-cart-line>div:last-child{grid-column:2}.sz-cart-line img{width:65px;height:65px}.sz-slide-items{grid-template-columns:1fr}.sz-pro-panel,.account-layout .account-card{padding:17px}.sz-modal-actions{flex-wrap:wrap}.sz-orders .sz-order-actions form{display:grid;gap:6px}.sz-orders .sz-order-actions form input{width:100%!important}}
.sz-security-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.sz-security-form{display:grid;gap:16px}.sz-security-form label{display:grid;gap:6px}.sz-security-google{display:flex;align-items:center;gap:13px;padding:13px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:18px;flex-wrap:wrap}.sz-security-google p{font-size:12px;color:#64748b;margin:4px 0 0}.sz-security-google-icon{display:grid;place-items:center;font-size:22px;font-weight:750;color:#7c3aed;background:#ede9fe;width:45px;height:45px;border-radius:50%}.sz-security-google .sz-status-pill{margin-left:auto}.sz-security-grid hr{border:0;border-top:1px solid #e2e8f0;margin:24px 0}@media(max-width:760px){.sz-security-grid{grid-template-columns:1fr}}