@keyframes cellPulse{0%{background-color:#3b82f626}to{background-color:#0000}}@keyframes liveDot{0%,to{opacity:1}50%{opacity:.4}}@keyframes activitySlide{0%{opacity:0;transform:translateY(192px)}1%{opacity:1;transform:translateY(192px)}12%{opacity:1;transform:translateY(192px)}13%{opacity:1;transform:translateY(128px)}24%{opacity:1;transform:translateY(128px)}25%{opacity:1;transform:translateY(64px)}36%{opacity:1;transform:translateY(64px)}37%{opacity:1;transform:translateY(0)}48%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(-8px)}to{opacity:0;transform:translateY(-8px)}}@keyframes hvFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hvEntryIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.hv-demo{width:100%;height:100%;position:relative;overflow:hidden}.hv-demo-live .hv-layer-table{top:40px;left:16px}.hv-demo-live .hv-layer-table .hv-panel{transform-origin:0 0;transform:scale(.88)}.hv-demo-live .hv-layer-activity{top:auto;bottom:40px;right:16px}.hv-demo-live .hv-layer-activity .hv-panel{transform-origin:100% 100%;transform:scale(.88)}.hv-panel{background:#fff;border:1px solid #0000000f;border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000000a,0 8px 20px -4px #00000014}.hv-panel-header{color:var(--color-gray-500);background:var(--color-gray-50);border-bottom:1px solid #0000000f;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.hv-layer{opacity:0;animation:.5s ease-out forwards hvFadeIn;position:absolute}.hv-layer-table{z-index:1;width:80%;animation-delay:.1s;top:8px;bottom:50px;left:8px}.hv-layer-table .hv-panel{flex-direction:column;height:100%;display:flex}.hv-layer-kanban{z-index:2;width:56%;animation-delay:.25s;top:20px;right:8px}.hv-layer-calendar{z-index:3;width:48%;animation-delay:.4s;bottom:8px;left:38%}.hv-layer-activity{z-index:2;width:62%;animation-delay:.25s;top:48px;right:8px}.hv-table{border-collapse:collapse;table-layout:fixed;flex:1;width:100%}.hv-table th{text-align:left;color:var(--color-gray-700);white-space:nowrap;border-bottom:1px solid #0000000f;padding:8px 14px;font-size:13px;font-weight:500}.hv-demo-live .hv-table th:first-child{width:18%}.hv-demo-live .hv-table th:nth-child(2){width:22%}.hv-demo-live .hv-table th:nth-child(3){width:40%}.hv-demo-live .hv-table th:nth-child(4){width:20%}.hv-table td{color:var(--color-gray-900);border-bottom:1px solid #0000000a;padding:8px 14px;font-size:14px}.hv-table tr:last-child td{border-bottom:none}.hv-table-id{color:var(--color-gray-900);white-space:nowrap;width:14%;font-weight:500}.hv-table-status{width:18%}.hv-table-action{text-overflow:ellipsis;white-space:nowrap;width:54%;overflow:hidden}.hv-table-amount{color:var(--color-gray-500);white-space:nowrap;width:14%}.hv-kanban{gap:8px;padding:8px;display:flex}.hv-kanban-col{background:var(--color-gray-50);border-radius:10px;flex-direction:column;flex:1;min-width:0;padding:8px;display:flex}.hv-kanban-col-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.hv-kanban-label{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.hv-kanban-label-processing{background:var(--color-amber-100);color:var(--color-gray-900)}.hv-kanban-label-shipped{background:var(--color-green-100);color:var(--color-gray-900)}.hv-kanban-count{color:var(--color-gray-400);font-size:11px}.hv-kanban-cards{flex-direction:column;gap:6px;display:flex}.hv-kanban-card{background:#fff;border:1.5px solid #0000000a;border-radius:8px;padding:8px 10px;box-shadow:0 1px 3px #0000000a}.hv-kanban-card-name{color:var(--color-gray-800);font-size:12px;font-weight:500;line-height:1.3}.hv-kanban-card-sub{color:var(--color-gray-400);margin-top:1px;font-size:11px}.hv-agenda{flex-direction:column;display:flex}.hv-agenda-row{border-bottom:1px solid #0000000a;align-items:center;gap:8px;padding:7px 12px;display:flex}.hv-agenda-row:last-child{border-bottom:none}.hv-agenda-date{color:var(--color-gray-400);flex-shrink:0;width:56px;font-size:11px;font-weight:500}.hv-agenda-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.hv-agenda-dot-amber{background:var(--color-amber-500)}.hv-agenda-dot-blue{background:var(--color-blue-500)}.hv-agenda-label{color:var(--color-gray-800);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.hv-activity{flex-direction:column;display:flex}.hv-activity-entry{opacity:0;border-bottom:1px solid #0000000a;gap:12px;padding:12px 16px;animation:.4s ease-out forwards hvEntryIn;display:flex}.hv-activity-entry:last-child{border-bottom:none}.hv-activity-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;font-size:14px;font-weight:600;display:flex}.hv-activity-avatar-blue{background:var(--color-blue-100);color:var(--color-blue-700)}.hv-activity-avatar-purple{background:var(--color-purple-100);color:var(--color-purple-700)}.hv-activity-avatar-emerald{background:var(--color-green-100);color:var(--color-green-700)}.hv-activity-avatar-amber{background:var(--color-amber-100);color:var(--color-amber-700)}.hv-activity-avatar-ai-wrap{flex-shrink:0;width:32px;height:32px;margin-top:1px}.hv-activity-avatar-ai-wrap .lotics-wave-avatar{width:32px;height:32px}.hv-activity-avatar-automation{background:var(--color-gray-200);color:var(--color-gray-700)}.hv-activity-body{flex:1;min-width:0}.hv-activity-header{align-items:baseline;gap:5px;line-height:1.35;display:flex}.hv-activity-actor{color:var(--color-gray-800);flex-shrink:0;font-size:14px;font-weight:500}.hv-activity-action{color:var(--color-gray-700);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;overflow:hidden}.hv-activity-time{color:var(--color-gray-400);flex-shrink:0;margin-left:auto;font-size:13px}.hv-activity-detail{color:var(--color-gray-500);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;overflow:hidden}.hv-activity-comment{color:var(--color-gray-600);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;overflow:hidden}.hv-activity-files{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.hv-activity-file{align-items:center;gap:6px;display:inline-flex}.hv-activity-file-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.hv-activity-file-icon-label{color:#fff;letter-spacing:-.2px;font-size:9px;font-weight:700;line-height:1}.hv-activity-file-name{color:var(--color-gray-600);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.hv-activity-images{gap:6px;margin-top:6px;display:flex}.hv-activity-image{object-fit:cover;border-radius:6px;width:48px;height:48px}.hv-live-indicator{align-items:center;gap:5px;margin-left:auto;display:inline-flex}.hv-live-dot{background:var(--color-green-500);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite liveDot}.hv-live-label{color:var(--color-green-600);font-size:12px;font-weight:500}.hv-cell-flash{animation:.6s ease-out cellPulse}.hv-status-badge{white-space:nowrap;color:var(--color-gray-900);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.hv-status-badge-green{background:var(--color-green-100)}.hv-status-badge-amber{background:var(--color-amber-100)}.hv-status-badge-blue{background:var(--color-blue-100)}.hv-status-badge-red{background:var(--color-red-100)}.hv-status-badge-zinc{background:var(--color-gray-100)}.hv-activity-avatar-integration{background:#fff;border:1px solid #00000014}.hv-activity-avatar-integration img{object-fit:contain;width:18px;height:18px}.hv-activity-entry-cycle .hv-activity-avatar{width:28px;height:28px;font-size:12px}.hv-activity-entry-cycle .hv-activity-avatar-ai-wrap,.hv-activity-entry-cycle .hv-activity-avatar-ai-wrap .lotics-wave-avatar{width:28px;height:28px}.hv-activity-direction{flex-shrink:0;font-size:12px;font-weight:600}.hv-activity-direction-inbound{color:var(--color-green-500)}.hv-activity-direction-outbound{color:var(--color-blue-500)}.hv-activity-cycling{height:256px;position:relative;overflow:hidden}.hv-activity-entry-cycle{box-sizing:border-box;opacity:0;border-bottom:1px solid #0000000a;gap:12px;height:64px;padding:12px 16px;animation-name:activitySlide;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both;display:flex;position:absolute;left:0;right:0}@media (width<=768px){.hv-layer-table{width:110%;top:40px;left:0}.hv-layer-table .hv-panel{transform-origin:0 0;transform:scale(.85)}.hv-layer-kanban{width:95%;top:40px;left:auto;right:0}.hv-layer-kanban .hv-panel{transform-origin:100% 0;transform:scale(.9)}.hv-layer-calendar{width:80%;left:30%}.hv-layer-calendar .hv-panel{transform-origin:0 100%;transform:scale(.9)}.hv-demo-live .hv-layer-table{width:130%;bottom:auto;left:0}.hv-demo-live .hv-layer-table .hv-panel{transform:scale(.7)}.hv-demo-live .hv-layer-activity{width:100%;right:0}.hv-demo-live .hv-layer-activity .hv-panel{transform:scale(.7)}.hv-layer-activity{width:90%;top:130px;right:4px}.hv-layer-activity .hv-panel{transform-origin:100% 0;transform:scale(.9)}.hv-layer-activity .hv-activity-entry{gap:8px;padding:10px 12px}.hv-layer-activity .hv-activity-avatar{width:26px;height:26px;font-size:12px}.hv-layer-activity .hv-activity-avatar-ai-wrap,.hv-layer-activity .hv-activity-avatar-ai-wrap .lotics-wave-avatar{width:26px;height:26px}.hv-layer-activity .hv-activity-actor,.hv-layer-activity .hv-activity-action{font-size:12px}.hv-layer-activity .hv-activity-time,.hv-layer-activity .hv-activity-detail,.hv-layer-activity .hv-activity-comment,.hv-layer-activity .hv-activity-file-name{font-size:11px}.hv-layer-activity .hv-activity-image{width:36px;height:36px}.hv-layer-activity .hv-activity-file-icon{width:22px;height:22px}}