.auth-body,.checkout-body{background:#f5f0eb;min-height:100vh;color:var(--amal-espresso)}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr)}
.auth-visual{background:linear-gradient(145deg,rgba(34,24,21,.12),rgba(34,24,21,.5)),url('https://images.unsplash.com/photo-1496747611176-843222e1e57c?auto=format&fit=crop&w=1500&q=88') center/cover;position:relative;min-height:100vh}.auth-visual:after{content:'AMAL';position:absolute;left:8%;bottom:5%;font-family:var(--font-display);font-size:clamp(88px,11vw,180px);color:#fff;letter-spacing:.12em;opacity:.72}.auth-main{display:grid;place-items:center;padding:38px}.auth-card{width:min(560px,100%);background:#fff;border:1px solid var(--amal-line);border-radius:28px;padding:clamp(28px,5vw,48px);box-shadow:var(--shadow-soft)}.auth-card .brand{width:max-content;margin:0 auto 30px}.auth-card h1{font-family:var(--font-display);font-size:clamp(44px,5vw,66px);line-height:.95;margin:5px 0 10px}.auth-card>p{color:var(--amal-ink-muted);margin:0 0 24px}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px}.auth-form label>span{font-size:12px;font-weight:700}.auth-form input,.auth-form select{width:100%;min-height:50px;border:1px solid var(--amal-line);border-radius:14px;padding:10px 13px;background:#fcfaf8;outline:none}.auth-form input:focus{border-color:var(--amal-rose);box-shadow:0 0 0 3px rgba(149,90,93,.09)}.auth-form .btn{width:100%;margin-top:5px}.auth-switch{margin-top:18px;text-align:center;font-size:13px;color:var(--amal-ink-muted)}.auth-switch a{color:var(--amal-rose);font-weight:700}.auth-alt{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:14px 0}.auth-alt a{font-size:12px}.login-methods{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 16px}.login-methods button{border:1px solid var(--amal-line);background:#fff;border-radius:12px;padding:11px;cursor:pointer}.login-methods button.is-active{background:var(--amal-espresso);color:#fff;border-color:var(--amal-espresso)}.auth-note{background:#f7efeb;border:1px solid #eadbd5;padding:13px;border-radius:13px;color:#6f5d56;font-size:12px;line-height:1.7}.form-error,.form-success{display:none;border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.6}.form-error.is-showing{display:block;background:#fff0f0;color:#8f3d43;border:1px solid #efc6c8}.form-success.is-showing{display:block;background:#eff7f1;color:#386045;border:1px solid #cce0d1}.back-home{position:absolute;top:24px;right:24px;z-index:3;background:#fff;border-radius:99px;padding:10px 14px;font-size:12px}
.account-shell{background:#f5f0eb;min-height:100vh;padding:34px 0 80px}.account-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.account-layout{display:grid;grid-template-columns:260px 1fr;gap:16px}.account-side,.account-card{background:#fff;border:1px solid var(--amal-line);border-radius:22px;padding:20px}.account-side h3{font-family:var(--font-display);font-size:30px;margin:0 0 3px}.account-side p{color:var(--amal-ink-muted);font-size:12px}.account-nav{display:grid;gap:5px;margin-top:22px}.account-nav a,.account-nav button{border:0;background:transparent;text-align:right;padding:12px 13px;border-radius:12px;cursor:pointer}.account-nav a:hover,.account-nav a.is-active,.account-nav button:hover{background:#f5efeb}.account-content{display:grid;gap:14px}.account-hero{background:linear-gradient(125deg,#8c5356,#2a1d19 75%);color:#fff;border-radius:24px;padding:36px}.account-hero h1{font-family:var(--font-display);font-size:56px;margin:4px 0}.account-hero p{color:#e9d7d2}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.account-card h2,.account-card h3{margin-top:0}.account-card p{color:var(--amal-ink-muted)}.order-list{display:grid;gap:10px}.order-card{border:1px solid var(--amal-line);border-radius:16px;padding:16px}.order-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.order-status{font-size:11px;border-radius:99px;padding:6px 9px;background:#f2e7e3;color:#7f4e50}.order-items-mini{display:flex;gap:6px;flex-wrap:wrap;color:var(--amal-ink-muted);font-size:11px;margin-top:10px}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.security-card{background:#fff;border:1px solid var(--amal-line);border-radius:20px;padding:22px}.security-card form{display:grid;gap:11px}.security-card input{min-height:48px;border:1px solid var(--amal-line);border-radius:12px;padding:9px 12px}
.checkout-shell{padding:38px 0 90px}.checkout-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.checkout-grid{display:grid;grid-template-columns:1fr 420px;gap:20px;align-items:start}.checkout-card{background:#fff;border:1px solid var(--amal-line);border-radius:24px;padding:24px}.checkout-card h1{font-family:var(--font-display);font-size:58px;margin:5px 0 8px}.checkout-card h2{font-size:21px;margin:0 0 16px}.checkout-form{display:grid;gap:14px}.checkout-form .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkout-form label{display:grid;gap:7px}.checkout-form input,.checkout-form select,.checkout-form textarea{min-height:50px;border:1px solid var(--amal-line);border-radius:13px;padding:10px 12px;background:#fcfaf8}.checkout-form textarea{min-height:96px}.payment-options{display:grid;gap:8px}.payment-option{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:10px!important;border:1px solid var(--amal-line);border-radius:14px;padding:13px;cursor:pointer}.payment-option input{width:auto!important;min-height:auto!important;accent-color:var(--amal-rose)}.summary-card{position:sticky;top:22px}.checkout-items{display:grid;gap:12px}.checkout-item{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center}.checkout-item img{width:64px;height:82px;object-fit:cover;border-radius:10px}.checkout-item strong{display:block;font-size:12px}.checkout-item small{color:var(--amal-ink-muted)}.summary-line{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid var(--amal-line)}.summary-line.total{font-size:18px;font-weight:800}.checkout-security{display:grid;gap:8px;margin-top:16px;font-size:11px;color:var(--amal-ink-muted)}.checkout-security span:before{content:'✓';color:#4d7958;margin-left:6px}.success-shell{min-height:100vh;display:grid;place-items:center;background:#f5f0eb;padding:25px}.success-card{width:min(760px,100%);background:#fff;border-radius:28px;padding:clamp(30px,6vw,58px);text-align:center;border:1px solid var(--amal-line)}.success-icon{width:88px;height:88px;border-radius:50%;background:#edf5ef;color:#4f765a;display:grid;place-items:center;font-size:34px;margin:0 auto 20px}.success-card h1{font-family:var(--font-display);font-size:64px;margin:0}.order-code{direction:ltr;background:#2a1d19;color:#fff;border-radius:13px;padding:14px 18px;display:inline-block;margin:12px 0;font-weight:800;letter-spacing:.08em}.track-shell{padding:50px 0 90px}.track-search{max-width:760px;margin:0 auto 24px;background:#fff;border:1px solid var(--amal-line);border-radius:24px;padding:28px}.track-search h1{font-family:var(--font-display);font-size:58px;margin:3px 0 18px}.track-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.track-form input{min-height:48px;border:1px solid var(--amal-line);border-radius:12px;padding:10px}.track-result{max-width:900px;margin:auto}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:24px 0}.timeline-step{text-align:center;position:relative;padding-top:28px;color:#a2938d;font-size:11px}.timeline-step:before{content:'';position:absolute;top:8px;right:50%;width:16px;height:16px;border-radius:50%;background:#ded4cf;transform:translateX(50%);z-index:2}.timeline-step:after{content:'';position:absolute;top:15px;right:50%;width:100%;height:2px;background:#ded4cf}.timeline-step:last-child:after{display:none}.timeline-step.is-active{color:var(--amal-espresso);font-weight:700}.timeline-step.is-active:before,.timeline-step.is-active:after{background:var(--amal-rose)}
@media(max-width:950px){.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.checkout-grid,.account-layout{grid-template-columns:1fr}.summary-card{position:static}.account-grid{grid-template-columns:1fr 1fr}.security-grid{grid-template-columns:1fr}.account-side{order:2}.timeline{grid-template-columns:1fr}.timeline-step{text-align:right;padding:12px 34px 12px 0}.timeline-step:before{top:50%;right:7px;transform:translateY(-50%)}.timeline-step:after{width:2px;height:100%;right:14px;top:50%}}
@media(max-width:620px){.auth-main{padding:18px}.auth-card{padding:26px 20px}.checkout-form .two,.track-form,.account-grid{grid-template-columns:1fr}.checkout-card{padding:18px}.account-top{align-items:flex-start;flex-direction:column}.account-hero h1{font-size:45px}}
.checkout-auth-gate{grid-column:1/-1;max-width:760px;margin:40px auto;text-align:center;padding:48px}.checkout-auth-gate p{color:var(--amal-ink-muted);font-size:15px;line-height:1.9}.checkout-auth-actions{display:flex;justify-content:center;gap:10px;margin:24px 0}.payment-transfer-panel{margin-top:12px;border:1px solid #e1c8c4;background:#fff8f6;border-radius:18px;padding:18px}.payment-transfer-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.payment-transfer-head h3{margin:3px 0 0}.payment-transfer-head>strong{background:var(--amal-espresso);color:#fff;padding:7px 12px;border-radius:99px}.payment-transfer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.payment-transfer-grid>div{background:#fff;border:1px solid var(--amal-line);border-radius:12px;padding:12px;display:grid;gap:5px}.payment-transfer-grid small{color:var(--amal-ink-muted)}.payment-transfer-panel>p{color:var(--amal-ink-muted);font-size:12px;line-height:1.7}.payment-proof-upload{border:1px dashed #c79691;border-radius:14px;padding:14px!important;background:#fff}.payment-proof-upload input{background:#fff!important}.payment-proof-upload small{color:var(--amal-ink-muted)}.proof-preview{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center;margin-top:10px;background:#fff;border-radius:12px;padding:10px}.proof-preview img{width:90px;height:90px;object-fit:cover;border-radius:9px}.proof-preview span{font-size:12px;word-break:break-word}@media(max-width:620px){.checkout-auth-actions{flex-direction:column}.payment-transfer-grid{grid-template-columns:1fr}}