:root{--primary:#ff4fa0;--primary-light:#ff85bf;--gold:#d4a03a;--bg:#f9f9f9;--card:#fff;--text:#1f1f1f;--light:#f7f7f7;--border:#ededed;--success:#2ec4b6;--warning:#ff9f1c}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background:var(--bg);color:var(--text);padding-bottom:80px;overflow-x:hidden}.skeleton-line,.skeleton-media{background:linear-gradient(90deg,#eee 0%,#fff 42%,#eee 78%) 0 0/220% 100%;border-radius:10px;animation:1.35s ease-in-out infinite skeleton-shimmer;display:block}.skeleton-line{width:100%;height:12px}.skeleton-line.short{width:44%}.skeleton-line.medium{width:68%}.skeleton-line.title{height:42px}.skeleton-line.badge{border-radius:999px;width:92px;height:24px}.skeleton-line.action{border-radius:12px;height:40px}.skeleton-media{flex:none;width:75px;height:75px}.skeleton-order-card .meta-left{gap:8px;width:52%;display:grid}.skeleton-track{gap:10px;display:grid}@keyframes skeleton-shimmer{to{background-position:-220% 0}}@media (prefers-reduced-motion:reduce){.skeleton-line,.skeleton-media{animation:none}}.top-bar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;padding:15px;position:sticky;top:0;box-shadow:0 2px 12px #0000000d}.logo-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.logo-section{background:linear-gradient(135deg,#ffffffeb,#ff4fa00b);border:1px solid #d4a03a47;border-radius:999px;align-items:center;gap:8px;width:max-content;padding:5px 9px 5px 6px;display:flex;box-shadow:0 4px 14px #1917330b}.logo-img{object-fit:cover;border-radius:50%;width:48px;height:48px}.logo{font-size:24px;font-weight:700}.gold{color:var(--gold)}.pink{color:var(--primary)}.orders-header-row{justify-content:space-between;align-items:center;margin-top:5px;display:flex}.page-title{font-size:20px;font-weight:700}.history-select{border:1px solid var(--border);background:var(--light);color:#555;border-radius:20px;outline:none;padding:8px 12px;font-size:13px;font-weight:500}.orders-container{max-width:800px;margin:0 auto;padding:15px}.tabs-container{border:1px solid var(--border);background:#fff;border-radius:16px;margin-bottom:20px;padding:6px;display:flex;box-shadow:0 4px 10px #00000005}.tab-btn{color:#777;cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .3s}.tab-btn.active{background:var(--primary);color:#fff}.order-card{background:var(--card);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:14px;margin-bottom:16px;padding:16px;display:flex;box-shadow:0 4px 15px #0000000a}.order-meta-info{border-bottom:1px solid var(--light);justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.meta-left h4{color:#222;font-size:14px;font-weight:600}.meta-left p{color:#888;margin-top:2px;font-size:11px}.status-badge{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700}.status-badge.transit{color:var(--warning);background:#fff4e5}.status-badge.delivered{color:var(--success);background:#e6f9f7}.order-item-details{gap:14px;display:flex}.order-item-details img{object-fit:cover;background:var(--light);border-radius:14px;width:75px;height:75px}.item-text{flex:1}.item-text h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.item-meta-row{color:#777;margin-top:4px;font-size:12px}.item-price{color:var(--primary);margin-top:6px;font-size:15px;font-weight:700}.tracking-wrapper{background:var(--light);border-radius:14px;margin:4px 0;padding:14px}.tracking-progressbar{justify-content:space-between;margin-bottom:6px;display:flex;position:relative}.tracking-progressbar:before{content:"";z-index:1;background:#ddd;height:3px;position:absolute;top:8px;left:10px;right:10px}.progress-line-fill{background:var(--primary);z-index:2;height:3px;transition:width .5s;position:absolute;top:8px;left:10px}.step-dot{z-index:3;background:#ddd;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #ddd}.step-dot.done{background:var(--primary);box-shadow:0 0 0 1px var(--primary)}.tracking-labels{justify-content:space-between;display:flex}.tracking-labels span{color:#888;text-align:center;flex:1;font-size:10px;font-weight:500}.tracking-labels span.current{color:var(--primary);font-weight:600}.action-buttons-row{gap:10px;margin-top:4px;display:flex}.btn-action{cursor:pointer;text-align:center;border:none;border-radius:12px;flex:1;padding:10px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:all .3s}.btn-action.btn-secondary{background:var(--light);color:#444;border:1px solid var(--border)}.btn-action.btn-secondary:hover{background:#ededed}.btn-action.btn-main{background:var(--primary);color:#fff}.btn-action.btn-main:hover{background:#ff3b92}.bottom-nav{z-index:9999;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;justify-content:space-around;align-items:center;width:100%;padding:4px 0;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -3px 12px #0000000f}.bottom-nav .nav-item{color:#666;cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:2px;width:25%;padding:4px 0;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;transition:color .2s,transform .1s;display:flex}.bottom-nav .nav-item.active{font-weight:600;color:#ff1493!important}.nav-icon{font-size:16px}.bottom-nav .nav-item:active{transform:scale(.95)}@media (width>=601px){.top-bar{padding:15px 40px}.logo-row,.orders-header-row{max-width:800px;margin-left:auto;margin-right:auto}.logo{font-size:28px}.page-title{font-size:24px}.order-card{padding:20px}.order-item-details img,.skeleton-media{width:90px;height:90px}.item-text h3{font-size:16px}.tracking-labels span{font-size:11px}}