@import "https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700;800&display=swap";
:root{--background:#f5f7fb;--surface:#fff;--surface-soft:#f8fafc;--navy:#0d2348;--text:#111827;--muted:#697386;--line:#dce3ee;--blue:#0757c8;--blue-dark:#0046a8;--green:#16a34a;--orange:#ea7a18;--red:#dc2626;--shadow:0 14px 34px #1018281a;--card-shadow:0 8px 18px #10182817}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at top, #fff 0, var(--background) 48%, #e7ecf4 100%);color:var(--text);font-family:Assistant,Arial,sans-serif}button,input,textarea{font:inherit}.app-shell{place-items:center;min-height:100dvh;padding:18px;display:grid}.phone-frame{background:var(--surface);width:min(100%,430px);min-height:min(920px,100dvh - 36px);box-shadow:var(--shadow);border:1px solid #0d23481a;border-radius:34px;overflow:hidden}.phone-screen{background:linear-gradient(#fff 0%,#f8fafc 100%);grid-template-rows:1fr auto;min-height:min(920px,100dvh - 36px);display:grid;position:relative}.offline-banner{z-index:30;color:#9a3412;text-align:center;background:#fff7ed;border:1px solid #ea7a183d;border-radius:16px;padding:10px 14px;font-size:15px;font-weight:800;position:absolute;top:12px;left:18px;right:18px;box-shadow:0 12px 24px #9a34121f}.auth-loading{min-height:min(920px,100dvh - 36px);color:var(--navy);background:#fff url(/login-back.png) top/100% 82% no-repeat;place-items:center;font-size:22px;font-weight:800;display:grid}.login-screen{--surface:#fff;--surface-soft:#f8fafc;--navy:#0d2348;--text:#111827;--muted:#697386;--line:#dce3ee;--blue:#0757c8;--blue-dark:#0046a8;min-height:min(920px,100dvh - 36px);color:var(--navy);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff url(/login-back.png) top/100% 82% no-repeat;overflow-y:auto}.dark-mode .login-screen{color:#0d2348;background:#fff url(/login-back.png) top/100% 82% no-repeat}.login-screen h1,.login-screen h2,.login-label,.login-input-wrap input,.login-primary,.login-tagline,.login-form>p{color:#0d2348}.login-form>p,.login-tagline,.secure-row{color:#697386}.dark-mode .login-screen h1,.dark-mode .login-screen h2,.dark-mode .login-label,.dark-mode .login-input-wrap input,.dark-mode .login-primary,.dark-mode .login-tagline,.dark-mode .login-form>p{color:#0d2348}.dark-mode .login-screen .login-form>p,.dark-mode .login-screen .login-tagline,.dark-mode .login-screen .secure-row{color:#697386}.dark-mode .login-input-wrap{color:#607189;background:#ffffffe6;border-color:#b8c6dc}.dark-mode .login-input-wrap input::placeholder{color:#9aa6b8}.dark-mode .secure-row{color:#697386}.login-hero{text-align:center;align-content:end;justify-items:center;min-height:354px;padding:42px 34px 48px;display:grid;position:relative;overflow:hidden}.login-hero:after{content:none}.login-hero-art,.login-vehicle,.login-factory{display:none}.login-vehicle:before{content:"";background:#0757c80f;border-radius:16px 44px 10px 10px;width:142px;height:58px;position:absolute;bottom:75px;left:-6px;box-shadow:24px 28px 0 -22px #0757c81f}.login-factory:before{content:"";opacity:.85;clip-path:polygon(0 40%,16% 40%,16% 20%,25% 20%,25% 40%,45% 40%,45% 8%,56% 8%,56% 40%,100% 40%,100% 100%,0 100%);background:linear-gradient(90deg,#0000 0 18px,#0757c80d 18px 34px,#0000 34px 52px),linear-gradient(#0757c80d,#0757c80d);width:180px;height:112px;position:absolute;bottom:70px;right:-16px}.png-icon.login-brand-icon{z-index:2;object-fit:contain;filter:drop-shadow(0 18px 28px #0757c829);width:146px;height:146px;margin-bottom:12px;position:relative}.login-hero h1{z-index:2;letter-spacing:0;font-size:48px;font-weight:800;position:relative}.login-hero p{z-index:2;color:#65748b;max-width:310px;margin-top:10px;font-size:21px;line-height:1.34;position:relative}.login-tagline{gap:0;display:grid}.login-form{gap:14px;padding:26px 34px 24px;display:grid}.login-offline-card{color:#9a3412;text-align:center;background:#fff7ed;border:1px solid #ea7a1847;border-radius:14px;padding:10px 12px;font-size:15px;font-weight:800;line-height:1.35}.login-form.code-step{gap:18px;padding-top:30px}.login-form h2{color:var(--navy);text-align:center;margin:0;font-size:31px;font-weight:800;line-height:1.1}.login-form>p{color:var(--muted);text-align:center;margin:-6px 0 12px;font-size:20px}.login-form.code-step>p{margin-bottom:20px}.login-label{color:var(--navy);gap:9px;font-size:18px;font-weight:800;display:grid}.login-input-wrap{color:#607189;background:#ffffffe6;border:1px solid #b8c6dc;border-radius:9px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:0 14px;display:grid}.login-input-wrap input{width:100%;min-width:0;color:var(--navy);text-align:right;background:0 0;border:0;outline:0;font-size:20px}.login-input-wrap input::placeholder{color:#9aa6b8}.login-eye{color:#607189;background:0 0;border:0;place-items:center;width:36px;height:36px;padding:0;display:grid}.login-options{justify-content:space-between;align-items:center;gap:12px;margin-top:2px;display:flex}.remember-check,.forgot-link{color:var(--blue);background:0 0;border:0;padding:0;font-size:18px;font-weight:700}.remember-check{color:var(--muted);align-items:center;gap:9px;display:inline-flex}.remember-check span{color:#0000;background:#fff;border:1px solid #b8c6dc;border-radius:6px;place-items:center;width:28px;height:28px;font-size:21px;font-weight:800;line-height:1;display:grid}.remember-check.active span{border-color:var(--blue);color:#fff;background:linear-gradient(#0867e7,#004bbb)}.login-primary,.login-secondary{border-radius:9px;min-height:60px;font-size:24px;font-weight:800}.login-primary{color:#fff;background:linear-gradient(#0867e7,#004bbb);border:0;margin-top:2px;box-shadow:0 12px 24px #0757c838}.login-primary:disabled{opacity:.6}.login-secondary{border:1px solid var(--blue);color:var(--blue);background:#fff;justify-content:center;align-items:center;gap:0;display:inline-flex}.code-links{justify-items:center;gap:16px;margin:4px 0 2px;display:grid}.code-links button{color:var(--blue);background:0 0;border:0;padding:0;font-size:19px;font-weight:700;line-height:1.25}.code-links button:first-child{font-size:18px}.code-links button span{color:#6b778b;font-weight:600}.code-links button:disabled{opacity:.5}.login-message-slot{align-items:center;min-height:58px;display:grid}.login-form.code-step .login-message-slot{align-items:start;min-height:70px}.login-message{text-align:center;border-radius:10px;padding:10px 14px;font-size:16px;font-weight:800;line-height:1.25}.login-message.info{color:#17376f;background:#edf5ff;border:1px solid #a9caff}.login-message.error{color:#c51624;background:#fff0f0;border:1px solid #ffb7b7}.secure-row{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:17px;font-weight:700;display:inline-flex}.login-form.code-step .secure-row{margin-top:2px}.login-code-entry{margin:2px 0 4px;position:relative}.login-code-hidden{opacity:0;position:absolute;inset:0}.login-code-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;display:grid}.login-code-grid span{height:56px;color:var(--navy);background:#fff;border:1px solid #c7d2e2;border-radius:8px;place-items:center;font-size:24px;font-weight:800;display:grid}.login-code-grid span.filled{border-color:var(--blue);box-shadow:0 8px 18px #0757c81f}.screen-content{min-height:0;padding:22px 26px 18px;overflow:hidden auto}.screen-placeholder{text-align:center;align-content:center;place-items:center;gap:10px;min-height:min(920px,100dvh - 36px);padding:34px;display:grid}.brand-mark{object-fit:cover;border-radius:28px;width:118px;height:118px}.eyebrow{color:var(--blue);margin:10px 0 0;font-size:18px;font-weight:800}h1{color:var(--navy);margin:0;font-size:31px;font-weight:800;line-height:1.05}.home-title-row h1{font-family:Assistant,Arial,sans-serif;font-weight:800}p{color:var(--muted);margin:0;font-size:18px}.app-header{color:var(--navy);gap:10px;display:grid;position:relative}.header-home{margin-bottom:18px}.title-lockup{justify-items:stretch;gap:4px;width:100%;display:grid}.home-title-row{direction:rtl;flex-direction:row;justify-content:flex-start;align-items:center;gap:9px;display:flex}.reports-page-header{min-height:74px;margin-bottom:24px}.reports-toolbar{direction:rtl;grid-template-columns:1fr;gap:10px;margin:8px 0 20px;display:grid}.reports-toolbar .small-outline{width:100%;min-height:36px;font-size:15px}.reports-toolbar:has(.small-outline+.small-outline){grid-template-columns:repeat(2,minmax(0,1fr))}.reports-toolbar .small-outline:disabled{opacity:.45;cursor:not-allowed}.title-icon{filter:drop-shadow(0 7px 14px #0757c829);flex:none}.png-icon{object-fit:contain;flex:none;width:28px;height:28px;display:block}.home-title-row .title-icon{width:48px;height:48px}.top-goldmark-logo{object-fit:contain;object-position:center;width:68px;height:68px;position:absolute;top:6px;left:0}.technician-block{direction:rtl;justify-content:flex-start;align-items:center;gap:8px;margin:12px 0 0;display:flex}.technician-copy{text-align:right;direction:rtl;gap:2px;display:grid}.technician-copy strong{color:var(--navy);font-size:18px;font-weight:700;line-height:1.15}.technician-copy span{color:var(--muted);font-size:16px;line-height:1.2}.technician-block svg{display:none}.technician-block .user-icon{width:43px;height:43px}.primary-action,.outline-action,.small-outline,.icon-button,.icon-danger,.report-card,.nav-item,.preview-card{cursor:pointer;border:0}.primary-action,.outline-action{border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:54px;font-size:22px;font-weight:800;display:inline-flex}.primary-action{color:#fff;background:linear-gradient(#0c63d5,#004db5);box-shadow:0 11px 20px #0757c833}.home-screen>.primary-action{width:calc(100% - 10px);margin-inline:auto}.primary-action:disabled{opacity:.7}.outline-action{color:var(--blue);border:2px solid var(--blue);background:#fff}.section-heading{direction:ltr;grid-template-columns:auto 1fr;align-items:center;margin:23px 0 14px;display:grid}.section-heading h2,.wizard-card h2{color:var(--navy);margin:0;font-size:26px}.text-link{color:var(--blue);direction:rtl;background:0 0;border:0;grid-area:1/1;justify-self:start;align-items:center;gap:4px;font-size:18px;display:inline-flex}.section-heading h2{direction:rtl;grid-area:1/2;justify-self:end}.empty-card,.report-card,.wizard-card,.summary-card,.preview-card{box-shadow:var(--card-shadow);background:#fffffff5;border:1px solid #0d23481a;border-radius:12px}.empty-card{color:var(--muted);text-align:center;padding:22px;font-size:18px}.report-list{gap:14px;display:grid}.reports-screen{grid-template-rows:auto auto minmax(0,1fr);height:calc(min(920px,100dvh - 36px) - 86px);display:grid;overflow:hidden}.reports-scroll-list{overscroll-behavior:contain;align-content:start;min-height:0;margin-left:-10px;padding:0 0 72px 10px;overflow-y:auto}.reports-scroll-list .report-card{align-self:start;min-height:118px}.reports-scroll-list::-webkit-scrollbar{width:6px}.reports-scroll-list::-webkit-scrollbar-thumb{background:#0d234838;border-radius:999px}.report-card{width:100%;min-height:118px;color:var(--text);text-align:right;grid-template-columns:58px minmax(0,1fr) auto 24px;align-items:center;gap:12px;padding:16px;display:grid}.report-card-selected{background:#f7fbff;border-color:#0757c88c}.select-marker{color:#fff;background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.select-marker-on{border-color:var(--blue);background:var(--blue)}.report-icon{background:#eef4ff;border-radius:15px;place-items:center;width:56px;height:56px;display:grid}.report-icon .png-icon{width:46px;height:46px}.nav-item .png-icon{width:28px;height:28px}.report-main{text-align:right;gap:5px;min-width:0;display:grid}.report-main strong{color:var(--navy);overflow-wrap:anywhere;font-size:21px}.report-main span{color:var(--muted);font-size:16px}.date-row{justify-content:flex-start;align-items:center;gap:5px;display:inline-flex}.card-chevron{color:#667085;font-size:34px;font-weight:400;line-height:1;transform:translateY(-1px)}.text-link-chevron{color:var(--blue);font-size:24px;font-weight:400;line-height:1;transform:translateY(-1px)}.symbol-icon{font-size:36px;font-weight:400;line-height:.8}.chevron-symbol{font-size:25px;line-height:1}.calendar-symbol{color:#667085;font-size:13px;line-height:1}.status-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:5px;width:max-content;max-width:132px;padding:7px 11px;font-size:14px;font-weight:800;line-height:1.05;display:inline-flex}.status-symbol{border-radius:50%;place-items:center;width:16px;height:16px;font-size:13px;line-height:1;display:inline-grid}.status-draft{color:#4b5563;background:#eef0f3}.status-in_progress{color:var(--blue-700);background:#dbeafe}.status-waiting_signature,.status-waiting_send{color:var(--orange);background:#fff1df}.status-sent{color:var(--green);background:#dcfce7}.status-send_error{color:var(--red);background:#fee2e2}.bottom-nav{border-top:1px solid var(--line);background:#fffffff5;grid-template-columns:repeat(3,1fr);height:86px;display:grid}.nav-item{color:#6b7280;background:0 0;align-content:center;place-items:center;gap:4px;font-size:16px;font-weight:700;display:grid}.nav-active{color:var(--blue);box-shadow:inset 0 4px 0 var(--blue)}.wizard-screen{padding:14px 24px 18px}.wizard-header{border-bottom:1px solid var(--line);direction:ltr;grid-template-columns:42px minmax(0,1fr);grid-template-areas:"back title";align-items:center;margin:0 -24px 14px;padding:0 24px 12px;display:grid}.wizard-title-block{direction:rtl;flex-direction:row;grid-area:title;justify-content:flex-start;align-items:center;gap:9px;display:flex}.wizard-header h1{font-size:23px}.wizard-title-block .title-icon{width:38px;height:38px}.wizard-step-label{color:var(--muted);text-align:center;margin:8px 0;font-size:16px}.icon-button{width:42px;height:42px;color:var(--blue);background:0 0;border-radius:50%;grid-area:back;justify-self:start;place-items:center;display:grid}.stepper{direction:ltr;justify-content:space-between;align-items:center;gap:0;width:196px;margin:8px auto 34px;display:flex;position:relative}.stepper:before,.stepper:after{content:"";border-radius:999px;height:3px;position:absolute;top:50%;left:12px;right:12px;transform:translateY(-50%)}.stepper:before{background:#dce3ee}.stepper:after{width:calc((100% - 24px) * var(--step-progress,0) / 100);background:var(--blue);right:auto}.step-dot{z-index:1;color:#667085;background:#dce3ee;border:1px solid #ccd6e3;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:grid;position:relative}.step-dot.active,.step-dot.done{background:var(--blue);border-color:var(--blue);color:#fff}.wizard-status{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:10px;margin:12px 0 0;display:flex}.app-dialog-backdrop{z-index:50;background:#08101e8a;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.app-dialog{width:min(100%,372px);color:var(--navy);text-align:right;direction:rtl;background:#fff;border-radius:18px;gap:18px;padding:26px 24px 22px;display:grid;box-shadow:0 24px 60px #0d234847}.app-dialog h2{font-size:24px;line-height:1.15}.app-dialog-body{color:#4b5563;gap:10px;font-size:17px;line-height:1.45;display:grid}.dialog-recipient-list{text-align:left;color:var(--navy);direction:ltr;gap:6px;margin:0;padding:0;font-size:16px;font-weight:800;list-style:none;display:grid}.app-dialog-actions{flex-direction:row-reverse;justify-content:flex-start;gap:10px;margin-top:4px;display:flex}.dialog-primary-action,.dialog-secondary-action,.dialog-danger-action{border-radius:10px;min-width:112px;min-height:48px;padding:0 18px;font-size:17px;font-weight:800}.dialog-primary-action{background:var(--blue);color:#fff;box-shadow:0 10px 22px #035bcd2e}.dialog-secondary-action{border:2px solid var(--blue);color:var(--blue);background:#fff}.dialog-danger-action{background:var(--red);color:#fff}.dark-mode .app-dialog{background:#101d30;border:1px solid #97accc2e;box-shadow:0 24px 60px #00000070}.dark-mode .app-dialog-body{color:var(--muted)}.dark-mode .dialog-secondary-action{background:0 0}.autosave-card{width:100%;min-height:68px;box-shadow:var(--card-shadow);color:inherit;cursor:pointer;direction:rtl;background:#fffffff5;border:1px solid #0d23481a;border-radius:12px;grid-template-columns:34px minmax(0,1fr) 52px;align-items:center;gap:12px;margin:14px 0 0;padding:12px 18px;display:grid}.autosave-card div{text-align:right;justify-self:stretch;gap:2px;min-width:0;display:grid}.autosave-card strong{color:var(--navy);font-size:17px;font-weight:800}.autosave-card div span{color:var(--muted);font-size:13px;line-height:1.25}.autosave-check{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:17px;font-weight:800;display:grid}.autosave-switch{background:var(--green);border-radius:999px;justify-self:end;width:48px;height:28px;position:relative}.autosave-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:4px;left:4px}.autosave-card-off .autosave-check,.autosave-card-off .autosave-switch{background:#d1d5db}.autosave-card-off .autosave-check{color:#0000}.autosave-card-off .autosave-switch:after{left:24px}.error-box{color:#991b1b;background:#fee2e2;border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:16px;font-weight:700}.wizard-card{padding:18px 16px 16px}.wizard-card-title{direction:rtl;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;display:flex}.wizard-card-title .card-title-icon{width:28px;height:28px}.wizard-card h2{text-align:right;font-size:20px}.form-grid,.summary-flow{gap:14px;margin-top:16px;display:grid}.field{grid-template-columns:1fr;gap:6px;display:grid}.field span,.parts-heading h3,.summary-flow h3{color:var(--navy);text-align:right;font-size:14px;font-weight:700}.field input,.field textarea{width:100%;color:var(--text);text-align:right;background:#fff;border:1px solid #ccd6e3;border-radius:6px;padding:10px 12px;font-size:15px}.field-wide{grid-template-columns:1fr}.field textarea{resize:vertical;min-height:130px;line-height:1.5}.field em{color:var(--muted);font-size:14px;font-style:normal}.field input:read-only,.field textarea:read-only{background:#f3f6fa}.parts-block{gap:10px;margin-top:6px;display:grid}.parts-heading{text-align:right;direction:rtl;gap:4px;display:grid}.parts-heading h3{justify-self:start;margin:0}.parts-heading p{color:var(--muted);text-align:right;margin:0;font-size:13px;line-height:1.35}.small-outline{border:1.5px solid var(--blue);min-height:42px;color:var(--blue);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:17px;font-weight:800;display:inline-flex}.part-row{background:#fff;border:1px solid #0d234814;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,.78fr) minmax(0,1.05fr) 30px;align-items:center;gap:7px;padding:10px;display:grid;box-shadow:0 3px 12px #1018280f}.part-field{grid-template-columns:1fr;gap:3px}.part-field span{text-align:center;color:var(--muted);font-size:12px;font-weight:500}.part-field input{text-align:center;min-width:0;padding:8px 6px;font-size:14px}.icon-danger{width:30px;height:42px;color:var(--red);background:0 0;border:0;place-items:center;display:grid}.icon-danger svg{display:block}.add-part-action{border-radius:6px;width:100%;min-height:38px;margin-top:2px}.metric-grid{direction:rtl;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric-grid .field{grid-template-columns:1fr;gap:6px}.metric-grid .field span{text-align:right;direction:rtl;justify-self:stretch;width:100%;font-size:13px;font-weight:800;line-height:1}.metric-grid .field input{text-align:center;height:52px;min-height:52px;padding:8px;font-size:22px;font-weight:700}.summary-card{gap:10px;padding:16px;display:grid}.summary-line{color:var(--muted);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:10px;display:grid}.summary-line span{text-align:right}.summary-line strong{color:var(--text);text-align:right;overflow-wrap:anywhere;font-size:18px;font-weight:700}.signature-block{gap:12px;display:grid}.signature-canvas{touch-action:none;background:#fff;border:1.5px solid #b8c7db;border-radius:12px;width:100%;height:142px}.danger{border-color:var(--red);color:var(--red)}.preview-card{min-height:70px;color:var(--navy);justify-content:flex-end;align-items:center;gap:12px;padding:14px;font-size:18px;font-weight:800;display:flex}.pdf-preview-frame{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;height:420px}.wizard-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.wizard-actions .primary-action,.wizard-actions .outline-action{min-height:50px;font-size:18px}.success-screen{align-content:start;gap:20px;padding-top:58px;display:grid}.success-hero{text-align:center;justify-items:center;gap:14px;display:grid}.success-check-icon{object-fit:contain;filter:drop-shadow(0 8px 22px #16a34a47);width:142px;height:142px}.success-hero h1{font-size:28px;line-height:1.1}.success-hero p{color:var(--muted);font-size:16px;line-height:1.3}.compact{text-align:right;font-size:18px}.success-report-card{direction:rtl;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:20px 18px;display:grid}.success-report-main{text-align:right;gap:5px;min-width:0;display:grid}.success-report-main strong{color:var(--navy);font-size:20px}.success-report-main span{color:var(--muted);font-size:15px}.action-stack{gap:14px;display:grid}.action-stack .primary-action,.action-stack .outline-action{direction:rtl;flex-direction:row;gap:12px}.action-stack .primary-action svg{color:#fff}.action-stack .outline-action svg{color:var(--blue)}.success-footnote{text-align:center;color:var(--muted);margin-top:8px;font-size:14px}.settings-screen{grid-template-rows:auto auto 1fr auto;align-content:stretch;gap:18px;min-height:0;display:grid}.settings-header{text-align:right;gap:4px;display:grid}.settings-header p{color:var(--muted);text-align:right;margin:0;font-size:20px}.settings-card-list{gap:14px;display:grid}.settings-card{min-height:96px;box-shadow:var(--card-shadow);color:var(--text);text-align:right;direction:rtl;background:#fffffff5;border:1px solid #0d23481a;border-radius:12px;grid-template-columns:58px minmax(0,1fr) auto 28px;align-items:center;gap:12px;padding:14px;display:grid}.settings-card-icon{width:56px;height:56px;color:var(--blue);background:#eef4ff;border-radius:14px;place-items:center;display:grid}.settings-card-icon .png-icon{width:38px;height:38px}.settings-card-copy{gap:4px;min-width:0;display:grid}.settings-card-copy strong{color:var(--navy);font-size:22px;font-weight:800}.settings-card-copy span{color:var(--muted);font-size:16px}.settings-chevron{color:#667085;grid-column:4;font-size:32px;font-weight:400;line-height:1;transform:translateY(-1px)}.settings-pill{white-space:nowrap;border-radius:999px;grid-column:3;justify-self:start;padding:7px 12px;font-size:14px;font-weight:800}.settings-pill-green{color:var(--green);background:#dcfce7}.settings-pill-orange{color:var(--orange);background:#fff1df}.logout-action{direction:rtl;place-self:end center;gap:10px;width:min(100%,280px);min-height:48px;font-size:20px}.logout-action .png-icon{width:24px;height:24px}.settings-sheet-backdrop{z-index:20;background:#0d23483d;place-items:end center;padding:18px;display:grid;position:fixed;inset:0}.settings-sheet{direction:rtl;background:#fff;border:1px solid #0d23481f;border-radius:22px 22px 16px 16px;width:min(100%,430px);max-height:min(76dvh,680px);padding:24px 22px;position:relative;overflow-y:auto;box-shadow:0 22px 52px #0d234838}.sheet-close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:30px;line-height:1;position:absolute;top:12px;left:18px}.settings-panel-flow{gap:14px;display:grid}.settings-panel-flow h2{color:var(--navy);text-align:right;margin:0 0 4px;font-size:25px;font-weight:800}.settings-info-line,.settings-text-field,.settings-toggle-row,.settings-link-action,.help-note{background:#fff;border:1px solid #0d23481a;border-radius:12px;padding:13px 14px}.settings-info-line,.settings-text-field{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.settings-info-line>div,.settings-field-copy{gap:3px;display:grid}.settings-info-line span,.settings-text-field span{color:var(--muted);font-size:14px}.settings-info-line strong{color:var(--navy);font-size:18px}.settings-row-edit{width:34px;height:34px;color:var(--blue);cursor:pointer;background:#eef4ff;border:0;border-radius:10px;justify-self:end;place-items:center;font-size:20px;line-height:1;display:grid}.settings-text-field input{width:100%;color:var(--navy);font:inherit;text-align:right;direction:rtl;background:0 0;border:0;outline:0;font-size:19px;font-weight:800}.settings-text-field input::placeholder{color:#8a95a6}.email-recipient-field{grid-template-columns:minmax(0,1fr) auto}.email-recipient-field input{text-align:left;direction:ltr}.settings-info-line strong[dir=ltr]{text-align:left;direction:ltr;justify-self:end}.settings-error-note{color:#b42318;border-color:#dc262633}.settings-edit-actions{justify-content:flex-end;justify-self:end;gap:6px;display:flex}.settings-edit-actions button{color:#fff;width:34px;height:34px;font:inherit;cursor:pointer;border:0;border-radius:10px;place-items:center;font-size:21px;font-weight:800;line-height:1;display:grid}.settings-confirm-button{background:var(--green)}.settings-cancel-button{background:#ef4444}.settings-toggle-row{min-height:58px;color:var(--navy);grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:12px;font-size:18px;font-weight:800;display:grid}.settings-toggle-row input{opacity:0;pointer-events:none;position:absolute}.settings-toggle-row i{background:#d1d5db;border-radius:999px;width:48px;height:28px;position:relative}.settings-toggle-row i:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:4px;left:4px}.settings-toggle-row input:checked+i{background:var(--green)}.settings-toggle-row input:checked+i:after{left:24px}.settings-link-action{color:var(--blue);text-align:right;font-size:18px;font-weight:800;text-decoration:none;display:block}.help-note{color:var(--muted);font-size:16px;line-height:1.45}.sheet-action{direction:rtl;min-height:48px;margin-top:2px;font-size:17px}.sheet-action .png-icon{filter:brightness(0)invert();width:24px;height:24px}.pending-report-list{gap:10px;display:grid}.pending-report-option{border:1px solid var(--line);width:100%;min-height:62px;color:var(--navy);text-align:right;background:#fff;border-radius:14px;grid-template-columns:34px 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.pending-report-option.selected{background:#eef5ff;border-color:#0757c873}.pending-report-option strong,.pending-report-option small{display:block}.pending-report-option strong{font-size:17px;font-weight:800}.pending-report-option small{color:var(--muted);margin-top:2px;font-size:14px}.pending-check{border:1px solid var(--line);color:#fff;background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.pending-report-option.selected .pending-check{border-color:var(--blue);background:var(--blue)}.dark-mode{--background:#07111f;--surface:#0f1b2d;--surface-soft:#13243a;--navy:#eef5ff;--text:#e8eef7;--muted:#a7b4c7;--line:#2a3b54;--blue:#4f9bff;--blue-dark:#2c7be5;--shadow:0 18px 42px #0000006b;--card-shadow:0 10px 22px #00000047;color:var(--text);background:radial-gradient(circle at top,#152844 0,#07111f 52%,#040914 100%)}.dark-mode .phone-frame{background:var(--surface);border-color:#97accc2e}.dark-mode .phone-screen{background:linear-gradient(#101d30 0%,#091322 100%)}.dark-mode .offline-banner{color:#fed7aa;background:#432a14f5;border-color:#ea7a185c}.dark-mode .outline-action,.dark-mode .small-outline,.dark-mode .empty-card,.dark-mode .report-card,.dark-mode .wizard-card,.dark-mode .summary-card,.dark-mode .preview-card,.dark-mode .autosave-card,.dark-mode .success-report-card,.dark-mode .settings-card,.dark-mode .settings-info-line,.dark-mode .settings-text-field,.dark-mode .settings-toggle-row,.dark-mode .settings-link-action,.dark-mode .help-note,.dark-mode .part-row{background:#111f33f0;border-color:#97accc29}.dark-mode .bottom-nav,.dark-mode .settings-sheet{border-color:var(--line);background:#0c1727fa}.dark-mode .settings-sheet-backdrop{background:#0308129e}.dark-mode .pending-report-option{color:var(--text);background:#111f33f0;border-color:#97accc29}.dark-mode .pending-report-option.selected{background:#4f9bff1f;border-color:#4f9bff75}.dark-mode .pending-check{background:#0b1626;border-color:#97accc47}.dark-mode .report-icon,.dark-mode .settings-card-icon,.dark-mode .settings-row-edit{background:#4f9bff24}.dark-mode .field input,.dark-mode .field textarea,.dark-mode .settings-text-field input,.dark-mode .signature-canvas,.dark-mode .pdf-preview-frame,.dark-mode .select-marker{color:var(--text);background:#0b1626;border-color:#97accc47}.dark-mode .field input:read-only,.dark-mode .field textarea:read-only,.dark-mode .report-card-selected{background:#13243a}.dark-mode .stepper:before,.dark-mode .step-dot,.dark-mode .autosave-card-off .autosave-check,.dark-mode .autosave-card-off .autosave-switch,.dark-mode .settings-toggle-row i{background:#32435b}.dark-mode .step-dot{color:#c0cad8;border-color:#3d506c}.dark-mode .status-draft{color:#c7d2e1;background:#253348}.dark-mode .status-in_progress{background:#2563eb2e}.dark-mode .status-sent{background:#16a34a29}.dark-mode .status-waiting_signature,.dark-mode .status-waiting_send{background:#ea7a1829}.dark-mode .status-send_error,.dark-mode .error-box{background:#dc262629}.dark-mode .error-box{color:#fecaca}@media (orientation:landscape) and (max-height:520px){.app-shell{padding:10px}.phone-frame,.phone-screen,.screen-placeholder{min-height:calc(100dvh - 20px)}.phone-frame{border-radius:22px;width:min(100%,760px)}.screen-content{padding:16px 20px 12px}.screen-placeholder{text-align:right;grid-template-columns:auto 1fr}h1,.wizard-header h1{font-size:30px}.header-home{margin-bottom:14px}.technician-block{margin-top:8px}.primary-action,.outline-action{min-height:52px;font-size:21px}.section-heading{margin:16px 0 10px}.report-list{grid-template-columns:repeat(2,minmax(0,1fr))}.report-card{grid-template-columns:22px auto 48px 1fr;min-height:96px;padding:12px}.bottom-nav{height:64px}.stepper{margin:8px 0 10px}.wizard-card{padding:14px}.form-grid,.summary-flow{gap:10px;margin-top:10px}.field textarea{min-height:88px}.signature-canvas{height:104px}.wizard-actions{margin-top:10px}.success-screen{align-content:center;gap:12px;padding-top:0;padding-bottom:18px}.success-check-icon{width:82px;height:82px}}@media (max-width:640px),(orientation:landscape) and (max-height:520px){html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{background:#fff}.app-shell{height:100dvh;min-height:100dvh;padding:0;display:block;overflow:hidden}.phone-frame{width:100%;height:100dvh;min-height:100dvh;box-shadow:none;border:0;border-radius:0;overflow:hidden}.phone-screen,.auth-loading,.login-screen{min-height:100dvh}.phone-screen{height:100dvh;overflow:hidden}.screen-content{height:100%;padding:clamp(12px,2.5svh,22px) clamp(18px,5.8vw,26px) clamp(10px,1.8svh,18px)}.login-screen{grid-template-rows:40svh 60svh;height:100dvh;display:grid;overflow:hidden}.login-hero{align-content:end;min-height:0;padding:4svh clamp(22px,6vw,34px) 3.8svh}.png-icon.login-brand-icon{width:clamp(108px,15svh,146px);height:clamp(108px,15svh,146px);margin-bottom:clamp(8px,1.2svh,12px)}.login-hero h1{font-size:clamp(42px,5.7svh,52px);line-height:1}.login-hero p{max-width:300px;margin-top:clamp(6px,1svh,10px);font-size:clamp(18px,2.35svh,21px);line-height:1.16}.login-form{text-align:center;align-content:start;gap:clamp(8px,1.15svh,12px);min-height:0;padding:2.2svh clamp(26px,9vw,38px) 1.1svh;overflow:hidden}.login-form.code-step{gap:clamp(10px,1.7svh,18px);padding-top:clamp(16px,2.8svh,30px)}.login-form h2{text-align:center;font-size:clamp(29px,3.8svh,34px)}.login-form>p{text-align:center;margin:-4px 0 clamp(4px,.8svh,8px);font-size:clamp(17px,2.2svh,20px);line-height:1.25}.login-label{text-align:right;gap:6px;font-size:clamp(16px,2.1svh,18px)}.login-input-wrap{gap:8px;min-height:clamp(52px,6.4svh,58px);padding:0 12px}.login-input-wrap input{font-size:clamp(18px,2.35svh,21px)}.login-options{margin-top:0}.remember-check,.forgot-link{font-size:clamp(15px,2.1svh,18px)}.remember-check span{width:clamp(24px,3.6svh,28px);height:clamp(24px,3.6svh,28px)}.login-primary,.login-secondary{min-height:clamp(52px,6.4svh,60px);font-size:clamp(22px,3svh,26px)}.login-message-slot{min-height:clamp(20px,2.4svh,32px)}.login-form.code-step .login-message-slot{min-height:clamp(48px,6.8svh,70px)}.login-message{padding:8px 12px;font-size:clamp(14px,1.9svh,16px)}.secure-row{margin-top:0;font-size:clamp(15px,2svh,17px)}.login-code-grid{gap:clamp(7px,2vw,9px)}.login-code-grid span{height:clamp(48px,6.4svh,56px);font-size:clamp(20px,2.9svh,24px)}.code-links{gap:clamp(10px,1.8svh,16px)}.code-links button,.code-links button:first-child{font-size:clamp(16px,2.2svh,19px)}h1{font-size:clamp(28px,4.5svh,36px)}p{font-size:clamp(15px,2.2svh,18px)}.header-home{margin-bottom:clamp(10px,2svh,18px)}.app-header{gap:clamp(6px,1.2svh,10px)}.home-title-row .title-icon{width:clamp(40px,6.8svh,48px);height:clamp(40px,6.8svh,48px)}.top-goldmark-logo{width:clamp(54px,8.4svh,68px);height:clamp(54px,8.4svh,68px)}.technician-block{margin-top:clamp(6px,1.4svh,12px)}.technician-block .user-icon{width:clamp(38px,6svh,43px);height:clamp(38px,6svh,43px)}.technician-copy strong{font-size:clamp(16px,2.4svh,18px)}.technician-copy span{font-size:clamp(14px,2.1svh,16px)}.primary-action,.outline-action{min-height:clamp(48px,7svh,54px);font-size:clamp(19px,3.2svh,22px)}.section-heading{margin:clamp(14px,2.8svh,23px) 0 clamp(9px,1.7svh,14px)}.section-heading h2,.wizard-card h2{font-size:clamp(22px,3.6svh,26px)}.empty-card{padding:clamp(16px,2.5svh,22px);font-size:clamp(16px,2.35svh,18px)}.report-list{gap:clamp(10px,1.8svh,14px)}.report-card{min-height:clamp(96px,14svh,118px);padding:clamp(12px,2svh,16px)}.bottom-nav{height:clamp(72px,10svh,86px)}.reports-screen{height:calc(100dvh - clamp(72px,10svh,86px))}.reports-scroll-list{padding-bottom:clamp(64px,8svh,72px)}.wizard-screen{padding:clamp(10px,1.7svh,14px) clamp(18px,5.6vw,24px) clamp(12px,2svh,18px)}.wizard-header{margin:0 calc(-1*clamp(18px,5.6vw,24px)) clamp(9px,1.8svh,14px);padding:0 clamp(18px,5.6vw,24px) clamp(9px,1.7svh,12px)}.wizard-step-label{margin:clamp(5px,1svh,8px) 0}.stepper{margin:clamp(6px,1.2svh,8px) auto clamp(18px,3.4svh,34px)}.wizard-card{padding:clamp(14px,2.2svh,18px) clamp(14px,4vw,16px) clamp(12px,2svh,16px)}.form-grid,.summary-flow{gap:clamp(10px,1.8svh,14px);margin-top:clamp(10px,2svh,16px)}.field textarea{min-height:clamp(96px,16svh,130px)}.autosave-card{min-height:clamp(58px,8.4svh,68px);margin-top:clamp(10px,1.8svh,14px);padding:10px 14px}.wizard-actions{gap:clamp(9px,2vw,12px);margin-top:clamp(12px,2svh,16px)}.settings-screen{gap:clamp(12px,2.2svh,18px)}.settings-card-list{gap:clamp(12px,2svh,18px)}.success-screen{align-content:start;gap:clamp(12px,1.8svh,20px);padding-top:clamp(48px,7svh,68px);padding-bottom:0}}