@import url('/assets/fonts.css');*{box-sizing:border-box}body{margin:0;background:#f4f6fb;color:#17205e;font-family:Gilroy,Arial,sans-serif}a{color:inherit;text-decoration:none}header{background:#293cf4;color:white;display:flex;align-items:center;justify-content:space-between;padding:20px 6%;font-size:14px}header img{width:130px;height:65px;object-fit:contain}main{max-width:1200px;margin:auto;padding:50px 5%}.eyebrow,small{font-size:10px;letter-spacing:1.5px}h1{font-size:clamp(36px,5vw,62px);letter-spacing:-2px;margin:15px 0 30px}h1 span{color:#4bce00}.layout{display:grid;grid-template-columns:1fr 330px;gap:25px}.items,aside,.empty{background:white;border-radius:25px;padding:28px}.items article{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid #e8ecf5}.items article:last-child{border:0}.items article>a{width:140px;flex-shrink:0}.items img{width:100%;height:170px;object-fit:contain}.items h2{font-size:22px;margin:10px 0}.items p{margin:8px 0;font-size:14px}.pending{font-size:11px;color:#7b6228;background:#fff5da;border-radius:15px;padding:6px 10px;display:inline-block}form{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}label{font-size:12px}input{width:60px;padding:9px;border:1px solid #d4dbea;border-radius:10px;font:inherit}button{font:inherit;cursor:pointer;border:0;border-radius:20px;padding:10px 14px;background:#edf0ff;color:#17205e}.remove{background:none;color:#777e96}aside{align-self:start}aside h2{font-size:24px;margin:0 0 20px}aside p{font-size:14px;color:#727c95;line-height:1.6}.subtotal{display:flex;justify-content:space-between;border-block:1px solid #edf0f6;padding:20px 0;font-size:16px}.button{display:inline-block;background:#63ef17;color:#17205e;border-radius:30px;padding:15px 25px;font-weight:bold}.button:disabled{width:100%;background:#e5e9ef;color:#818b9b;cursor:not-allowed}.fine{font-size:12px!important}aside>a{font-size:13px;color:#293cf4}.notice{background:#e4fbd9;padding:15px;border-radius:15px}.error{background:#ffe7e1;padding:15px;border-radius:15px}.empty{padding:45px}.empty h2{font-size:28px}.empty p{color:#737b96}@media(max-width:750px){main{padding:30px 5%}.layout{grid-template-columns:1fr}.items,aside{padding:20px}.items article{gap:15px}.items article>a{width:85px}.items img{height:120px}.items h2{font-size:18px}form{gap:7px}header{padding:15px 5%}header>a:last-child{font-size:12px}}
