:root{--ink:#071428;--ink-mid:#16305a;--ice:#0b4aa8;--ice-bright:#3d7dd6;--ice-deep:#083578;--charge:#c41e3a;--charge-deep:#9a1530;--frost:#f4f7fc;--text:#15243a;--muted:#5a6b82;--bg:#f3f6fb;--surface:#fff;--surface-2:#e8eef8;--line:#0b4aa829;--radius:10px;--font-display:"Archivo", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--shadow:0 14px 32px #0714281a;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--bottom-nav-h:0px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;touch-action:manipulation;background:radial-gradient(80% 50% at 100% -5%,#0b4aa81f,#0000 55%),radial-gradient(55% 40% at 0 20%,#c41e3a0f,#0000 50%),linear-gradient(#f4f7fc 0%,#f8f9fc 40%,#eef2f8 100%);line-height:1.5}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink)}.muted{color:var(--muted)}.pre-wrap{white-space:pre-wrap}.center-screen{place-items:center;min-height:100dvh;display:grid}.btn{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;min-height:44px;padding:.75rem 1.05rem;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn-primary{background:var(--ice);color:#fff}.btn-primary:hover{background:var(--ice-deep)}.btn-ghost{border-color:var(--line);color:var(--ink-mid);background:0 0}.btn-ghost:hover{background:var(--surface-2)}.btn-block{width:100%}.btn:disabled{opacity:.65;cursor:not-allowed}.app-shell{min-height:100svh;padding-bottom:var(--bottom-nav-h)}.topbar{z-index:20;border-bottom:3px solid #0000;border-image:linear-gradient(90deg, var(--charge) 0%, #fff 48%, var(--ice) 100%) 1;padding-top:var(--safe-top);background:linear-gradient(90deg,#c41e3a1a,#0000 28% 72%,#0b4aa81f),#fff;position:sticky;top:0;box-shadow:0 8px 24px #07142814}.topbar-inner{width:min(1100px,100% - 1.25rem);min-height:60px;padding:.5rem 0;padding-left:var(--safe-left);padding-right:var(--safe-right);align-items:center;gap:.75rem;margin-inline:auto;display:flex}.brand{align-items:center;gap:.55rem;min-width:0;line-height:1.1;display:flex}.brand-logo{background:0 0;width:auto;height:42px;padding:0}.brand-text{flex-direction:column;display:flex}.brand-mark{font-family:var(--font-display);color:var(--ice);font-size:1.05rem;font-weight:800}.brand-sub{color:var(--charge);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:700}.topnav{gap:.35rem;margin-right:auto;display:none}.topnav a{min-height:40px;color:var(--ink-mid);border-radius:999px;align-items:center;padding:.55rem .9rem;font-weight:600;display:inline-flex}.topnav a.active{background:var(--ice);color:#fff}.topbar-user{align-items:center;gap:.5rem;margin-left:auto;display:flex}.user-meta{flex-direction:column;align-items:flex-end;font-size:.8rem;line-height:1.2;display:none}.user-meta strong{color:var(--ink)}.user-meta span{color:var(--muted)}.btn-signout{display:none}.bottom-nav{z-index:30;padding:.4rem .6rem calc(.45rem + var(--safe-bottom));border-top:2px solid #0000;border-image:linear-gradient(90deg, var(--ice) 0%, #fff 50%, var(--charge) 100%) 1;background:#fff;grid-template-columns:1fr 1.15fr 1fr;gap:.25rem;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0714280f}.bottom-nav-item{min-height:52px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;font-size:.72rem;font-weight:700;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--ice);background:#0b4aa814}.bottom-nav-primary{color:#fff;background:var(--ice)}.bottom-nav-primary.active{color:#fff;background:var(--ice-deep)}.bottom-nav-icon{font-size:1.15rem;line-height:1}.app-main{width:min(1100px,100% - 1.25rem);padding:1rem 0 calc(1.25rem + var(--bottom-nav-h));padding-left:var(--safe-left);padding-right:var(--safe-right);margin:0 auto}.demo-pill,.urgent-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.2rem .45rem;font-size:.7rem;font-weight:800}.demo-pill{color:#7a5b00;background:#fff3cd}.urgent-pill{color:var(--charge-deep);background:#c41e3a1f}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.page-header h1{font-size:clamp(1.5rem,3vw,2rem)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ice);margin-bottom:.25rem;font-size:.75rem;font-weight:700}.header-actions{flex-wrap:wrap;gap:.5rem;display:flex}.inline-badges{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.login-page{min-height:100svh;padding:max(1.25rem, var(--safe-top)) max(1.25rem, var(--safe-right)) max(1.25rem, var(--safe-bottom)) max(1.25rem, var(--safe-left));place-items:center;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:16px;padding:1.5rem}.login-logo{background:0 0;width:min(220px,78%);height:auto;margin:0 auto 1rem;padding:0;display:block}.brand-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--ice);margin-bottom:.35rem;font-size:.72rem;font-weight:700}.login-card h1{margin-bottom:.35rem;font-size:2rem}.login-lead{color:var(--muted);margin-bottom:1.25rem}.demo-box{background:var(--frost);border:1px dashed var(--line);border-radius:10px;margin-bottom:1.1rem;padding:.85rem 1rem;font-size:.9rem}.demo-box p{color:var(--muted);margin-top:.35rem}.demo-box code{background:var(--surface-2);border-radius:4px;padding:.1rem .3rem;font-size:.82rem}.stack-form{gap:.85rem;display:grid}.stack-form label,.job-form label{color:var(--ink-mid);gap:.35rem;font-size:.92rem;font-weight:600;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:#fff;border-radius:8px;padding:.75rem .85rem;font-size:16px}textarea{min-height:96px}input:focus,select:focus,textarea:focus{border-color:var(--ice-bright);outline:2px solid #0b4aa840}.form-error{color:var(--charge-deep);font-weight:600}.filters{grid-template-columns:1fr;gap:.65rem;margin-bottom:1rem;display:grid}.job-list{gap:.65rem;list-style:none;display:grid}.job-row{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:.75rem;padding:1rem 1.1rem;transition:border-color .15s,box-shadow .15s;display:grid}.job-row:hover{box-shadow:var(--shadow);border-color:#0b4aa859}.job-row-top{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.job-customer{margin-top:.35rem;font-weight:700}.job-meta,.job-row-side{color:var(--muted);font-size:.88rem}.job-row-side{flex-direction:column;gap:.15rem;display:flex}.empty-state{text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:14px;padding:2.5rem 1rem}.empty-state h2{margin-bottom:.35rem}.empty-state p{color:var(--muted);margin-bottom:1rem}.status-badge{letter-spacing:.03em;text-transform:uppercase;background:var(--surface-2);color:var(--ink-mid);border-radius:999px;align-items:center;padding:.2rem .45rem;font-size:.72rem;font-weight:800;display:inline-flex}.status-draft{color:#5a6b82;background:#eef1f6}.status-submitted,.status-received{color:var(--ice-deep);background:#0b4aa81f}.status-scheduled,.status-in_progress{color:#1b6b4a;background:#e8f5ef}.status-completed,.status-invoiced{color:var(--ink-mid);background:#e8eef8}.status-cancelled{color:var(--charge-deep);background:#c41e3a1a}.job-form{gap:1rem;display:grid}.form-section{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem 1.15rem}.form-section h2{margin-bottom:.85rem;font-size:1.05rem}.grid-2{gap:.85rem;display:grid}.form-actions{bottom:calc(.65rem + var(--bottom-nav-h));z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);background:#f4f7fcf0;border-radius:12px;flex-wrap:wrap;gap:.65rem;padding:.75rem;display:flex;position:sticky}.form-actions .btn{flex:1}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.65rem;margin-top:.85rem;display:grid}.photo-grid figure{background:var(--frost);border:1px solid var(--line);border-radius:8px;overflow:hidden}.photo-grid img{aspect-ratio:1;object-fit:cover;width:100%}.photo-grid figcaption{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:.35rem .45rem;font-size:.7rem;overflow:hidden}.detail-grid{gap:.85rem;display:grid}.detail-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem}.detail-card h2{margin-bottom:.75rem;font-size:1.05rem}.detail-card h3{margin:.85rem 0 .35rem;font-size:.92rem}.detail-dl{gap:.65rem;display:grid}.detail-dl dt{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.75rem;font-weight:700}.detail-dl dd{font-weight:600}.office-panel{background:linear-gradient(#f7faff,#fff);border-color:#0b4aa859}.notes-preview{margin-top:.85rem}.print-toolbar{justify-content:space-between;gap:.75rem;margin-bottom:1rem;display:flex}.js-preview-wrap{max-width:794px;box-shadow:var(--shadow);margin:0 auto}.js-sheet{--js-ink:#071428;--js-blue:#0b4aa8;--js-red:#c41e3a;--js-muted:#5a6b82;--js-line:#c5d0e0;--js-fill:#f4f7fb;--js-paper:#fff;background:var(--js-paper);width:100%;max-width:794px;color:var(--js-ink);border:1px solid var(--js-line);margin:0 auto;font-family:Manrope,Helvetica,Arial,sans-serif;overflow:hidden}.js-topbar{background:linear-gradient(90deg, var(--js-blue) 0 72%, var(--js-red) 72% 100%);height:8px}.js-header{border-bottom:2px solid var(--js-ink);grid-template-columns:1.2fr 1fr auto;align-items:start;gap:.75rem;padding:1rem 1.15rem .85rem;display:grid}.js-brand{align-items:center;gap:.65rem;min-width:0;display:flex}.js-logo{object-fit:contain;background:#e8f6fb;border-radius:8px;flex-shrink:0;width:52px;height:52px}.js-logo-van{object-fit:contain;object-position:left center;background:0 0;border-radius:4px;width:auto;max-width:220px;height:56px}.js-logo-brand{object-fit:contain;object-position:center;background:0 0;border-radius:0;width:auto;max-width:240px;height:58px;padding:0}.js-brand-text{min-width:0}.js-brand-name{color:var(--js-blue);letter-spacing:-.02em;font-family:Archivo,Helvetica,sans-serif;font-size:1.15rem;font-weight:800}.js-brand-tag,.js-brand-loc{color:var(--js-muted);margin-top:.15rem;font-size:.72rem}.js-doc-title{text-align:center;padding-top:.15rem}.js-doc-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--js-red);font-size:.65rem;font-weight:800}.js-doc-title h1{letter-spacing:-.03em;color:var(--js-ink);margin-top:.15rem;font-family:Archivo,Helvetica,sans-serif;font-size:1.85rem;font-weight:800;line-height:1}.js-stamp{border:2px solid var(--js-blue);background:var(--js-fill);text-align:right;min-width:132px;padding:.45rem .7rem}.js-stamp-label{letter-spacing:.08em;text-transform:uppercase;color:var(--js-muted);font-size:.62rem;font-weight:800;display:block}.js-stamp-no{color:var(--js-blue);margin:.1rem 0;font-family:Archivo,Helvetica,sans-serif;font-size:1.05rem;font-weight:800;display:block}.js-stamp-date{color:var(--js-muted);font-size:.68rem;display:block}.js-ribbon{border-bottom:1px solid var(--js-line);background:var(--js-fill);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.js-ribbon span{border-right:1px solid var(--js-line);padding:.55rem .7rem;font-size:.78rem;font-weight:700}.js-ribbon span:last-child{border-right:none}.js-ribbon em{letter-spacing:.08em;text-transform:uppercase;color:var(--js-muted);margin-bottom:.15rem;font-size:.58rem;font-style:normal;font-weight:800;display:block}.js-urgent{color:var(--js-red);background:#c41e3a14}.js-ribbon-edit{border-right:1px solid var(--js-line);flex-direction:column;gap:.2rem;padding:.45rem .65rem;font-size:.78rem;font-weight:700;display:flex}.js-ribbon-edit em{letter-spacing:.08em;text-transform:uppercase;color:var(--js-muted);font-size:.58rem;font-style:normal;font-weight:800;display:block}.js-ribbon-edit select,.js-ribbon-edit input{border:1px solid var(--js-line);font:inherit;background:#fff;border-radius:4px;width:100%;padding:.25rem .35rem;font-weight:700}.js-field.js-editable{cursor:text}.js-editable input,.js-editable textarea,.js-editable select{width:100%;font:inherit;color:var(--js-ink);resize:vertical;background:0 0;border:none;min-height:1.4em;padding:0;font-size:.86rem;font-weight:600}.js-editable input:focus,.js-editable textarea:focus,.js-editable select:focus{outline:none}.js-sheet-edit .js-field:focus-within{border-color:var(--js-blue);background:#f8fbff;box-shadow:inset 0 0 0 1px #0b4aa833}.info-form-extra{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin:1rem 0;padding:.85rem 1rem}.photo-attach{gap:.4rem;font-size:.92rem;font-weight:600;display:grid}.form-status-ok{color:#1b6b4a;margin:.75rem 0;font-weight:700}.banner-warn{color:#5c4810;background:#fff8e8;border:1px solid #e0c070;border-radius:12px;margin-bottom:1rem;padding:1rem 1.1rem}.banner-warn strong{color:#3d3008;margin-bottom:.35rem;display:block}.banner-warn p{margin-top:.35rem}.form-info-page .muted{max-width:36rem}.js-section{padding:.75rem 1.15rem .35rem}.js-section h2{letter-spacing:.08em;text-transform:uppercase;color:var(--js-blue);border-bottom:1px solid var(--js-line);margin-bottom:.55rem;padding-bottom:.35rem;font-family:Archivo,Helvetica,sans-serif;font-size:.72rem;font-weight:800}.js-grid{grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:.55rem;display:grid}.js-field{border:1px solid var(--js-line);background:#fff;min-height:2.6rem;padding:.35rem .5rem .4rem}.js-wide{grid-column:1/-1}.js-tall{min-height:4.2rem}.js-label{letter-spacing:.07em;text-transform:uppercase;color:var(--js-muted);margin-bottom:.15rem;font-size:.58rem;font-weight:800;display:block}.js-value{white-space:pre-wrap;word-break:break-word;font-size:.86rem;font-weight:600;line-height:1.35;display:block}.js-photos{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.55rem;display:grid}.js-photos figure{border:1px solid var(--js-line);background:var(--js-fill);margin:0}.js-photos img{object-fit:cover;width:100%;height:140px}.js-photos figcaption{color:var(--js-muted);padding:.25rem .4rem;font-size:.65rem}.js-sig-field{min-height:4.5rem}.js-sig-line{border-bottom:1.5px solid var(--js-ink);background:linear-gradient(#0000 70%,#0b4aa80a);height:2.8rem;margin-top:.35rem}.js-sig-image{object-fit:contain;object-position:left bottom;border-bottom:1.5px solid var(--js-ink);background:#fff;width:100%;max-width:420px;height:auto;max-height:120px;margin-top:.35rem;display:block}.sig-pad{margin-top:.4rem}.sig-pad-frame{touch-action:none;background:#fff;border:1.5px dashed #0b4aa859;border-radius:10px;position:relative;overflow:hidden}.sig-pad-canvas{cursor:crosshair;touch-action:none;width:100%;display:block}.sig-pad-hint{pointer-events:none;color:var(--muted);place-items:center;font-size:.92rem;font-weight:600;display:grid;position:absolute;inset:0}.sig-pad-actions{justify-content:flex-end;margin-top:.45rem;display:flex}.sig-pad.is-disabled .sig-pad-frame{opacity:.9;border-style:solid}.js-footer{border-top:2px solid var(--js-ink);color:var(--js-muted);justify-content:space-between;gap:1rem;margin-top:.35rem;padding:.55rem 1.15rem .7rem;font-size:.65rem;font-weight:600;display:flex}.js-pdf-doc{background:#fff;width:794px}.js-pdf-page{box-sizing:border-box;page-break-after:always;break-after:page;background:#fff;flex-direction:column;width:210mm;max-width:210mm;height:297mm;min-height:297mm;display:flex;overflow:visible}.js-pdf-page:last-child{page-break-after:auto;break-after:auto}.js-pdf-body{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.js-pdf-page>.js-signoff{flex:none;margin-top:0}.js-sheet-a4{box-sizing:border-box;border:1px solid var(--js-line);flex-direction:column;width:210mm;max-width:210mm;min-height:297mm;font-size:12px;display:flex}.js-sheet-a4 .js-topbar{flex-shrink:0;height:8px}.js-sheet-a4 .js-header{flex-shrink:0;gap:.55rem;padding:.55rem .9rem .45rem}.js-sheet-a4 .js-logo-brand{background:0 0;border-radius:0;width:auto;max-width:220px;height:52px;padding:0}.js-sheet-a4 .js-doc-title h1{font-size:1.45rem}.js-sheet-a4 .js-doc-kicker{font-size:.58rem}.js-sheet-a4 .js-stamp{border-width:2px;min-width:120px;padding:.35rem .55rem}.js-sheet-a4 .js-stamp-no{font-size:.95rem}.js-sheet-a4 .js-ribbon{flex-shrink:0}.js-sheet-a4 .js-ribbon span,.js-sheet-a4 .js-ribbon-edit{padding:.4rem .55rem;font-size:.72rem}.js-sheet-a4 .js-section{flex:none;padding:.35rem .9rem .15rem}.js-sheet-a4 .js-section h2{margin-bottom:.3rem;padding-bottom:.2rem;font-size:.68rem}.js-sheet-a4 .js-grid{gap:.35rem;margin-bottom:.2rem}.js-sheet-a4 .js-field{min-height:2rem;padding:.28rem .45rem .32rem}.js-sheet-a4 .js-tall{min-height:3.2rem}.js-sheet-a4 .js-label{margin-bottom:.1rem;font-size:.55rem}.js-sheet-a4 .js-value{font-size:.8rem;line-height:1.3}.js-sheet-a4 .js-signoff{flex:none;margin-top:auto;padding-bottom:.1rem}.js-sheet-a4 .js-sig-field{min-height:5.2rem;padding-bottom:.45rem}.js-sheet-a4 .js-sig-line{height:3.2rem;margin-top:.25rem}.js-sheet-a4 .js-sig-image,.js-sheet-a4 .js-sig-canvas{object-fit:contain;object-position:left bottom;border-bottom:1.5px solid var(--js-ink);background:#fff;width:100%;max-width:100%;margin-top:.25rem;height:110px!important;max-height:110px!important;display:block!important}.js-sheet-a4 .js-signoff .js-grid{grid-template-columns:1fr 1fr}.js-signoff .sig-pad-frame{min-height:110px}.js-sheet-a4 .js-footer{flex-shrink:0;margin-top:0;padding:.4rem .9rem .5rem;font-size:.58rem}.js-photos-note{color:var(--js-muted);margin:0 0 .55rem;font-size:.72rem}.js-sheet-a4 .js-photos-evidence{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.js-sheet-a4 .js-photos-evidence figure{border:1px solid var(--js-line);background:#fff;margin:0}.js-sheet-a4 .js-photos-evidence img{object-fit:cover;width:100%;height:220px;display:block}.js-pdf-host .js-sheet-a4,.js-pdf-host .js-pdf-page{border:none;width:100%!important;max-width:none!important}@media print{@page{size:A4;margin:0}.js-preview-wrap{max-width:none;box-shadow:none}.js-sheet,.js-pdf-page{border:none;width:210mm;max-width:none;min-height:297mm}}@media (width<=720px){.js-header{grid-template-columns:1fr}.js-doc-title{text-align:left}.js-stamp{text-align:left;justify-self:start}.js-ribbon{grid-template-columns:1fr 1fr}.js-ribbon span{border-bottom:1px solid var(--js-line)}}@media (width<=1023px){:root{--bottom-nav-h:calc(64px + var(--safe-bottom))}.page-header .btn-primary{display:none}.job-row{min-height:72px;padding:1rem}.form-section{padding:.95rem 1rem 1.05rem}.header-actions{width:100%}.header-actions .btn{flex:1}}@media (width>=720px){.filters{grid-template-columns:1.5fr 1fr 1fr}.job-row{grid-template-columns:1fr auto;align-items:center}.job-row-side{text-align:right}.grid-2{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.detail-grid{grid-template-columns:1fr 1fr}.span-all{grid-column:1/-1}.login-card{padding:1.75rem}.brand-logo{height:48px}}@media (width>=1024px){:root{--bottom-nav-h:0px}.bottom-nav{display:none}.topnav,.user-meta,.btn-signout{display:flex}.app-main{padding-top:1.25rem;padding-bottom:3rem}.page-header .btn-primary{display:inline-flex}}@media print{body{background:#fff}.topbar,.bottom-nav,.no-print,.print-toolbar,.form-actions{display:none!important}.app-main{width:100%;margin:0;padding:0}.js-preview-wrap{box-shadow:none;max-width:none}.js-sheet{border:none}}