.tracking-hero{background:linear-gradient(160deg, #4b0082fa 0%, #63189df5 52%, #9370dbeb 100%),linear-gradient(180deg, var(--sf-purple-900), var(--sf-purple-500));color:var(--sf-white);position:relative}.tracking-hero-title{color:var(--sf-white);font-size:var(--sf-font-size-login-hero-title);font-weight:var(--sf-font-weight-bold);letter-spacing:0;margin:0 0 1.5rem;line-height:1.2}.tracking-hero-subtitle{color:var(--sf-white);font-size:var(--sf-font-size-md);margin:0;font-weight:400;line-height:1.6}.tracking-hero .tracking-brand img{width:180px;max-width:100%;height:auto}.tracking-hero-main{max-width:320px}.tracking-hero-symbol{color:#ffffff14;pointer-events:none;font-size:clamp(8rem,12vw,14rem);position:absolute;bottom:2rem;right:2rem}@media screen and (max-width:1024px){.tracking-hero .tracking-brand img{width:140px}.tracking-hero-main{max-width:260px}}
.tracking-icon-wrapper{color:var(--sf-purple-900);background-color:#9370db1f;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:2rem;display:flex}.tracking-form-title{margin-block:.83em;font-size:1.5em;font-weight:700}@media screen and (max-width:480px){.tracking-icon-wrapper{width:48px;height:48px;font-size:1.5rem}}
.tracking-form label{color:var(--sf-text-strong-color);font-size:var(--sf-font-size-form-label);font-weight:var(--sf-font-weight-semibold)}.tracking-code-input{text-transform:uppercase}.tracking-captcha{width:100%;min-height:65px;margin-top:.5rem}.tracking-submit{margin-top:.5rem}.tracking-help a{color:var(--sf-purple-900);font-weight:var(--sf-font-weight-semibold);text-decoration:none}.tracking-help a:hover{color:var(--sf-purple-500);text-decoration:underline}
.tracking-method-card{background-color:var(--sf-surface-color);box-shadow:inset 0 0 0 1px var(--sf-field-border-color);border-radius:var(--sf-radius-md);color:var(--sf-text-muted-color);cursor:pointer;font:inherit;min-height:var(--sf-input-height);border:2px solid #0000;padding:.75rem .5rem;transition:border-color .15s,background-color .15s,color .15s}.tracking-method-card:hover{box-shadow:inset 0 0 0 1px var(--sf-purple-500);color:var(--sf-purple-900)}.tracking-method-card:focus-visible{box-shadow:inset 0 0 0 1px var(--sf-purple-500),var(--focus-ring);outline:none}.tracking-method-card--active{border-color:var(--sf-purple-900);box-shadow:none;background-color:var(--primary-50);color:var(--sf-purple-900)}.tracking-method-card-icon{font-size:1.25rem;line-height:1}.tracking-method-card-label{font-size:var(--sf-font-size-sm);font-weight:var(--sf-font-weight-semibold);text-align:center;line-height:1.2}@media screen and (max-width:480px){.tracking-method-card{padding:.5rem .25rem}.tracking-method-card-label{font-size:var(--sf-font-size-xs)}}
.tracking-results-subtitle{color:var(--sf-text-muted-color);font-size:var(--sf-font-size-sm);margin:0 0 .75rem}.tracking-results-loading{justify-content:center;padding:1.25rem 0;display:flex}.tracking-results-loading .p-progress-spinner{width:32px;height:32px}.tracking-results-loading .p-progress-spinner-circle{stroke:var(--primary-color)!important}.tracking-results-list{flex-direction:column;gap:.5rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.tracking-results-item{border:1px solid var(--sf-field-border-color);border-radius:var(--sf-radius-md);text-align:left;cursor:pointer;background:0 0;flex-direction:column;gap:.35rem;width:100%;padding:.75rem;display:flex}.tracking-results-item:hover{background:var(--primary-50);border-color:var(--sf-purple-500)}.tracking-results-item:focus-visible{outline:var(--focus-ring);outline-offset:2px}.tracking-results-item-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tracking-results-item-meta{color:var(--sf-text-muted-color);font-size:var(--sf-font-size-sm)}.tracking-code-text{color:var(--sf-text-strong-color);font-weight:var(--sf-font-weight-semibold);white-space:nowrap}.tracking-status-tag{color:var(--sf-purple-900);font-size:var(--sf-font-size-sm);font-weight:var(--sf-font-weight-semibold);white-space:nowrap;background:#9370db1f;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .65rem;display:inline-flex}.tracking-status-tag--success{color:#15803d;background:#16a34a1f}.tracking-status-tag--danger{background:color-mix(in srgb, var(--sf-danger-color) 12%, transparent);color:var(--sf-danger-color)}.tracking-results-again{cursor:pointer;color:var(--sf-purple-900);font-size:var(--sf-font-size-sm);font-weight:var(--sf-font-weight-semibold);background:0 0;border:0;align-self:center;padding:0}.tracking-results-again:hover{color:var(--sf-purple-500);text-decoration:underline}.tracking-results-again:focus-visible{outline:var(--focus-ring);outline-offset:2px}
.tracking-page{min-height:100vh}.tracking-form-panel{background-color:var(--sf-surface-color)}.tracking-form-content{width:100%;max-width:540px;padding:2rem 4rem}.tracking-brand-mobile img{max-width:100%;height:auto}.tracking-card{border-radius:var(--sf-radius-lg);box-shadow:none}@media screen and (max-width:1024px){.tracking-form-content{max-width:440px;padding:1.5rem 2rem}}@media screen and (max-width:768px){.tracking-form-content{max-width:600px}}@media screen and (max-width:480px){.tracking-form-content{padding:1rem}.tracking-brand-mobile img{width:150px}}@media screen and (max-width:360px){.tracking-form-content{padding:.75rem}.tracking-brand-mobile img{width:120px}}