@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";.tracking-page-v2{min-height:100vh;background:linear-gradient(180deg,#f7f9fc,#eff3f8);color:#0f172a;display:flex;justify-content:center;padding:56px 20px 40px}.tracking-content-wrapper{width:100%;max-width:860px;margin:0 auto}.tracking-hero{text-align:left;margin-bottom:24px}.logo-badge{display:inline-flex;align-items:center;gap:8px;background:#eef4ff;color:#1d4ed8;border:1px solid #cdddff;padding:8px 12px;border-radius:999px;margin-bottom:16px;font-size:.84rem;font-weight:700}.tracking-logo{width:22px;height:22px;object-fit:contain}.tracking-hero h1{font-size:clamp(1.75rem,3vw,2.2rem);font-weight:800;letter-spacing:-.03em;color:#0f172a;margin-bottom:10px;line-height:1.15}.tracking-hero p{max-width:620px;color:#475569;font-size:1rem;line-height:1.58}.modern-search-box{background:#fff;border:1px solid #dbe3ef;border-radius:16px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:18px;box-shadow:0 10px 24px #0f172a14;transition:box-shadow .2s ease,border-color .2s ease}.modern-search-box:focus-within{border-color:#bfdbfe;box-shadow:0 12px 28px #2563eb24}.input-with-icon{display:flex;align-items:center;gap:10px;border:1px solid #dbe3ef;border-radius:12px;padding:0 12px;background:#fff}.search-icon-dim{color:#64748b}.modern-search-box input{border:none!important;background:transparent!important;padding:12px 0!important;font-size:.98rem!important;color:#0f172a!important}.modern-search-box input::placeholder{color:#94a3b8}.modern-search-box input:focus{box-shadow:none!important}.input-with-icon:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.btn-track{border-radius:12px;background:#1d4ed8;color:#fff;padding:0 22px;min-height:46px;font-size:.95rem;font-weight:700;letter-spacing:.01em}.btn-track:hover:not(:disabled){background:#1e40af}.btn-track:focus-visible{outline:3px solid rgba(37,99,235,.3);outline-offset:2px}.btn-track:disabled{opacity:.65;cursor:not-allowed}.modern-error-card{background:#fff1f2;border:1px solid #fecdd3;color:#be123c;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:8px;margin-bottom:16px}.modern-error-card p{font-size:.94rem;font-weight:600}.modern-result-container{margin-top:18px}.result-main-card{background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:26px;box-shadow:0 14px 34px #0f172a17}.result-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.protocol-info label{display:block;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.protocol-info h2{font-size:clamp(1.15rem,2vw,1.5rem);font-weight:800;color:#0f172a;letter-spacing:.03em;word-break:break-word}.status-summary-chip{margin-top:10px;display:inline-flex;align-items:center;background:#f1f5f9;border:1px solid #dbe3ef;border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.03em}.status-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:22px}.timeline-step{border:1px solid #dbe3ef;background:#f8fafc;border-radius:14px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:border-color .2s ease,background .2s ease}.step-icon-container{width:40px;height:40px;border-radius:999px;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center}.timeline-step span{font-size:.79rem;font-weight:700;color:#475569;line-height:1.25}.status-special{display:grid;grid-template-columns:auto 1fr;gap:12px;border-radius:14px;padding:14px;margin-bottom:22px;border:1px solid}.status-special-icon{width:42px;height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center}.status-special-content strong{display:block;font-size:.88rem;margin-bottom:4px}.status-special-content p{color:#475569;font-size:.84rem;margin-bottom:4px}.status-special-content span{display:block;color:#334155;font-size:.82rem;font-weight:600}.status-special-attention{border-color:#fcd9a9;background:#fffaf2}.status-special-attention .status-special-icon{background:#f59e0b;color:#fff}.status-special-attention .status-special-content strong{color:#b45309}.status-special-cancelled{border-color:#fecdd3;background:#fff6f7}.status-special-cancelled .status-special-icon{background:#e11d48;color:#fff}.status-special-cancelled .status-special-content strong{color:#be123c}.timeline-step.completed{border-color:#bfdbfe;background:#eff6ff}.timeline-step.completed .step-icon-container{background:#dbeafe;color:#1d4ed8}.timeline-step.active{border-color:#1d4ed8;background:#eff6ff}.timeline-step.active .step-icon-container{background:#1d4ed8;color:#fff}.result-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.info-item{border:1px solid #dbe3ef;border-radius:14px;padding:12px;background:#fff}.info-item label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;color:#64748b;letter-spacing:.06em;margin-bottom:6px}.info-item p{font-size:.96rem;font-weight:700;color:#0f172a;line-height:1.4}.modern-result-footer{margin-top:12px;color:#475569;font-size:.88rem;padding:0 4px}.tracking-branding-footer{margin-top:30px;padding-top:16px;border-top:1px solid #d3deeb}.tracking-branding-footer p{text-align:center;color:#64748b;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.tracking-branding-footer a{color:#1d4ed8;text-decoration:none}.tracking-branding-footer a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.status-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.tracking-page-v2{padding:24px 14px}.modern-search-box{grid-template-columns:1fr;padding:10px;border-radius:14px}.btn-track{width:100%;min-height:44px}.status-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.status-special{grid-template-columns:1fr;padding:12px;gap:10px}.result-main-card{padding:16px;border-radius:14px}.result-info-grid{grid-template-columns:1fr;gap:10px}.tracking-hero h1{font-size:1.58rem}.tracking-hero p{font-size:.92rem}.protocol-info h2{font-size:1.1rem}.timeline-step{padding:10px 8px;border-radius:12px}.timeline-step span{font-size:.74rem}}:root{--md-sys-color-primary: #2881F6;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: rgba(40, 129, 246, .1);--md-sys-color-on-primary-container: #60a5fa;--md-sys-color-secondary: #64748b;--md-sys-color-on-secondary: #ffffff;--md-sys-color-surface: #0f172a;--md-sys-color-on-surface: #f8fafc;--md-sys-color-on-surface-variant: #94a3b8;--md-sys-color-surface-container-lowest: #020617;--md-sys-color-surface-container-low: #0f172a;--md-sys-color-surface-container: #1e293b;--md-sys-color-surface-container-high: #334155;--md-sys-color-surface-container-highest: #475569;--md-sys-color-outline: #1e293b;--md-sys-color-outline-variant: rgba(255, 255, 255, .06);--md-sys-color-success: #10b981;--md-sys-color-error: #ef4444;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--border-subtle: 1px solid var(--md-sys-color-outline-variant);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--glass-bg: rgba(15, 23, 42, .7);--sovereign-gradient: linear-gradient(135deg, #2881F6 0%, #1e40af 100%)}.tech-grid-bg{background-color:#0f172a;background-image:linear-gradient(rgba(40,129,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(40,129,246,.05) 1px,transparent 1px);background-size:40px 40px;position:relative;overflow:hidden}.tech-grid-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0%,#0f172a 80%);pointer-events:none}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-family:Montserrat,system-ui,-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.font-display{font-family:Montserrat,sans-serif;font-weight:700;color:var(--md-sys-color-on-surface);letter-spacing:-.02em}.surface-0{background-color:var(--md-sys-color-surface)}.surface-1{background-color:var(--md-sys-color-surface-container-low)}.surface-2{background-color:var(--md-sys-color-surface-container-lowest);box-shadow:var(--ambient-shadow)}a{text-decoration:none;color:inherit;transition:color .3s ease}button{font-family:Montserrat,sans-serif;font-weight:600;cursor:pointer;border:none;border-radius:100px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.btn-primary{background:var(--sovereign-gradient);color:var(--md-sys-color-on-primary);padding:.75rem 1.75rem}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #00408533}input,select,textarea{background-color:var(--md-sys-color-surface-container-high);border:2px solid transparent;border-radius:12px;padding:.75rem 1.25rem;font-family:Montserrat,sans-serif;font-size:1rem;color:#fff!important;transition:all .3s ease;width:100%}input:focus,select:focus{background-color:var(--md-sys-color-surface-container-lowest);border-color:var(--md-sys-color-primary);outline:none;box-shadow:0 0 0 3px #2881f61a}input::placeholder,textarea::placeholder{color:#64748b;opacity:1}.glass{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--md-sys-color-outline-variant)}.app-container{display:flex;min-height:100vh}.main-content{flex:1;padding:var(--spacing-8);overflow-y:auto}.main-content.main-content-full{padding:0;overflow-y:visible}.main-content.with-sidebar{margin-left:280px}@media(max-width:768px){.main-content.with-sidebar{margin-left:0}}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.modal-content{background:var(--md-sys-color-surface-container-lowest);width:95%;max-width:600px;max-height:90vh;padding:var(--spacing-8);border-radius:28px;overflow-y:auto;position:relative;box-shadow:var(--ambient-shadow);border:var(--border-subtle)}.modal-content.modal-wide{max-width:800px}.modal-content.modal-extra-wide{max-width:1000px}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-4);margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:var(--border-subtle)}.modal-actions button{min-width:120px;height:48px}.management-list-container{background:var(--md-sys-color-surface-container-low);border-radius:var(--radius-lg);border:var(--border-subtle);overflow:hidden;margin-top:var(--spacing-8)}.list-grid-header{display:grid;grid-template-columns:2fr 1fr 1fr;padding:var(--spacing-4) var(--spacing-6);background:var(--md-sys-color-surface-container);border-bottom:var(--border-subtle);font-size:.75rem;font-weight:800;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.management-item-card{display:grid;grid-template-columns:2fr 1fr 1fr;padding:var(--spacing-6);align-items:center;border-bottom:var(--border-subtle);transition:background .2s}.management-item-card:last-child{border-bottom:none}.management-item-card:hover{background:#ffffff03}.action-buttons-group{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.btn-action{height:36px;padding:0 var(--spacing-4);font-size:.8rem;border-radius:8px}.btn-action.edit{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary)}.btn-action.delete{background:#ef44441a;color:var(--md-sys-color-error)}@media(max-width:768px){.modal-content{padding:var(--spacing-6);border-radius:24px}.list-grid-header{display:none}.management-item-card{grid-template-columns:1fr;gap:var(--spacing-4)}.action-buttons-group{justify-content:flex-start}}