.order-status-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:24px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid rgba(8,107,146,.1);max-width:420px;margin:12px 0;font-family:Lato,sans-serif;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:slideInUp .6s ease-out;transform:translateY(0)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.order-status-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#086b92,#0a5a7a);animation:slideInLeft .8s ease-out .2s both}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.status-header{display:flex;align-items:center;gap:14px;margin-bottom:20px;margin-top:8px;animation:fadeInUp .7s ease-out .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 3px 8px #0000001f;flex-shrink:0;animation:bounceIn .8s ease-out .5s both;transition:transform .3s ease}.status-icon:hover{transform:scale(1.1) rotate(5deg)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.status-icon.delivered{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 3px 8px #10b98140}.status-icon.in-transit{background:linear-gradient(135deg,#086b92,#0a5a7a);box-shadow:0 3px 8px #086b9240}.status-icon.processing{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 3px 8px #f59e0b40}.status-title{margin:0;font-size:19px;font-weight:700;color:#1f2937;font-family:Nunito,sans-serif;line-height:1.3;flex:1}.status-message{color:#6b7280;font-size:15px;line-height:1.6;margin-bottom:24px;font-weight:500;animation:fadeInUp .7s ease-out .6s both}.quick-summary{background:#f8fafc;border-radius:8px;padding:16px;margin-bottom:16px;border:1px solid #e2e8f0}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.summary-row:last-child{margin-bottom:0}.summary-label{font-weight:600;color:#374151;font-size:14px}.summary-value{color:#4b5563;font-size:14px;text-align:right;max-width:60%;word-break:break-word}.address-section{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid rgba(8,107,146,.1);position:relative;animation:slideInRight .7s ease-out .7s both;transition:transform .3s ease,box-shadow .3s ease}.address-section:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #086b9226}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-header svg{color:#086b92;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(8,107,146,.2))}.section-title{font-weight:700;color:#1f2937;font-size:15px;font-family:Nunito,sans-serif}.address-content{color:#4b5563;font-size:15px;line-height:1.5;margin-left:0;padding-left:0;font-weight:500}.address-name{font-weight:600;margin-bottom:4px}.address-line{margin-bottom:2px;margin-left:0;padding-left:0}.tracking-section{margin-bottom:16px}.tracking-number{margin-top:8px;margin-left:0;padding-left:0}.tracking-link{color:#086b92;text-decoration:none;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:4px 8px;border-radius:6px;background:#086b921a;border:1px solid rgba(8,107,146,.2);animation:pulse 2s infinite}.tracking-link:hover{color:#0a5a7a;background:#086b9226;border-color:#086b924d;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #086b9233}@keyframes pulse{0%,to{box-shadow:0 0 #086b9233}50%{box-shadow:0 0 0 8px #086b9200}}.tracking-text{color:#4b5563;font-weight:600;font-size:15px}.status-footer{color:#9ca3af;font-size:14px;text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid rgba(8,107,146,.1);font-style:italic;animation:fadeIn .7s ease-out .8s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:480px){.order-status-card{margin:8px;padding:16px}.status-title{font-size:16px}.address-section{padding:12px}}