@font-face{font-family:projul-font;src:url(/mockups/app-fonts/projul-icons-demo.woff2) format("woff2");font-display:block}@font-face{font-family:Azeret Mono;src:url(/mockups/app-fonts/AzeretMono-demo.woff2) format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:ProjulNewFont;src:url(/mockups/app-fonts/projul-new-icons-demo.woff2) format("woff2");font-display:block}.app{--primary: #0375D8;--text: #1A1C1E;--label: #54575F;--field-label: #8a8989;--field-border: #717880;--surface-3: #bfccdb;--surface-2: #d7dfe8;--surface-row: #e4ecf5;--outline-light: #b5bfcb;--selected: #c7cfd8;--hover: oklch(.91 .03 253);--section-open: #bfe6fe;--status-red: #c0392b;--error: #BA1A1A;--profit: #27ae60;--rail: #282c31;--titlebar: #0268C2;--money: "Azeret Mono", monospace;font-family:Readex Pro,sans-serif;color:var(--text);text-align:left;line-height:1.3}.app .i,.app .p{font-style:normal;font-weight:400;line-height:1;display:inline-block}.app .i{font-family:projul-font}.app .p{font-family:ProjulNewFont}.app .i-grip:before{content:""}.app .i-chevron-up:before{content:""}.app .i-chevron-down:before{content:""}.app .i-walking:before{content:""}.app .i-boxes:before{content:""}.app .i-eye:before{content:""}.app .i-cross:before{content:""}.app .i-more:before{content:""}.app .p-search:before{content:""}.app .p-dashboard:before{content:""}.app .p-clock:before{content:""}.app .p-checklist:before{content:""}.app .p-pipeline:before{content:""}.app .p-projects:before{content:""}.app .p-estimates:before{content:""}.app .p-invoices:before{content:""}.app .p-calendar:before{content:""}.app .p-calculator:before{content:""}.app .p-print:before{content:""}.app .p-preview:before{content:""}.app .p-share:before{content:""}.app .p-publish:before{content:""}.app .p-edit:before{content:""}.app .p-chevron-down:before{content:""}.app .p-chevron-right:before{content:""}.app .p-sections:before{content:""}.app .p-more:before{content:""}.app .p-caret-down:before{content:""}.app .p-equal:before{content:""}.app .p-labor:before{content:""}.app .p-shelves:before{content:""}.app .p-lump-sum:before{content:""}.app .p-cost-template:before{content:""}.app .p-duplicate:before{content:""}.app .p-trash:before{content:""}.app .app__titlebar{display:flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 12px;background:var(--titlebar);color:#fff;font-size:18px;font-weight:500;white-space:nowrap}.app .app__titlebar .p{font-size:17px}.app .app__link{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:15px;font-weight:500;white-space:nowrap}.app .app__link .p{font-size:18px}.app button.app__link,.app button.app__toggle{padding:0;border:0;background:none;font-family:inherit;cursor:pointer}.app button.app__link:disabled,.app button.app__toggle:disabled{cursor:default}.app .app__btn{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--primary);color:var(--primary);font-family:inherit;font-size:15px;font-weight:500;white-space:nowrap}.app .app__btn--primary{background:var(--primary);box-shadow:none;color:#fff}.app button.app__btn{cursor:pointer}.app button.app__btn:disabled{cursor:default}.app .app__chip{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:12px;background:var(--surface-2);color:var(--label);font-size:11px;font-weight:500;white-space:nowrap}.app .app__chip[hidden]{display:none}.app .app__card{background:#fff}.app .app__table{width:100%;border-collapse:collapse;color:var(--text);font-size:13px}.app .app__th{background:var(--hover)}.app .app__th>*{padding:8px 12px;font-weight:500;text-align:left;white-space:nowrap}.app .app__tr>*{padding:8px 12px}.app .app__tr:nth-child(2n){background:#0000000d}.app .app__band{background:var(--section-open);border-radius:4px}.app .app__lead{flex:0 0 auto;display:flex;align-items:center;gap:14px}.app .app__grip{width:12px;font-size:15px;text-align:center;color:var(--text)}.app .app__chev{width:16px;font-size:15px;text-align:center;color:var(--primary)}.app .app__kebab{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--primary);font-size:16px}.app .app__money{font-family:var(--money);font-weight:500}.app .danger{color:var(--status-red)}.app .app__profit{color:var(--profit)}.app .app__f{position:relative;height:42px;border:1px solid var(--field-border);background:#fff;min-width:0}.app .app__f-label{position:absolute;top:3px;left:6px;line-height:12px;font-size:10px;font-weight:600;color:var(--field-label);white-space:nowrap}.app .app__f-value{position:absolute;top:17px;left:6px;right:6px;height:20px;line-height:20px;display:flex;align-items:center;gap:6px;font-size:14px;white-space:nowrap}.app .app__f-value b{margin-left:auto;font-weight:400}.app .app__f-value em{font-style:normal;font-size:13px;color:var(--primary)}.app .app__f-type{font-size:13px;color:var(--text)}.app .app__f-calc{flex:0 0 auto;font-size:14px;color:var(--label)}.app .app__t{flex:0 0 10px;font-size:13px}.app .app__f-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.app .app__f-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;font-size:13px}.app .app__input{flex:1;min-width:0;width:100%;height:20px;padding:0;border:0;outline:0;background:transparent;color:inherit;font:inherit;text-align:right}.app .app__input--left{text-align:left}.app .app__input[readonly]{cursor:default}.app .app__f:focus-within,.app .app__f.is-focused{z-index:1;border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary),0 0 0 3px #0375d838}.app .app__ghost{position:absolute;inset:0 16px 0 20px;display:none;align-items:center;justify-content:flex-end;background:#fff}.app .is-selected{background:#b4d5fe}.app .app__ghost .app__caret{visibility:hidden}.app .is-focused .app__ghost .app__caret{visibility:visible}.app .app__caret{display:inline-block;width:1.5px;height:15px;margin-left:1px;background:var(--text);animation:hero-demo-caret 1.1s steps(1) infinite}@keyframes hero-demo-caret{50%{opacity:0}}.app .is-flash{animation:hero-demo-flash .9s ease-out}@keyframes hero-demo-flash{0%{background:#0375d838}}.app .app__toggle{display:flex;flex-direction:column;align-items:center;gap:3px}.app .app__toggle-label{display:grid;place-items:center;height:14px;font-size:11px;line-height:1;color:var(--primary)}.app .app__toggle .i-eye{font-size:13px;color:var(--label)}.app .app__switch{position:relative;width:26px;height:15px;border-radius:999px;background:#b9bfc7}.app .app__switch:after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#fff}.app .app__switch--on{background:var(--primary)}.app .app__switch--on:after{left:13px}.anim .app__ghost{display:flex}.is-live .app__ghost{display:none}@media(prefers-reduced-motion:reduce){.app .app__caret{animation:none}}.hero-demo{display:contents}.hero-demo [data-demo-shot]{transition:opacity .25s ease}.hero-demo.is-swapping [data-demo-shot]{opacity:0}.hero-demo.is-rewinding *{transition:none!important}.hero-demo-desktop{position:relative;width:100%;max-width:var(--app-w);height:calc(var(--app-h) * var(--s, 1));margin:0;scroll-margin-top:108px}.hero-demo-stage{position:absolute;top:0;left:0;width:var(--app-w);height:var(--app-h);transform:scale(var(--s, 1));transform-origin:top left}.hero-demo-mobile{position:relative;display:none;width:100%;margin:0 0 30px}.hero-demo-fit{position:relative;width:var(--app-w);margin:0 auto;zoom:var(--s, 1)}.hero-demo-mobile [data-play-trigger]{scroll-margin-top:76px}@media(max-width:640px){.hero-demo-desktop{display:none}.hero-demo-mobile{display:block}}.hero-demo-chip{position:absolute;z-index:3;display:block;padding:8px 14px;border-radius:10px;background:#172a3f;color:#fff;font-family:Readex Pro,sans-serif;font-size:12.5px;font-weight:400;line-height:1.35;letter-spacing:0;text-align:left;white-space:nowrap;box-shadow:0 8px 20px -8px #02081299;transition:opacity .35s ease,transform .35s ease}.hero-demo-chip:after{content:"";position:absolute;width:10px;height:10px;background:#172a3f;transform:rotate(45deg)}.hero-demo-chip b{display:block;font-weight:600;color:#f8cd26}.hero-demo-chip[data-tone=warn] b{color:#ff8f85}.hero-demo-chip[data-tone=win] b{color:#6ee7a0}.hero-demo-try{--try-height: 50px;box-sizing:border-box;position:absolute;z-index:4;display:flex;align-items:center;height:var(--try-height);padding:0 calc(var(--try-height) * .36);border:calc(var(--try-height) * .08) solid #FFFFFF;border-radius:999px;background:#2ecc71;color:#172a3f;font-family:Permanent Marker,cursive;font-size:calc(var(--try-height) * .44);line-height:1;white-space:nowrap;text-transform:uppercase;box-shadow:0 10px 22px -8px #02081299;transform:rotate(-8deg);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .25s ease,transform .55s cubic-bezier(.34,1.56,.64,1)}.hero-demo-try:hover{transform:rotate(-4deg) scale(1.06)}.anim:not(.is-live) .hero-demo-try{opacity:0;transform:rotate(-30deg) scale(.3)}.hero-demo-replay{position:absolute;right:0;display:none;align-items:center;gap:6px;padding:4px 6px;border:0;background:transparent;color:#fffc;font:600 13px Readex Pro,sans-serif;cursor:pointer}.hero-demo-replay:hover{color:#fff}.anim.is-live .hero-demo-replay{display:inline-flex}[data-demo-shot].is-live [data-hint].is-hint:not(:disabled){animation:hero-demo-hint .8s ease-in-out}@keyframes hero-demo-hint{0%,to{outline:2px solid transparent;outline-offset:var(--hint-offset, 2px)}50%{outline:2px solid var(--primary);outline-offset:var(--hint-offset, 2px);box-shadow:var(--hint-glow, 0 0 0 6px rgb(3 117 216 / 30%))}}@media(prefers-reduced-motion:reduce){.hero-demo-try{transition:none}[data-demo-shot].is-live [data-hint].is-hint:not(:disabled){animation:none;outline:2px solid var(--primary);outline-offset:var(--hint-offset, 2px)}}