.tracuu-wrapper{background:linear-gradient(135deg,#fff0f5 0%,#fce4ec 60%,#fff0f5 100%);padding:20px 16px 36px}.tracuu-card{max-width:760px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(233,30,99,.09);padding:20px 24px 18px}.tracuu-icon{width:40px;height:40px;background:linear-gradient(135deg,#f48fb1,#e91e63);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:18px;animation:iconPulse 2.4s ease-in-out infinite}.tracuu-title{font-size:1.1rem;font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:2px}.tracuu-sub{color:#888;font-size:.82rem;text-align:center;margin-bottom:14px}.tracuu-input-group{display:flex;gap:8px}.tracuu-input-container{position:relative;flex:1;display:flex;align-items:center}.tracuu-input{flex:1;width:100%;padding:11px 36px 11px 14px;border:2px solid #f48fb1 !important;background:#fff !important;border-radius:10px;font-size:.95rem;outline:none;transition:background .2s,color .2s,border-color .2s,transform .2s;color:#1a1a2e !important}.tracuu-input:focus{border-color:#e91e63 !important;box-shadow:0 0 0 3px rgba(233,30,99,.12) !important}.tracuu-input::placeholder{color:#94a3b8 !important}.clear-input-btn{position:absolute;right:12px;font-size:18px;color:#94a3b8;cursor:pointer;display:none;user-select:none;transition:color .15s;line-height:1}.clear-input-btn:hover{color:#e91e63}.tracuu-btn{padding:11px 20px;background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .15s}.tracuu-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(233,30,99,.3)}.tracuu-btn:active{transform:none}.tracuu-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.recent-searches{margin-top:12px;text-align:left}.recent-title{font-size:.72rem;font-weight:600;color:#64748b;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.recent-tags{display:flex;flex-wrap:wrap;gap:6px}.recent-tag{font-size:.78rem;background:#f8fafc;color:#475569;padding:4px 11px;border-radius:20px;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;border:1px solid #e2e8f0;font-weight:600;display:inline-flex;align-items:center;gap:5px}.recent-tag:hover{background:#fff0f5;border-color:#fbcfe8;color:#db2777}.recent-tag-delete{color:#94a3b8;font-size:12px;transition:color .15s}.recent-tag-delete:hover{color:#ef4444}#tracuu-result{margin-top:24px}.order-card{background:#fff;border:1.5px solid #fce4ec;border-radius:14px;padding:16px 16px 14px;margin-bottom:14px;box-shadow:0 2px 10px rgba(233,30,99,.06);animation:fadeInUp .3s cubic-bezier(.22,.68,0,1.2) both}@keyframes fadeInUp{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.order-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:6px}.order-code{font-size:.78rem;font-weight:700;color:#e91e63;background:#fff0f5;padding:3px 10px;border-radius:20px;letter-spacing:.5px}.order-status-badge{font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:20px}.order-status-badge.init{background:#fff8e1;color:#f57f17}.order-status-badge.shipping{background:#e3f2fd;color:#1565c0}.order-status-badge.done{background:#e8f5e9;color:#2e7d32}.order-status-badge.cancelled{background:#fce4ec;color:#c62828}.order-info{margin-bottom:10px}.order-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.oi-col{min-width:0}.order-info-row{display:flex;gap:7px;align-items:flex-start;font-size:.85rem;color:#444;margin-bottom:5px}.order-info-row .oi-icon{min-width:18px;font-size:.85rem}.order-info-row .oi-val{flex:1}.order-info-row .oi-val strong{color:#1a1a2e}.order-divider{border:none;border-top:1.5px dashed #fce4ec;margin:12px 0}.ck-block-tracuu{background:linear-gradient(135deg,#fff0f6,#fff5f9);border:1.5px solid rgba(248,14,99,.18);border-radius:12px;padding:14px 12px 12px;margin:12px 0 8px;text-align:center}.ck-block-title{font-size:12px;font-weight:800;color:#f80e63;margin-bottom:4px}.ck-block-hint{font-size:11px;color:#64748b;margin-bottom:2px;line-height:1.4}.ck-qr-col{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:10px}.ck-qr-wrap{display:flex;align-items:center;justify-content:center;min-height:80px}.ck-qr-img{width:200px;height:auto;border-radius:10px;background:#fff;padding:6px;box-shadow:0 3px 12px rgba(0,0,0,.08);display:block}.ck-qr-download{display:inline-flex;align-items:center;gap:5px;padding:5px 16px;border:1.5px solid #f80e63;border-radius:20px;background:transparent;color:#f80e63;font-size:11px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}.ck-qr-download:hover{background:#f80e63;color:#fff}.ck-bank-info{background:#fff;border:1px solid #fce4ec;border-radius:8px;padding:6px 10px;text-align:left}.ck-bank-row{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:3px 8px;padding:4px 0;border-bottom:1px solid #fef2f2}.ck-bank-row:last-child{border-bottom:none}.ck-bank-label{font-size:11px;font-weight:600;color:#64748b;white-space:nowrap}.ck-bank-val{font-size:12px;font-weight:700;color:#1a1a2e;word-break:break-all}.ck-bank-val.highlight{color:#f80e63}.ck-amount-row{background:#fff5f8;border-radius:6px;margin:2px -4px;padding:5px 4px !important;border-bottom:1px solid rgba(248,14,99,.15) !important}.ck-amount-val{font-size:15px !important;font-weight:900 !important;color:#f80e63 !important;letter-spacing:-.3px}.ck-copy-btn{padding:2px 8px;border:1px solid #f80e63;border-radius:4px;background:transparent;color:#f80e63;font-size:10px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s;flex-shrink:0}.ck-copy-btn:hover{background:#f80e63;color:#fff}.ck-success-note{font-size:11px;color:#059669;font-weight:600;margin-top:8px;line-height:1.4}.qr-skeleton{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0}.timeline-label{font-size:.76rem;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline::before{content:'';position:absolute;left:9px;top:4px;bottom:4px;width:2px;background:#fce4ec}.timeline li{display:flex;gap:12px;align-items:flex-start;padding:0 0 12px;position:relative;animation:slideInLeft .3s ease both}.timeline li:nth-child(1){animation-delay:.05s}.timeline li:nth-child(2){animation-delay:.1s}.timeline li:nth-child(3){animation-delay:.15s}.timeline li:nth-child(4){animation-delay:.2s}.timeline li:last-child{padding-bottom:0}.tl-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0;margin-top:1px;z-index:2}.tl-dot.current{background:#e91e63;border:3px solid #fff;box-shadow:0 0 0 2px #f48fb1}.tl-dot.done{background:#f48fb1;border:3px solid #fff;box-shadow:0 0 0 2px #fce4ec}.tl-dot.pending{background:#e0e0e0;border:3px solid #fff;box-shadow:0 0 0 2px #f5f5f5}.tl-content{flex:1}.tl-status{font-size:.85rem;font-weight:600;color:#1a1a2e}.tl-time{font-size:.74rem;color:#aaa;margin-top:1px}.tracuu-empty{text-align:center;padding:24px 0 8px;color:#aaa;font-size:.9rem}.tracuu-empty .em-icon{font-size:40px;margin-bottom:10px;display:block;animation:bounceIn .5s cubic-bezier(.22,.68,0,1.2) both}.tracuu-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 0;color:#e91e63;font-size:.9rem}.spin{width:20px;height:20px;border:3px solid #fce4ec;border-top-color:#e91e63;border-radius:50%;animation:spin .7s linear infinite}.tracuu-footer-link{display:block;width:100%;text-align:center;margin-top:14px;padding:11px;background:#f8fafc;color:#475569 !important;border:1px solid #cbd5e1;border-radius:10px;font-weight:600;font-size:.88rem;text-decoration:none !important;transition:background .2s,color .2s,border-color .2s,transform .2s}.tracuu-footer-link:hover{background:#fff0f5;border-color:#fbcfe8;color:#db2777 !important}@keyframes iconPulse{0%,100%{box-shadow:0 0 0 0 rgba(233,30,99,.35)}50%{box-shadow:0 0 0 10px rgba(233,30,99,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.5) rotate(-8deg)}60%{opacity:1;transform:scale(1.15) rotate(4deg)}100%{transform:scale(1) rotate(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@media(min-width:600px){.ck-block-tracuu{padding:16px}.ck-qr-col{flex-direction:row;align-items:flex-start;gap:20px;margin-bottom:0}.ck-qr-side{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.ck-qr-wrap{min-height:auto}.ck-qr-img{width:180px}.ck-bank-info{flex:1}}@media(max-width:480px){.tracuu-wrapper{padding:20px 12px 36px}.tracuu-card{padding:14px 12px 14px;border-radius:14px}.tracuu-input-group{flex-direction:column;gap:7px}.tracuu-btn{width:100%;padding:11px}.tracuu-input-container{width:100%}.ck-qr-img{width:180px}}