.account-page{background-color:#f8fafc;min-height:100vh;padding-bottom:80px}.account-hero{color:#fff;background:linear-gradient(135deg,#0f40bf 0%,#1e56ed 60%,#3876ff 100%);margin-bottom:32px;padding-top:140px;padding-bottom:46px;box-shadow:0 4px 20px #1e56ed26}.hero-container{justify-content:space-between;align-items:center;gap:30px;display:flex}.user-profile-header{align-items:center;gap:20px;display:flex}.avatar-badge{width:64px;height:64px;color:var(--color-brand-blue);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:900;display:flex;position:relative;box-shadow:0 8px 24px #00000026}.vip-crown-icon{background:#1e293b;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:-2px;right:-2px}.user-greeting-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.user-name{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.8rem;font-weight:800}.badge-vip-tier{color:#ffd166;text-transform:uppercase;letter-spacing:.5px;background:#ffd16633;border:1px solid #ffd166;border-radius:20px;padding:4px 12px;font-size:.78rem;font-weight:800}.user-subtext{color:#fffc;margin:4px 0 0;font-size:.88rem}.rewards-widget-card{backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:24px;padding:18px 24px;display:flex}.rewards-stat{border-right:1px solid #ffffff26;flex-direction:column;padding-right:20px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:#fffc;font-size:.75rem;font-weight:700}.stat-value-row{align-items:baseline;gap:4px;display:flex}.stat-number{color:#fff;font-size:1.8rem;font-weight:900}.stat-unit{color:#ffd166;font-size:.85rem;font-weight:800}.rewards-progress-col{flex-direction:column;gap:6px;width:180px;display:flex}.progress-labels{color:#fff;justify-content:space-between;font-size:.78rem;display:flex}.progress-bar-bg{background:#fff3;border-radius:10px;height:8px;overflow:hidden}.progress-bar-fill{background:#ffd166;border-radius:10px;height:100%;transition:width .4s}.btn-redeem{color:var(--color-brand-blue);cursor:pointer;background:#fff;border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:.85rem;font-weight:800;transition:all .2s;display:flex}.btn-redeem:hover{color:#1e293b;background:#ffd166;transform:translateY(-2px)}.order-success-banner{background:#ecfdf5;border:1.5px solid #a7f3d0;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:18px 22px;display:flex;box-shadow:0 4px 16px #10b9811a}.order-success-banner.hidden{display:none}.alert-icon{color:#10b981;flex-shrink:0}.alert-content{flex:1}.alert-title{color:#065f46;margin:0 0 2px;font-size:1.05rem;font-weight:800}.alert-desc{color:#047857;margin:0;font-size:.86rem}.alert-close{color:#059669;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.dashboard-grid{grid-template-columns:1.7fr 1fr;align-items:flex-start;gap:30px;display:grid}.dashboard-main-col{flex-direction:column;gap:26px;display:flex}.dash-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:26px;box-shadow:0 4px 20px #00000008}.tracker-head-box{margin-bottom:18px}.tracker-title-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.header-live-badge{align-items:center;gap:10px;display:flex}.live-title-text{color:var(--color-text-main);font-size:1.3rem;font-weight:800}.tracker-sub{color:#64748b;margin:0;font-size:.85rem}.live-pulse-dot{background:#10b981;border-radius:50%;width:10px;height:10px;animation:1.8s infinite pulse;box-shadow:0 0 #10b981b3}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.order-id-badge{color:var(--color-brand-blue);background:#1e56ed14;border-radius:12px;padding:6px 14px;font-size:.95rem;font-weight:800}.telemetry-bar{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:12px 18px;display:flex}.telemetry-item{color:#166534;align-items:center;gap:8px;font-size:.85rem;display:flex}.order-stepper-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:24px;padding:20px 16px}.order-stepper{justify-content:space-between;align-items:flex-start;display:flex;position:relative}.stepper-step{text-align:center;z-index:2;flex-direction:column;align-items:center;width:95px;display:flex;position:relative}.step-icon-circle{color:#94a3b8;background:#fff;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:8px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000a}.stepper-step.completed .step-icon-circle{color:#fff;background:#10b981;border-color:#10b981}.stepper-step.active .step-icon-circle{background:var(--color-brand-blue);border-color:var(--color-brand-blue);color:#fff;transform:scale(1.1);box-shadow:0 4px 14px #1e56ed59}.step-meta{flex-direction:column;gap:2px;display:flex}.step-title{color:#1e293b;font-size:.8rem;font-weight:800;line-height:1.2}.step-time{color:#64748b;font-size:.72rem}.stepper-line{z-index:1;background:#e2e8f0;flex:1;height:3px;margin-top:20px;position:relative}.stepper-line.completed{background:#10b981}.active-items-section{margin-bottom:24px}.box-inner-title{color:#334155;margin:0 0 12px;font-size:.95rem;font-weight:800}.active-order-items-grid{flex-direction:column;gap:10px;display:flex}.active-item-card{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:14px!important;justify-content:space-between!important;align-items:center!important;padding:12px 16px!important;transition:all .2s!important;display:flex!important}.active-item-card:hover{border-color:#cbd5e1!important;box-shadow:0 2px 10px #00000008!important}.item-left-meta{align-items:center!important;gap:14px!important;display:flex!important}.item-photo{object-fit:cover!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important;flex-shrink:0!important;width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;max-height:52px!important;display:block!important}.item-text-info{flex-direction:column!important;gap:2px!important;display:flex!important}.item-heading{color:#0f172a!important;margin:0!important;font-size:.95rem!important;font-weight:700!important}.item-qty-tag{color:#64748b!important;font-size:.78rem!important;font-weight:600!important}.item-price-display{color:var(--color-brand-blue)!important;font-size:1.05rem!important;font-weight:800!important}.tracker-footer-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:18px;display:flex}.destination-pill-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.dest-icon{color:var(--color-brand-blue);flex-shrink:0}.dest-details{flex-direction:column;gap:2px;display:flex}.dest-label{color:#94a3b8;text-transform:uppercase;font-size:.75rem;font-weight:700}.dest-address{color:#1e293b;font-size:.9rem;font-weight:700}.tracker-action-buttons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-fast-forward{background:var(--color-brand-blue);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:200px;padding:12px 18px;font-size:.9rem;font-weight:800;transition:all .2s;display:inline-flex}.btn-fast-forward:hover{background:#1641b5;transform:translateY(-2px)}.btn-shop-more{color:#334155;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;justify-content:center;align-items:center;padding:12px 18px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-shop-more:hover{background:#f1f5f9;border-color:#94a3b8}.history-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title{color:var(--color-text-main);margin:0 0 2px;font-size:1.25rem;font-weight:800}.section-sub{color:#64748b;margin:0;font-size:.84rem}.history-count{color:#475569;background:#f1f5f9;border-radius:10px;padding:4px 12px;font-size:.82rem;font-weight:800}.order-history-list{flex-direction:column;gap:16px;display:flex}.history-order-card{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:16px!important;padding:18px 20px!important;transition:all .2s!important}.history-order-card:hover{border-color:#cbd5e1!important;box-shadow:0 4px 16px #0000000a!important}.hist-card-top{border-bottom:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;margin-bottom:12px!important;padding-bottom:10px!important;display:flex!important}.hist-id-group{align-items:center!important;gap:10px!important;display:flex!important}.hist-id{color:var(--color-brand-blue)!important;font-size:1.05rem!important;font-weight:900!important}.hist-badge{text-transform:uppercase!important;letter-spacing:.4px!important;border-radius:8px!important;padding:3px 10px!important;font-size:.74rem!important;font-weight:800!important}.hist-badge.delivered{color:#059669!important;background:#ecfdf5!important}.hist-badge.packing{color:#2563eb!important;background:#eff6ff!important}.hist-badge.in_transit{color:#d97706!important;background:#fffbeb!important}.hist-date{color:#94a3b8!important;font-size:.82rem!important}.hist-items-summary{color:#334155!important;margin-bottom:14px!important;font-size:.88rem!important;line-height:1.4!important}.hist-card-bottom{border-top:1px solid #f8fafc!important;justify-content:space-between!important;align-items:center!important;padding-top:10px!important;display:flex!important}.hist-total-display{align-items:baseline!important;gap:6px!important;display:flex!important}.hist-total-lbl{color:#94a3b8!important;text-transform:uppercase!important;font-size:.78rem!important;font-weight:700!important}.hist-total-num{color:#0f172a!important;font-size:1.15rem!important;font-weight:900!important}.btn-reorder-action{color:var(--color-brand-pink)!important;cursor:pointer!important;background:#ff488e1a!important;border:1.5px solid #ff488e4d!important;border-radius:10px!important;align-items:center!important;gap:6px!important;padding:8px 18px!important;font-size:.88rem!important;font-weight:800!important;transition:all .2s!important;display:inline-flex!important}.btn-reorder-action:hover{background:var(--color-brand-pink)!important;color:#fff!important;border-color:var(--color-brand-pink)!important;transform:translateY(-2px)!important}.dashboard-sidebar{flex-direction:column;gap:24px;display:flex}.secret-drop-card{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-color:#334155;position:relative;overflow:hidden}.secret-tag{color:#ffd166;background:#ffd16626;border:1px solid #ffd16666;border-radius:12px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.secret-title{color:#fff;margin:0 0 6px;font-size:1.15rem;font-weight:800}.secret-desc{color:#cbd5e1;margin:0 0 16px;font-size:.84rem;line-height:1.4}.secret-price-row{justify-content:space-between;align-items:center;display:flex}.secret-price{color:#fff;font-size:1.25rem;font-weight:900}.secret-pint{color:#94a3b8;font-size:.78rem}.btn-add-secret{background:var(--color-brand-pink);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 16px;font-size:.85rem;font-weight:800;transition:transform .2s;box-shadow:0 4px 14px #ff488e66}.btn-add-secret:hover{transform:translateY(-2px)}.side-title{color:var(--color-text-main);margin:0 0 16px;font-size:1.05rem;font-weight:800}.pref-item{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.pref-icon{color:var(--color-brand-blue);margin-top:2px}.pref-text{flex-direction:column;gap:2px;font-size:.82rem;display:flex}.pref-text strong{color:#1e293b}.pref-text span{color:#64748b}.admin-quick-link{border-top:1px solid #f1f5f9;margin-top:18px;padding-top:14px}.btn-admin-switch{color:var(--color-brand-blue);align-items:center;gap:8px;font-size:.84rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-admin-switch:hover{text-decoration:underline}@media (width<=960px){.account-hero{padding-top:110px;padding-bottom:36px}.hero-container{flex-direction:column;align-items:stretch;gap:20px}.rewards-widget-card{width:100%}.dashboard-grid{grid-template-columns:1fr;gap:20px}}@media (width<=640px){.account-page{padding-bottom:50px}.account-hero{margin-bottom:20px;padding-top:96px;padding-bottom:28px}.user-profile-header{gap:14px}.avatar-badge{width:52px;height:52px;font-size:1.2rem}.user-name{font-size:1.35rem;line-height:1.2}.user-subtext{font-size:.8rem}.badge-vip-tier{padding:3px 8px;font-size:.7rem}.rewards-widget-card{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.rewards-stat{border-bottom:1px solid #ffffff26;border-right:none;flex-direction:row;justify-content:space-between;align-items:baseline;padding-bottom:8px;padding-right:0}.stat-number{font-size:1.5rem}.rewards-progress-col{width:100%}.btn-redeem{justify-content:center;width:100%;padding:10px}.dash-card{border-radius:16px;padding:18px 16px}.live-title-text{font-size:1.1rem}.order-id-badge{padding:4px 10px;font-size:.82rem}.telemetry-bar{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:16px;padding:10px 12px}.telemetry-item{word-break:break-word;font-size:.78rem}.order-stepper-box{margin-bottom:18px;padding:14px 8px}.order-stepper{justify-content:space-between;align-items:flex-start;gap:2px;width:100%;display:flex;position:relative;overflow:visible}.stepper-step{text-align:center;flex-direction:column;flex:1;align-items:center;width:auto;min-width:0;display:flex}.step-icon-circle{border-width:1.5px;width:32px;height:32px;margin-bottom:4px}.step-icon-circle svg{width:14px;height:14px}.stepper-line{flex:1;min-width:8px;height:2px;margin-top:15px}.step-title{word-break:break-word;font-size:.65rem;line-height:1.15}.step-time{font-size:.58rem}.active-item-card{gap:10px!important;padding:10px 12px!important}.item-left-meta{flex:1!important;gap:10px!important;min-width:0!important}.item-photo{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important}.item-heading{font-size:.85rem!important;line-height:1.2!important}.item-qty-tag{font-size:.72rem!important}.item-price-display{font-size:.92rem!important}.destination-pill-box{gap:10px;padding:10px 12px}.dest-address{word-break:break-word;font-size:.82rem;line-height:1.3}.tracker-action-buttons{flex-direction:column;gap:8px}.btn-fast-forward,.btn-shop-more{width:100%;min-height:44px;min-width:unset;font-size:.86rem}.history-order-card{padding:14px!important}.hist-card-top{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;margin-bottom:8px!important;padding-bottom:8px!important;display:flex!important}.hist-id{font-size:.95rem!important}.hist-date{font-size:.76rem!important}.hist-items-summary{margin-bottom:10px!important;font-size:.82rem!important}.hist-card-bottom{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;display:flex!important}.hist-total-num{font-size:1.05rem!important}.btn-reorder-action{min-height:38px!important;padding:8px 14px!important;font-size:.82rem!important}.secret-drop-card{padding:18px 16px}.secret-title{font-size:1.05rem}.secret-desc{font-size:.8rem}.secret-price{font-size:1.15rem}.btn-add-secret{padding:8px 14px;font-size:.82rem}}