.map-mock{font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#f6f6f4;padding:.85rem .95rem;display:flex;flex-direction:column;gap:.6rem}.map-mock *{box-sizing:border-box}.map-mock .mm-frame{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:.75rem;border:1px solid #e7e5e4;box-shadow:0 8px 24px -14px #00000040}.map-mock .mm-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}.map-mock .mm-frame[data-theme=light] .mm-bg[data-bg=light],.map-mock .mm-frame[data-theme=dark] .mm-bg[data-bg=dark],.map-mock .mm-frame[data-theme=streets] .mm-bg[data-bg=streets],.map-mock .mm-frame[data-theme=outdoors] .mm-bg[data-bg=outdoors],.map-mock .mm-frame[data-theme=satellite] .mm-bg[data-bg=satellite]{opacity:1}.map-mock .mm-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.map-mock .mm-casing{fill:none;stroke:#fff;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;opacity:.9;stroke-dasharray:1;stroke-dashoffset:1}.map-mock .mm-core{fill:none;stroke:#2563eb;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}.map-mock[data-play] .mm-casing{animation:mm-draw 1s ease-out .35s forwards}.map-mock[data-play] .mm-core{animation:mm-draw 1s ease-out .45s forwards}@keyframes mm-draw{to{stroke-dashoffset:0}}.map-mock .mm-frame[data-line=dashed] .mm-core{stroke-dasharray:.022 .016}.map-mock .mm-frame[data-line=dashed] .mm-casing{opacity:.35}.map-mock .mm-pin{position:absolute;transform:translate(-50%,-100%);opacity:0;z-index:3}.map-mock[data-play] .mm-pin{animation:mm-drop .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--d)}@keyframes mm-drop{0%{opacity:0;transform:translate(-50%,-135%)}to{opacity:1;transform:translate(-50%,-100%)}}.map-mock .mm-pin-mark{display:block;width:22px;height:30px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.map-mock .mm-pin-mark path{fill:#171717;stroke:#fff;stroke-width:1.5}.map-mock .mm-pin-num{position:absolute;left:50%;top:11px;transform:translate(-50%,-50%);font-size:10px;font-weight:700;color:#171717}.map-mock .mm-pin-tag{position:absolute;left:50%;bottom:calc(100% + 3px);transform:translate(-50%);white-space:nowrap;font-size:10px;font-weight:600;color:#1c1917;background:#fffffff2;padding:1px 6px;border-radius:9999px;box-shadow:0 1px 4px #00000040}.map-mock .mm-badge{position:absolute;left:.55rem;bottom:.55rem;z-index:3;font-size:10px;font-weight:500;color:#292524;background:#ffffffe6;border:1px solid rgba(0,0,0,.06);padding:2px 8px;border-radius:9999px;opacity:0}.map-mock[data-play] .mm-badge{animation:mm-fade .5s ease 1.3s forwards}@keyframes mm-fade{to{opacity:1}}.map-mock .mm-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.map-mock .mm-themes{display:inline-flex;gap:.3rem}.map-mock .mm-theme{position:relative;width:44px;height:28px;border-radius:6px;overflow:hidden;border:1px solid #e0ddd8;padding:0;cursor:pointer;box-shadow:0 0 #17171700;transition:box-shadow .2s ease}.map-mock .mm-theme img{width:100%;height:100%;object-fit:cover;display:block}.map-mock .mm-theme.is-active{box-shadow:0 0 0 2px #171717}.map-mock .mm-theme-check{position:absolute;top:2px;right:2px;width:13px;height:13px;border-radius:9999px;background:#171717;display:none;align-items:center;justify-content:center}.map-mock .mm-theme.is-active .mm-theme-check{display:flex}.map-mock .mm-theme-check svg{width:8px;height:8px;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.map-mock .mm-segs{display:inline-flex;gap:.4rem}.map-mock .mm-seg{display:inline-flex;border:1px solid #e7e5e4;border-radius:.45rem;overflow:hidden;background:#fff}.map-mock .mm-seg-o{font-size:.68rem;padding:.18rem .45rem;color:#78716c;transition:background .25s,color .25s}.map-mock .mm-seg-o.is-on{background:#171717;color:#fff;font-weight:500}@media(prefers-reduced-motion:reduce){.map-mock .mm-casing,.map-mock .mm-core{stroke-dashoffset:0;animation:none!important}.map-mock .mm-pin{opacity:1;transform:translate(-50%,-100%);animation:none!important}.map-mock .mm-badge{opacity:1;animation:none!important}.map-mock .mm-bg{transition:none!important}}.crm2{position:absolute;inset:0;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#faf9f7;--ink: #1c1917;--muted: #78716c;--line: #eeece8}.crm2 *{box-sizing:border-box}.crm2 img{display:block;width:100%;height:100%}.crm2 .c-surface{position:absolute;inset:0;display:flex;flex-direction:column;padding:.85rem 1rem 0;background:#fdfcfb}.crm2 .c-toolbar{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem}.crm2 .c-search{flex:1;display:flex;align-items:center;gap:.5rem;height:2rem;padding:0 .7rem;border:1px solid #e7e5e4;border-radius:.6rem;background:#fff;color:#a8a29e;font-size:.8rem}.crm2 .c-chip{display:inline-flex;align-items:center;gap:.35rem;height:2rem;padding:0 .7rem;border:1px solid #e7e5e4;border-radius:.6rem;background:#fff;color:#44403c;font-size:.8rem;font-weight:500}.crm2 .c-ic{width:.9rem;height:.9rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.crm2 .c-head,.crm2 .c-row{display:grid;grid-template-columns:minmax(0,1fr) 76px 82px 96px;align-items:center;column-gap:.5rem}.crm2 .c-head{padding:0 .25rem .5rem;font-size:.72rem;color:#a8a29e;border-bottom:1px solid var(--line)}.crm2 .c-rows{display:flex;flex-direction:column}.crm2 .c-row{padding:.5rem .25rem;border-bottom:1px solid var(--line);min-height:3rem}.crm2 .c-row.is-selected{background:#f6f7fb;border-radius:.5rem;box-shadow:inset 0 0 0 1px #e7ecf5}.crm2 .c-contact{display:flex;align-items:center;gap:.6rem;min-width:0}.crm2 .c-ava{width:34px;height:34px;border-radius:9999px;overflow:hidden;flex:0 0 auto;background:#f0efec}.crm2 .c-ava--sm{width:26px;height:26px}.crm2 .c-idty{min-width:0;display:flex;flex-direction:column}.crm2 .c-name{font-size:.85rem;font-weight:600;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm2 .c-email{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm2 .c-badge{display:inline-flex;align-items:center;padding:.1rem .5rem;border-radius:9999px;font-size:.72rem;font-weight:500;transition:color .35s,background .35s,border-color .35s}.crm2 .c-badge.is-lead{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.crm2 .c-badge.is-client,.crm2 .c-badge[data-client]{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7}.crm2 .c-status{font-size:.8rem;color:#57534e;transition:color .35s}.crm2 .c-status[data-client]{color:#16a34a}.crm2 .c-activity{font-size:.76rem;color:#a8a29e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm2 .c-pipe,.crm2 .c-inline-pipe{display:flex;align-items:flex-start}.crm2 .p-node{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:68px;flex:0 0 auto}.crm2 .p-ring{position:relative;padding:2px;border-radius:9999px;background:#e7e5e4;transition:background .35s ease}.crm2 .p-ava{display:block;width:40px;height:40px;border-radius:9999px;overflow:hidden;opacity:.4;transition:opacity .35s ease;background:#f0efec}.crm2 .p-badge{position:absolute;right:-2px;bottom:-2px;width:17px;height:17px;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:#3b82f6;border:2px solid #fff;transform:scale(0);opacity:0;transition:transform .32s cubic-bezier(.34,1.56,.64,1),opacity .2s}.crm2 .p-badge svg{width:9px;height:9px;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.crm2 .p-label{font-size:10.5px;line-height:1;white-space:nowrap;color:#a8a29e;font-weight:400;transition:color .35s ease}.crm2 .p-conn{position:relative;width:22px;height:2px;margin:21px -6px 0;background:#d6d3d1;flex:0 0 auto}.crm2 .p-conn-fill{position:absolute;inset:0;background:#3b82f6;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.22,1,.36,1)}.crm2 .p-conn[data-reached] .p-conn-fill{transform:scaleX(1)}.crm2 .p-node[data-state=completed] .p-ring,.crm2 .p-node[data-state=active] .p-ring{background:#3b82f6}.crm2 .p-node[data-state=completed] .p-ava{opacity:.62}.crm2 .p-node[data-state=active] .p-ava{opacity:1}.crm2 .p-node[data-state=completed] .p-badge,.crm2 .p-node[data-state=active] .p-badge{transform:scale(1);opacity:1}.crm2 .p-node[data-state=completed] .p-label{color:#44403c;font-weight:500}.crm2 .p-node[data-state=active] .p-label{color:#2563eb;font-weight:600}.crm2 .p-node[data-key=client][data-state=active] .p-ring,.crm2 .p-node[data-key=client][data-state=active] .p-badge{background:#22c55e}.crm2 .p-node[data-key=client][data-state=active] .p-label{color:#16a34a}.crm2--overlay .c-panel{position:absolute;left:50%;bottom:.9rem;z-index:2;transform-origin:bottom center;transform:translate(-50%) translateY(12px) scale(.97);width:93%;background:#fff;border:1px solid #ececec;border-radius:.85rem;box-shadow:0 20px 44px -16px #00000047;padding:.9rem 1rem 1rem;opacity:0}.crm2--overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(250,249,247,.5) 66%,rgba(250,249,247,.82) 100%);pointer-events:none;opacity:0;transition:opacity .4s ease}.crm2--overlay[data-panel-in]:after{opacity:1}.crm2--overlay[data-panel-in] .c-panel{opacity:1;transform:translate(-50%) translateY(0) scale(1);transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.34,1.56,.64,1)}.crm2--split .c-panel{position:absolute;left:0;right:0;bottom:0;z-index:2;background:#fff;border-top:1px solid #ececec;box-shadow:0 -10px 30px -18px #0000002e;padding:.85rem 1.1rem 1rem;opacity:0;transform:translateY(12px)}.crm2--split[data-panel-in] .c-panel{opacity:1;transform:none;transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1)}.crm2--split .c-surface{bottom:auto;height:auto}.crm2 .c-panel-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem}.crm2 .c-panel-name{font-size:.88rem;font-weight:600;color:var(--ink)}.crm2 .c-pill{font-size:.7rem;font-weight:500;padding:.1rem .5rem;border-radius:9999px;color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;transition:color .35s,background .35s,border-color .35s}.crm2 .c-pill[data-client]{color:#16a34a;background:#f0fdf4;border-color:#dcfce7}.crm2 .c-panel-hint{margin-left:auto;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#cbc9c4}.crm2 .c-pipe{justify-content:center}.crm2--inrow .c-row.is-expanded{grid-template-columns:minmax(0,220px) 1fr;padding-top:.6rem;padding-bottom:.6rem}.crm2--inrow .c-inline-pipe{justify-content:flex-end}.crm2--inrow .p-node{width:58px}.crm2--inrow .p-ava{width:30px;height:30px}.crm2--inrow .p-conn{margin-top:16px}@media(prefers-reduced-motion:reduce){.crm2 .c-panel{opacity:1!important;transform:translate(-50%)!important;transition:none!important}.crm2--split .c-panel{transform:none!important}.crm2 .p-ring,.crm2 .p-ava,.crm2 .p-badge,.crm2 .p-label,.crm2 .p-conn-fill,.crm2 .c-pill,.crm2 .c-badge,.crm2 .c-status{transition:none!important}}