.f2-fit{position:relative;width:100%}.f2-demo{position:absolute;left:0;top:0;transform-origin:0 0;font-family:-apple-system,SF Pro Text,Helvetica Neue,system-ui,sans-serif;letter-spacing:0;text-transform:none}.f2-demo__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:38px;padding:0 14px;color:#f2efe9;font:600 13px/1 var(--font-golos),system-ui,sans-serif}.f2-demo__live{display:inline-flex;align-items:center;gap:8px;font-weight:500;opacity:.85}.f2-demo__live i{width:7px;height:7px;border-radius:50%;background:#5ef08f;box-shadow:0 0 0 0 rgba(94,240,143,.6);animation:crm-live 1.8s ease-out infinite}@keyframes crm-live{to{box-shadow:0 0 0 7px rgba(94,240,143,0)}}.crm-window{height:100%;display:flex;flex-direction:column;border:3px solid #0d0d0d;box-shadow:12px 12px 0 #0d0d0d;background:#eef2f4;box-sizing:border-box;overflow:hidden}.crm-chrome{display:flex;align-items:center;gap:14px;height:34px;padding:0 12px;background:#dfe3e8;border-bottom:1px solid #cdd3d9;flex:none}.crm-dots{display:flex;gap:6px}.crm-dots i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.crm-dots i:nth-child(2){background:#febc2e}.crm-dots i:nth-child(3){background:#28c840}.crm-url{max-width:330px;margin:0 auto 0 30px;height:22px;display:flex;align-items:center;padding:0 10px;background:#fff;border-radius:6px;font-size:11px;color:#6b737c;white-space:nowrap}.crm-app,.crm-url{flex:1;overflow:hidden}.crm-app{position:relative;min-height:0;padding:10px 10px 0;color:#333}.crm-app:after{content:"";position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(rgba(238,242,244,0),#eef2f4 85%);pointer-events:none;z-index:4}.crm-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12px}.crm-toolbar b{font-size:17px;font-weight:700;color:#1f2329;margin-right:4px}.crm-pill{padding:5px 10px;color:#525c69}.crm-pill,.crm-search{background:#fff;border:1px solid #dfe3e6;border-radius:14px}.crm-search{flex:1;padding:5px 12px;color:#a8adb4}.crm-add{background:#bbed21;color:#1f2329;font-weight:700;border-radius:14px;padding:6px 14px}.crm-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:start}.crm-col{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0}.crm-col__head{background:#fff;border-top:4px solid;border-radius:4px;padding:7px 9px 8px}.crm-col__title{font-size:11.5px;font-weight:700;color:#1f2329;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-col__meta{font-size:10.5px;color:#828b95;margin-top:2px;font-variant-numeric:tabular-nums}.crm-card{background:#fff;border:1px solid #e1e6ea;border-radius:4px;padding:7px 9px;display:flex;flex-direction:column;gap:2px;box-shadow:0 1px 2px rgba(0,0,0,.04);box-sizing:border-box}.crm-card__name{font-size:12px;font-weight:700;color:#2067b0}.crm-card__name,.crm-card__what{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-card__what{font-size:10.5px;color:#828b95}.crm-card__sum{gap:6px;font-size:12px;font-weight:700;color:#1f2329;font-variant-numeric:tabular-nums}.crm-card__foot,.crm-card__sum{display:flex;align-items:center}.crm-card__foot{gap:5px;margin-top:3px;font-size:10px;color:#a8adb4}.crm-ava{width:17px;height:17px;border-radius:50%;background:#8fa3b8;color:#fff;font-size:8px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}.crm-ava--none{background:#dfe3e6;color:#828b95}.crm-ava--anna{background:#e3261b;animation:crm-pop .35s cubic-bezier(.34,1.56,.64,1)}.crm-src{background:#f1f4f6;border-radius:3px;padding:1px 5px;color:#525c69}.crm-time{margin-left:auto}@keyframes crm-pop{0%{transform:scale(.3)}to{transform:none}}@keyframes crm-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.crm-lead{position:relative;z-index:2;border-color:#e3261b;box-shadow:0 0 0 2px rgba(227,38,27,.22),0 8px 18px rgba(0,0,0,.12);transition:border-color .3s ease,box-shadow .3s ease}.crm-lead[data-step=paid]{border-color:#7bd500;box-shadow:0 0 0 2px rgba(123,213,0,.28),0 8px 18px rgba(0,0,0,.12)}.crm-lead[data-step=paid] .crm-card__sum{color:#3d8f00}.crm-paid{background:#7bd500;color:#fff;font-size:9.5px;padding:1px 6px;border-radius:3px;animation:crm-pop .35s cubic-bezier(.34,1.56,.64,1)}.crm-task{font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:crm-in .3s ease both}.crm-task--wait{color:#a8adb4}.crm-task--info{color:#2067b0}.crm-task--warn{color:#d98a00}.crm-task--ok{color:#2fa36b}.crm-task--violet{color:#7a5cf0}.crm-toast{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:9px;max-width:330px;padding:10px 14px;background:#1f2329;color:#fff;border-radius:8px;font-size:12px;box-shadow:0 10px 24px rgba(0,0,0,.25);z-index:5;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.crm-toast.is-on{opacity:1;transform:none}.crm-toast i{width:8px;height:8px;border-radius:50%;background:#2fc6f6;flex:none}.crm-toast[data-tone=ok] i{background:#7bd500}.crm--compact .crm-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:10px}.crm-stepper{display:flex;flex-direction:column;gap:5px;font-size:10.5px;color:#a8adb4;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-stepper i{height:5px;border-radius:3px;background:#d7dde2;transition:background .4s ease}.crm-stepper.is-done i{background:var(--c);opacity:.45}.crm-stepper.is-on i{background:var(--c)}.crm-stepper.is-on{color:#1f2329}.crm-compact__list{display:flex;flex-direction:column;gap:6px}.crm-compact__lead{animation:crm-in .45s cubic-bezier(.2,.8,.2,1) both}.crm--compact .crm-card__name{font-size:13px}.crm--compact .crm-card__what,.crm--compact .crm-task{font-size:11.5px}.crm--compact .crm-card__sum{font-size:13px}.crm--compact .crm-toast{left:10px;right:10px;bottom:10px;max-width:none}