:root{--ink:#111a31;--muted:#667085;--blue:#2463eb;--line:#dfe6f1;--soft:#f3f6fb;--green:#137a4b;--red:#aa2940}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:"DM Sans",sans-serif;color:var(--ink);background:linear-gradient(145deg,#f1f6ff,#fff);line-height:1.5}h1,h2{font-family:"Manrope",sans-serif}.container{width:min(1040px,calc(100% - 30px));margin:auto}header{background:#050505;color:#fff}header>.container{height:82px;display:flex;align-items:center;justify-content:space-between}header img{display:block;width:145px}header nav{display:flex;gap:22px}header nav a{color:#c7cfdd;text-decoration:none;font-weight:800;font-size:.82rem}main{padding:55px 0 80px}.lookup-card,.order-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 55px rgba(21,42,83,.1)}.lookup-card{width:min(640px,100%);margin:40px auto;padding:38px}.lookup-card>span,.order-top>div>span{font-size:.68rem;font-weight:900;letter-spacing:.14em;color:var(--blue)}.lookup-card h1{font-size:2.5rem;margin:8px 0}.lookup-card>p{color:var(--muted)}.lookup-card form{display:grid;gap:14px;margin-top:25px}.lookup-card label{display:grid;gap:6px;font-size:.78rem;font-weight:900}.lookup-card input{width:100%;padding:14px;border:1px solid #cad5e6;border-radius:11px}.lookup-card button,.side-card button{border:0;border-radius:11px;padding:13px;background:var(--blue);color:#fff;font-weight:900;cursor:pointer}.message{margin-top:15px;padding:12px;border-radius:10px;background:#fff0f2;color:var(--red)}.order-card{padding:32px}.order-top{display:flex;justify-content:space-between;align-items:start;gap:25px;padding-bottom:25px;border-bottom:1px solid var(--line)}.order-top h1{margin:6px 0}.order-top p{margin:0;color:var(--muted)}.status-group{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status-group span{padding:7px 10px;border-radius:99px;background:#eef3ff;color:#2759b8;font-size:.7rem;font-weight:900;text-transform:uppercase}.status-group span.pago,.status-group span.entregue{background:#e4f7ec;color:var(--green)}.status-group span.cancelado,.status-group span.reembolsado{background:#fff0f2;color:var(--red)}.order-grid{display:grid;grid-template-columns:1fr 300px;gap:30px;margin-top:27px}.detail-section{margin-bottom:30px}.detail-section h2,.side-card h2{font-size:1.1rem}.timeline{display:grid;gap:14px}.event{position:relative;padding-left:25px}.event:before{content:"";position:absolute;left:3px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #e6eeff}.event:after{content:"";position:absolute;left:7px;top:21px;bottom:-18px;width:1px;background:#d9e2f1}.event:last-child:after{display:none}.event strong,.event small{display:block}.event p{margin:3px 0;color:var(--muted);font-size:.8rem}.event small{color:#8995aa;font-size:.7rem}.order-item{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.order-item small{display:block;color:var(--muted)}.totals{margin-top:14px}.totals>div{display:flex;justify-content:space-between;padding:6px 0}.totals .grand{font-size:1.15rem;padding-top:12px;border-top:1px solid var(--line)}.side-card{padding:20px;margin-bottom:15px;border-radius:16px;background:var(--soft)}.side-card p{color:var(--muted);font-size:.85rem}.side-card strong,.side-card code{display:block}.side-card code{margin:8px 0;padding:10px;border-radius:8px;background:#fff;word-break:break-all}.side-card textarea{width:100%;min-height:105px;padding:9px;border:1px solid #cad5e6;border-radius:9px;resize:none;font-size:.68rem}.side-card button{width:100%;margin-top:8px}.support-button{display:block;padding:13px;border-radius:11px;background:#101d39;color:#fff;text-align:center;text-decoration:none;font-weight:900}.new-search{border:0;background:none;color:var(--blue);font-weight:900;cursor:pointer}footer{padding:26px 0;background:#050505;color:#aeb8ca;text-align:center;font-size:.78rem}@media(max-width:760px){header>.container{height:70px}header img{width:125px}.order-grid{grid-template-columns:1fr}.order-top{display:block}.status-group{justify-content:flex-start;margin-top:17px}.order-card,.lookup-card{padding:22px}.lookup-card h1{font-size:2rem}main{padding-top:25px}}