:root{--ink:#212a26;--muted:#838780;--green:#173e30;--line:#e8e9e4}*{box-sizing:border-box}body{margin:0;background:#f8f8f5;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}header{height:100px;max-width:1200px;padding:0 48px;margin:auto;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;background:white;border-radius:5px;padding:5px 8px}.brand img{width:150px;height:auto;display:block}.header-note{font-size:11px;color:#7e837d;letter-spacing:.3px}main{padding:36px 20px 60px;min-height:calc(100vh - 160px);display:flex;justify-content:center;align-items:flex-start}.workspace{width:100%;max-width:540px;background:white;border:1px solid #eee;border-radius:24px;padding:34px 48px 28px;box-shadow:0 16px 60px #263a2110}.steps{display:flex;align-items:center;gap:12px;margin-bottom:46px;font-size:10px;color:#a2a59f}.steps>div{display:flex;gap:7px;align-items:center;white-space:nowrap}.steps>span{height:1px;flex:1;background:var(--line)}.steps b{font-size:9px;display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--line);border-radius:50%;font-weight:400}.steps .active{color:var(--green)}.steps .active b{background:var(--green);border-color:var(--green);color:white}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:44px;letter-spacing:-1.9px;text-align:center;margin:0 0 12px}h2{font:400 32px Georgia,serif;letter-spacing:-.8px;margin:0 0 12px}.muted{color:var(--muted);font-size:12px;line-height:1.6}.lead{text-align:center;margin:0}.scan-panel{text-align:center;padding:32px 0 0}.scan-icon{display:block;width:80px;height:80px;margin:0 auto 33px;color:#4c6558}button{font:500 12px Arial,sans-serif;border:0;border-radius:10px;padding:16px 18px;cursor:pointer;transition:background .15s,transform .15s}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--green);color:white}.primary:hover{background:#24523e}.scan-panel .primary{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left}.scan-panel .primary span{font-size:19px;line-height:12px}.camera-note{font-size:10px;color:#999e96;margin:12px 0 26px}.secondary{background:#f0f2ec;color:var(--ink)}.manual{border-top:1px solid var(--line);padding-top:21px}.manual summary{text-align:center;color:#777e74;font-size:11px;cursor:pointer;list-style:none;padding:0 0 6px}.manual summary::-webkit-details-marker{display:none}.manual summary:after{content:' +';margin-left:6px}.manual[open] summary:after{content:' −'}.manual form{padding-top:17px}label{display:block;font-size:11px;font-weight:500}input,textarea{display:block;width:100%;margin-top:8px;padding:13px 12px;border:1px solid #e1e5dc;border-radius:8px;background:#fcfcfa;color:var(--ink);font:13px Arial,sans-serif}textarea{resize:vertical;min-height:72px}input:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #7a9d85;outline-offset:3px}.inline{display:flex;gap:8px;align-items:end}.inline input{min-width:0;flex:1}.full{width:100%;margin-top:22px}.product{display:grid;grid-template-columns:64px 1fr auto;gap:12px;border-bottom:1px solid var(--line);padding:20px 0}.product img{width:64px;height:78px;object-fit:contain;background:#f7f8f4;border-radius:6px}.product h3{font-size:13px;margin:0 0 6px}.product p{font-size:10px;line-height:1.6;margin:2px 0;color:var(--muted)}.product button{align-self:start;padding:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.wide{grid-column:1/-1}small{font-size:10px;font-weight:400;color:var(--muted)}#prices{display:grid;gap:15px}.upload{border:1px dashed #d5dbd0;border-radius:10px;padding:18px;margin:22px 0}.upload small{display:block;margin-top:7px}.upload input{font-size:10px;border:0;padding:5px 0}.consent{display:flex;gap:8px;align-items:start;font-size:10px;line-height:1.7;color:#7b8176}.consent input{width:14px;flex-shrink:0;margin:2px 0}.actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:25px 0 8px}#message{font-size:11px;line-height:1.6;margin:16px 0 0;color:#56745b}#message:empty{display:none}.error{color:#b43e35!important}footer{text-align:center;font-size:10px;color:#a0a49c;padding:0 20px 25px;letter-spacing:1.5px}dialog{width:92%;max-width:500px;border:1px solid var(--line);border-radius:16px;padding:24px;color:var(--ink)}dialog::backdrop{background:#17271ee6}dialog .actions{margin:0 0 20px}dialog h3{font-size:15px}dialog p{font-size:12px;color:var(--muted)}video{width:100%;background:#16271f;border-radius:9px}.success-icon{font-size:42px;color:var(--green);margin-bottom:22px}#success{padding:20px 0;text-align:center}#success h3{overflow-wrap:anywhere;font-size:14px}#success p{font-size:12px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:600px){header{height:80px;padding:0 23px}.brand img{width:125px}.header-note{font-size:10px}main{padding:20px 16px 40px;min-height:calc(100svh - 125px)}.workspace{padding:28px 24px 25px;border-radius:20px}.steps{margin-bottom:38px;gap:8px}h1{font-size:39px}.scan-panel{padding-top:30px}.form-grid{gap:16px 12px}.actions button{font-size:11px;padding:15px 12px}}
.bill-actions{display:flex;gap:10px;margin-top:15px}.bill-button{position:relative;overflow:hidden;display:inline-block;background:#f0f2ec;padding:12px 16px;border-radius:8px;cursor:pointer;font-size:11px}.bill-button input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0;padding:0;width:100%;height:100%}.bill-button:focus-within{outline:2px solid #7a9d85;outline-offset:2px}#bill-status:empty{display:none}#bill-status{overflow-wrap:anywhere;margin-bottom:0}
.bill-thumbnail{display:block;max-width:100%;max-height:180px;margin-top:12px;border:1px solid var(--line);border-radius:8px;object-fit:contain}.bill-camera-dialog video{max-height:55vh;object-fit:contain}.bill-camera-dialog [data-status]{min-height:32px}
.bill-actions{flex-wrap:wrap}.bill-actions button{font-size:11px;padding:11px 13px}.bill-editor{max-width:680px}.bill-editor canvas{display:block;max-width:100%;max-height:55vh;width:auto;height:auto;margin:auto;touch-action:none;cursor:crosshair}.bill-editor [data-error]{color:#b43e35}
.bill-photo-box{position:relative;margin-top:14px;padding:36px 12px 12px;background:#f1f3ee;border-radius:10px;min-height:46px}.bill-photo-box canvas{display:block;max-width:100%;max-height:440px;width:auto;height:auto;margin:auto;touch-action:none;cursor:crosshair}.photo-tools{position:absolute;right:5px;top:3px;display:flex;gap:4px}.photo-tools button{width:30px;height:30px;padding:0;background:white;box-shadow:0 1px 5px #0002;border-radius:50%;font-size:20px;color:#244b37}.photo-tools [data-delete]{color:#a33b32}.purchase-calendar{max-width:340px;padding:20px}.calendar-head,.calendar-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.calendar-head strong{font-size:15px}.calendar-head button,.calendar-foot button{background:#f2f4ed;color:#244b37;padding:10px 14px}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.calendar-week{font-size:10px;color:#7b8477;margin:20px 0 8px}.calendar-days button{padding:10px 0;background:white;color:#254732;font-size:12px}.calendar-days button:hover{background:#eaf0e5}.calendar-days button.today{background:#173e30;color:white}.calendar-days button:disabled{opacity:.25;cursor:default}.calendar-foot{margin-top:18px}.calendar-foot button{font-size:11px}
body.language-pending main,body.language-pending footer{visibility:hidden}#language-picker{max-width:540px;width:calc(100% - 32px);padding:32px;border-radius:20px;max-height:90svh;overflow:auto;text-align:center}#language-picker::backdrop{background:#f7f8f4f5}#language-picker img{width:148px;display:block;margin:0 auto 30px}#language-picker h1{font:400 28px Georgia,serif;letter-spacing:-.5px;margin:0 0 10px}#language-picker p{font-size:14px;color:#75816f;margin-bottom:25px}.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.language-grid button{border:1px solid #e0e6db;background:white;color:#244331;font-size:16px;padding:15px 10px;font-family:system-ui,sans-serif;min-height:52px}.language-grid button:hover,.language-grid button:focus{background:#edf3e7;border-color:#709c77}#change-language{font-family:system-ui,sans-serif;font-size:12px;background:transparent;color:#244331;padding:10px}header .header-note{margin-inline-start:auto;margin-inline-end:18px}html:not([lang=en]) body{font-family:system-ui,sans-serif}html:not([lang=en]) h1,html:not([lang=en]) h2{font-family:system-ui,sans-serif;letter-spacing:0;line-height:1.5}html:not([lang=en]) h1{font-size:32px}html:not([lang=en]) button,html:not([lang=en]) input,html:not([lang=en]) textarea{font-family:system-ui,sans-serif}html:not([lang=en]) .steps{gap:6px}html[dir=rtl] input[type=number],input[name=mobile],input[name=pin],input[name=purchaseDate],#serial{direction:ltr}html[dir=rtl] .scan-panel .primary{text-align:right}@media(max-width:600px){header .header-note{display:none}#language-picker{padding:25px 20px}#language-picker h1{font-size:25px}html:not([lang=en]) .scan-panel .primary{line-height:1.6;font-size:12px}.steps>div{white-space:normal}.steps button{white-space:normal}}
.english-error{display:block;margin-top:7px;padding:9px 11px;border-radius:7px;background:#fff3ef;color:#9c3928;font-size:12px;line-height:1.5;font-weight:400}.english-error[hidden]{display:none}input[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:#ba6251;background:#fffaf8}.inline{flex-wrap:wrap}.inline>.english-error{flex-basis:100%;order:3}
