:root{--a:#2F6BFF;--bg:#F5F6F8;--s:#fff;--l:#E6E8EC;--l2:#EEF0F3;--i:#15171C;--m:#6B7280;--g:#15803d;--gb:#dcfce7;--r:#b91c1c;--rb:#fee2e2;--w:#a16207;--wb:#fef3c7}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;color:var(--i);background:var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}.demo-bar{height:28px;display:flex;align-items:center;gap:12px;padding:0 12px;background:#0b0c0e;color:#a0a5ac;font:400 11px IBM Plex Mono,ui-monospace,monospace;white-space:nowrap;overflow:hidden}.demo-bar b{background:#f5d90a;color:#111;font-weight:600;padding:2px 6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.demo-bar span{overflow:hidden;text-overflow:ellipsis}.demo-bar a{margin-left:auto;color:#f2f2ef;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}.app{display:grid;grid-template-columns:224px 1fr;height:calc(100vh - 28px)}.side{background:var(--s);border-right:1px solid var(--l);display:flex;flex-direction:column;padding:16px 12px}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;font-size:14.5px;min-width:0}.brand b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.brand small{display:block;color:var(--m);font-size:11.5px}.bl img{width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#fff}.logo,.mlogo{width:28px;height:28px;border-radius:8px;background:var(--a);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;flex:none}.mlogo{display:none}.side nav{display:flex;flex-direction:column;gap:2px}.side nav button{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;color:var(--m);font-weight:500;text-align:left;transition:background .15s,color .15s}.side nav button:hover{background:var(--l2);color:var(--i)}.side nav button.on{background:color-mix(in srgb,var(--a) 10%,#fff);color:var(--a)}.side svg,.tabs svg{width:18px;height:18px;flex:none}.me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 8px;border-top:1px solid var(--l)}.me b{display:block;font-size:13px}.me small{color:var(--m);font-size:12px}.avt{width:30px;height:30px;border-radius:50%;background:#1f2937;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:600;flex:none}.main{display:flex;flex-direction:column;min-width:0;height:100%;min-height:0}.top{display:flex;align-items:center;gap:14px;padding:14px 24px;background:var(--s);border-bottom:1px solid var(--l)}.top h1{font-size:19px;margin:0;font-weight:650;letter-spacing:-.01em;white-space:nowrap}.search{margin-left:auto;display:flex;align-items:center;gap:8px;border:1px solid var(--l);border-radius:10px;padding:0 12px;height:36px;width:260px;color:var(--m);background:var(--bg)}.search input{border:0;outline:0;background:none;flex:1;min-width:0}.search svg{width:15px;height:15px}.new{height:36px;padding:0 14px;border-radius:10px;background:var(--a);color:#fff;font-weight:600;white-space:nowrap}.content{flex:1;overflow-y:auto;padding:22px 24px 40px}.vgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;animation:vin .35s ease both}@keyframes vin{0%{opacity:0;transform:translateY(6px)}}.w{background:var(--s);border:1px solid var(--l);border-radius:14px;padding:18px;grid-column:span 12;min-width:0}.s4{grid-column:span 4}.s5{grid-column:span 5}.s6{grid-column:span 6}.s7{grid-column:span 7}.s8{grid-column:span 8}.w h3{margin:0 0 14px;font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.w h3 small{font-weight:500;color:var(--m);font-size:12px}.w-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;padding:0;overflow:hidden}.kpi{padding:18px;border-right:1px solid var(--l)}.kpi:last-child{border-right:0}.kpi span{color:var(--m);font-size:12.5px;display:block}.kpi b{display:block;font-size:26px;font-weight:650;letter-spacing:-.02em;margin:6px 0 4px;font-variant-numeric:tabular-nums}.kpi em{font-style:normal;font-size:12px;color:var(--g)}.w-chart svg{width:100%;height:auto;display:block}.w-chart .bar{fill:var(--a);opacity:.85;transition:opacity .2s}.w-chart .bar:hover{opacity:1}.w-chart .bar.lo{opacity:.3}.w-chart text{font-size:11px;fill:var(--m)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;color:var(--m);font-weight:500;padding:0 12px 10px;border-bottom:1px solid var(--l);white-space:nowrap}td{padding:12px;border-bottom:1px solid var(--l2);white-space:nowrap}tbody tr{cursor:pointer;transition:background .12s}tbody tr:hover{background:var(--bg)}td:first-child{font-weight:550}.tw{overflow-x:auto;margin:0 -6px}.pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:550;background:var(--l2);color:#374151}.pill.g{background:var(--gb);color:var(--g)}.pill.r{background:var(--rb);color:var(--r)}.pill.w{background:var(--wb);color:var(--w)}.pill.a{background:color-mix(in srgb,var(--a) 12%,#fff);color:var(--a)}.kb{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;align-items:flex-start}.kcol{flex:1 0 230px;background:var(--l2);border-radius:12px;padding:10px;min-height:180px;transition:background .15s,box-shadow .15s}.kcol.over{background:color-mix(in srgb,var(--a) 9%,#fff);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--a) 40%,transparent)}.kcol h4{margin:2px 4px 10px;font-size:13px;display:flex;justify-content:space-between}.kcol h4 span{color:var(--m);font-weight:500;font-size:12px}.kc{background:var(--s);border:1px solid var(--l);border-radius:10px;padding:11px 12px;margin-bottom:8px;cursor:grab;transition:box-shadow .15s,transform .15s}.kc:hover{box-shadow:0 4px 14px -6px #0000002e}.kc.drag{opacity:.4}.kc b{display:block;font-weight:600;font-size:13.5px}.kc small{color:var(--m);font-size:12.5px}.kc .v{float:right;font-weight:600;font-size:12.5px;color:var(--a)}.wk{overflow-x:auto}.wk-in{min-width:560px}.wk-h,.wk-b{display:grid;grid-template-columns:44px repeat(var(--n),1fr)}.wk-h div{font-size:12px;color:var(--m);font-weight:600;padding:0 6px 8px}.wk-b{position:relative;border-top:1px solid var(--l)}.wk-t div{height:44px;font-size:11px;color:var(--m);padding-top:2px}.wk-d{position:relative;border-left:1px solid var(--l2);background-image:linear-gradient(var(--l2) 1px,transparent 1px);background-size:100% 44px}.ev{position:absolute;left:4px;right:4px;border-radius:8px;padding:6px 8px;background:color-mix(in srgb,var(--a) 13%,#fff);border-left:3px solid var(--a);overflow:hidden;cursor:pointer;transition:transform .15s}.ev:hover{transform:scale(1.02)}.ev b{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev small{font-size:11px;color:var(--m)}.rg td{text-align:center;padding:8px}.rg td:first-child{text-align:left}.sh{display:inline-block;min-width:54px;padding:5px 8px;border-radius:8px;background:color-mix(in srgb,var(--a) 12%,#fff);color:var(--a);font-weight:600;font-size:12px}.sh.e{background:none;color:#c3c7ce;font-weight:400}.fq{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.svc{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.svc button{border:1.5px solid var(--l);border-radius:12px;padding:14px;text-align:left;transition:border-color .15s,background .15s}.svc button.on{border-color:var(--a);background:color-mix(in srgb,var(--a) 6%,#fff)}.svc b{display:block}.svc small{color:var(--m)}.fl{font-size:12.5px;color:var(--m);font-weight:600;margin:0 0 8px;display:flex;justify-content:space-between}input[type=range]{width:100%;accent-color:var(--a);margin-bottom:20px}.ex{display:flex;flex-wrap:wrap;gap:8px}.ex label{display:flex;align-items:center;gap:7px;border:1px solid var(--l);border-radius:999px;padding:7px 12px;cursor:pointer;font-size:13px}.ex input{accent-color:var(--a)}.sum{background:#14161b;color:#fff;border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px;align-self:start}.sum .row{display:flex;justify-content:space-between;color:#a3a8b1;font-size:13px}.sum .tot{font-size:42px;font-weight:650;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#fff}.sum button{margin-top:6px;height:44px;border-radius:10px;background:var(--a);color:#fff;font-weight:600}.ck{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--l2);cursor:pointer}.ck i{width:20px;height:20px;border-radius:6px;border:1.5px solid #cbd0d6;display:grid;place-items:center;flex:none;transition:background .15s,border-color .15s}.ck.on i{background:var(--a);border-color:var(--a)}.ck.on i:after{content:"";width:9px;height:5px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}.ck.on span{color:var(--m);text-decoration:line-through}.prog{height:6px;background:var(--l2);border-radius:6px;overflow:hidden;margin-bottom:8px}.prog i{display:block;height:100%;background:var(--a);transition:width .3s}canvas{width:100%;height:170px;border:1.5px dashed #cfd3da;border-radius:12px;background:#fafbfc;touch-action:none;display:block;cursor:crosshair}.sg{display:flex;justify-content:space-between;margin-top:10px;color:var(--m);font-size:12.5px}.sg button{color:var(--a);font-weight:600}.fd{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--l2)}.fd:last-child{border-bottom:0}.fd .avt{width:28px;height:28px;font-size:10px;background:color-mix(in srgb,var(--a) 85%,#000)}.fd p{margin:0;font-size:13px;line-height:1.4;flex:1}.fd small{color:var(--m);font-size:12px;white-space:nowrap}.drawer{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:100%;background:var(--s);border-left:1px solid var(--l);transform:translate(105%);transition:transform .3s cubic-bezier(.2,.7,.1,1),box-shadow .3s;visibility:hidden;z-index:20;display:flex;flex-direction:column}.drawer.on{transform:none;visibility:visible;box-shadow:-20px 0 50px -20px #0003}.dh{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--l)}.dh b{font-size:17px}.dh button{width:30px;height:30px;border-radius:8px;font-size:18px;color:var(--m)}.dh button:hover{background:var(--l2)}.db{padding:16px 20px;flex:1;overflow:auto}.kv{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--l2);gap:20px}.kv span{color:var(--m)}.da{display:flex;gap:8px;padding:16px 20px;border-top:1px solid var(--l)}.da button{flex:1;height:40px;border-radius:10px;border:1px solid var(--l);font-weight:600}.da button.p{background:var(--a);color:#fff;border-color:var(--a)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f111640;opacity:0;pointer-events:none;transition:opacity .25s;z-index:19}.scrim.on{opacity:1;pointer-events:auto}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,16px);background:#14161b;color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;opacity:0;transition:opacity .2s,transform .25s;z-index:40;pointer-events:none;white-space:nowrap}.toast.on{opacity:1;transform:translate(-50%)}.tabs{display:none}.tour-on{position:relative;z-index:31;box-shadow:0 0 0 3px var(--a),0 0 0 9999px #0f111673!important;border-radius:14px;transition:box-shadow .3s}.tb{position:fixed;z-index:32;width:300px;max-width:calc(100vw - 24px);background:#14161b;color:#fff;border-radius:14px;padding:16px;box-shadow:0 20px 40px -10px #0006;animation:vin .3s ease both}.tb small{color:#9aa0a9;font-size:12px}.tb p{margin:6px 0 14px;line-height:1.45;font-size:14px}.tb div{display:flex;gap:8px;justify-content:flex-end}.tb button{height:32px;padding:0 13px;border-radius:8px;font-weight:600;font-size:13px;color:#cfd3da}.tb button.p{background:var(--a);color:#fff}.mini .content{overflow:hidden}.mini .demo-bar{display:none}.mini .app{height:100vh}.mini ::-webkit-scrollbar{display:none}@media(max-width:1100px){.s4,.s5,.s6,.s7,.s8{grid-column:span 12}.search{width:200px}}@media(max-width:900px){.app{grid-template-columns:64px 1fr}.side{padding:14px 10px;align-items:center}.brand div,.side nav span,.me div{display:none}.brand{padding:4px 0 18px}.side nav button{justify-content:center;padding:10px}.me{padding:10px 0;border:0}}@media(max-width:640px){.app{grid-template-columns:1fr}.side{display:none}.mlogo{display:grid}.top{padding:12px 14px;gap:10px}.top h1{font-size:17px}.search{display:none}.new{height:34px;padding:0 12px;margin-left:auto}.content{padding:14px 14px 90px}.vgrid{gap:12px}.w{padding:14px}.w-kpis{grid-template-columns:1fr 1fr}.kpi{border-bottom:1px solid var(--l);padding:14px}.kpi:nth-child(2n){border-right:0}.kpi b{font-size:21px}.tw{margin:0}.w-table table,.w-table tbody,.w-table tr,.w-table td{display:block}.w-table thead{display:none}.w-table tr{border:1px solid var(--l);border-radius:12px;padding:10px 12px;margin-bottom:10px}.w-table td{display:flex;justify-content:space-between;padding:5px 0;border:0;white-space:normal;gap:12px}.w-table td:before{content:attr(data-l);color:var(--m);font-weight:400}.w-table td:first-child{font-size:15px}.w-table td:first-child:before{display:none}.fq{grid-template-columns:1fr}.svc{grid-template-columns:1fr 1fr}.tabs{display:flex;position:fixed;left:0;right:0;bottom:0;background:var(--s);border-top:1px solid var(--l);padding:6px 6px calc(6px + env(safe-area-inset-bottom));z-index:10}.tabs button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;color:var(--m);padding:5px 0;font-weight:500}.tabs button.on{color:var(--a)}.drawer{width:100%;top:auto;height:78%;border-radius:18px 18px 0 0;transform:translateY(105%)}.kcol{flex-basis:78%}}
/*# sourceMappingURL=/cdn/shop/t/168/assets/ecx-demo-quoteflow-1.css.map */