.package-tools{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.package-tools .search{background:#fff;border:1px solid var(--l);padding:12px 15px;min-width:380px}.package-tools input{border:0;outline:0;width:90%}.package-tools button,.save{border:0;background:var(--i);color:#fff;padding:12px 18px;border-radius:4px;font-weight:bold;cursor:pointer}.package-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.package-summary article{background:#fff;border:1px solid var(--l);padding:21px;border-radius:7px}.package-summary span{display:block;color:var(--m);font-size:11px}.package-summary b{font-size:30px;display:block;margin-top:9px}.package-list{display:grid;gap:14px}.package-card{background:#fff;border:1px solid var(--l);border-radius:8px;overflow:hidden}.package-main{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:21px}.carrier{width:70px;height:48px;display:grid;place-items:center;border-radius:6px;font-weight:900;font-size:13px}.carrier.fedex{color:#4d148c;background:#f1eafb}.carrier.fedex em{color:#ff6600;font-style:normal}.carrier.ups{color:#ffb500;background:#351c15}.carrier.usps{color:#004b87;background:#e8f2fb}.package-info h3{margin:0 0 5px}.package-info p{margin:0;color:var(--m);font-size:12px}.status{padding:7px 10px;border-radius:20px;background:#eaf1ff;color:#1c54a5;font-size:10px;font-weight:bold}.status.delivered{background:#dcf2e3;color:#18713c}.status.delayed,.status.exception{background:#ffe3df;color:#9c2a20}.arrival{text-align:right}.arrival b,.arrival small{display:block}.arrival small{font-size:10px;color:var(--m);margin-top:4px}.package-actions{border-top:1px solid var(--l);padding:12px 21px;display:flex;justify-content:space-between}.package-actions button,.package-actions a{border:0;background:none;color:inherit;font-size:12px;font-weight:bold;cursor:pointer}.history{display:none;padding:0 21px 22px}.history.open{display:block}.event{position:relative;border-left:2px solid var(--l);padding:0 0 20px 20px;margin-left:7px}.event:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--r);left:-6px;top:3px}.event b,.event small{display:block}.event small{color:var(--m);margin-top:5px}.empty-packages,.loading{text-align:center;background:#fff;border:1px solid var(--l);padding:70px;color:var(--m)}dialog{border:0;border-radius:8px;padding:0;width:min(510px,calc(100% - 30px));box-shadow:0 25px 80px #0004}dialog::backdrop{background:#12131acc}dialog form{padding:27px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{border:0;background:none;font-size:25px}.dialog-head h2{margin:0}dialog label{display:block;font-size:12px;font-weight:bold;margin-top:17px}dialog input,dialog select,dialog textarea{width:100%;padding:12px;border:1px solid var(--l);margin-top:6px;font:inherit}.save{width:100%;margin-top:20px}.form-message{color:var(--r);font-size:12px}@media(max-width:850px){.package-tools{flex-direction:column}.package-tools .search{min-width:0}.package-summary{grid-template-columns:1fr}.package-main{grid-template-columns:auto 1fr}.status,.arrival{grid-column:2;text-align:left}.package-actions{gap:12px;flex-wrap:wrap}}