@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap";body{background-color:#fff;color:#4b1d2b;font-family:Lato,sans-serif;margin:0}.container{padding:18px 16px 22px}.header{display:flex;align-items:center;margin-bottom:18px}.back-button{width:44px;height:44px;background-color:#4b1d2b1a;border-radius:22px;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center}.header-text{margin-left:18px}.header-text h1{font-weight:700;font-size:20px;line-height:1.2;color:#4b1d2b;margin:0}.header-text p{font-weight:500;font-size:13px;line-height:1.23;color:#4b1d2bb3;margin:4px 0 0}.document-details{background:linear-gradient(135deg,#883851,#672a3d);border-radius:26px;padding:20px 18px 14px;color:#fff;margin-bottom:18px}.client-info{display:flex;align-items:flex-start;margin-bottom:14px}.client-icon{width:38px;height:38px;background-color:#ffffff1a;border-radius:19px;display:flex;justify-content:center;align-items:center}.client-text{margin-left:12px;flex:1}.client-text h2{font-weight:700;font-size:16px;line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-text p{font-weight:600;font-size:12px;line-height:1.2;color:#ffffffbf;margin:4px 0 0}.status-badge{padding:6px 10px;background-color:#ffffff1a;border-radius:45px;font-weight:400;font-size:12px;line-height:1.16}.status-paid{background-color:#4caf50;color:#fff}.status-unpaid,.status-pending{background-color:#ffc107;color:#fff}.status-declined{background-color:#f44336;color:#fff}.status-draft{background-color:#9e9e9e;color:#fff}.date-info{display:flex;justify-content:space-between;font-weight:600;font-size:12px;color:#ffffffd9}.items-section{background-color:#f3eef0;border-radius:26px;padding:12px 16px;margin-bottom:18px}.items-header{display:flex;justify-content:space-between;color:#4b1d2bb3;font-size:12px;font-weight:600;padding-bottom:10px;border-bottom:1px solid rgba(75,29,43,.08)}.item-row{display:flex;justify-content:space-between;padding-top:12px}.item-details{flex:6}.item-details h3{color:#4b1d2b;font-size:14px;font-weight:700;margin:0}.item-details p{color:#4b1d2b73;font-size:12px;font-weight:600;margin:3px 0 0}.item-quantity,.item-amount{flex:3;text-align:center;color:#4b1d2b;font-size:13px;font-weight:700}.item-amount{text-align:right}.item-separator{border:0;border-top:.5px solid rgba(75,29,43,.1);margin:12px 0 0}.totals-section{background-color:#8838510f;border-radius:6px;padding:12px;margin-top:12px}.total-row{display:flex;justify-content:space-between;font-size:10px;color:#883851;margin-bottom:8px}.total-row:last-child{margin-bottom:0}.total-row span:last-child{font-weight:700}.total-separator{border:0;border-top:.5px solid rgba(75,29,43,.1);margin:8px 0}.grand-total{font-weight:700}.action-buttons{display:flex;gap:12px}.action-buttons button{flex:1;padding:16px;border-radius:30px;font-weight:700;font-size:14px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px}.primary-button{background:linear-gradient(to left,#883851,#672a3d);color:#fff;border:none}.secondary-button{background-color:transparent;color:#4b1d2b;border:1.2px solid rgba(75,29,43,.25)}