:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#183932;background:#f4f7f5;font-synthesis:none;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-height:100dvh}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit}input,select,textarea{outline-offset:3px}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}.container{width:min(100% - 28px,880px);margin:auto}.masthead{background:#0d342a;color:#fff;box-shadow:0 4px 20px #031b1425}.mast-inner{min-height:80px;display:flex;align-items:center;gap:13px;padding:10px 0}.mast-logo{width:52px;height:52px;object-fit:contain;background:white;border-radius:14px;padding:3px}.mast-info{flex:1;display:grid;gap:1px}.mast-info strong{font-size:19px;letter-spacing:-.04em}.mast-info span{font-size:11px;color:#c3e3d4}.mast-site{font-size:12px;font-weight:700;color:#e1fbec;text-decoration:none;padding:9px 12px;border:1px solid #ffffff35;border-radius:12px}.main-area{padding:28px 0 80px}.card{background:white;border:1px solid #e3ece8;border-radius:22px;box-shadow:0 8px 30px #17493509}.login-card{max-width:510px;margin:30px auto;padding:35px}.eyebrow{font-weight:850;font-size:11px;letter-spacing:.1em;color:#16856d}.login-card h1,.workspace-head h1{font-size:clamp(29px,6vw,42px);letter-spacing:-.055em;line-height:1.15;margin:13px 0}.login-card p,.workspace-head p{color:#697b74;line-height:1.65;font-size:14px;margin:0 0 26px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>label,form>label{font-weight:750;font-size:13px;color:#315449}.field small{font-size:11px;line-height:1.5;color:#6e8379}.field input,.field select,.field textarea,form>input,.password-row input,.searchbar input{border:1px solid #d6e3dc;border-radius:12px;padding:13px 13px;min-height:47px;min-width:0;width:100%;background:#fff;font-size:16px;color:#173e30}.field input:focus,.field select:focus,.password-row input:focus,.searchbar input:focus{border-color:#25a37b;outline:2px solid #b5eed2}.password-row{display:flex;align-items:center;gap:8px;margin:9px 0 18px}.password-row input{flex:1}.icon-btn{min-height:46px;border:1px solid #d5e7de;background:#f1f9f4;border-radius:12px;padding:0 14px;font-size:13px;font-weight:800;color:#1d694d}.button{min-height:45px;padding:11px 17px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;font-weight:790;line-height:1.3;font-size:14px;text-align:center}.button.primary{background:#0a7557;color:white;box-shadow:0 6px 14px #11734d21}.button.primary:hover{background:#075c45}.button.light{background:#eefaf3;border-color:#bfe3cb;color:#175d49}.button.outline{background:#fff;border-color:#c8dcd2;color:#245946}.button.full{width:100%}.button.small{font-size:12px;min-height:39px;padding:9px 12px}.button.big{min-height:56px;font-size:16px}.hint-panel{background:#f1f9f4;padding:16px;border-radius:13px;font-size:12px;line-height:1.7;margin:20px 0;color:#365c4c}.muted{color:#71867b;font-size:12px;line-height:1.6}.workspace-head{display:flex;align-items:center;gap:18px;justify-content:space-between;margin:14px 0 24px}.workspace-head h1{margin:8px 0 6px}.workspace-head p{margin:0}.tab-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#e7efea;padding:6px;border-radius:16px;margin-bottom:16px}.tab{padding:13px;border:0;border-radius:12px;background:transparent;font-weight:750;color:#57796a}.tab.active{background:white;color:#086947;box-shadow:0 3px 10px #0b3b2816}.panel{padding:26px;margin-bottom:14px}.section-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:25px}.step{min-width:36px;height:36px;border-radius:12px;background:#e3f6eb;color:#17764b;font-weight:900;display:grid;place-items:center;font-size:12px}.section-head h2{font-size:22px;line-height:1.2;letter-spacing:-.04em;margin:0 0 5px}.section-head p{font-size:12px;line-height:1.5;color:#7a8d82;margin:0}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field-grid .span{grid-column:1/-1}.number-box{background:#f0faf3;border:1px solid #cce9d7;margin:19px 0 16px;padding:16px;border-radius:14px;display:flex;justify-content:space-between;gap:8px;align-items:center}.number-box>div{display:grid;gap:5px}.number-box strong{font-size:23px;font-weight:880;letter-spacing:-.035em;word-break:break-all}.number-box small{font-size:10px;color:#668e7a}.check-row{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:680;color:#315f4c;margin:10px 0 14px}.check-row input{width:18px;height:18px;accent-color:#12744f}.item-card{border:1px solid #dfece5;background:#fdfefd;border-radius:15px;padding:17px;margin-bottom:13px}.item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.item-top strong{font-size:13px;color:#115c40}.item-remove{background:transparent;border:none;color:#a14a36;font-weight:780;font-size:12px}.item-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.item-grid>.field:first-child{grid-column:1/-1}.item-subtotal{border-top:1px dashed #d0e5d7;padding-top:12px;margin-top:13px;display:flex;justify-content:space-between;gap:7px;font-size:12px;color:#517764}.item-subtotal b{font-size:15px;color:#174c35}.warranty-options{border-top:1px solid #e7eee9;margin-top:13px;padding-top:12px}.warranty-options summary{cursor:pointer;font-size:12px;font-weight:820;color:#257857;list-style-position:inside;padding:4px 0 12px}.warranty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.warranty-grid>.wide{grid-column:1/-1}.warranty-grid label{font-size:11px}.money-summary{display:grid;gap:14px;margin-bottom:22px}.money-summary>div:not(.field){display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.money-summary .total-strong{border-top:1px solid #dce9e1;padding-top:13px;font-weight:850;color:#0a6041;font-size:15px!important}.money-summary .total-strong strong{font-size:23px}.balance{background:#e8f7ef;margin:20px 0 25px;border-radius:16px;padding:18px;display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.balance>span:first-child{font-size:12px;color:#2c6850}.balance>strong{font-size:23px}.chip{padding:6px 10px;border-radius:100px;font-size:11px;font-weight:850;background:#e5f5d9;color:#26713c}.chip.warning{background:#fff0d7;color:#935b22}.submit-panel{padding:20px;margin-bottom:20px;text-align:center}.submit-panel small{display:block;color:#738578;font-size:11px;line-height:1.5;margin-top:13px}.text-btn{background:transparent;border:0;color:#336a51;padding:10px;font-size:12px;font-weight:800;margin-top:10px}.searchbar{display:flex;gap:8px}.searchbar input{flex:1}.history-list{display:grid;gap:11px;margin-top:20px}.history-card{border:1px solid #e0ebe3;background:#fdfefd;border-radius:14px;padding:16px}.history-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.history-top strong{font-size:15px}.history-card p{color:#6d8175;font-size:12px;margin:7px 0}.history-buttons{display:flex;gap:7px;flex-wrap:wrap}.history-buttons .button{min-height:38px;padding:9px 12px;font-size:12px}.toast{background:#123a2e;color:white;padding:13px 17px;border-radius:12px;box-shadow:0 10px 35px #061b1344;position:fixed;top:95px;left:50%;transform:translateX(-50%);z-index:150;max-width:min(90%,450px);font-size:13px;line-height:1.55;min-width:200px;text-align:center}.overlay{position:fixed;inset:0;background:#07180fd1;z-index:50;display:flex;align-items:center;justify-content:center;padding:10px}.receipt-panel{background:#f4f7f4;max-width:670px;max-height:calc(100dvh - 20px);height:auto;width:100%;border-radius:19px;overflow:hidden;display:flex;flex-direction:column}.overlay-head{padding:15px 18px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e3e9e5}.overlay-head>div{display:grid;gap:4px}.overlay-head strong{font-size:15px}.overlay-head small{color:#668274}.close-x{background:#f0f6f2;border:0;border-radius:10px;width:38px;height:38px;font-size:24px;line-height:1;color:#30674b}.receipt-settings{display:flex;align-items:center;justify-content:center;gap:10px;padding:9px}.receipt-settings label{font-size:12px;font-weight:850}.receipt-settings select{padding:8px 12px;border:1px solid #c8dbcf;border-radius:8px}.receipt-scroll{overflow:auto;overscroll-behavior:contain;padding:4px 16px 16px}.receipt{background:white;border:1px solid #e9edeb;box-shadow:0 6px 18px #071f1321;margin:auto;width:335px;max-width:100%;padding:22px 20px;color:#141e18;font-family:Arial,Helvetica,sans-serif;font-size:11px}.receipt.paper-58{width:260px;padding:13px;font-size:10px}.receipt.paper-a5{width:500px;padding:30px;font-size:12px}.receipt-brand{text-align:center;display:grid;justify-items:center;gap:5px}.receipt-brand img{width:92px;height:88px;object-fit:contain}.receipt-brand strong{font-size:10px}.receipt-brand span{font-size:10px}.receipt .dash{border-bottom:1px dashed #777;margin:13px 0}.receipt h2{text-align:center;font-size:14px;margin:10px 0;letter-spacing:.02em}.receipt-meta{display:grid;grid-template-columns:34% 66%;gap:7px 4px;word-break:break-word}.receipt-meta span:nth-child(2n){font-weight:680}.receipt-item-header,.receipt-line{display:grid;grid-template-columns:1fr auto;gap:8px;justify-content:space-between}.receipt-item-header{padding-bottom:9px}.receipt-line{padding:9px 0;border-bottom:1px dashed #ececec}.receipt-line strong{font-weight:800;font-size:11px}.receipt-line small{display:block;font-size:10px;color:#536559;line-height:1.4;margin-top:5px}.receipt-totals>div{display:flex;justify-content:space-between;gap:8px;margin:6px 0}.receipt-totals>div.strong{font-size:13px;font-weight:900;margin-top:11px}.receipt-stamp{border:2px solid #14794e;color:#14794e;padding:9px 12px;margin:18px auto;text-align:center;font-weight:900;letter-spacing:.1em;width:max-content;max-width:100%;border-radius:4px;font-size:15px}.receipt-stamp.pending{border-color:#ad802b;color:#9a691c}.receipt-qr{display:grid;justify-items:center;gap:7px;text-align:center}.receipt-qr canvas{width:170px;height:170px;max-width:100%;image-rendering:pixelated}.receipt-qr strong{font-size:10px}.receipt-qr small{font-size:10px;color:#334238}.receipt-footer{text-align:center;font-size:10px;line-height:1.6;color:#364c3d}.receipt-footer p{font-weight:700}.receipt-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px 14px;background:white;border-top:1px solid #e1e9e3}.receipt-actions .button{font-size:12px;min-height:40px}.receipt-panel>#next-btn{margin:0 14px 12px;width:calc(100% - 28px)}.payment-panel{max-width:410px;width:100%;padding:24px;position:relative}.payment-panel .close-x{position:absolute;right:13px;top:13px}.payment-panel h2{font-size:23px;letter-spacing:-.04em}.payment-panel form{display:grid;gap:15px;margin-top:20px}.payment-panel small{display:block;margin-top:14px;color:#688070}.verification-body{background:#ecf5f0}.verification-shell{width:min(100% - 24px,480px);margin:20px auto 50px}.verify-brand{background:#0b3e30;border-radius:18px 18px 0 0;padding:18px 20px;color:white;display:flex;align-items:center;gap:12px}.verify-brand img{width:58px;height:58px;object-fit:contain;background:white;border-radius:11px}.verify-brand>div{display:grid;gap:5px}.verify-brand strong{font-size:22px}.verify-brand small{font-size:12px;color:#d1e5dc}.verify-card{background:white;border-radius:0 0 18px 18px;padding:23px 21px;box-shadow:0 12px 35px #15462b14}.verify-card h1{font-size:26px;letter-spacing:-.04em;margin:10px 0}.verify-card p{line-height:1.7}.verify-badge{display:inline-block;color:#06794d;background:#e0f7e7;font-size:11px;font-weight:880;border-radius:40px;padding:7px 12px;margin-top:12px}.verify-card h2{font-size:24px;letter-spacing:-.03em;margin:14px 0}.verify-info{display:grid;gap:10px;padding:16px;background:#f3faf5;border-radius:12px;margin-bottom:22px}.verify-info>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.verify-info span{color:#608071}.verify-info b{text-align:right}.verify-card h3{font-size:17px}.warranty-items{display:grid;gap:10px}.warranty-entry{border:1px solid #d7ebdc;border-radius:12px;padding:12px}.warranty-entry strong{font-size:13px}.warranty-entry p{margin:6px 0;font-size:12px}.warranty-policy{border-left:3px solid #1c895e;background:#f1faf4;padding:15px;margin-top:19px;border-radius:7px;font-size:12px;line-height:1.7}.warranty-policy p{margin:8px 0}.verify-links{background:white;border-radius:18px;margin-top:16px;padding:16px 21px}.verify-links h3{margin:4px 0 13px;font-size:16px}.verify-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;background:#f1f8f3;border:1px solid #e0ece3;padding:15px;border-radius:12px;margin-top:9px;font-weight:800;font-size:13px}.verify-link span{color:#117e54}.verify-note{text-align:center;color:#788c81;font-size:11px;line-height:1.6;padding:5px 18px}body.receipt-open{overflow:hidden}
@media(max-width:620px){.mast-inner{min-height:72px}.mast-logo{width:45px;height:45px}.mast-info strong{font-size:17px}.mast-site{font-size:11px}.main-area{padding:19px 0 70px}.login-card{padding:24px 20px;margin:10px auto}.workspace-head{align-items:flex-start}.workspace-head h1{font-size:30px}.workspace-head p{font-size:12px}.panel{padding:19px 15px;border-radius:18px}.field-grid{grid-template-columns:1fr;gap:13px}.item-grid{gap:9px}.warranty-grid{gap:9px}.number-box{padding:13px}.number-box strong{font-size:20px}.balance>strong{font-size:21px}.receipt-scroll{padding:2px 9px 12px}.receipt-panel{max-height:calc(100dvh - 12px)}.overlay{padding:6px}.receipt-settings{padding:8px}.receipt-actions{padding:9px}.receipt-actions .button{padding:9px 6px;font-size:11px}.receipt.panel-58{max-width:100%}}
@media(max-width:360px){.container{width:calc(100% - 20px)}.item-grid{grid-template-columns:1fr}.warranty-grid{grid-template-columns:1fr}.warranty-grid>.wide{grid-column:auto}.mast-site{padding:8px}.receipt{padding:16px 12px}.section-head h2{font-size:20px}}
@media print{@page{size:auto;margin:3mm}body{background:white!important}.masthead,.main-area,.toast,.overlay-head,.receipt-settings,.receipt-actions,#next-btn,.payment-panel{display:none!important}.overlay{display:block!important;position:static!important;padding:0!important;background:white!important}.receipt-panel,.receipt-scroll{display:block!important;position:static!important;overflow:visible!important;max-height:none!important;height:auto!important;width:100%!important;border:0!important;border-radius:0!important;background:white!important;padding:0!important}.receipt{box-shadow:none!important;margin:0 auto;border:0!important}.receipt.paper-80{width:80mm!important;max-width:80mm!important}.receipt.paper-58{width:58mm!important;max-width:58mm!important}.receipt.paper-a5{width:145mm!important;max-width:145mm!important}.receipt-qr canvas{print-color-adjust:exact;-webkit-print-color-adjust:exact}.receipt-stamp{print-color-adjust:exact;-webkit-print-color-adjust:exact}}