.tracking-page{padding:55px 0 90px}.tracking-card{max-width:570px;margin:15px auto;padding:42px;border:1px solid var(--border);border-radius:23px;background:var(--card);box-shadow:var(--shadow);text-align:center}.tracking-icon{width:65px;height:65px;display:grid;place-items:center;margin:0 auto 17px;border-radius:18px;background:rgba(109,68,255,.12);color:var(--p);font-size:29px}.tracking-card>span,.tracking-head span,.tracking-panel-title small{color:var(--p);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.tracking-card h1{margin:6px 0;font-size:34px}.tracking-card>p{margin:0 0 23px;color:var(--muted)}.tracking-card form{display:grid;gap:15px;text-align:left}.tracking-card label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:800}.tracking-card input{padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--bg);color:var(--text);font:inherit;outline:0}.tracking-card input:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(109,68,255,.1)}.tracking-card button{width:100%;border:0;cursor:pointer}.tracking-card>small{display:flex;justify-content:center;gap:6px;margin-top:17px;color:var(--muted)}.tracking-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.tracking-head h1{margin:5px 0;font-size:36px}.tracking-head p{margin:0;color:var(--muted)}.tracking-head>a{display:flex;gap:6px;color:var(--muted);font-weight:750;text-decoration:none}.tracking-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.tracking-layout aside{display:grid;gap:18px}.tracking-panel{padding:23px;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}.tracking-panel-title{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:17px;border-bottom:1px solid var(--border)}.tracking-panel-title h2{margin:3px 0 0;font-size:20px}.tracking-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(245,158,11,.13);color:#f59e0b;font-size:11px;font-weight:900;text-transform:uppercase}.status-completed,.payment-paid{background:rgba(16,185,129,.13);color:#10b981}.status-cancelled,.payment-failed,.payment-cancelled{background:rgba(239,68,68,.13);color:#ef4444}.payment-refunded{background:rgba(139,92,246,.13);color:#8b5cf6}.tracking-items{display:grid}.tracking-items>div{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--border)}.tracking-items>div>span{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:var(--bg);color:var(--muted);font-size:11px}.tracking-items p{display:flex;flex-direction:column;margin:0}.tracking-items small{color:var(--muted)}.tracking-totals{display:grid;gap:11px;padding-top:18px}.tracking-totals>div{display:flex;justify-content:space-between;color:var(--muted)}.tracking-totals>div:last-child{padding-top:12px;border-top:1px solid var(--border);color:var(--text);font-size:18px}.tracking-payment{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 10px 10px;text-align:center}.tracking-payment>i{font-size:36px;color:var(--p)}.tracking-payment small{color:var(--muted);overflow-wrap:anywhere}.tracking-help{display:flex;gap:13px}.tracking-help>i{font-size:25px;color:var(--p)}.tracking-help p{margin:4px 0 0;color:var(--muted);font-size:13px}@media(max-width:850px){.tracking-layout{grid-template-columns:1fr}}@media(max-width:600px){.tracking-card{padding:30px 20px}.tracking-head{align-items:flex-start;flex-direction:column}.tracking-head h1{font-size:29px}}
