.job-command,.schedule-board,.invoice-builder{min-height:630px;position:relative}.job-command:before,.schedule-board:before,.invoice-builder:before{content:"";border:1px solid #4f91ff29;border-radius:50%;width:520px;height:520px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.job-sheet{z-index:4;background:linear-gradient(145deg,#27374efa,#0f1c2ffc);border:1px solid #ffffff2e;border-radius:29px;width:min(430px,74%);padding:25px;position:absolute;top:49%;left:48%;transform:translate(-50%,-50%)rotate(-1.5deg);box-shadow:0 40px 100px #00051480}.job-sheet-head{color:#83a9fb;letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;gap:16px;font-size:.62rem;font-weight:850;display:flex}.job-sheet-head b{color:#7debb2}.job-sheet h2{margin:18px 0 6px;font-size:1.45rem}.job-sheet>p{color:#8796aa;margin:0 0 22px;font-size:.78rem}.job-facts{gap:9px;display:grid}.job-facts span{background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:100px 1fr;gap:14px;padding:11px 13px;display:grid}.job-facts small{color:#75859a;text-transform:uppercase;font-size:.6rem;font-weight:800}.job-facts b{font-size:.72rem}.job-next{background:#1767ff1c;border:1px solid #1767ff52;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:4px 16px;margin-top:13px;padding:15px;display:grid}.job-next small{color:#83a9fb;letter-spacing:.1em;text-transform:uppercase;grid-column:1;font-size:.58rem;font-weight:850}.job-next b{grid-column:1;font-size:.78rem}.job-next i{color:#7debb2;grid-area:1/2/3;font-size:1.3rem;font-style:normal}.job-states{z-index:6;gap:8px;display:grid;position:absolute;top:10%;right:-2%}.job-states span{color:#7e8da3;background:#0e1b2ef7;border:1px solid #ffffff21;border-radius:999px;min-width:145px;padding:11px 13px;font-size:.62rem;font-weight:800;box-shadow:0 14px 34px #00051247}.job-history{z-index:6;color:#91f0bd;opacity:.58;background:#072627f5;border:1px solid #06c86b47;border-radius:15px;padding:15px 17px;font-size:.7rem;font-weight:800;position:absolute;bottom:8%;right:1%}.job-command.is-running .job-states span{animation:7.6s ease-in-out both jobState;animation-delay:calc(var(--state) * .72s)}.job-command.is-running .job-history{animation:7.6s ease-in-out both jobHistory}@keyframes jobState{0%,9%{color:#7e8da3;border-color:#ffffff21;transform:translate(0)}23%,68%{color:#f5f8ff;border-color:#4f91ff66;transform:translate(-7px)}to{color:#f5f8ff;border-color:#4f91ff45;transform:translate(0)}}@keyframes jobHistory{0%,52%{opacity:.58;transform:scale(.97)}66%,84%{opacity:1;transform:scale(1);box-shadow:0 0 30px #06c86b24}to{opacity:1;transform:scale(1)}}.job-state-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:58px;display:grid}.job-state-grid article,.schedule-state-flow article{color:#142137;background:#fff;border:1px solid #dbe3ee;border-radius:22px;min-height:250px;padding:24px;box-shadow:0 18px 45px #162b4a12}.job-state-grid span,.schedule-state-flow span{color:#1767ff;letter-spacing:.1em;font-size:.66rem;font-weight:850}.job-state-grid h3,.schedule-state-flow h3{margin:45px 0 11px;font-size:1.16rem}.job-state-grid p,.schedule-state-flow p{color:#65748a;margin:0;font-size:.84rem;line-height:1.58}.job-state-grid.is-running article{animation:6.4s ease-in-out both jobStateCard;animation-delay:calc(var(--job-state) * .62s)}@keyframes jobStateCard{0%,10%{border-color:#dbe3ee;transform:translateY(0)}26%,68%{border-color:#1767ff61;transform:translateY(-7px);box-shadow:0 22px 55px #1767ff1f}to{border-color:#1767ff38;transform:translateY(0)}}.schedule-board:before{border-radius:48%;width:530px;height:410px;transform:translate(-50%,-50%)rotate(-7deg)}.schedule-source{z-index:5;background:#101e32f5;border:1px solid #ffffff24;border-radius:16px;padding:16px 18px;position:absolute;top:8%;left:3%;transform:rotate(-3deg);box-shadow:0 24px 60px #00051261}.schedule-source small{color:#83a9fb;letter-spacing:.1em;text-transform:uppercase;font-size:.6rem;font-weight:850;display:block}.schedule-source b{margin-top:5px;font-size:.8rem;display:block}.schedule-cards{z-index:4;gap:11px;width:min(440px,78%);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.schedule-cards article{background:linear-gradient(145deg,#27374efa,#0f1c2ffc);border:1px solid #ffffff21;border-radius:18px;padding:17px 19px;position:relative;box-shadow:0 24px 60px #00051459}.schedule-cards span{color:#83a9fb;letter-spacing:.08em;font-size:.6rem;font-weight:850}.schedule-cards h2{margin:9px 0 4px;font-size:1rem}.schedule-cards p{color:#8796aa;margin:0;font-size:.68rem}.schedule-cards i{color:#8ee9b7;font-size:.6rem;font-style:normal;font-weight:800;position:absolute;top:16px;right:16px}.schedule-cards .schedule-conflict{color:#ffcf67}.schedule-resolved,.schedule-ready{z-index:6;opacity:.58;border-radius:15px;padding:14px 16px;font-size:.68rem;font-weight:800;position:absolute}.schedule-resolved{color:#9ab9fb;background:#0c203df5;border:1px solid #4f91ff4d;bottom:8%;left:2%}.schedule-ready{color:#91f0bd;text-transform:uppercase;background:#072627f5;border:1px solid #06c86b4d;font-size:.75rem;bottom:7%;right:1%}.schedule-board.is-running .schedule-cards article{animation:7.2s ease-in-out both scheduleSlot;animation-delay:calc(var(--slot) * .7s)}.schedule-board.is-running .schedule-resolved{animation:7.2s ease-in-out both scheduleResolve}.schedule-board.is-running .schedule-ready{animation:7.2s ease-in-out both scheduleReady}@keyframes scheduleSlot{0%,10%{opacity:.64;border-color:#ffffff21;transform:translate(0)}25%,70%{opacity:1;border-color:#4f91ff5c;transform:translate(6px)}to{opacity:1;border-color:#4f91ff42;transform:translate(0)}}@keyframes scheduleResolve{0%,44%{opacity:.4;transform:translateY(6px)}58%,82%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes scheduleReady{0%,62%{opacity:.4;transform:scale(.94)}74%,88%{opacity:1;transform:scale(1.05);box-shadow:0 0 28px #06c86b2b}to{opacity:1;transform:scale(1)}}.schedule-conflict-section{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(52px,8vw,120px);display:grid}.conflict-demo{gap:11px;display:grid}.conflict-demo>div{background:#fff;border:1px solid #dbe3ee;border-radius:17px;grid-template-columns:100px 1fr auto;align-items:center;gap:16px;padding:20px;display:grid;box-shadow:0 18px 40px #162b4a12}.conflict-demo span{color:#1767ff;font-size:.67rem;font-weight:850}.conflict-demo b{color:#142137;font-size:.82rem}.conflict-demo i{color:#6b7b91;font-size:.63rem;font-style:normal}.conflict-demo .conflict-row{border-color:#ffb43773}.conflict-demo .conflict-row i{color:#d48b10}.conflict-demo em{color:#1767ff;text-transform:uppercase;justify-self:center;font-size:.68rem;font-style:normal;font-weight:850}.conflict-demo .resolved-row{border-color:#06c86b59}.conflict-demo .resolved-row i{color:#069e5a}.conflict-demo.is-running .conflict-row{animation:5.8s ease-in-out both conflictWarn}.conflict-demo.is-running .resolved-row{animation:5.8s ease-in-out both conflictResolved}@keyframes conflictWarn{0%,12%{transform:translate(0)}28%,52%{transform:translate(5px);box-shadow:0 20px 50px #d48b1021}to{opacity:.7;transform:translate(0)}}@keyframes conflictResolved{0%,46%{opacity:.45;transform:translateY(7px)}64%,84%{opacity:1;transform:translateY(0);box-shadow:0 20px 50px #069e5a1f}to{opacity:1;transform:translateY(0)}}.schedule-state-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:58px;display:grid}.schedule-state-flow article{color:#f6f8fe;box-shadow:none;background:#ffffff0b;border-color:#ffffff1a}.schedule-state-flow h3{color:#f6f8fe}.schedule-state-flow p{color:#93a2b6}.schedule-state-flow.is-running article{animation:5.8s ease-in-out both scheduleState;animation-delay:calc(var(--schedule-state) * .7s)}@keyframes scheduleState{0%,10%{border-color:#ffffff1a;transform:translateY(0)}26%,70%{background:#1767ff12;border-color:#4f91ff61;transform:translateY(-7px)}to{background:#ffffff0b;border-color:#4f91ff38;transform:translateY(0)}}.invoice-builder:before{border-radius:42%;width:500px;height:570px;transform:translate(-50%,-50%)rotate(7deg)}.invoice-sheet{z-index:5;color:#17253a;background:#f9fbff;border:1px solid #ffffff2e;border-radius:27px;width:min(415px,72%);padding:24px;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)rotate(-1.5deg);box-shadow:0 42px 100px #00051480}.invoice-sheet header{justify-content:space-between;align-items:start;gap:16px;display:flex}.invoice-sheet header small,.invoice-address small{color:#1767ff;letter-spacing:.11em;text-transform:uppercase;font-size:.56rem;font-weight:850;display:block}.invoice-sheet header b{margin-top:4px;font-size:.78rem;display:block}.invoice-sheet header span{color:#087945;text-transform:uppercase;background:#e7faef;border-radius:999px;padding:7px 9px;font-size:.55rem;font-weight:850}.invoice-address{border-top:1px solid #dbe3ee;border-bottom:1px solid #dbe3ee;margin-top:20px;padding:13px 0}.invoice-address b{margin-top:6px;font-size:.75rem;display:block}.invoice-address span{color:#66758a;margin-top:3px;font-size:.62rem;display:block}.invoice-lines{gap:8px;margin-top:15px;display:grid}.invoice-lines>span{border-bottom:1px solid #e5ebf3;grid-template-columns:1fr 28px auto;align-items:center;gap:10px;padding:9px 0;display:grid}.invoice-lines b{font-size:.66rem}.invoice-lines i{color:#75859a;text-align:center;font-size:.6rem;font-style:normal}.invoice-lines em{color:#4f6077;font-size:.62rem;font-style:normal}.invoice-totals{gap:7px;margin-top:15px;display:grid}.invoice-totals>span,.invoice-totals strong{justify-content:space-between;gap:20px;font-size:.67rem;display:flex}.invoice-totals small{color:#6f7e92;font-size:.6rem;font-weight:700}.invoice-totals strong{color:#f7faff;background:#173b75;border-radius:11px;margin-top:4px;padding:11px}.invoice-totals strong small{color:#a9c1e8}.invoice-source{z-index:6;background:#101e32f7;border:1px solid #ffffff24;border-radius:15px;min-width:160px;padding:14px 16px;position:absolute;box-shadow:0 22px 55px #0005125c}.invoice-source small{color:#83a9fb;letter-spacing:.1em;text-transform:uppercase;font-size:.56rem;font-weight:850;display:block}.invoice-source b{margin-top:5px;font-size:.68rem;display:block}.invoice-source-customer{top:13%;left:0;transform:rotate(-4deg)}.invoice-source-job{top:18%;right:-2%;transform:rotate(3deg)}.invoice-source-proof{bottom:12%;left:-1%;transform:rotate(3deg)}.invoice-ready{z-index:7;color:#91f0bd;opacity:.55;background:#072627f7;border:1px solid #06c86b47;border-radius:15px;padding:15px 17px;font-size:.68rem;font-weight:800;position:absolute;bottom:10%;right:-1%}.invoice-builder.is-running .invoice-source{animation:6.8s ease-in-out both invoiceSource}.invoice-builder.is-running .invoice-source-job{animation-delay:.6s}.invoice-builder.is-running .invoice-source-proof{animation-delay:1.2s}.invoice-builder.is-running .invoice-sheet{animation:6.8s ease-in-out both invoiceSheet}.invoice-builder.is-running .invoice-ready{animation:6.8s ease-in-out both invoiceReady}@keyframes invoiceSource{0%,8%{opacity:.62;filter:saturate(.65)}26%,66%{opacity:1;filter:saturate();border-color:#4f91ff61}to{opacity:1;filter:saturate();border-color:#4f91ff42}}@keyframes invoiceSheet{0%,18%{box-shadow:0 42px 100px #00051480}48%,76%{box-shadow:0 42px 110px #1767ff47}to{box-shadow:0 42px 100px #1767ff2e}}@keyframes invoiceReady{0%,58%{opacity:.55;transform:scale(.96)}72%,88%{opacity:1;transform:scale(1.04);box-shadow:0 0 30px #06c86b29}to{opacity:1;transform:scale(1)}}@media (width<=1180px){.job-state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1020px){.schedule-conflict-section{grid-template-columns:1fr}.schedule-state-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.job-command,.schedule-board,.invoice-builder{min-height:575px}.job-command:before,.schedule-board:before,.invoice-builder:before{width:360px;height:430px}.job-sheet,.invoice-sheet{width:91%}.job-states{top:1%;right:-3%}.job-states span{min-width:116px;padding:9px 11px}.job-history{bottom:0;right:0}.job-state-grid,.schedule-state-flow{grid-template-columns:1fr}.job-state-grid article,.schedule-state-flow article{min-height:0}.schedule-source{top:0;left:-1%}.schedule-cards{width:94%}.schedule-resolved{bottom:0;left:0}.schedule-ready{bottom:0;right:0}.conflict-demo>div{grid-template-columns:82px 1fr}.conflict-demo i{grid-column:2}.invoice-source{min-width:130px;padding:11px 12px}.invoice-source-customer{top:2%;left:-2%}.invoice-source-job{top:5%;right:-2%}.invoice-source-proof{bottom:2%;left:-2%}.invoice-ready{bottom:1%;right:-1%}}@media (prefers-reduced-motion:reduce){.job-command.is-running .job-states span,.job-command.is-running .job-history,.job-state-grid.is-running article,.schedule-board.is-running .schedule-cards article,.schedule-board.is-running .schedule-resolved,.schedule-board.is-running .schedule-ready,.conflict-demo.is-running .conflict-row,.conflict-demo.is-running .resolved-row,.schedule-state-flow.is-running article,.invoice-builder.is-running .invoice-source,.invoice-builder.is-running .invoice-sheet,.invoice-builder.is-running .invoice-ready{animation:none}.job-history,.schedule-resolved,.schedule-ready,.invoice-ready{opacity:1}}