@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}:root{--navy:#1a365d;--green:#02bc87;--green-alpha:rgba(2,188,135,.12);--teal:#009dcd;--gray-100:#f7f8fa;--gray-200:#e8ecf1;--gray-400:#9ca3af;--gray-500:#6b7280;--white:#fff}body{-webkit-font-smoothing:antialiased;color:#1a365d;color:var(--navy);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0}.page,body{background:#fff;background:var(--white)}.page{margin:0 auto;max-width:100%;min-height:100vh}.page-header{gap:12px;padding:16px 20px}.back-btn,.page-header{align-items:center;display:flex}.back-btn{background:none;border:none;cursor:pointer;padding:4px}.back-btn,.page-header h1{color:#1a365d;color:var(--navy)}.page-header h1{font-size:18px;font-weight:700;margin:0}.page-divider{background:#e8ecf1;background:var(--gray-200);height:1px;margin:0 20px}.page-content{padding:24px 20px 0}.info-section{margin-bottom:32px}.info-group{margin-bottom:12px}.info-label{color:#6b7280;color:var(--gray-500);font-size:11px;letter-spacing:.8px;margin-bottom:4px;text-transform:uppercase}.info-label,.info-value{display:block;font-weight:600}.info-value{color:#1a365d;color:var(--navy);font-size:15px}.info-value.partner{color:#009dcd;color:var(--teal);text-transform:capitalize}.updates-section{margin-bottom:0}.section-header{align-items:center;color:#1a365d;color:var(--navy);display:flex;gap:10px;margin-bottom:24px}.section-header svg{color:#6b7280;color:var(--gray-500)}.section-header h2{font-size:16px;font-weight:700;margin:0}.timeline{display:flex;flex-direction:column}.timeline-item{-webkit-animation:fadeSlide .4s ease forwards;animation:fadeSlide .4s ease forwards;display:flex;gap:16px;min-height:64px;opacity:0}.timeline-item:first-child{-webkit-animation-delay:.05s;animation-delay:.05s}.timeline-item:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.timeline-item:nth-child(3){-webkit-animation-delay:.15s;animation-delay:.15s}.timeline-item:nth-child(4){-webkit-animation-delay:.2s;animation-delay:.2s}.timeline-item:nth-child(5){-webkit-animation-delay:.25s;animation-delay:.25s}.timeline-item:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s}.timeline-item:nth-child(7){-webkit-animation-delay:.35s;animation-delay:.35s}.timeline-item:nth-child(8){-webkit-animation-delay:.4s;animation-delay:.4s}.dot-col{align-items:center;display:flex;flex-direction:column;flex-shrink:0;padding-top:4px;width:20px}.dot{background:#e8ecf1;background:var(--gray-200);border:2px solid #9ca3af;border:2px solid var(--gray-400);border-radius:50%;flex-shrink:0;height:10px;position:relative;width:10px;z-index:2}.dot.active{box-shadow:0 0 0 4px rgba(2,188,135,.12);box-shadow:0 0 0 4px var(--green-alpha);height:12px;width:12px}.dot.active,.dot.delivered{background:#02bc87;background:var(--green);border:none}.connector{background:#e8ecf1;background:var(--gray-200);flex:1 1;min-height:20px;width:2px}.item-content{flex:1 1;min-width:0;padding-bottom:24px}.status-text{color:#1a365d;color:var(--navy);font-size:14px;font-weight:500;line-height:1.5;margin:0 0 4px;word-break:break-word}.status-text strong{font-weight:700}.message-text{line-height:1.5;margin:2px 0 4px}.date-text,.message-text{color:#6b7280;color:var(--gray-500);font-size:13px;font-weight:400}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.spinner{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:3px solid #e8ecf1;border-radius:50%;border-top-color:#02bc87;border:3px solid var(--gray-200);border-top-color:var(--green);height:36px;margin-bottom:16px;width:36px}.loading-state p{color:#6b7280;color:var(--gray-500);font-size:14px}.empty-icon{align-items:center;background:#f7f8fa;background:var(--gray-100);border-radius:50%;color:#9ca3af;color:var(--gray-400);display:flex;height:72px;justify-content:center;margin-bottom:16px;width:72px}.empty-state h2{font-size:18px;font-weight:700;margin:0 0 8px}.empty-state p{color:#6b7280;color:var(--gray-500);font-size:14px;line-height:1.6;margin:0;max-width:300px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fadeSlide{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeSlide{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (min-width:768px){body{background:#fff;background:var(--white)}.page{border-radius:0;box-shadow:none;margin:0 auto;max-width:100%}.page-header{padding:24px 80px}.page-header h1{font-size:20px}.page-divider{margin:0 80px}.page-content{padding:28px 80px 40px}.info-value{font-size:16px}.section-header h2{font-size:17px}.status-text{font-size:15px}}@media (min-width:1200px){.page-header{padding:28px 160px}.page-divider{margin:0 160px}.page-content{padding:32px 160px 48px}.status-text{font-size:16px}.date-text{font-size:14px}}@media (min-width:1600px){.page-header{padding:32px 280px}.page-divider{margin:0 280px}.page-content{padding:36px 280px 56px}}