#myinvoicewrapper .large-modal{width:600px;max-width:95%}#myinvoicewrapper .form-row{display:flex;gap:20px;margin-bottom:15px}#myinvoicewrapper .form-group.half{flex:1 1}#myinvoicewrapper .rate-wrapper{display:flex;align-items:center;gap:8px}#myinvoicewrapper .currency,#myinvoicewrapper .per-unit{background:#f5f5f5;padding:6px 10px;border:1px solid #ddd;border-radius:4px}#myinvoicewrapper .note{background:#fff5d6;padding:6px 10px;font-size:13px;margin-top:6px;border-radius:4px}#myinvoicewrapper .radio-group{gap:15px;margin:6px 0}#myinvoicewrapper .add-cess{display:block;margin-top:8px;color:#007bff;font-size:13px;text-decoration:none;cursor:pointer}.cess-wrapper{margin-top:10px}.cess-wrapper .rate-wrapper{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cess-wrapper .rate-wrapper input{flex:1 1}.cess-wrapper .per-unit{background:#f5f5f5;padding:6px 10px;border:1px solid #ddd;border-radius:4px}.cess-wrapper .radio-group{display:flex;gap:20px;margin-top:5px}#myinvoicewrapper{padding:30px 30px 20px;background:#fff;margin:20px}#myinvoicewrapper .hender{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #eee;padding-bottom:10px;margin-bottom:20px;gap:15px}#myinvoicewrapper .tabs{display:flex;gap:20px;margin-bottom:1px}#myinvoicewrapper .tab{padding:10px 15px;background:none;border:none;cursor:pointer;font-weight:500;font-size:16px;color:#555;white-space:nowrap}#myinvoicewrapper .tab.active{color:#4f46e5;border-top:3px solid #4f46e5;font-weight:600}#myinvoicewrapper #righti{display:flex;align-items:center;gap:15px}#myinvoicewrapper .tabi{font-size:14px;color:#555}#myinvoicewrapper .create-btn{background:#4f46e5;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px}#myinvoicewrapper .settlement-table th{background:#f9f9f9}.settlement-table{margin-top:6px}#myinvoicewrapper .status-pill{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;color:white}#myinvoicewrapper .status-pill.green{background:#22c55e}#myinvoicewrapper .status-pill.red{background:#ef4444}#myinvoicewrapper .status-pill.orange{background:#f59e0b}#myinvoicewrapper .details-btn{background:none;border:none;color:#4f46e5;cursor:pointer}#myinvoicewrapper .pagination{display:flex;align-items:center;gap:5px}#myinvoicewrapper .pagination select{padding:5px}#myinvoicewrapper .pagination .page{border:1px solid #ddd;background:white;padding:5px 10px;cursor:pointer}#myinvoicewrapper .pagination .page.active{background:#4f46e5;color:white}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}#myinvoicewrapper .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:1050}#myinvoicewrapper .modal-content{background:#fff;width:95%;max-width:600px;max-height:700px;border-radius:8px;overflow:hidden;position:relative;display:flex;flex-direction:column}#myinvoicewrapper .modal-close{position:absolute;top:15px;right:20px;font-size:26px;cursor:pointer;color:#ffffff;height:30px;width:30px;background:#007bff;display:flex;justify-content:center;align-items:center}#myinvoicewrapper .modal-top-tabs{display:flex;overflow-x:auto;border-bottom:1px solid #ddd;background:#f9f9f9}#myinvoicewrapper .top-tab{flex:0 0 auto;padding:10px 20px;border:none;background:transparent;cursor:pointer}#myinvoicewrapper .top-tab.active{border-bottom:3px solid #007bff;font-weight:700;color:#007bff}#myinvoicewrapper .modal-main{padding:20px}#myinvoicewrapper .modal-main label{display:block;margin-top:10px;font-weight:500}#myinvoicewrapper .modal-footer{margin-top:20px;text-align:right}#myinvoicewrapper .next-btn,.submit-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer}#myinvoicewrapper .next-btn{background:#007bff;color:#fefefe}#myinvoicewrapper .submit-btn{background:#007bff;color:#ffffff}#myinvoicewrapper .modal-header{background-color:#007bff;display:block;color:white}#myinvoicewrapper .card-row{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}#myinvoicewrapper .stat-card{flex:1 1;padding:20px;color:#fff;border-radius:6px;text-align:center}#myinvoicewrapper .stat-card.blue{background:#007bff}#myinvoicewrapper .stat-card.red{background:#dc3545}#myinvoicewrapper .stat-card.green{background:#28a745}#myinvoicewrapper .stat-card.orange{background:#fd7e14}#myinvoicewrapper .myfilters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;justify-content:flex-start;align-items:flex-end}#myinvoicewrapper .small-input{width:180px;padding:6px 10px;font-size:14px;height:40px;margin-top:7px}#myinvoicewrapper .filter-buttons{display:flex;gap:6px}#myinvoicewrapper .payment-card{border:1px solid #e8e8e896;border-radius:8px;overflow:hidden;background:#f4f7fe}#myinvoicewrapper .payment-card-header{background:#4f23ff;color:#fff;padding:12px 16px;font-weight:600;display:flex;align-items:center;gap:8px;font-size:1rem}#myinvoicewrapper .payment-card-body{padding:16px;font-size:.95rem;color:#444}#myinvoicewrapper .highlight-box{background:#fff;border:1px solid #cbbdff;border-left:4px solid #4f23ff;padding:12px;margin:16px 0;font-size:.9rem;border-radius:4px}#myinvoicewrapper .footer-box{background:#fff;border-top:2px solid #cbbdff;padding:12px;font-size:.9rem;margin-top:16px}#myinvoicewrapper .enablebot{background:#5c00ff;color:white;border:none;padding:8px 14px;border-radius:4px;margin-right:8px}#myinvoicewrapper .small-modal .modal-footer{display:flex;justify-content:center;gap:1px;margin-top:20px}#myinvoicewrapper .small-modal{max-width:600px;text-align:center}#myinvoicewrapper .yes-btn,.no-btn{padding:8px 16px;margin:0 8px;border:none;border-radius:6px;cursor:pointer}#myinvoicewrapper .yes-btn{background:#007bff;color:white;text-decoration:none}#myinvoicewrapper .no-btn{background:#000000;color:rgb(255,255,255);border:1px solid black}.parent{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:10px}.child1,.child2,.child3{border-right:1px solid blue;padding-right:10px}#myinvoicewrapper .form-group{margin-bottom:14px}#myinvoicewrapper .form-group>label{font-weight:600;margin-bottom:4px;display:block}#myinvoicewrapper .radio-group{display:flex;gap:20px;margin-top:5px}#myinvoicewrapper .radio-group label{font-size:14px;cursor:pointer}#myinvoicewrapper textarea.form-control{resize:none;min-height:60px}#myinvoicewrapper .char-count{display:block;text-align:right;font-size:12px;color:#666}#myinvoicewrapper .optional{font-weight:400;font-size:12px;color:#777}@media (max-width:908px){#myqrcodeprocess{text-align:center;position:relative;background-image:url(/_next/static/media/snow.5560da42.png);background-size:cover;background-repeat:no-repeat;padding:20px 10px;margin:20px;border-radius:3px}#myinvoicewrapper .card-row{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap;flex-direction:column}#myinvoicewrapper .myfilters{display:flex;width:100%;flex-wrap:wrap;gap:10px;margin-bottom:15px;justify-content:flex-start;align-items:flex-end}#myinvoicewrapper .filter-group{width:100%}#myinvoicewrapper{padding:10px;background:#fff;margin:20px;border-radius:3px}#myinvoicewrapper .payment-card{border:1px solid #e8e8e896;border-radius:8px;overflow:hidden;background:#f4f7fe;margin-bottom:10px}#myinvoicewrapper .payment-card-body{padding:6px;font-size:.95rem;color:#444}}@media (max-width:768px){#myinvoicewrapper .hender{flex-direction:column;align-items:flex-start}#myinvoicewrapper .tabs{overflow-x:auto;flex-wrap:nowrap;width:100%}#myinvoicewrapper .tab{flex:0 0 auto}#myinvoicewrapper #righti{flex-wrap:wrap;gap:10px;margin-top:10px}#myinvoicewrapper .small-input{width:100%}#myinvoicewrapper .modal-close{position:absolute;top:10px;right:20px;font-size:26px;cursor:pointer;color:#007bff;height:30px;width:30px;background:white;display:flex;justify-content:center;align-items:center}}#myzapinvoicepay{margin:60px 0 40px;padding-left:10%;padding-right:10%;overflow-x:auto}#myzapinvoicepay .main-wrapper{display:flex;gap:25px;align-items:flex-start}#myzapinvoicepay .invoice-box{flex:1 1;background:#fff;padding:25px 30px;border:1px solid #ddd;box-shadow:0 2px 5px rgba(0,0,0,.1)}#myzapinvoicepay .test-mode{background:#fff6dd;text-align:center;font-size:13px;padding:6px;margin:-25px -30px 20px;border-bottom:1px solid #f0e1a0;font-weight:500;color:#444}#myzapinvoicepay .header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}#myzapinvoicepay .company{display:flex;gap:10px;align-items:flex-start}#myzapinvoicepay .company img{height:28px;margin-top:3px}#myzapinvoicepay .company-details h2{margin:0;font-size:16px;font-weight:700;color:#222}#myzapinvoicepay .company-details p{margin:2px 0;font-size:13px;color:#555}#myzapinvoicepay .logo img{max-height:36px}#myzapinvoicepay .invoice-info{margin:20px 0 15px}#myzapinvoicepay .invoice-info h3{font-size:15px;font-weight:600;margin:0 0 6px;color:#333}#myzapinvoicepay .underline-input{width:250px}#myzapinvoicepay .invoice-info .summary,#myzapinvoicepay .underline-input{border:none;border-bottom:1px solid #ccc;font-size:14px;outline:none;padding:3px 0;background:transparent}#myzapinvoicepay .invoice-info .summary{margin-top:5px;width:100%}#myzapinvoicepay .grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px;margin-top:20px}#myzapinvoicepay .field label{font-size:11px;font-weight:600;color:#666;display:block;margin-bottom:3px}#myzapinvoicepay .field input,#myzapinvoicepay .field select{width:100%;padding:4px 0;font-size:13px;border:none;border-bottom:1px solid #ccc;outline:none;background:transparent}#myzapinvoicepay .field p{font-size:13px;color:#444;margin:4px 0 0}#myzapinvoicepay .note-box{background:#fffbea;border:1px solid #f0d88a;padding:8px 10px;margin-top:6px;font-size:13px;color:#444;border-radius:2px}#myzapinvoicepay .note-box:before{content:"ℹ️ "}#myzapinvoicepay table{width:100%;border-collapse:collapse;margin-top:25px}#myzapinvoicepay table thead{background:#f7f7f7;font-size:12px;text-align:left}#myzapinvoicepay table td,#myzapinvoicepay table th{padding:10px 5px;border-bottom:1px solid #eee}#myzapinvoicepay table input,#myzapinvoicepay table select{border:none;border-bottom:1px solid #ccc;padding:4px 0;width:100%;outline:none;background:transparent;font-size:13px}#myzapinvoicepay .add-line{font-size:13px;color:#1a73e8;cursor:pointer;margin-top:10px;display:inline-block}#myzapinvoicepay .total{text-align:right;font-size:15px;font-weight:600;margin-top:20px;color:#444}#myzapinvoicepay .notes{margin-top:30px}#myzapinvoicepay .notes h4{font-size:12px;color:#666;margin-bottom:4px}#myzapinvoicepay .notes input{width:100%;border:none;border-bottom:1px solid #ccc;padding:5px 0;font-size:13px;outline:none;background:transparent}#myzapinvoicepay .footer{margin-top:40px;padding-top:15px;border-top:1px solid #eee;text-align:center;font-size:12px;color:#555}#myzapinvoicepay .footer h4{margin:0;font-size:13px;font-weight:700;color:#444}#myzapinvoicepay .footer p{margin:3px 0 0;font-size:12px;color:#666}#myzapinvoicepay .custom-select{position:relative;border-bottom:1px solid #ccc;font-size:13px;cursor:pointer}#myzapinvoicepay .select-box{padding:6px 4px;color:#555;border-bottom:1px solid #ccc}#myzapinvoicepay .dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;max-height:200px;display:flex;flex-direction:column;z-index:999}#myzapinvoicepay .dropdown-item{margin-bottom:10px;padding:4px 10px}#myzapinvoicepay .dropdown-items{flex:1 1;overflow-y:auto;max-height:160px}#myzapinvoicepay .dropdown-item:hover{background:#eeeeee}#myzapinvoicepay .create-new{padding:10px;text-align:center;font-weight:600;color:#1a73e8;cursor:pointer;border-top:1px solid #ddd;background:#fff}#myzapinvoicepay .create-new:hover{background:#f0f7ff}#myzapinvoicepay .popup-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1000;justify-content:center;align-items:center}#myzapinvoicepay .popup-overlay.show{display:flex}#myzapinvoicepay .popup-content{background:#fff;padding:20px;border-radius:6px;width:350px;position:relative}#myzapinvoicepay .popup-content h2{margin:0 0 15px;font-size:18px}#myzapinvoicepay .popup-form label{font-size:12px;display:block;margin:6px 0 3px}#myzapinvoicepay .popup-form input{width:100%;padding:6px;border:1px solid #ccc;border-radius:4px;margin-bottom:10px}#myzapinvoicepay .btn-save{width:100%;padding:8px;background:#1a73e8;border:none;color:#fff;border-radius:4px;cursor:pointer}#myzapinvoicepay .btn-save:hover{background:#155fc4}#myzapinvoicepay .close-btn{position:absolute;right:10px;top:10px;cursor:pointer;font-size:16px}#myzapinvoicepay .right-panel{width:260px;background:#fff;border:1px solid #ddd;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:20px;font-size:14px}#myzapinvoicepay .right-panel button{display:block;width:100%;padding:10px;margin-bottom:10px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}#myzapinvoicepay .finalize{background:#7eaafc;color:#fff}#myzapinvoicepay .save{background:#f1f1f1;color:#444}#myzapinvoicepay .delete{background:#fff;border:1px solid #ddd;color:#d9534f}#myzapinvoicepay .settings{margin-top:20px}#myzapinvoicepay .settings h5{font-size:12px;color:#666;margin-bottom:8px;font-weight:600}#myzapinvoicepay .settings label{font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer;color:#444}@media(max-width:900px){#myzapinvoicepay .main-wrapper{flex-direction:column}#myzapinvoicepay .right-panel{width:100%}#myzapinvoicepay .invoice-box{min-width:600px;overflow-x:auto}}#myzapinvoicepay .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:1050}#myzapinvoicepay .modal-content{background:#fff;width:95%;max-width:500px;border-radius:8px;overflow:hidden;position:relative;display:flex;flex-direction:column}#myzapinvoicepay .modal-close{position:absolute;top:15px;right:20px;font-size:26px;cursor:pointer;color:#ffffff;height:30px;width:30px;background:#007bff;display:flex;justify-content:center;align-items:center}#myzapinvoicepay .modal-top-tabs{display:flex;overflow-x:auto;border-bottom:1px solid #ddd;background:#f9f9f9}#myzapinvoicepay .modal-main{padding:20px}.modal-main input,.modal-main select,.modal-main textarea{width:100%;padding:8px;margin-top:5px;border-radius:4px;border:1px solid #ccc}#myzapinvoicepay .modal-main label{display:block;margin-top:10px;font-weight:500}#myzapinvoicepay .modal-footer .submit-btn{padding:8px 14px;background:#007bff;color:white;cursor:pointer;border-radius:6px;transition:.3s}#myzapinvoicepay .form-row{display:flex;gap:20px;margin-bottom:15px}#myzapinvoicepay .form-group.half{flex:1 1}#myzapinvoicepay .rate-wrapper{display:flex;align-items:center;gap:8px}#myzapinvoicepay .currency,#myzapinvoicepay .per-unit{background:#f5f5f5;padding:6px 10px;border:1px solid #ddd;border-radius:4px}#myzapinvoicepay .note{background:#fff5d6;padding:6px 10px;font-size:13px;margin-top:6px;border-radius:4px}#myzapinvoicepay .radio-group{display:flex;gap:15px;margin:6px 0}#myzapinvoicepay .add-cess{display:block;margin-top:8px;color:#007bff;font-size:13px;text-decoration:none;cursor:pointer}#myzapinvoicepay .cess-wrapper{margin-top:10px}#myzapinvoicepay .cess-wrapper .rate-wrapper{display:flex;align-items:center;gap:8px;margin-bottom:8px}#myzapinvoicepay .cess-wrapper .rate-wrapper input{flex:1 1}#myzapinvoicepay .cess-wrapper .per-unit{background:#f5f5f5;padding:6px 10px;border:1px solid #ddd;border-radius:4px}#myzapinvoicepay .cess-wrapper .radio-group{display:flex;gap:20px;margin-top:5px}#myzapinvoicepay .add-billing-btn{font-size:13px;color:blue;background-color:transparent;border:none}#myzapinvoicepay .modal-header{background-color:#007bff;display:block;color:white}#mtpq .field-wrapper{position:relative;width:250px;margin-bottom:20px}#mtpq .label{display:block;margin-bottom:5px;font-weight:700}#mtpq .input-field{width:100%;padding:4px 0;font-size:13px;border:none;border-bottom:1px solid #ccc;outline:none;background:transparent}#mtpq .dropdown-list{position:absolute;top:100%;left:0;right:0;max-height:150px;overflow-y:auto;background:#fff;border:1px solid #ccc;z-index:1000;list-style:none;padding:0;margin:2px 0 0;border-radius:4px}#mtpq .dropdown-item{padding:8px 10px;cursor:pointer}#mtpq .dropdown-item:hover{background-color:#f0f0f0}#mtpq .note-box{margin-top:5px;font-size:12px;color:#555}