/** webx/static/css/components/color-picker.css **/
.hx-color-picker,.hx-color-picker *{box-sizing:border-box}.hx-color-picker{display:flex;align-items:center;padding-left:12px}.hx-color-picker-trigger{width:32px;height:32px;border-radius:8px;border:1px solid #e0e0e0;cursor:pointer;background-color:#fff;opacity:1;box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:transform 0.1s ease,box-shadow 0.1s ease}.hx-color-picker-trigger:hover{transform:scale(1.05);box-shadow:0 2px 5px rgba(0,0,0,0.15)}.hx-color-picker-trigger.is-readonly{cursor:default;pointer-events:none}.hx-color-picker-trigger.is-readonly:hover{transform:none;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.hx-color-picker-value{display:none}.hx-color-picker-value.is-readonly{cursor:default}.hx-color-picker-dropdown{position:fixed;z-index:9999;margin-top:8px;background:#ffffff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.15);border:1px solid #f0f0f0;width:352px;min-height:434px;padding:16px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;opacity:1}.hx-cp-saturation-area{position:relative;width:100%;height:238px;flex-shrink:0;border-radius:8px;overflow:hidden;cursor:crosshair;background-image:linear-gradient(to top,#000,rgba(0,0,0,0)),linear-gradient(to right,#fff,rgba(255,255,255,0))}.hx-cp-saturation-pointer{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 2px rgba(0,0,0,0.5);transform:translate(-50%,-50%);pointer-events:none}.hx-cp-hue-slider{position:relative;width:320px;height:12px;border-radius:24px;border:1px solid rgba(0,0,0,0.1);opacity:1;background:linear-gradient(to left,#ff0008 0%,#ff00eb 16.67%,#0e00ff 32.81%,#00edff 49.06%,#00ff00 67.97%,#fffe00 83.13%,#ff0800 100%);cursor:pointer;flex-shrink:0;box-sizing:border-box}.hx-cp-hue-pointer{position:absolute;top:50%;width:20px;height:20px;border-radius:50%;background:transparent;border:5px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 0 2px rgba(0,0,0,0.3);transform:translate(-50%,-50%);pointer-events:none;box-sizing:border-box;opacity:1}.hx-cp-hue-pointer-inner{position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;border:0.63px solid #0000001a;transform:translate(-50%,-50%);box-sizing:border-box;opacity:1}.hx-cp-inputs-row{display:flex;gap:8px;flex-shrink:0;justify-content:space-between}.hx-cp-input-group{display:flex;flex-direction:column;gap:0}.hx-cp-input-group label{font-size:14px;font-weight:600;font-style:normal;line-height:24px;letter-spacing:0%;vertical-align:middle;color:#666}.hx-cp-input{border:1px solid #e0e0e0;border-radius:6px;padding:8px;font-size:13px;color:#333;width:100%;height:40px;box-sizing:border-box;transition:border-color 0.2s}.hx-cp-input:focus{outline:none;border-color:#4a90e2}.hx-cp-hex-input{width:103px;flex:none}.hx-cp-rgb-input{width:63px;flex:none}.hx-cp-actions{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;flex-shrink:0}.hx-cp-eyedropper-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e0e0e0;background:#fff;border-radius:8px;padding:8px;gap:10px;cursor:pointer;color:#666;transition:all 0.2s}.hx-cp-eyedropper-btn:hover{background:#f5f5f5;color:#333}.hx-cp-button-group{display:flex;gap:8px}.hx-btn{height:40px;border-radius:8px;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all 0.2s;display:flex;align-items:center;justify-content:center}.hx-btn-secondary{width:87px;background:#fff;border-color:#e0e0e0;color:#666}.hx-btn-secondary:hover{background:#f5f5f5;color:#333}.hx-btn-primary{width:70px;background:linear-gradient(90deg,#2a5ea2 40%,#1c4f92 100%);color:#fff;border:none}.hx-btn-primary:hover{opacity:0.9}.hx-cp-saved-list::-webkit-scrollbar{width:4px}.hx-cp-saved-list::-webkit-scrollbar-track{background:transparent}.hx-cp-saved-list::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.hx-cp-saved-list::-webkit-scrollbar-thumb:hover{background:#ccc}

/** webx/static/css/components/approval-config-widget.css **/
.hx-approval-config-widget{width:100%}.hx-approval-config-container{border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;background:#ffffff}.hx-approval-config-header{margin-bottom:16px}.hx-approval-config-title{font-size:14px;font-weight:600;color:#1e1e1e}.hx-approval-config-row{margin-bottom:16px}.hx-approval-config-row:last-child{margin-bottom:0}.hx-approval-config-field{display:flex;flex-direction:column;gap:6px}.hx-approval-config-label{font-size:14px;font-weight:600;color:#374151}.hx-approval-config-toggle-wrapper{display:flex;align-items:center;gap:12px}.hx-toggle-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.hx-toggle-switch input{opacity:0;width:0;height:0}.hx-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#bdbdbd;border-radius:22px;transition:0.3s}.hx-toggle-slider::before{position:absolute;content:'';height:16px;width:16px;left:3px;bottom:3px;background-color:white;border-radius:50%;transition:0.3s}.hx-toggle-switch input:checked + .hx-toggle-slider{background-color:#005cb5}.hx-toggle-switch input:checked + .hx-toggle-slider::before{transform:translateX(18px)}.hx-toggle-switch.is-readonly{opacity:0.6;pointer-events:none}.hx-approval-config-helper-text{font-size:12px;color:#9e9e9e;line-height:1.4}.hx-approval-config-description{font-size:12px;color:#757575;margin:0 0 12px 0;line-height:1.4}.hx-approval-config-inline-fields{display:flex;gap:16px;align-items:flex-end}.hx-approval-config-estimate-field{flex:1;max-width:200px}.hx-approval-config-period-field{flex:1;max-width:200px}.hx-approval-config-input{width:100%;height:36px;padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;color:#1e1e1e;background:#ffffff;outline:none;transition:border-color 0.2s;box-sizing:border-box}.hx-approval-config-input:focus{border-color:#005cb5}.hx-approval-config-input:read-only{background:#f5f5f5;cursor:default}.hx-approval-config-select-wrapper{position:relative;display:flex;align-items:center}.hx-approval-config-select-wrapper .hx-dropdown-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);cursor:pointer;pointer-events:auto}.hx-approval-config-select-input{padding-right:30px;cursor:pointer}.hx-approval-config-period-menu{background:#ffffff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.1);overflow:hidden;max-height:200px;overflow-y:auto}.hx-approval-config-period-menu .dropdown-item{padding:8px 12px;font-size:13px;color:#1e1e1e;cursor:pointer;transition:background-color 0.15s}.hx-approval-config-period-menu .dropdown-item:hover{background-color:#f0f4ff}.hx-approval-config-period-menu .dropdown-item.selected{background-color:#e8f0fe;color:#005cb5;font-weight:500}.hx-approval-config-timeout-row{padding-top:8px;border-top:1px solid #f0f0f0}

/** webx/static/css/components/approval-history-widget.css **/
.hx-form-groups .form-field-value:has(.approval-history-widget){display:block!important;width:100%!important;max-width:100%!important}.hx-form-groups .form-field-wrapper:has(.approval-history-widget){width:100%!important;max-width:100%!important;min-height:unset!important;max-width:100%!important}.hx-form-groups .form-card-body:has(.approval-history-widget){display:block!important;width:100%!important;max-width:100%!important;padding:0!important;max-width:100%!important}.hx-form-groups .form-card:has(.approval-history-widget){width:100%!important;max-width:100%!important;box-shadow:none!important;border:none!important;background:transparent!important;padding:0!important}.hx-form-groups .form-single-col:has(.approval-history-widget){width:100%!important;max-width:100%!important;flex:1 1 100%!important;max-width:100%!important}.hx-form-groups .form-single-row:has(.approval-history-widget){display:block!important;width:100%!important;padding:0!important;max-width:100%!important}.approval-history-widget{width:100%!important;box-sizing:border-box!important;margin-right:10px}.approval-history-widget{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;border:1px solid #e2e8f0;border-radius:12px;background:#ffffff;overflow:hidden;margin:16px 0}.approval-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.approval-history-empty .empty-icon{margin-bottom:16px;opacity:0.5}.approval-history-empty .empty-text{font-size:15px;font-weight:600;color:#475569;margin:0 0 4px 0}.approval-history-empty .empty-subtext{font-size:13px;color:#94a3b8;margin:0}.approval-history-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px 24px;background:#ffffff}.approval-history-header .header-left{display:flex;align-items:flex-start;gap:12px}.approval-history-header .header-info{display:flex;flex-direction:column;gap:2px}.approval-history-header .header-title{font-size:18px;font-weight:700;color:#1e293b;margin:0;line-height:1.3}.approval-history-header .header-subtitle{font-size:13px;color:#64748b;font-weight:400}.approval-history-header .header-right{text-align:right;flex-shrink:0}.overall-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:0.02em}.overall-status-badge.status-pending,.overall-status-badge.status-waiting_approval{background:#fef3c7;color:#92400e}.overall-status-badge.status-approved,.overall-status-badge.status-confirmed{background:#dcfce7;color:#166534}.overall-status-badge.status-rejected{background:#fee2e2;color:#991b1b}.overall-status-badge.status-cancelled{background:#f1f5f9;color:#475569}.approval-progress-bar{display:flex;align-items:center;padding:0 24px 16px 24px}.approval-progress-bar .progress-track{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.approval-progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6)!important;border-radius:4px;transition:width 0.6s cubic-bezier(0.4,0,0.2,1)}.header-counter{display:flex;align-items:baseline;justify-content:flex-end;gap:2px;line-height:1}.counter-current{font-size:32px;font-weight:800;color:#1e293b}.counter-sep{font-size:20px;font-weight:400;color:#94a3b8;margin:0 2px}.counter-total{font-size:20px;font-weight:600;color:#64748b}.counter-label{font-size:12px;color:#94a3b8;font-weight:500;text-align:right;margin-top:4px}.approval-levels-list{padding:8px 24px 16px 24px}.approval-level-section{display:flex;gap:16px;padding-bottom:0}.approval-level-section:last-child{border-bottom:none}.level-status-icon-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:52px;padding-top:12px}.level-status-circle{display:flex!important;align-items:center!important;justify-content:center!important;width:52px!important;height:52px!important;border-radius:50%!important;flex-shrink:0!important;z-index:1;overflow:visible!important;background:#ffffff!important;border:none!important;box-shadow:0 2px 8px rgba(0,0,0,0.08)!important}.level-status-circle .level-icon{display:block!important;width:46px!important;height:46px!important;flex-shrink:0!important}.level-status-circle .level-icon circle{fill:#ffffff}.circle-approved .level-icon,.circle-completed .level-icon{color:#22c55e!important}.circle-rejected .level-icon{color:#ef4444!important}.circle-pending .level-icon,.circle-waiting .level-icon,.circle-current .level-icon{color:#f59e0b!important}.level-connector-line{width:3px;flex:1;background:#e2e8f0;min-height:24px;border-radius:2px}.level-body{flex:1;min-width:0;padding-bottom:16px;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;margin-bottom:12px;background:#f8fafc;box-shadow:0 1px 3px rgba(0,0,0,0.04)}.level-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 6px 20px;cursor:pointer;transition:background-color 0.15s ease;user-select:none;margin:0}.level-header:hover{background:#f9fafb}.level-header-left{display:flex;align-items:center;gap:10px}.level-header-right{display:flex;align-items:center;gap:12px}.level-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:4px;background:#f1f5f9;border:1px solid #e2e8f0}.level-tag-text{font-size:11px;font-weight:700;color:#475569;letter-spacing:0.06em}.level-approver-count{font-size:13px;color:#1e293b;font-weight:500}.level-title{font-size:16px;font-weight:700;color:#1e293b}.level-meta-row{display:flex;align-items:center;gap:10px;padding:4px 20px 10px 20px}.level-meta-text{font-size:13px;color:#6b7280}.level-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 12px;border-radius:20px;font-size:12px;font-weight:600}.lstatus-pending,.lstatus-waiting,.lstatus-current{background:#fef3c7;color:#d97706;border:1px solid #fcd34d}.lstatus-approved,.lstatus-completed{background:#dcfce7;color:#16a34a;border:1px solid #86efac}.lstatus-rejected{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.lstatus-skipped{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.chevron-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform 0.2s ease;color:#94a3b8}.chevron-icon.expanded{transform:rotate(180deg)}.level-content{padding:4px 20px 16px 20px;display:flex;flex-direction:column;gap:12px}.approver-card{display:flex;align-items:center;gap:16px;padding:16px 20px;margin-bottom:0;background:#ffffff;border:1px solid #e2e8f0;border-radius:14px;transition:box-shadow 0.15s ease;box-shadow:0 1px 2px rgba(0,0,0,0.03)}.approver-card:hover{box-shadow:0 2px 8px rgba(0,0,0,0.06)}.approver-avatar{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;color:#ffffff;font-size:16px;font-weight:700;flex-shrink:0;letter-spacing:0.5px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.approver-info{flex:1;min-width:0;padding-left:2px}.approver-name{font-size:16px;font-weight:700;color:#1e293b;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approver-role{font-size:13px;color:#6b7280;margin-top:2px;font-weight:500}.approver-action{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.approver-status{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:13px;font-weight:600;padding:5px 12px;border-radius:20px;white-space:nowrap;line-height:1!important}.approver-status .badge-icon{display:inline-block!important;flex-shrink:0!important;width:14px!important;height:14px!important;vertical-align:middle!important}.astatus-approve,.astatus-approved{color:#166534;background:#dcfce7;border:1px solid #86efac}.astatus-reject,.astatus-rejected{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.astatus-delegate{color:#7c3aed;background:#f5f3ff;border:1px solid #c4b5fd}.astatus-pending{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.astatus-closed{color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db}.approver-date{font-size:12px;color:#9ca3af}.approver-view-comment{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid #f3f4f6;margin:0;cursor:pointer;color:#6b7280;font-size:13px;font-weight:500;transition:background 0.15s ease;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 12px 12px;margin-bottom:12px}.approver-view-comment:hover{background:#f9fafb}.approver-card:has(+ .approver-view-comment){border-radius:12px 12px 0 0;border-bottom:none;margin-bottom:0}.approver-comment-body{border:1px solid #e5e7eb;border-top:none;border-radius:0 0 12px 12px;padding:12px 20px;background:#f9fafb;margin-bottom:12px}.comment-text-content{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#475569;line-height:1.5}.comment-text-content svg{flex-shrink:0;color:#94a3b8;margin-top:2px}.comment-text-content>span{display:inline-flex;flex-shrink:0}.approver-view-comment:has(+ .approver-comment-body){border-radius:0;margin-bottom:0;border-bottom:none}.no-approvers{padding:16px 20px;text-align:center;color:#9ca3af;font-size:13px;background:#f9fafb;border-radius:12px;border:1px dashed #e5e7eb}.approver-subtext{font-size:12px;color:#9ca3af;font-style:italic;font-weight:400}.approver-email{font-size:13px!important;color:#9ca3af!important;display:flex!important;align-items:center!important;gap:5px!important;margin-top:2px!important;overflow:visible!important;height:auto!important;min-height:18px!important}.approver-email>span:first-child{display:inline-flex!important;align-items:center!important;flex-shrink:0!important;line-height:0!important}.approver-email svg,.approver-email .email-icon{flex-shrink:0!important;width:13px!important;height:13px!important;min-width:13px!important;min-height:13px!important;display:block!important;color:#9ca3af!important;overflow:visible!important}.approver-email .email-text{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;line-height:1.3!important}.approval-history-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#f9fafb;border-top:1px solid #e5e7eb}.footer-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stat-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-left:12px}.stat-dot:first-child{margin-left:0}.stat-dot.stat-approved{background:#22c55e}.stat-dot.stat-pending{background:#f59e0b}.stat-dot.stat-rejected{background:#ef4444}.stat-dot.stat-closed{background:#9ca3af}.stat-text{font-size:13px;color:#374151;font-weight:500}.stat-item{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.footer-right{display:flex;align-items:center}.footer-updated{font-size:13px;color:#9ca3af;white-space:nowrap}.footer-workflow{display:flex;align-items:center;gap:4px;font-size:12px}.workflow-label{color:#94a3b8}.workflow-name{color:#475569;font-weight:500}.activity-log-section{border-top:1px solid #e2e8f0}.activity-log-section-header{display:flex;align-items:center;gap:8px;padding:12px 20px 0 20px;font-size:13px;font-weight:600;color:#475569}.activity-log-count{display:inline-flex;align-items:center;justify-content:center;background:#f1f5f9;color:#475569;font-size:11px;font-weight:700;padding:1px 7px;border-radius:10px}.status-arrow{vertical-align:middle;margin:0 2px}.chevron-sm{display:inline-flex;align-items:center;justify-content:center;transition:transform 0.2s ease}.chevron-sm.expanded{transform:rotate(180deg)}.slide-enter-active,.slide-leave-active{transition:all 0.25s ease;overflow:hidden}.slide-enter-from,.slide-leave-to{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.slide-enter-to,.slide-leave-from{max-height:1000px;opacity:1}.activity-log-timeline{padding:16px 20px}.activity-log-item{display:flex;gap:12px;position:relative}.activity-log-line{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:20px}.activity-log-dot{width:12px;height:12px;border-radius:50%;background:#94a3b8;border:2px solid #fff;box-shadow:0 0 0 2px #e2e8f0;flex-shrink:0;margin-top:4px;z-index:1}.activity-log-dot.dot-submit_for_approval{background:#64748b;box-shadow:0 0 0 2px #e2e8f0}.activity-log-dot.dot-approve{background:#10b981;box-shadow:0 0 0 2px #d1fae5}.activity-log-dot.dot-reject{background:#ef4444;box-shadow:0 0 0 2px #fee2e2}.activity-log-dot.dot-confirm_direct{background:#10b981;box-shadow:0 0 0 2px #d1fae5}.activity-log-dot.dot-delegate{background:#8b5cf6;box-shadow:0 0 0 2px #f5f3ff}.activity-log-dot.dot-status_change{background:#64748b;box-shadow:0 0 0 2px #e2e8f0}.activity-log-connector{width:2px;flex:1;background:#e2e8f0;min-height:16px}.activity-log-content{flex:1;padding-bottom:20px}.activity-log-action{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.activity-action-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;line-height:1.4}.activity-action-badge.action-submit_for_approval{background:#f1f5f9;color:#475569}.activity-action-badge.action-approve{background:#d1fae5;color:#047857}.activity-action-badge.action-reject{background:#fee2e2;color:#b91c1c}.activity-action-badge.action-confirm_direct{background:#d1fae5;color:#047857}.activity-action-badge.action-delegate{background:#f5f3ff;color:#7c3aed}.activity-action-badge.action-status_change{background:#f1f5f9;color:#475569}.activity-log-date{font-size:11px;color:#94a3b8}.activity-log-detail{margin-top:4px}.activity-status-flow{font-size:13px;color:#475569;font-weight:500}.activity-log-user{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b;margin-top:4px}.activity-log-user svg{flex-shrink:0}.activity-log-comment{display:flex;align-items:flex-start;gap:4px;font-size:12px;color:#64748b;margin-top:4px;font-style:italic}.activity-log-comment svg{flex-shrink:0;margin-top:1px}

/** webx/static/css/components/org-widget.css **/
.hx-org-widget{display:flex;flex-direction:column;gap:12px;margin-top:10px;margin-inline:0}.hx-org-widget__empty{padding:18px 16px;border-radius:14px;border:1px dashed #d0d7e2;background:#f8fafc;color:#64748b;font-size:13px;text-align:center}.hx-org-widget__list{display:flex;flex-direction:column;gap:12px}.hx-org-node{--hx-org-step:32px;--hx-org-self-indent:32px;--hx-org-parent-indent:0px;--hx-org-branch-offset:18px;--hx-org-connector-color:#d0d7e2;--hx-org-connector-thickness:1.5px;--hx-org-connector-gap:12px;--hx-org-connector-bg:#ffffff;position:relative;display:flex;flex-direction:column;gap:var(--hx-org-connector-gap);min-width:0}.hx-org-node__children{position:relative;display:flex;flex-direction:column;gap:var(--hx-org-connector-gap);--hx-org-parent-indent:var(--hx-org-self-indent,0px)}.hx-org-card{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;background:#ffffff;border:1px solid rgba(226,232,240,0.9);margin-left:var(--hx-org-self-indent,0px)}.hx-org-card--current{border-color:#2563eb}.hx-org-card__avatar{flex-shrink:0;width:48px;height:48px;border-radius:16px;font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;letter-spacing:0.02em;text-transform:uppercase;background:var(--hx-org-avatar-bg,#e0ecff);color:var(--hx-org-avatar-fg,#1c64f2);overflow:hidden;position:relative}.hx-org-card__avatar.has-img{background:transparent;padding:0}.hx-org-card__avatar-img{width:100%;height:100%;object-fit:cover;display:block}.hx-org-card__body{flex:1;min-width:0;display:flex;flex-direction:column}.hx-org-card__name{font-size:15px;font-weight:600;color:#0f172a;line-height:1.2}.hx-org-card__title{font-size:13px;font-weight:500;color:#64748b;margin-top:4px;line-height:1.25}.hx-org-card__badge{min-width:32px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;text-align:center;background:#eff6ff;color:#1d4ed8;box-shadow:inset 0 0 0 1px rgba(37,99,235,0.08)}@media (max-width:768px){.hx-org-card{flex-direction:column;align-items:flex-start;gap:10px}.hx-org-card__badge{align-self:flex-end}}.hx-org-node__children>.hx-org-node>.hx-org-card::before{content:"";position:absolute;left:calc(-1 * (32px - 15px));top:calc(-1 * var(--hx-org-connector-gap) - 1px);width:calc(32px - 15px - 2px);height:calc(var(--hx-org-connector-gap) + 50% + 1px);background:linear-gradient(var(--hx-org-connector-color),var(--hx-org-connector-color)) left 0 top 0 / var(--hx-org-connector-thickness) 100% no-repeat,linear-gradient(var(--hx-org-connector-color),var(--hx-org-connector-color)) left 0 bottom 0 / 100% var(--hx-org-connector-thickness) no-repeat;pointer-events:none;z-index:0}.hx-org-node__children>.hx-org-node:not(:last-child)>.hx-org-card::after{content:"";position:absolute;left:calc(-1 * (32px - 15px));top:calc(50% - 1px);width:var(--hx-org-connector-thickness);height:calc(50% + var(--hx-org-connector-gap) + 2px);background:var(--hx-org-connector-color);pointer-events:none;z-index:0}.hx-org-node__children>.hx-org-node:not(:last-child)>.hx-org-node__children::after{content:"";position:absolute;left:var(--hx-org-trunk-x,16px);top:0;bottom:-12px;width:1.5px;background:#d0d7e2;pointer-events:none;z-index:0;transform:translateZ(0)}@media (max-width:768px){.hx-org-node__children>.hx-org-node:not(:last-child)>.hx-org-node__children::after{content:""!important;position:absolute!important;left:var(--hx-org-trunk-x,15.5px)!important;top:0!important;bottom:-12px!important;width:1.5px!important;background:#d0d7e2!important;pointer-events:none!important;z-index:0!important}}.hx-org-node--root>.hx-org-card::before,.hx-org-node--root>.hx-org-card::after,.hx-org-node--root>.hx-org-node__children::before,.hx-org-node--root>.hx-org-node__children::after{content:none!important}

/** webx/static/css/components/debug-textbox-widget.css **/
.hx-debug-textbox-widget{margin-top:16px;border-top:2px dashed #e5e7eb;padding-top:16px;animation:hx-debug-textbox-widget-fadeIn 0.3s ease-in-out}.hx-debug-textbox-widget__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hx-debug-textbox-widget__icon{flex-shrink:0}.hx-debug-textbox-widget__label{display:block;font-weight:600;font-size:14px;color:#374151;margin:0}.hx-debug-textbox-widget__badge{display:inline-block;padding:2px 8px;background-color:#fef3c7;color:#92400e;font-size:11px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:0.5px}.hx-debug-textbox-widget__textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-family:'Courier New',monospace;font-size:12px;background-color:#f9fafb;color:#374151;resize:vertical;line-height:1.5;transition:border-color 0.2s ease}.hx-debug-textbox-widget__textarea:focus{outline:none;border-color:#9ca3af;box-shadow:0 0 0 3px rgba(156,163,175,0.1)}.hx-debug-textbox-widget__textarea::-webkit-scrollbar{width:8px;height:8px}.hx-debug-textbox-widget__textarea::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.hx-debug-textbox-widget__textarea::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.hx-debug-textbox-widget__textarea::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes hx-debug-textbox-widget-fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}

/** webx/static/css/components/notification-settings-widget.css **/
.hx-notification-settings-widget{width:100%;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;display:flex;flex-direction:column;gap:24px}.hx-notification-header{display:flex;flex-direction:column;gap:6px}.hx-notification-subtitle{font-size:16px;font-weight:400;line-height:1.5em;color:#303030;margin:0}.hx-notification-events-container{display:flex;flex-direction:row;align-items:flex-start;gap:18px;width:100%;max-width:100%;box-sizing:border-box}.hx-notification-event-card{display:flex;flex-direction:column;gap:24px;padding:20px 16px 36px;background-color:#F5F5F5;border-radius:12px;flex:1;min-height:700px;max-width:calc(33.333% - 12px);box-sizing:border-box;overflow:hidden}.hx-notification-event-header{display:flex;flex-direction:column;gap:6px}.hx-notification-event-title{font-size:16px;font-weight:600;line-height:1.5em;color:#1E1E1E;margin:0}.hx-notification-event-description{font-size:14px;font-weight:400;line-height:1.4285714285714286em;color:#303030;margin:0}.hx-notification-divider{width:100%;height:1px;background-color:#E6E6E6}.hx-notification-recipients{display:flex;flex-direction:column;gap:16px}.hx-notification-recipient-item{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;min-height:20px}.hx-notification-checkbox{width:20px;height:20px;border:1.25px solid #006FFF;border-radius:4px;cursor:pointer;appearance:none;background-color:#FFFFFF;position:relative;flex-shrink:0;margin:0;vertical-align:middle}.hx-notification-checkbox:checked{background-color:#006FFF}.hx-notification-checkbox:checked::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:6px;background-image:url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3L3 5L7 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.hx-notification-checkbox:disabled{cursor:not-allowed;opacity:0.5}.hx-notification-recipient-label{font-size:14px;font-weight:500;line-height:1.4285714285714286em;color:#000000;display:flex;align-items:center;min-height:20px}.hx-notification-channels{display:flex;flex-direction:column;gap:16px}.hx-notification-channel-item{display:flex;align-items:center;gap:8px}.hx-notification-toggle{position:relative;display:inline-block;width:40px;height:24px;flex-shrink:0}.hx-notification-toggle-input{opacity:0;width:0;height:0}.hx-notification-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#E3E3E3;border-radius:1000px;transition:background-color 0.3s ease;padding:2px}.hx-notification-toggle-slider::before{content:'';position:absolute;height:20px;width:20px;left:2px;bottom:2px;background-color:#FFFFFF;border-radius:50%;transition:transform 0.3s ease;box-shadow:0px 1px 1px 0px rgba(0,0,0,0.05),0px 2px 2px 0px rgba(0,0,0,0.1)}.hx-notification-toggle-input:checked + .hx-notification-toggle-slider{background-color:#3082ED}.hx-notification-toggle-input:checked + .hx-notification-toggle-slider::before{transform:translateX(16px)}.hx-notification-toggle-input:disabled + .hx-notification-toggle-slider{cursor:not-allowed;opacity:0.5}.hx-notification-channel-label{font-size:14px;font-weight:500;line-height:1.4285714285714286em;color:#000000}.hx-notification-templates{display:flex;flex-direction:column;gap:24px}.hx-notification-template-row{display:flex;align-items:flex-end;gap:8px}.hx-notification-template-field{display:flex;flex-direction:column;gap:4px;flex:1}.hx-notification-template-label{font-size:16px;font-weight:600;line-height:1.5em;color:#303030}.hx-notification-template-input-wrapper{position:relative;display:flex;align-items:center;background-color:#FFFFFF;border:1px solid #E6E6E6;border-radius:8px;padding:8px 12px}.hx-notification-template-input{flex:1;border:none;outline:none;font-size:14px;font-weight:400;line-height:1.4285714285714286em;color:#1E1E1E;background-color:transparent}.hx-notification-template-input::placeholder{color:#1E1E1E}.hx-notification-template-input:read-only{cursor:pointer}.hx-notification-template-icon{flex-shrink:0;width:20px;height:20px;pointer-events:none}.hx-notification-template-delete-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:8px;background-color:transparent;border:none;border-radius:5px;cursor:pointer;transition:background-color 0.2s ease}.hx-notification-template-delete-btn:hover{background-color:#F5F5F5}.hx-notification-template-delete-btn:active{background-color:#E6E6E6}.hx-notification-template-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#FFFFFF;border:1px solid #E0E0E0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:10000;max-height:200px;overflow-y:auto}.hx-notification-template-dropdown-enter-active,.hx-notification-template-dropdown-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.hx-notification-template-dropdown-enter-from,.hx-notification-template-dropdown-leave-to{opacity:0;transform:translateY(-8px)}.hx-notification-template-dropdown-item{padding:12px 16px;cursor:pointer;font-size:14px;font-weight:400;color:#303030;border-bottom:1px solid #F5F5F5;transition:background-color 0.2s ease}.hx-notification-template-dropdown-item:last-child{border-bottom:none}.hx-notification-template-dropdown-item:hover{background-color:#F8F9FA}.hx-notification-template-dropdown-item:active{background-color:#E9ECEF}.hx-notification-template-dropdown.whatsapp-dropdown{top:auto;bottom:100%;margin-bottom:4px}.hx-notification-template-dropdown.whatsapp-dropdown.open-upward{top:auto!important;bottom:100%!important;margin-bottom:4px!important;margin-top:0!important}.hx-notification-event-card{overflow:visible!important}.hx-notification-templates{overflow:visible!important}@media (max-width:1024px){.hx-notification-events-container{flex-direction:column}.hx-notification-event-card{width:100%;max-width:100%;min-height:auto}}@media (min-resolution:1.1dppx){.hx-notification-event-card{max-width:calc(33.333% - 10px);gap:20px;padding:16px 12px 32px}.hx-notification-events-container{gap:16px}}@media (min-resolution:1.2dppx){.hx-notification-event-card{max-width:calc(33.333% - 8px);gap:18px;padding:14px 10px 28px}.hx-notification-events-container{gap:14px}}@keyframes hx-notification-fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hx-notification-event-card{animation:hx-notification-fadeIn 0.3s ease-in-out}

/** webx/static/css/components/perimeter-widget.css **/
.hx-perimeter-widget,.hx-primary-perimeter-widget,.hx-optional-perimeter-widget{width:100%;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.hx-perimeter-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:12px}.hx-perimeter-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.hx-perimeter-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0;flex-shrink:0}.hx-perimeter-header-right{display:flex;align-items:center;gap:16px;flex:1;justify-content:flex-end}.hx-perimeter-helper{display:flex;align-items:flex-start;gap:6px;font-size:13px;color:#6b7280;line-height:1.5;flex:1;min-width:0}.hx-info-icon{flex-shrink:0;margin-top:2px}.hx-btn-add-field{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff;color:#1a1a1a;border:1.5px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;flex-shrink:0}.hx-btn-add-field:hover{background:#f9fafb;border-color:#2a5ea2;color:#2a5ea2}.hx-btn-add-field:active{background:#f3f4f6}.hx-perimeter-main-container{border:1px solid #e6e6e6;border-radius:16px;padding:0;background-color:#ffffff;overflow:hidden}.hx-perimeter-table-header{display:grid;grid-template-columns:1fr 80px;padding:12px 20px;background:#f9fafb;border-bottom:1px solid #e6e6e6;font-size:13px;font-weight:600;color:#6b7280}.hx-perimeter-col-field{display:flex;align-items:center}.hx-perimeter-col-actions{display:flex;align-items:center;justify-content:center}.hx-perimeter-field-row{display:grid;grid-template-columns:1fr 80px;padding:12px 20px;border-bottom:1px solid #f3f4f6;align-items:center;transition:background-color 0.15s ease}.hx-perimeter-field-row:last-child{border-bottom:none}.hx-perimeter-field-row:hover{background-color:#fafbfc}.hx-perimeter-field-select{position:relative;width:100%}.hx-perimeter-input{width:100%;padding:10px 36px 10px 16px;border:1.5px solid #e6e6e6;border-radius:10px;font-size:14px;color:#1a1a1a;background:#f9fafb;cursor:pointer;transition:all 0.2s ease;outline:none}.hx-perimeter-input:hover{border-color:#d1d5db}.hx-perimeter-input:focus{border-color:#2a5ea2;box-shadow:0 0 0 3px rgba(42,94,162,0.08)}.hx-perimeter-field-select .hx-dropdown-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:#9ca3af;transition:transform 0.2s ease}.hx-perimeter-field-select.dropdown-open .hx-dropdown-icon{transform:translateY(-50%) rotate(180deg)}.hx-btn-delete-field{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:#9ca3af;cursor:pointer;transition:all 0.2s ease}.hx-btn-delete-field:hover:not(:disabled){background:#fef2f2;color:#dc3545}.hx-btn-delete-field:disabled{color:#d1d5db;cursor:not-allowed}.hx-perimeter-field-menu{background:#ffffff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.12);max-height:280px;overflow:hidden;display:flex;flex-direction:column}.hx-perimeter-field-menu .dropdown-search{padding:8px;border-bottom:1px solid #f3f4f6}.hx-perimeter-field-menu .dropdown-search-input{width:100%;padding:8px 12px;border:1.5px solid #e6e6e6;border-radius:8px;font-size:13px;outline:none;transition:border-color 0.2s ease}.hx-perimeter-field-menu .dropdown-search-input:focus{border-color:#2a5ea2}.hx-perimeter-field-menu .dropdown-items-container{overflow-y:auto;max-height:220px;padding:4px}.hx-perimeter-field-menu .dropdown-item{padding:8px 12px;font-size:14px;color:#1a1a1a;cursor:pointer;border-radius:8px;transition:background-color 0.15s ease;display:flex;align-items:center;gap:8px}.hx-perimeter-field-menu .dropdown-item:hover{background-color:#f0f5ff}.hx-perimeter-field-menu .dropdown-item.selected{background-color:#e7f0ff;color:#2a5ea2;font-weight:500}.hx-perimeter-field-menu .dropdown-item.disabled{color:#9ca3af;cursor:default;font-style:italic}.dropdown-item-check{display:flex;align-items:center;flex-shrink:0}.hx-perimeter-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px}.hx-perimeter-empty-text{font-size:14px;color:#9ca3af}.hx-optional-perimeter-table-header{display:grid;grid-template-columns:36px 200px 1fr 80px 100px;padding:12px 20px;background:#f9fafb;border-bottom:1px solid #e6e6e6;font-size:13px;font-weight:600;color:#6b7280;align-items:center;gap:12px}.hx-optional-perimeter-row{display:grid;grid-template-columns:36px 200px 1fr 80px 100px;padding:12px 20px;border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;transition:background-color 0.15s ease}.hx-optional-perimeter-row:last-child{border-bottom:none}.hx-optional-perimeter-row:hover{background-color:#fafbfc}.hx-optional-col-drag{display:flex;align-items:center;justify-content:center}.hx-optional-col-name{display:flex;align-items:center}.hx-optional-col-field{display:flex;align-items:center;min-width:0}.hx-optional-col-override{display:flex;align-items:center;justify-content:center}.hx-optional-col-actions{display:flex;align-items:center;justify-content:center;gap:4px}.hx-perimeter-drag-handle{display:flex;align-items:center;cursor:grab;color:#757575;transition:color 0.2s ease}.hx-perimeter-drag-handle:hover{color:#1a1a1a}.hx-perimeter-drag-handle:active{cursor:grabbing}.hx-perimeter-tags-container{width:100%;position:relative}.hx-perimeter-tags-input{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;border:1.5px solid #e6e6e6;border-radius:10px;background:#ffffff;min-height:42px;cursor:pointer;transition:all 0.2s ease;align-items:center}.hx-perimeter-tags-input:hover{border-color:#d1d5db}.hx-perimeter-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#e7f0ff;color:#2a5ea2;border:1px solid #bdd4f7;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap}.hx-tag-remove{cursor:pointer;color:#2a5ea2;transition:color 0.15s ease;flex-shrink:0}.hx-tag-remove:hover{color:#dc3545}.hx-perimeter-placeholder{color:#9ca3af;font-size:14px}.hx-override-checkbox{display:flex;align-items:center;justify-content:center;cursor:pointer}.hx-checkbox-input{position:absolute;opacity:0;width:0;height:0}.hx-checkbox-custom{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;background:#ffffff;transition:all 0.2s ease}.hx-checkbox-custom.checked{background:#2a5ea2;border-color:#2a5ea2}.hx-checkbox-input:disabled + .hx-checkbox-custom{opacity:0.5;cursor:not-allowed}.hx-btn-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer;transition:all 0.2s ease}.hx-btn-related-rules:hover{background:#e7f0ff;color:#2a5ea2}.hx-btn-delete-line:hover:not(:disabled){background:#fef2f2;color:#dc3545}.hx-btn-delete-line:disabled{color:#d1d5db;cursor:not-allowed}@media (max-width:768px){.hx-perimeter-header{flex-direction:column;align-items:stretch}.hx-perimeter-header-top{flex-direction:column;align-items:stretch;gap:8px}.hx-perimeter-header-right{flex-direction:column;align-items:stretch}.hx-perimeter-helper{max-width:100%}.hx-btn-add-field{width:100%;justify-content:center}.hx-optional-perimeter-table-header,.hx-optional-perimeter-row{grid-template-columns:28px 1fr;gap:8px}.hx-optional-col-field,.hx-optional-col-override,.hx-optional-col-actions{grid-column:2}}

/** webx/static/css/components/debug-tooltip.css **/
.hx-debug-tooltip{position:absolute;top:50px;left:340px;bottom:auto;z-index:5001;display:none;font-style:normal;font-weight:400;line-height:1.5;text-align:start;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;line-break:auto;overflow-wrap:break-word;margin:0px;text-decoration:none;white-space:normal;background:#2a5ea1;color:#fff;min-width:360px;max-width:450px;font-size:12px;padding:7px;box-shadow:1px 2px 7px 0px #000000}.hx-debug-tooltip .tooltip-content-fieldname{font-size:14px;padding:5px;background:#fff;color:#2a5ea1;font-weight:bold;margin-bottom:10px}.hx-debug-tooltip .tooltip-content-technical-title{font-weight:bold}.hx-debug-tooltip ul.tooltip-content-technical{padding-left:7px}.hx-debug-tooltip ul.tooltip-content-technical>li{margin-bottom:5px;max-width:360px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:copy}.hx-debug-tooltip ul.tooltip-content-technical>li>span:first-child{padding-right:5px}

/** webx/static/css/components/hx-tooltip.css **/
.hx-hx-tooltip{--hx-tooltip-offset:8px;--hx-tooltip-viewport-padding:8px}.hx-hx-tooltip.hx-tooltip-wrapper{position:relative;display:inline-flex;overflow:visible}.hx-hx-tooltip.hx-tooltip-wrapper.hx-tooltip-js-enabled::after,.hx-hx-tooltip.hx-tooltip-wrapper.hx-tooltip-js-enabled::before{content:none}.hx-hx-tooltip.hx-tooltip-wrapper[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%) translateY(-4px);background:#19191a;color:#f0f0f0;padding:6px 10px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;pointer-events:none;z-index:10000;box-shadow:0px 0px 0px 1px rgba(208,215,222,0.5),0px 2px 6px -3px rgba(66,74,83,0.04),0px 4px 10px rgba(66,74,83,0.12);opacity:0;transform-origin:center top;transition:opacity 0.12s ease,transform 0.12s ease}.hx-hx-tooltip.hx-tooltip-wrapper[data-tooltip]::before{content:'';position:absolute;left:50%;top:calc(100% + 4px);transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #19191a;z-index:9999;opacity:0;transition:opacity 0.12s ease,transform 0.12s ease}.hx-hx-tooltip.hx-tooltip-wrapper[data-tooltip]:hover::after,.hx-hx-tooltip.hx-tooltip-wrapper[data-tooltip]:focus-visible::after,.hx-hx-tooltip.hx-tooltip-wrapper[data-tooltip]:focus::after{opacity:1;transform:translateX(-50%) translateY(0)}.hx-hx-tooltip.hx-tooltip-wrapper[data-tooltip]:hover::before,.hx-hx-tooltip.hx-tooltip-wrapper[data-tooltip]:focus-visible::before,.hx-hx-tooltip.hx-tooltip-wrapper[data-tooltip]:focus::before{opacity:1}.hx-hx-tooltip.hx-tooltip-wrapper[data-placement='top']::after{top:auto;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(4px)}.hx-hx-tooltip.hx-tooltip-wrapper[data-placement='top']::before{top:auto;bottom:calc(100% + 4px);border:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #19191a}:root.dark .hx-hx-tooltip.hx-tooltip-wrapper[data-tooltip]::after,.dark .hx-hx-tooltip.hx-tooltip-wrapper[data-tooltip]::after{background:#2a2a2a}:root.dark .hx-hx-tooltip.hx-tooltip-wrapper[data-tooltip]::before,.dark .hx-hx-tooltip.hx-tooltip-wrapper[data-tooltip]::before{border-bottom-color:#2a2a2a}.hx-hx-tooltip.hx-tooltip-bubble.hx-tooltip-js{position:fixed;z-index:2147483646;background:#19191a;color:#f0f0f0;padding:6px 10px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;pointer-events:none;box-shadow:0px 0px 0px 1px rgba(208,215,222,0.5),0px 2px 6px -3px rgba(66,74,83,0.04),0px 4px 10px rgba(66,74,83,0.12);opacity:0;transform-origin:center top;transition:opacity 120ms ease,transform 120ms ease;left:0px;top:0px;transform:translateY(-4px)}.hx-hx-tooltip.hx-tooltip-bubble.hx-tooltip-js.show{opacity:1;transform:translateY(0)}.hx-hx-tooltip.hx-tooltip-bubble.hx-tooltip-js.placement-top{transform-origin:center bottom}.hx-hx-tooltip.hx-tooltip-bubble.hx-tooltip-js.placement-bottom{transform-origin:center top}.hx-hx-tooltip.hx-tooltip-bubble.hx-tooltip-js::after{content:'';position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;pointer-events:none}.hx-hx-tooltip.hx-tooltip-bubble.hx-tooltip-js.placement-bottom::after{top:-4px;border-bottom:7px solid #19191a;border-top:0}.hx-hx-tooltip.hx-tooltip-bubble.hx-tooltip-js.placement-top::after{bottom:-4px;border-top:7px solid #19191a;border-bottom:0}:root.dark .hx-hx-tooltip.hx-tooltip-bubble.hx-tooltip-js,.dark .hx-hx-tooltip.hx-tooltip-bubble.hx-tooltip-js{background:#2a2a2a}:root.dark .hx-hx-tooltip.hx-tooltip-bubble.hx-tooltip-js.placement-bottom::after,.dark .hx-hx-tooltip.hx-tooltip-bubble.hx-tooltip-js.placement-bottom::after{border-bottom-color:#2a2a2a}:root.dark .hx-hx-tooltip.hx-tooltip-bubble.hx-tooltip-js.placement-top::after,.dark .hx-hx-tooltip.hx-tooltip-bubble.hx-tooltip-js.placement-top::after{border-top-color:#2a2a2a}

/** webx/static/css/components/auto-approval-timeout-widget.css **/
.hx-auto-approval-timeout-widget{width:100%}.hx-auto-approval-timeout-container{border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;background:#ffffff}.hx-auto-approval-timeout-header{margin-bottom:8px}.hx-auto-approval-timeout-title{font-size:14px;font-weight:600;color:#1e1e1e}.hx-auto-approval-timeout-description{font-size:14px;font-weight:600;color:#374151;margin:0 0 16px 0;line-height:1.4}.hx-auto-approval-timeout-radios{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.hx-auto-approval-timeout-radio-item{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.hx-auto-approval-timeout-radio-item.is-readonly{opacity:0.6;pointer-events:none}.hx-auto-approval-timeout-radio-item input[type='radio']{display:none}.hx-radio-mark{width:18px;height:18px;border:2px solid #bdbdbd;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color 0.2s}.hx-radio-mark::after{content:'';width:10px;height:10px;border-radius:50%;background:transparent;transition:background-color 0.2s}.hx-auto-approval-timeout-radio-item.is-selected .hx-radio-mark{border-color:#005cb5}.hx-auto-approval-timeout-radio-item.is-selected .hx-radio-mark::after{background:#005cb5}.hx-radio-label{font-size:13px;color:#1e1e1e}.hx-auto-approval-timeout-fields{padding-top:12px;border-top:1px solid #f0f0f0}.hx-auto-approval-timeout-inline-fields{display:flex;gap:16px;align-items:flex-end}.hx-auto-approval-timeout-field{display:flex;flex-direction:column;gap:6px}.hx-auto-approval-timeout-estimate-field{flex:1;max-width:200px}.hx-auto-approval-timeout-period-field{flex:1;max-width:200px}.hx-auto-approval-timeout-label{font-size:14px;font-weight:600;color:#374151}.hx-auto-approval-timeout-input{width:100%;height:36px;padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;color:#1e1e1e;background:#ffffff;outline:none;transition:border-color 0.2s;box-sizing:border-box}.hx-auto-approval-timeout-input:focus{border-color:#005cb5}.hx-auto-approval-timeout-input:read-only{background:#f5f5f5;cursor:default}.hx-auto-approval-timeout-select-wrapper{position:relative;display:flex;align-items:center}.hx-auto-approval-timeout-select-wrapper .hx-dropdown-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);cursor:pointer;pointer-events:auto}.hx-auto-approval-timeout-select-input{padding-right:30px;cursor:pointer}.hx-auto-approval-timeout-period-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#ffffff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.1);overflow:hidden;max-height:200px;overflow-y:auto;z-index:1050}.hx-auto-approval-timeout-period-menu .dropdown-item{padding:8px 12px;font-size:13px;color:#1e1e1e;cursor:pointer;transition:background-color 0.15s}.hx-auto-approval-timeout-period-menu .dropdown-item:hover{background-color:#f0f4ff}.hx-auto-approval-timeout-period-menu .dropdown-item.selected{background-color:#e8f0fe;color:#005cb5;font-weight:500}

/** webx/static/css/components/trigger-conditions-widget.css **/
.hx-trigger-conditions-widget{font-family:'Plus Jakarta Sans',sans-serif;color:#1e1e1e;line-height:1.4;display:flex;flex-direction:column;gap:8px}.hx-trigger-conditions-widget *,.hx-trigger-conditions-widget *::before,.hx-trigger-conditions-widget *::after{box-sizing:border-box}.hx-trigger-header{display:flex;align-items:center;gap:8px}.hx-trigger-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#1e1e1e;margin:0}.hx-trigger-info-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.hx-trigger-info-icon-graphic{color:#1e1e1e;fill:currentColor}.hx-trigger-container{border:1px solid #d9d9d9;border-radius:16px;padding:0 0 8px 0;background:#ffffff;overflow:visible}.hx-trigger-group{display:flex;flex-direction:column;gap:0}.hx-trigger-table-header{display:flex;align-items:center;padding:12px 16px;background:#f5f5f5;gap:20px}.hx-header-cell{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:16px;line-height:1.5;text-align:left;color:#1e1e1e}.hx-trigger-header-property{flex:1;min-width:0}.hx-trigger-header-operation{width:200px;flex-shrink:0}.hx-trigger-header-value{width:200px;flex-shrink:0}.hx-trigger-header-actions{width:24px;flex-shrink:0}.hx-trigger-row{display:flex;align-items:center;padding:20px 16px;gap:20px}.hx-trigger-cell{display:flex;align-items:center;position:relative;width:100%}.hx-trigger-cell.hx-trigger-cell--property{flex:1;min-width:0}.hx-trigger-cell.hx-trigger-cell--operation{width:200px;flex-shrink:0}.hx-trigger-cell.hx-trigger-cell--value{width:200px;flex-shrink:0}.hx-trigger-cell.hx-trigger-cell--actions{width:24px;flex-shrink:0;justify-content:center}.hx-trigger-input-wrapper{position:relative;display:flex;align-items:center;width:100%;background:#ffffff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;gap:8px;cursor:pointer}.hx-trigger-input-wrapper:focus-within{border-color:#0d6efd;outline:none}.hx-trigger-input{flex:1;border:none;outline:none;background:transparent;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#1e1e1e;padding:0}.hx-trigger-input::placeholder{color:#999999}.hx-trigger-dropdown-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:#1e1e1e;margin-left:auto}.hx-trigger-cell--property .hx-trigger-dropdown-icon{pointer-events:auto;cursor:pointer}.hx-trigger-cell--operation .hx-trigger-dropdown-icon{pointer-events:none}.hx-trigger-clear-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;padding:0;border:none;background:transparent;color:#6c757d;cursor:pointer;transition:color 0.2s ease}.hx-trigger-clear-btn:hover{color:#1e1e1e}.hx-trigger-clear-btn:disabled{cursor:not-allowed;opacity:0.5}.hx-trigger-clear-btn svg{width:20px;height:20px;fill:currentColor}.hx-trigger-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;width:100%;margin:0;padding:4px 0;list-style:none;background:#ffffff;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.12);z-index:1;max-height:220px;overflow-y:auto}.hx-trigger-dropdown-menu-enter-active,.hx-trigger-dropdown-menu-leave-active{transition:opacity 0.15s ease,transform 0.15s ease}.hx-trigger-dropdown-menu-enter-from,.hx-trigger-dropdown-menu-leave-to{opacity:0;transform:translateY(-4px)}.hx-trigger-dropdown-item{padding:8px 12px;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:1.5;color:#1e1e1e;cursor:pointer;transition:background-color 0.15s ease}.hx-trigger-dropdown-item:hover{background-color:#f5f5f5}.hx-trigger-dropdown-item.is-active{background-color:#e8f1ff;color:#0d6efd}.hx-trigger-dropdown-item.hx-trigger-dropdown-empty{color:#999999;text-align:center;cursor:default;font-style:italic}.hx-trigger-dropdown-item.hx-trigger-dropdown-empty:hover{background-color:transparent}.hx-delete-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;padding:0;border-radius:4px;transition:background-color 0.2s ease}.hx-delete-btn:hover{background-color:#f8f9fa}.hx-delete-btn:disabled{cursor:not-allowed;opacity:0.5}.hx-delete-icon{color:#d9534f;fill:currentColor;width:24px;height:24px}.hx-logic-badge{display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:14px;line-height:1.4285714285714286;padding:10px;color:#303030}.hx-logic-badge--and{background:transparent;color:#303030}.hx-logic-badge--or{background:transparent;color:#303030}.hx-and-indicator{display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:10px;border-left:1px solid #d9d9d9;margin-left:51px;width:auto;height:auto}.hx-or-separator{display:flex;justify-content:center;align-items:center;width:100%;position:relative;margin:0}.hx-separator-line{height:1px;background-color:#d9d9d9}.hx-left-line{width:48px;flex-shrink:0}.hx-right-line{flex:1}.hx-separator-content{display:flex;justify-content:center;align-items:flex-end;gap:10px;padding:10px;height:40px;background:transparent}.hx-form-sheet-groups .hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions,.hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions{display:flex!important;justify-content:flex-start!important;gap:10px!important;padding:12px 16px!important}.hx-form-sheet-groups .hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions .hx-action-btn,.hx-form-sheet-groups .hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions .hx-action-btn.hx-secondary-btn,.hx-form-sheet-groups .hx-trigger-conditions-widget .hx-trigger-actions .hx-action-btn,.hx-form-sheet-groups .hx-trigger-conditions-widget .hx-trigger-actions .hx-action-btn.hx-secondary-btn,.hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions .hx-action-btn,.hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions .hx-action-btn.hx-secondary-btn,.hx-trigger-conditions-widget .hx-trigger-actions .hx-action-btn,.hx-trigger-conditions-widget .hx-trigger-actions .hx-action-btn.hx-secondary-btn{background:#f5f5f5!important;border:1px solid #e6e6e6!important;border-radius:8px!important;padding:8px 16px!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-weight:600!important;font-size:16px!important;line-height:1.5!important;color:#1e1e1e!important;cursor:pointer!important;pointer-events:auto!important;position:relative!important;z-index:10!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;transition:background-color 0.2s ease,border-color 0.2s ease!important;white-space:nowrap!important;width:auto!important;min-width:fit-content!important;box-sizing:border-box!important}.hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions .hx-action-btn:hover,.hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions .hx-action-btn.hx-secondary-btn:hover,.hx-trigger-conditions-widget .hx-trigger-actions .hx-action-btn:hover,.hx-trigger-conditions-widget .hx-trigger-actions .hx-action-btn.hx-secondary-btn:hover{background:#f8f9fa!important;border-color:#d0d0d0!important}.hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions .hx-action-btn:focus,.hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions .hx-action-btn.hx-secondary-btn:focus,.hx-trigger-conditions-widget .hx-trigger-actions .hx-action-btn:focus,.hx-trigger-conditions-widget .hx-trigger-actions .hx-action-btn.hx-secondary-btn:focus{outline:none!important;border-color:#80b5ff!important}.hx-trigger-btn-icon{color:#1e1e1e;fill:currentColor}.hx-group-actions{display:flex;justify-content:flex-start;padding:0 16px 16px 16px}.hx-form-sheet-groups .hx-trigger-conditions-widget .hx-trigger-container .hx-group-actions .hx-group-hx-action-btn,.hx-form-sheet-groups .hx-trigger-conditions-widget .hx-group-actions .hx-group-hx-action-btn,.hx-trigger-conditions-widget .hx-trigger-container .hx-group-actions .hx-group-hx-action-btn,.hx-trigger-conditions-widget .hx-group-actions .hx-group-hx-action-btn{background:#f5f5f5!important;border:1px solid #e6e6e6!important;border-radius:8px!important;padding:8px 16px!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-weight:600!important;font-size:16px!important;line-height:1.5!important;color:#1e1e1e!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;transition:background-color 0.2s ease,border-color 0.2s ease!important;white-space:nowrap!important;width:auto!important;min-width:fit-content!important;box-sizing:border-box!important}.hx-trigger-conditions-widget .hx-trigger-container .hx-group-actions .hx-group-hx-action-btn:hover,.hx-trigger-conditions-widget .hx-group-actions .hx-group-hx-action-btn:hover{background:#f8f9fa!important;border-color:#d0d0d0!important}@media (max-width:768px){.hx-trigger-table-header,.hx-trigger-row{flex-direction:column;gap:12px}.hx-header-cell,.hx-trigger-cell{width:100%!important}.hx-trigger-actions{flex-direction:column}.hx-action-btn{flex:none;min-width:auto;width:100%}.hx-or-separator{flex-direction:column;gap:8px}.hx-left-line,.hx-right-line{width:100%}}.hx-trigger-conditions-widget.is-readonly .hx-trigger-input{cursor:not-allowed;background:transparent;color:#1e1e1e}.hx-trigger-conditions-widget.is-readonly .hx-trigger-input-wrapper{cursor:not-allowed;background:#f9f9f9;border-color:#e6e6e6;pointer-events:none}.hx-trigger-conditions-widget.is-readonly .hx-trigger-input-wrapper:hover{border-color:#e6e6e6}.hx-trigger-conditions-widget.is-readonly .hx-trigger-dropdown-icon{cursor:not-allowed;pointer-events:none;opacity:0.5}.hx-trigger-conditions-widget.is-readonly .hx-delete-btn{cursor:not-allowed;opacity:0.4;pointer-events:none}.hx-trigger-conditions-widget:not(.is-readonly) .hx-trigger-cell--operation .hx-trigger-input[readonly]{cursor:pointer;background:transparent;color:#1e1e1e}.hx-trigger-conditions-widget:not(.is-readonly) .hx-trigger-cell--operation .hx-trigger-input-wrapper{cursor:pointer}.hx-trigger-conditions-widget .hx-trigger-input:disabled{cursor:not-allowed;background:transparent;color:#1e1e1e}.hx-trigger-conditions-widget .hx-delete-btn:disabled{cursor:not-allowed;opacity:0.4}.hx-trigger-conditions-widget .hx-delete-btn:disabled .hx-delete-icon{opacity:0.4}.hx-trigger-input--disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:0.6}.hx-trigger-input--disabled .hx-trigger-input{cursor:not-allowed}.hx-trigger-input--error{border-color:#e74c3c}.hx-trigger-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:12px}.hx-trigger-empty-text{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:500;color:#6b7280;margin:0;text-align:center;line-height:1.5}.hx-trigger-empty-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border:1px dashed #d1d5db;border-radius:8px;background:transparent;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all 0.15s ease}.hx-trigger-empty-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#111827}

/** webx/static/css/components/hx-smart-dropdown-button.css **/
.hx-smart-dropdown-button{display:contents}.hx-smart-dropdown-button .smart-button{display:flex;padding:6px 12px;flex-direction:row;align-items:center;justify-content:space-between;min-height:56px;border:none;border-radius:8px;background:#f7f8fa;color:#000000;width:100%;transition:background 0.15s ease,box-shadow 0.15s ease,filter 0.1s ease}.hx-smart-dropdown-button .smart-button-dropdown{position:relative;display:flex;flex-direction:column;width:100%}.hx-smart-dropdown-button .smart-button--dropdown{width:100%}.hx-smart-dropdown-button .smart-button-dropdown.is-open .smart-button--dropdown{border-bottom-left-radius:0;border-bottom-right-radius:0}.hx-smart-dropdown-button .smart-button-label{display:flex;align-items:center;gap:12px;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:600;line-height:20px}.hx-smart-dropdown-button .smart-button-label>span{display:inline-flex;align-items:center}.hx-smart-dropdown-button .smart-button-label>span::after{content:'';display:inline-block;width:8px;height:8px;margin-left:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;border-radius:1px;transform:rotate(-45deg);opacity:0.85;transition:transform 0.15s ease,opacity 0.15s ease;vertical-align:middle}.hx-smart-dropdown-button .smart-button-dropdown.is-open .smart-button-label>span::after{transform:rotate(45deg)}.hx-smart-dropdown-button .smart-button:hover .smart-button-label>span::after{opacity:1}.hx-smart-dropdown-button .smart-button-icon{display:inline-block;width:20px;height:20px;stroke-width:1}.hx-smart-dropdown-button .smart-button-counter{display:flex;justify-content:center;align-items:center;padding:0 12px;min-width:33px;height:24px;background:#edeef0;border-radius:999px;box-sizing:border-box}.hx-smart-dropdown-button .smart-button-counter-label{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:14px;line-height:18px;text-align:center;color:#004099}.hx-smart-dropdown-button .smart-button-dropdown-menu{position:static;display:block;padding:8px;background:#f7f8fa;border:0;border-radius:0 0 12px 12px;box-shadow:none}.hx-smart-dropdown-button .smart-button-dropdown-list{display:flex;flex-direction:column;gap:4px}.hx-smart-dropdown-button .smart-button-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;background:transparent;padding:6px 8px;border-radius:8px;text-align:left;font-size:13px;color:#1f2937;cursor:pointer}.hx-smart-dropdown-button .smart-button-dropdown-item:hover,.hx-smart-dropdown-button .smart-button-dropdown-item:focus-visible{background:#f3f4f6;outline:none}.hx-smart-dropdown-button .smart-button-dropdown-item-name{flex:1;min-width:0;font-weight:600;color:#2f2f2f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-smart-dropdown-button .smart-button-dropdown-item:hover .smart-button-dropdown-item-name,.hx-smart-dropdown-button .smart-button-dropdown-item:focus-visible .smart-button-dropdown-item-name{color:#1d4ed8}.hx-smart-dropdown-button .smart-button-dropdown-item-time{font-size:12px;color:#9aa4b2;white-space:nowrap}.hx-smart-dropdown-button .smart-button-dropdown-empty{padding:6px 8px;font-size:12px;color:#9aa4b2}.hx-smart-dropdown-button .smart-button-dropdown-more{width:100%;margin-top:6px;padding:8px;border:0;border-radius:8px;background:transparent;color:#1d4ed8;font-weight:600;font-size:13px;line-height:18px;text-align:left;cursor:pointer}.hx-smart-dropdown-button .smart-button-dropdown-more:hover{background:#eff6ff}.hx-smart-dropdown-button .smart-button-dropdown-more:disabled{color:#9aa4b2;cursor:not-allowed}.hx-smart-dropdown-button .smart-button:hover{background:linear-gradient(90deg,#e0ebfa 60%,#c9e2ff 100%);box-shadow:0 2px 8px 0 rgba(42,94,162,0.1);filter:brightness(1.03);cursor:pointer}.hx-smart-dropdown-button .smart-button.is-disabled{opacity:0.5;cursor:not-allowed;filter:grayscale(0.2)}.hx-smart-dropdown-button .smart-button-dropdown-enter-active,.hx-smart-dropdown-button .smart-button-dropdown-leave-active{transition:opacity 0.15s ease,transform 0.15s ease}.hx-smart-dropdown-button .smart-button-dropdown-enter-from,.hx-smart-dropdown-button .smart-button-dropdown-leave-to{opacity:0;transform:translateY(-4px)}

/** webx/static/css/components/relational-alert.css **/
.hx-relational-alert{margin:8px 0}.hx-relational-alert .alert-content{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:8px;border:1px solid transparent;font-size:14px;line-height:1.5;position:relative;box-shadow:0 1px 3px rgba(0,0,0,0.05);transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.hx-relational-alert .alert-content:hover{box-shadow:0 2px 6px rgba(0,0,0,0.08);transform:translateY(-1px)}.hx-relational-alert .alert-icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:2px}.hx-relational-alert .alert-icon{width:20px;height:20px;flex-shrink:0}.hx-relational-alert .alert-message{flex:1;word-break:break-word;padding-top:1px}.hx-relational-alert .alert-close{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;opacity:0.7;transition:opacity 0.2s ease,transform 0.2s ease;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-top:-2px}.hx-relational-alert .alert-close:hover{opacity:1;transform:scale(1.1);background-color:rgba(0,0,0,0.05)}.hx-relational-alert .alert-close:active{transform:scale(0.95)}.hx-relational-alert .alert-close svg{display:block}.hx-relational-alert .alert-info{background:linear-gradient(135deg,#e8f4ff 0%,#f0f8ff 100%);color:#0366d6;border-color:#b3daff}.hx-relational-alert .alert-info .alert-icon{color:#0366d6}.hx-relational-alert .alert-info .alert-close{color:#0366d6}.hx-relational-alert .alert-warning{background:linear-gradient(135deg,#fff8e1 0%,#fffbf0 100%);color:#8a6d3b;border-color:#ffecb3}.hx-relational-alert .alert-warning .alert-icon{color:#f57c00}.hx-relational-alert .alert-warning .alert-close{color:#8a6d3b}.hx-relational-alert .alert-danger{background:linear-gradient(135deg,#fdecea 0%,#fff5f5 100%);color:#a94442;border-color:#f5c6cb}.hx-relational-alert .alert-danger .alert-icon{color:#d32f2f}.hx-relational-alert .alert-danger .alert-close{color:#a94442}.hx-relational-alert .alert-success{background:linear-gradient(135deg,#e6f9ed 0%,#f1fdf5 100%);color:#3c763d;border-color:#b2dfb2}.hx-relational-alert .alert-success .alert-icon{color:#2e7d32}.hx-relational-alert .alert-success .alert-close{color:#3c763d}.hx-relational-alert.alert-buttom_info,.hx-relational-alert.alert-bottom_info{background:#ffffff;color:#585959;border:none;box-shadow:none;font-size:13px;padding:8px 0;margin:4px 0 0 0}.hx-relational-alert.alert-buttom_info .alert-content,.hx-relational-alert.alert-bottom_info .alert-content{gap:0;padding:0}.hx-relational-alert.alert-buttom_info .alert-icon-wrapper,.hx-relational-alert.alert-bottom_info .alert-icon-wrapper{display:none}.hx-relational-alert.alert-buttom_info:hover,.hx-relational-alert.alert-bottom_info:hover{box-shadow:none;transform:none}.form-field-wrapper>.hx-relational-alert{margin:0}.form-field-wrapper>.hx-relational-alert .alert-content{margin:0}.form-field-wrapper>.hx-relational-alert.alert-buttom_info,.form-field-wrapper>.hx-relational-alert.alert-bottom_info{margin:0;padding:4px 0}.form-field-wrapper.nolabel .hx-relation-field-wrapper .hx-relational-alert:first-child .alert-content{margin-top:0}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-fade-enter-active{animation:slideIn 0.3s ease-out}.alert-fade-leave-active{transition:all 0.3s cubic-bezier(0.4,0,1,1)}.alert-fade-leave-to{opacity:0;transform:translateY(-10px)}@media (max-width:768px){.hx-relational-alert .alert-content{padding:10px 12px;font-size:13px}.hx-relational-alert .alert-icon-wrapper{width:18px;height:18px}.hx-relational-alert .alert-icon{width:18px;height:18px}}.hx-relational-alert .alert-close:focus{outline:2px solid currentColor;outline-offset:2px}.hx-relational-alert .alert-close:focus:not(:focus-visible){outline:none}@media (prefers-contrast:high){.hx-relational-alert .alert-content{border-width:2px}}@media (prefers-reduced-motion:reduce){.hx-relational-alert,.hx-relational-alert .alert-content,.hx-relational-alert .alert-close,.alert-fade-enter-active,.alert-fade-leave-active{animation:none;transition:none}}

/** webx/static/css/components/barcode-scanner-widget.css **/
.hx-barcode-scanner-widget .modal-backdrop-custom{position:fixed;inset:0;background:rgba(0,0,0,0.25);display:flex;align-items:center;justify-content:center}.hx-barcode-scanner-widget .modal-box{background:white;width:900px;padding:24px;border-radius:24px;box-shadow:0 8px 28px rgba(0,0,0,0.12);display:flex;flex-direction:column;gap:20px}.hx-barcode-scanner-widget .tabs{display:flex;gap:12px;margin-bottom:6px}.hx-barcode-scanner-widget .tab{padding:10px 16px;border-radius:10px;background:#f4f6f9;font-weight:500;cursor:pointer;border:none}.hx-barcode-scanner-widget .tab.active{background:#0033cc;color:white}.hx-barcode-scanner-widget .content-area{display:flex;gap:24px}.hx-barcode-scanner-widget .scan-panel{width:55%}.hx-barcode-scanner-widget .scanner-camera{background:#111;position:relative;height:300px;border-radius:18px;overflow:hidden}.hx-barcode-scanner-widget .scanner-frame{position:absolute;inset:50px;border:3px solid #3a8cff;border-radius:12px;pointer-events:none}.hx-barcode-scanner-widget .hint-text{text-align:center;margin-top:12px;font-size:14px;color:white}.hx-barcode-scanner-widget .scan-status{position:absolute;bottom:16px;width:100%;text-align:center;color:#00ff9a;font-size:13px}.hx-barcode-scanner-widget .result-panel{flex:1;display:flex;flex-direction:column;gap:14px}.hx-barcode-scanner-widget .input-row{display:flex;gap:10px}.hx-barcode-scanner-widget .input{flex:1;border:1px solid #dcdcdc;padding:10px;border-radius:10px}.hx-barcode-scanner-widget .count-label{font-size:13px;color:#777}.hx-barcode-scanner-widget .list-container{border-radius:14px;border:1px solid #e0e0e0;padding:14px;height:250px;overflow-y:auto}.hx-barcode-scanner-widget .list-item{display:flex;align-items:center;gap:12px;margin-bottom:10px}.hx-barcode-scanner-widget .text .label{font-size:13px;color:#555}.hx-barcode-scanner-widget .counter button{width:26px;height:26px;background:none;border:1px solid #ccc;border-radius:6px}.hx-barcode-scanner-widget .btn-group{margin-top:auto;display:flex;gap:12px}.hx-barcode-scanner-widget .btn-primary{background:#0033cc;color:white;padding:10px 18px;border-radius:10px;border:none}.hx-barcode-scanner-widget .btn-outline{background:white;border:1px solid #ccc;padding:10px 18px;border-radius:10px}.hx-barcode-scanner-widget .corner{width:28px;height:28px;border:3px solid #0d6efd;position:absolute}.hx-barcode-scanner-widget .corner.tl{top:0;left:0;border-bottom:none;border-right:none}.hx-barcode-scanner-widget .corner.tr{top:0;right:0;border-bottom:none;border-left:none}.hx-barcode-scanner-widget .corner.bl{bottom:0;left:0;border-top:none;border-right:none}.hx-barcode-scanner-widget .corner.br{bottom:0;right:0;border-top:none;border-left:none}.hx-barcode-scanner-widget .fade-enter-active,.fade-leave-active{transition:opacity .3s}.hx-barcode-scanner-widget .fade-enter-from,.fade-leave-to{opacity:0}.hx-barcode-scanner-widget .overlay-start-scanner{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;font-size:18px;z-index:25;opacity:1;transition:opacity .6s ease}.hx-barcode-scanner-widget .overlay-start-scanner.fade-out{opacity:0;pointer-events:none}.hx-barcode-scanner-widget .spinner{width:38px;height:38px;border-radius:50%;border:4px solid rgba(255,255,255,0.25);border-top-color:white;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.hx-barcode-scanner-widget .status-overlay{z-index:30;color:white}.hx-barcode-scanner-widget .status-success{background-color:rgba(40,167,69,0.85)}.hx-barcode-scanner-widget .status-error{background-color:rgba(220,53,69,0.85)}.hx-barcode-scanner-widget .status-default{background-color:rgba(0,0,0,0.45)}.hx-barcode-scanner-widget .smart-buttons{font-size:16px}

/** webx/static/css/components/hmx-title.css **/
.hx-hmx-title .hmx_title{width:100%;padding:20px;background:#ffffff;border:1px solid #e1e2e3;border-radius:8px}.hx-hmx-title .hmx_title__container{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start}.hx-hmx-title .hmx_title__container:has(.hmx_title__right:only-child){grid-template-columns:1fr}.hx-hmx-title .hmx_title__left{display:flex;align-items:flex-start;justify-content:center}.hx-hmx-title .hmx_title__right{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.hx-hmx-title .hmx_title__container:has(.hmx_title__right:only-child) .hmx_title__right{max-width:100%}.hx-hmx-title .hmx_title--vertical .hmx_title__container{grid-template-columns:1fr;gap:16px;display:flex;flex-direction:column}.hx-hmx-title .hmx_title--vertical .hmx_title__left{justify-content:flex-start;width:100%}.hx-hmx-title .hmx_title--vertical .hmx_title__right{width:100%;max-width:100%}.hx-hmx-title .hmx_title--left .hmx_title__container{grid-template-columns:auto 1fr}.hx-hmx-title .hmx_title--left .hmx_title__left{order:1;min-width:120px}.hx-hmx-title .hmx_title--left .hmx_title__right{order:2;max-width:600px}.hx-hmx-title .hmx_title--right .hmx_title__container{grid-template-columns:1fr auto}.hx-hmx-title .hmx_title--right .hmx_title__left{order:2;min-width:120px}.hx-hmx-title .hmx_title--right .hmx_title__right{order:1;max-width:600px}.hx-hmx-title .hmx_title__left .oe_avatar,.hx-hmx-title .hmx_title__left .hx-image-field,.hx-hmx-title .hmx_title__left .hmx_title__field{width:120px!important;height:120px!important;min-width:120px;min-height:120px;max-width:120px;max-height:120px;border-radius:8px;overflow:hidden;border:1px solid #eaecf0}.hx-hmx-title .hmx_title__left .hx-image-field .image-upload,.hx-hmx-title .hmx_title__left .hx-image-field .image-container,.hx-hmx-title .hmx_title__left .hx-image-field .image-view,.hx-hmx-title .hmx_title__left .hx-image-field .image-preview-only,.hx-hmx-title .hmx_title__left .hx-image-field .image-preview{width:100%!important;height:100%!important;min-height:120px!important}.hx-hmx-title .hmx_title__left .hx-image-field img,.hx-hmx-title .hmx_title__left .hx-image-field .preview-image,.hx-hmx-title .hmx_title__left .oe_avatar img{width:100%!important;height:100%!important;min-height:120px!important;object-fit:cover;aspect-ratio:1 / 1;max-height:none!important}.hx-hmx-title .hmx_title__left .hx-image-field .placeholder-text{display:none}.hx-hmx-title .hmx_title__left .hx-image-field .image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hx-hmx-title .hmx_title__left .hx-image-field .placeholder-icon svg{width:32px;height:32px}.hx-hmx-title .hmx_title__field{display:flex;align-items:center;gap:8px}.hx-hmx-title .hmx_title__field--with-icon{gap:12px}.hx-hmx-title .hmx_title__field--with-icon .form-label,.hx-hmx-title .hmx_title__field--with-icon label,.hx-hmx-title .hmx_title__field--with-icon .text-field-label{display:none!important}.hx-hmx-title .hmx_title__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:#667085}.hx-hmx-title .hmx_title__icon svg{width:18px;height:18px;fill:currentColor}.hx-hmx-title .hmx_title__heading{margin-bottom:8px}.hx-hmx-title .hmx_title__heading .hx-heading-field{width:100%}.hx-hmx-title .hmx_title__field .form-label,.hx-hmx-title .hmx_title__field label{display:none}.hx-hmx-title .hmx_title__field .hx-text-field-view,.hx-hmx-title .hmx_title__field .hx-text-field-edit,.hx-hmx-title .hmx_title__field .hx-phone-intl-field,.hx-hmx-title .hmx_title__field .hx-selection-field,.hx-hmx-title .hmx_title__field .hx-many2one-field{flex:1;min-width:0}.hx-hmx-title .hmx_title__field .hx-text-field-view .text-field,.hx-hmx-title .hmx_title__field--with-icon .field-value,.hx-hmx-title .hmx_title__field--with-icon .text-field{color:#475467;font-size:14px}.hx-hmx-title .hmx_title__field--with-icon input,.hx-hmx-title .hmx_title__field--with-icon .form-control{border:none;padding:0;background:transparent;font-size:14px;color:#475467}.hx-hmx-title .hmx_title__field--with-icon input:focus,.hx-hmx-title .hmx_title__field--with-icon .form-control:focus{box-shadow:none;outline:none}@media (max-width:768px){.hx-hmx-title .hmx_title__container{grid-template-columns:1fr;gap:16px}.hx-hmx-title .hmx_title__left{justify-content:flex-start}.hx-hmx-title .hmx_title__left .oe_avatar,.hx-hmx-title .hmx_title__left .hx-image-field{width:80px!important;height:80px!important;min-width:80px;min-height:80px;max-width:80px;max-height:80px}}.hx-hmx-title .hmx_title__field[invisible='1'],.hx-hmx-title .hmx_title__field.invisible{display:none!important}

/** webx/static/css/components/approval-levels-v2-widget.css **/
.hx-approval-levels-v2-widget{width:100%}.hx-alvl2-container{border:1px solid #e5e7eb;border-radius:12px;padding:20px;background:#fafafa}.hx-alvl2-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.hx-alvl2-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0}.hx-alvl2-add-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#ffffff;font-size:14px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all 0.15s}.hx-alvl2-add-btn:hover{background:#f3f4f6;border-color:#d1d5db}.hx-alvl2-card{border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px;background:#ffffff;margin-bottom:12px}.hx-alvl2-card:last-of-type{margin-bottom:0}.hx-alvl2-main-row{display:flex;align-items:flex-end;gap:12px}.hx-alvl2-drag-handle{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;cursor:grab;padding-bottom:8px;opacity:0.5;transition:opacity 0.15s}.hx-alvl2-drag-handle:hover{opacity:1}.hx-alvl2-field{min-width:0;display:flex;flex-direction:column}.hx-alvl2-field--name{flex:1.2}.hx-alvl2-field--type{flex:1}.hx-alvl2-field--user{flex:1.5}.hx-alvl2-field--min{flex:0.8}.hx-alvl2-field--action{flex:0 0 auto;align-self:flex-end;padding-bottom:4px}.hx-alvl2-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:4px;white-space:nowrap}.hx-alvl2-input{width:100%;height:38px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;color:#1a1a1a;background:#ffffff;outline:none;transition:border-color 0.15s;box-sizing:border-box}.hx-alvl2-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.08)}.hx-alvl2-input::placeholder{color:#9ca3af}.hx-alvl2-input[readonly]{cursor:pointer}.hx-alvl2-input-disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.hx-alvl2-input[type='number']::-webkit-outer-spin-button,.hx-alvl2-input[type='number']::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hx-alvl2-input[type='number']{-moz-appearance:textfield}.hx-alvl2-select-wrapper{position:relative}.hx-alvl2-select-input{padding-right:36px!important;cursor:pointer}.hx-alvl2-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:auto;cursor:pointer}.hx-alvl2-delete-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background 0.15s}.hx-alvl2-delete-btn:hover{background:#fee2e2}.hx-alvl2-delete-btn:hover svg path{stroke:#ef4444}.hx-alvl2-delegates-row{margin-top:12px;padding-top:12px;border-top:1px dashed #e5e7eb}.hx-alvl2-dropdown{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.1);max-height:260px;overflow-y:auto;padding:4px 0}.hx-alvl2-dropdown .dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;font-size:14px;color:#374151;transition:background 0.1s}.hx-alvl2-dropdown .dropdown-item:hover{background:#f3f4f6}.hx-alvl2-dropdown .dropdown-item.selected{background:#eff6ff;color:#1d4ed8}.hx-alvl2-checkbox{flex-shrink:0;display:flex;align-items:center}.hx-alvl2-checkbox input[type='checkbox']{width:16px;height:16px;margin:0;cursor:pointer;accent-color:#3b82f6}.hx-alvl2-option-info{display:flex;flex-direction:column;gap:1px;min-width:0}.hx-alvl2-option-name{font-size:14px;font-weight:500;color:#1f2937}.hx-alvl2-option-sub{font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-alvl2-empty{text-align:center;padding:24px}.hx-alvl2-empty-text{font-size:14px;color:#9ca3af;margin:0}@media (max-width:768px){.hx-alvl2-main-row{flex-wrap:wrap}.hx-alvl2-field--name,.hx-alvl2-field--type,.hx-alvl2-field--user,.hx-alvl2-field--min{flex:1 1 45%}.hx-alvl2-drag-handle{display:none}}

/** webx/static/css/components/approval-levels-widget.css **/
.hx-approval-levels-widget{width:100%}.hx-alvl-container{border:1px solid #e5e7eb;border-radius:12px;padding:20px;background:#fafafa}.hx-alvl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.hx-alvl-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0}.hx-alvl-add-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#ffffff;font-size:14px;font-weight:500;color:#1a1a1a;cursor:pointer;transition:all 0.15s}.hx-alvl-add-btn:hover{background:#f3f4f6;border-color:#d1d5db}.hx-alvl-card{position:relative;border:1px solid #e5e7eb;border-radius:12px;padding:20px;background:#ffffff;margin-bottom:12px}.hx-alvl-card:last-of-type{margin-bottom:0}.hx-alvl-delete-btn{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background 0.15s}.hx-alvl-delete-btn:hover{background:#fee2e2}.hx-alvl-delete-btn:hover svg path{stroke:#ef4444}.hx-alvl-row{margin-bottom:16px}.hx-alvl-row:last-child{margin-bottom:0}.hx-alvl-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hx-alvl-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.hx-alvl-layer-input-group{display:flex;align-items:center;gap:10px}.hx-alvl-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#dbeafe;color:#1d4ed8;font-size:14px;font-weight:600;flex-shrink:0}.hx-alvl-layer-name-input{flex:1;background:#f3f4f6!important;border-color:#e5e7eb!important}.hx-alvl-input{width:100%;height:40px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;color:#1a1a1a;background:#ffffff;outline:none;transition:border-color 0.15s;box-sizing:border-box}.hx-alvl-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.08)}.hx-alvl-input::placeholder{color:#9ca3af}.hx-alvl-input[readonly]{cursor:pointer}.hx-alvl-input-disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.hx-alvl-input[type='number']::-webkit-outer-spin-button,.hx-alvl-input[type='number']::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hx-alvl-input[type='number']{-moz-appearance:textfield}.hx-alvl-select-wrapper{position:relative}.hx-alvl-select-input{padding-right:36px!important;cursor:pointer}.hx-alvl-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:auto;cursor:pointer}.hx-alvl-field{min-width:0}.hx-alvl-dropdown{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.1);max-height:260px;overflow-y:auto;padding:4px 0}.hx-alvl-dropdown .dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;font-size:14px;color:#374151;transition:background 0.1s}.hx-alvl-dropdown .dropdown-item:hover{background:#f3f4f6}.hx-alvl-dropdown .dropdown-item.selected{background:#eff6ff;color:#1d4ed8}.hx-alvl-checkbox{flex-shrink:0;display:flex;align-items:center}.hx-alvl-checkbox input[type='checkbox']{width:16px;height:16px;margin:0;cursor:pointer;accent-color:#3b82f6}.hx-alvl-option-info{display:flex;flex-direction:column;gap:1px;min-width:0}.hx-alvl-option-name{font-size:14px;font-weight:500;color:#1f2937}.hx-alvl-option-sub{font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-alvl-empty{text-align:center;padding:24px}.hx-alvl-empty-text{font-size:14px;color:#9ca3af;margin:0}@media (max-width:640px){.hx-alvl-two-col{grid-template-columns:1fr;gap:12px}}

/** webx/static/css/components/validation-error-popup.css **/
.hx-form-validation-popup,.hx-validation-error-popup{position:fixed!important;top:calc(var(--hx-topbar-height,56px) + 12px)!important;left:50%!important;right:auto!important;bottom:auto!important;width:min(80vw,360px)!important;max-width:80vw!important;min-width:240px!important;z-index:4000!important;opacity:0;transform:translate(-50%,-12px) scale(0.98);transform-origin:top center;transition:transform 300ms cubic-bezier(0.16,1,0.3,1),opacity 280ms ease-out;pointer-events:none;font-size:10px!important;border-radius:8px!important;box-shadow:0 6px 18px rgba(0,0,0,0.18)!important;overflow:hidden!important;border:none!important;will-change:transform,opacity;animation:popupSlideUpCenter 300ms cubic-bezier(0.16,1,0.3,1)!important}.hx-form-validation-popup,.hx-validation-error-popup{background:linear-gradient(135deg,#dc3545,#dc3545)!important}.hx-form-validation-popup.show,.hx-validation-error-popup.show{opacity:1;transform:translate(-50%,0) scale(1);pointer-events:auto}.hx-form-validation-popup>div,.hx-validation-error-content{background:linear-gradient(135deg,#dc3545,#dc3545)!important;border-radius:4px!important;box-shadow:0 1px 4px rgba(0,0,0,0.15)!important;border:none!important;overflow:hidden!important;animation:none!important;font-size:9px!important;padding:0!important}@keyframes popupSlideUpCenter{from{transform:translate(-50%,-10px) scale(0.98);opacity:0}to{transform:translate(-50%,0) scale(1);opacity:1}}@keyframes slideInRight{from{transform:translate(-50%,-12px) scale(0.98);opacity:0}to{transform:translate(-50%,0) scale(1);opacity:1}}.hx-form-validation-popup.positioned-top-center,.hx-validation-error-popup.positioned-top-center{top:calc(var(--hx-topbar-height,56px) + 12px)!important;right:auto!important;left:50%!important;bottom:auto!important;transform:translate(-50%,0)!important}.hx-form-validation-popup>div:first-child,.hx-validation-error-header{background:rgba(255,255,255,0.1)!important;color:#fff!important;padding:2px 5px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:9px!important;border-bottom:1px solid rgba(255,255,255,0.15)!important}.hx-form-validation-popup strong,.hx-validation-error-title{font-weight:600;font-size:9px!important;display:flex;align-items:center;gap:2px;color:white!important}.hx-form-validation-popup i,.hx-validation-error-title i{font-size:9px!important;margin-right:3px!important}.hx-form-validation-popup button,.hx-validation-error-close{background:none!important;border:none!important;color:#fff!important;cursor:pointer;padding:0px!important;border-radius:2px;width:12px!important;height:12px!important;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s;font-size:10px!important;line-height:1!important;margin:0!important;opacity:1!important}.hx-form-validation-popup button:hover,.hx-validation-error-close:hover{background-color:rgba(255,255,255,0.2)!important;opacity:1!important}.hx-form-validation-popup>div:last-child,.hx-validation-error-body{padding:3px 5px!important;font-size:8px!important}.hx-form-validation-popup p,.hx-validation-error-message{margin:0 0 2px 0!important;font-size:8px!important;color:rgba(255,255,255,0.9)!important;font-weight:400;opacity:1!important}.hx-form-validation-popup ul,.hx-validation-error-list{margin:0!important;padding:0!important;list-style:none!important}.hx-form-validation-popup li,.hx-validation-error-list li{margin-bottom:1px!important;padding:2px 3px 2px 12px!important;background:rgba(255,255,255,0.15)!important;border:none!important;border-radius:2px!important;font-size:8px!important;color:rgba(255,255,255,0.95)!important;position:relative!important;min-height:10px!important;line-height:1.2!important}.hx-form-validation-popup li i,.hx-validation-error-list li:before{content:"!"!important;position:absolute!important;left:2px!important;top:50%!important;transform:translateY(-50%)!important;width:7px!important;height:7px!important;background:rgba(255,255,255,0.8)!important;color:#dc3545!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:6px!important;font-weight:bold!important;font-style:normal!important}.hx-form-validation-popup li:last-child,.hx-validation-error-list li:last-child{margin-bottom:0}@media (max-width:768px){.hx-form-validation-popup,.hx-validation-error-popup{top:calc(var(--hx-topbar-height,56px) + 8px)!important;left:50%!important;right:auto!important;width:min(92vw,320px)!important;max-width:92vw!important;min-width:200px!important}.hx-form-validation-popup,.hx-form-validation-popup>div,.hx-validation-error-content{font-size:8px!important}.hx-form-validation-popup>div:first-child,.hx-validation-error-header{font-size:8px!important;padding:1px 3px!important}.hx-form-validation-popup li,.hx-validation-error-list li{font-size:7px!important;padding:1px 2px 1px 8px!important}}@media (prefers-color-scheme:dark){.hx-validation-error-content{background:#2d3748;border-left-color:#ffc107}.hx-validation-error-message{color:#e2e8f0}.hx-validation-error-list li{background:#4a5568;border-color:#ffc107;color:#ffd700}}

/** webx/static/css/layout/onboarding.css **/
.hx-onboarding{position:fixed;inset:0;pointer-events:none;isolation:isolate;z-index:1000}.hx-onboarding .tour-overlay{position:fixed;inset:0;background:rgba(0,0,0,var(--hx-overlay,0.5));pointer-events:auto;z-index:1000}.hx-onboarding .tour-overlay-top,.hx-onboarding .tour-overlay-left,.hx-onboarding .tour-overlay-right,.hx-onboarding .tour-overlay-bottom{position:absolute;background:rgba(0,0,0,var(--hx-overlay,0.5));pointer-events:auto;z-index:1000}.hx-onboarding .tour-overlay-top,.hx-onboarding .tour-overlay-bottom{left:0;right:0}.hx-onboarding .tour-overlay-left,.hx-onboarding .tour-overlay-right{position:absolute}.hx-onboarding .tour-hole{position:absolute;background:transparent;border-radius:8px;outline:2px solid rgba(255,255,255,0.9);pointer-events:none;z-index:1001}.hx-onboarding .tour-popover{position:fixed;min-width:260px;max-width:420px;background:#fff;color:#111;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.18);padding:14px;border:1px solid #edeef0;z-index:1002;top:-9999px;left:-9999px;visibility:hidden;opacity:0;pointer-events:none}.hx-onboarding .tour-popover.is-visible{visibility:visible!important;opacity:1;pointer-events:auto;transition:opacity 120ms ease}.hx-onboarding .tour-head{margin-bottom:8px}.hx-onboarding .tour-title{font-weight:600;font-size:14px;color:#2b2b2b}.hx-onboarding .tour-body{font-size:14px;line-height:1.5;color:#2b2b2b;max-width:96%}.hx-onboarding .tour-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.hx-onboarding .tour-steps{display:flex;gap:6px;align-items:center;justify-content:center;margin-bottom:8px}.hx-onboarding .tour-step-dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;transition:background 0.3s}.hx-onboarding .tour-step-dot.active{background:#3b82f6}.hx-onboarding .tour-actions{display:flex;gap:8px}.hx-onboarding .tour-button{font-size:14px;color:#2b2b2b;font-weight:500;height:34px;padding:0 12px;background:#ffffff;cursor:pointer;border:none}.hx-onboarding .tour-button[disabled]{opacity:0.5;cursor:not-allowed}.hx-onboarding .tour-button--ghost{border-color:transparent;background:transparent}.hx-onboarding .tour-popover::after{content:'';position:absolute;width:10px;height:10px;background:#fff;transform:rotate(45deg)}.hx-onboarding .tour-popover[data-placement='bottom']::after{top:-6px;left:var(--arrow-x,24px)}.hx-onboarding .tour-popover[data-placement='top']::after{bottom:-6px;left:var(--arrow-x,24px)}.hx-onboarding .tour-popover[data-placement='right']::after{left:-6px;top:var(--arrow-y,24px)}.hx-onboarding .tour-popover[data-placement='left']::after{right:-6px;top:var(--arrow-y,24px)}.hx-onboarding-active{overflow:hidden;overscroll-behavior:none;touch-action:none}.hx-onboarding-active .hx-sidebar,.hx-onboarding-active .hx-sidebar .sidebar-scroll,.hx-onboarding-active .layout-content,.hx-onboarding-active .layout-content .hx-action-manager{overflow-y:hidden!important;overflow-x:hidden!important}.hx-onboarding-active .hx-sidebar .hx-toggle-sidebar-button{display:none}.hx-onboarding-active .hx-sidebar,.hx-onboarding-active .hx-form-view{pointer-events:none}.hx-onboarding-active .hx-sidebar *,.hx-onboarding-active .hx-form-view *{cursor:not-allowed!important}

/** webx/static/css/layout/keyboard-hints.css **/
.hx-keyboard-hints{pointer-events:none;position:fixed;inset:0;z-index:99999}.hx-keyboard-hints .hint-badge{position:absolute;display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:2px 6px;min-width:20px;height:20px;background:rgba(24,24,27,0.95);color:#fafafa;border:1px solid rgba(255,255,255,0.15);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.25);font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:600;letter-spacing:0.02em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translateY(-2px);animation:hx-hint-fade-in 120ms ease-out forwards;pointer-events:none}.hx-keyboard-hints .hint-badge .hint-icon{opacity:0.6;font-size:9px}.hx-keyboard-hints .hint-badge .hint-key{color:#a1a1aa}@keyframes hx-hint-fade-in{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.hx-keyboard-hints-active [data-shortcut-key]{position:relative}.hx-keyboard-hints-active [data-shortcut-key]::after{content:'';position:absolute;inset:-2px;border-radius:4px;background:rgba(59,130,246,0.08);pointer-events:none;animation:hx-hint-glow 120ms ease-out forwards}@keyframes hx-hint-glow{from{opacity:0}to{opacity:1}}:root.light .hx-keyboard-hints .hint-badge{background:var(--menu-badge-bg);padding:16px 12px;border-radius:16px;font-size:1rem;font-weight:500;margin-left:auto;line-height:1.2}:root.light .hx-keyboard-hints .hint-badge .hint-key{color:var(--menu-badge-text)}:root.light .hx-keyboard-hints-active [data-shortcut-key]::after{background:rgba(59,130,246,0.1)}

/** webx/static/css/layout/action-button-colors.css **/
:root{--bg-info:linear-gradient(90deg,#2A5EA2 40%,#1C4F92 100%);--bg-info-hover:linear-gradient(90deg,#244F8C 40%,#18457F 100%);--bg-warning:linear-gradient(90deg,#FBBF24 40%,#F59E0B 100%);--bg-warning-hover:linear-gradient(90deg,#D9A51D 40%,#D18208 100%);--bg-success:linear-gradient(90deg,#34D399 40%,#10B981 100%);--bg-success-hover:linear-gradient(90deg,#2DBB86 40%,#0FA56F 100%);--bg-danger:linear-gradient(90deg,#F87171 40%,#EF4444 100%);--bg-danger-hover:linear-gradient(90deg,#E85C5C 40%,#DC3232 100%);--text-color:#FFFFFF}.hx-btn--info,.hx-btn--warning,.hx-btn--success,.hx-btn--danger,a.hx-btn--info,a.hx-btn--warning,a.hx-btn--success,a.hx-btn--danger,button.hx-btn--info,button.hx-btn--warning,button.hx-btn--success,button.hx-btn--danger{transition:background 0.3s ease,box-shadow 0.3s ease}.hx-btn--info{color:var(--text-color)!important;background:var(--bg-info)!important}.hx-btn--warning{color:var(--text-color)!important;background:var(--bg-warning)!important}.hx-btn--success{color:var(--text-color)!important;background:var(--bg-success)!important}.hx-btn--danger{color:var(--text-color)!important;background:var(--bg-danger)!important}.hx-btn--info:hover:not(:disabled){background:var(--bg-info-hover)!important;box-shadow:0px 4px 7px -1px rgba(0,0,0,0.48)}.hx-btn--warning:hover:not(:disabled){background:var(--bg-warning-hover)!important;box-shadow:0px 4px 7px -1px rgba(0,0,0,0.48)}.hx-btn--success:hover:not(:disabled){background:var(--bg-success-hover)!important;box-shadow:0px 4px 7px -1px rgba(0,0,0,0.48)}.hx-btn--danger:hover:not(:disabled){background:var(--bg-danger-hover)!important;box-shadow:0px 4px 7px -1px rgba(0,0,0,0.48)}.btn-state.hx-btn--info,.btn-state.hx-btn--info:hover{background:var(--bg-info)!important;color:var(--text-color)!important;border-color:transparent!important}.btn-state.hx-btn--info:hover{background:var(--bg-info-hover)!important;box-shadow:0px 4px 7px -1px rgba(0,0,0,0.48)}.btn-state.hx-btn--success,.btn-state.hx-btn--success:hover{background:var(--bg-success)!important;color:var(--text-color)!important;border-color:transparent!important}.btn-state.hx-btn--success:hover{background:var(--bg-success-hover)!important;box-shadow:0px 4px 7px -1px rgba(0,0,0,0.48)}.btn-state.hx-btn--warning,.btn-state.hx-btn--warning:hover{background:var(--bg-warning)!important;color:var(--text-color)!important;border-color:transparent!important}.btn-state.hx-btn--warning:hover{background:var(--bg-warning-hover)!important;box-shadow:0px 4px 7px -1px rgba(0,0,0,0.48)}.btn-state.hx-btn--danger,.btn-state.hx-btn--danger:hover{background:var(--bg-danger)!important;color:var(--text-color)!important;border-color:transparent!important}.btn-state.hx-btn--danger:hover{background:var(--bg-danger-hover)!important;box-shadow:0px 4px 7px -1px rgba(0,0,0,0.48)}.btn-state.hx-btn--info::after,.btn-state.hx-btn--success::after,.btn-state.hx-btn--warning::after,.btn-state.hx-btn--danger::after{opacity:0!important;background:transparent!important}

/** webx/static/css/layout/toggle-sidebar.css **/
.hx-toggle-sidebar{display:flex;align-items:center}.hx-sidebar .hx-toggle-sidebar.sidebar-toggle-btn{position:absolute;right:-16px;transform:translateY(-50%) translateX(6px);z-index:66;opacity:0;top:29px;pointer-events:none;width:auto;transition:opacity 0.3s ease,transform 0.3s ease!important}.hx-sidebar.sidebar-collapsed .hx-toggle-sidebar.sidebar-toggle-btn{transform:translateY(-50%) translateX(-6px)}.hx-sidebar:hover .hx-toggle-sidebar.sidebar-toggle-btn{opacity:1;transform:translateY(-50%) translateX(0);pointer-events:auto}.hx-toggle-sidebar .hx-toggle-sidebar-button{background-color:#ffffff;border:1px solid #ddedfd;width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;box-sizing:border-box;cursor:pointer;transition:all 0.3s ease;box-shadow:0px 2px 4px rgba(0,0,0,0.15);border-radius:50%}.hx-toggle-sidebar .hx-toggle-sidebar-button:hover{background-color:#ffffff;transform:scale(1.05)}.hx-toggle-sidebar .smart-buttons{fill:#0058cc;width:24px;height:24px;display:block;transition:transform 0.2s ease}.hx-toggle-sidebar .smart-buttons.open{fill:#0058cc;transform:rotate(180deg)}@media (max-width:768px){.hx-sidebar.sidebar-collapsed .hx-toggle-sidebar.sidebar-toggle-btn{position:fixed;left:8px;top:10px;right:auto;transform:none;opacity:1;pointer-events:auto;z-index:201;transform:translateX(100px)}.hx-sidebar .hx-toggle-sidebar.sidebar-toggle-btn .smart-buttons{transform:rotate(0deg)}.hx-sidebar.sidebar-collapsed .hx-toggle-sidebar.sidebar-toggle-btn .smart-buttons{transform:rotate(180deg)}}

/** webx/static/css/layout/libs-loading-indicator.css **/
.hx-libs-loading-indicator{position:fixed;bottom:24px;right:24px;z-index:99999;width:340px;max-width:calc(100vw - 48px);background:#ffffff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.15),0 2px 8px rgba(0,0,0,0.1);overflow:hidden;pointer-events:auto}.hx-libs-loading-indicator .toast-content{padding:16px 20px}.hx-libs-loading-indicator .toast-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.hx-libs-loading-indicator .toast-title{font-weight:600;font-size:15px;color:#1f2937;line-height:1}.hx-libs-loading-indicator .spinner{width:20px;height:20px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:libraryLoaderSpin 0.8s linear infinite;flex-shrink:0}@keyframes libraryLoaderSpin{to{transform:rotate(360deg)}}.hx-libs-loading-indicator .icon-success{width:20px;height:20px;background:#10b981;color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;flex-shrink:0;line-height:1}.hx-libs-loading-indicator .icon-error{width:20px;height:20px;background:#ef4444;color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;flex-shrink:0;line-height:1}.hx-libs-loading-indicator .progress-info{display:flex;align-items:center;gap:12px;margin-bottom:10px}.hx-libs-loading-indicator .progress-bar{position:relative;flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.hx-libs-loading-indicator .progress-fill{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%);border-radius:3px;transition:width 0.3s ease}.hx-libs-loading-indicator .progress-text{font-size:13px;font-weight:600;color:#1f2937;min-width:45px;text-align:right;flex-shrink:0;line-height:1}.hx-libs-loading-indicator .current-lib{font-size:12px;color:#4b5563;background:#f3f4f6;padding:6px 10px;border-radius:6px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.hx-libs-loading-indicator .success-message{font-size:13px;color:#059669;font-weight:500;margin:0;line-height:1.4}.hx-libs-loading-indicator .error-message{font-size:13px;color:#dc2626;font-weight:500;margin:0;line-height:1.4}.slide-up-enter-active,.slide-up-leave-active{transition:all 0.3s ease}.slide-up-enter-from{opacity:0;transform:translateY(20px)}.slide-up-leave-to{opacity:0;transform:translateY(10px)}@media (max-width:640px){.hx-libs-loading-indicator{bottom:16px;right:16px;width:320px}}

/** webx/static/css/layout/popover-search-menu.css **/
.hx-popover-search-menu{margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;position:relative;background-color:var(--popover-bg);width:100%;max-width:600px;max-height:80vh;overflow:hidden;border-radius:12px;padding:24px;box-shadow:0 10px 30px var(--popover-box-shadow);z-index:9999;user-select:none;animation:hx-modal-pop 0.3s ease forwards;transform-origin:center;will-change:transform,opacity}.hx-popover-search-menu.is-closing{animation-name:hx-modal-pop-out}.hx-popover-search-menu .hx-popover-search{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:8px;border:1px solid var(--dropdown-border);background:var(--dropdown-bg);color:var(--dropdown-text);padding:10px 12px;border-radius:10px;margin-bottom:16px}.hx-popover-search-menu .hx-popover-search-input{flex:1;border:none;outline:none;background:transparent;color:inherit;font-size:15px}.hx-popover-search-menu .hx-popover-search-close{border:none;background:transparent;cursor:pointer;color:var(--dropdown-disabled);font-size:16px;line-height:1;padding:0}.hx-popover-search-menu .hx-popover-search-close:hover{color:var(--text-primary)}.hx-popover-search-menu-container{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:calc(50vh - 80px);overflow-y:auto}.hx-popover-search-menu-list{display:flex;flex-direction:column;gap:2px}.hx-popover-search-menu-item{display:flex;align-items:center;width:100%;padding:12px 14px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--text-primary);text-align:left;transition:background-color 0.2s ease,color 0.2s ease}.hx-popover-search-menu-item:hover{background:var(--hover-bg);color:var(--hover-text)}.hx-popover-search-menu-item:focus-visible{outline:2px solid var(--dropdown-focus);box-shadow:0 0 0 3px var(--dropdown-focus-shadow)}.hx-popover-search-menu-item:active{background:#2A5EA2;color:#FFFFFF}.hx-popover-search-menu-path{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-popover-search-no-result{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--dropdown-disabled);font-size:14px;text-align:center}@media (max-width:768px){.hx-popover-search-menu{max-width:90%;padding:20px}}@media (max-width:480px){.hx-popover-search-menu{padding:16px;max-height:85vh}.hx-popover-search-menu-container{max-height:calc(85vh - 72px)}.hx-popover-search-menu-item{padding:10px 12px;font-size:14px}}

/** webx/static/css/layout/layout.css **/
:root.light{--layout-bg:#fbfdff;--layout-shadow:rgba(223,223,223,0.15);--backdrop-bg:rgba(0,0,0,0.5)}:root.dark{--layout-bg:#141414;--layout-shadow:rgba(0,0,0,0.4);--backdrop-bg:rgba(0,0,0,0.7)}.hx-layout{display:flex;height:100vh;width:100%}.hx-layout .sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--backdrop-bg);z-index:101;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.hx-layout .layout-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.hx-layout .main-content{display:flex;flex-direction:column;flex:1;overflow-y:auto;height:auto;padding:16px;gap:16px;background-color:var(--layout-bg);box-shadow:0px 0px 10px 0px var(--layout-shadow)}@media (max-width:768px){.hx-layout .sidebar-backdrop{display:block}.hx-layout .sidebar-backdrop.sidebar-backdrop-visible{opacity:1;pointer-events:auto}.hx-layout .layout-content{width:100%}}.v-onboarding{z-index:99999}

/** webx/static/css/layout/action-manager/action-breadcrumb.css **/
:root.light{--breadcrumb-link-text:#1e1e1e}:root.dark{--breadcrumb-link-text:#f0f0f0}.hx-action-breadcrumb{padding:0;box-sizing:border-box}.hx-action-breadcrumb .list{display:flex;flex-direction:row;align-items:center;padding:0;list-style:none;margin:0;gap:0;font-size:16px;line-height:24px;height:24px;color:#B3B3B3;white-space:nowrap}.hx-action-breadcrumb .item{display:flex;align-items:center;gap:0;font-weight:400;margin:0;color:#B3B3B3}.hx-action-breadcrumb .item a{text-decoration:none!important}.hx-action-breadcrumb .item:last-child{font-weight:700;font-size:16px;color:#1E1E1E;line-height:1.2}.hx-action-breadcrumb .item>a{color:inherit}.hx-action-breadcrumb .item[aria-current="page"]{font-weight:600;color:#1E1E1E;line-height:1.2}.hx-action-breadcrumb .navigate-back{cursor:pointer;color:inherit;text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap;font-weight:400;line-height:1.2;transition:text-decoration 0.2s ease;padding:0;margin:0;font-size:16px}.hx-action-breadcrumb .navigate-back>*{display:inline}.hx-action-breadcrumb .item:not(:last-child)::after{content:"/";margin:0 8px;color:#B3B3B3;font-weight:400;font-size:16px;line-height:1.2}.hx-action-breadcrumb .item:last-child .navigate-back,.hx-action-breadcrumb .item:last-child span:not(.crumb-segment):not(.crumb-separator){color:#1E1E1E}.hx-action-breadcrumb .crumb-inline{display:inline-flex;align-items:center;gap:0}.hx-action-breadcrumb .crumb-segment{color:#B3B3B3;font-weight:400}.hx-action-breadcrumb .crumb-segment.is-active{color:#1E1E1E;font-weight:700}.hx-action-breadcrumb .crumb-separator{margin:0 8px;color:#B3B3B3;font-weight:400}

/** webx/static/css/layout/action-manager/action-footer.css **/
.hx-action-footer{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:8px;margin-top:8px;border-top:1px solid var(--pagger-border);background-color:var(--action-manager-bg)}.hx-action-footer.sticky{position:sticky;bottom:0;padding-bottom:8px;z-index:5}

/** webx/static/css/layout/action-manager/control-buttons.css **/


/** webx/static/css/layout/action-manager/action-bar.css **/
:root.light{--action-bar-bg:#f5f5f5;--action-bar-border:#e6e6e6;--action-bar-text:#1e1e1e;--action-bar-hover-bg:#eaeaea;--text-default:#1e1e1e;--action-dropdown-bg:#ffffff;--action-dropdown-border:#e6e6e6;--action-dropdown-hover:#e6e6e6;--action-dropdown-shadow:rgba(0,0,0,0.25);--action-button-bg:linear-gradient(90deg,#2a5ea2 40%,#1c4f92 100%);--action-button-bg-hover:linear-gradient(90deg,#1c4f92 40%,#2a5ea2 100%)}:root.dark{--action-bar-bg:#2a2a2a;--action-bar-border:#444444;--action-bar-text:#f0f0f0;--action-bar-hover-bg:#3a3a3a;--text-default:#dddddd;--action-dropdown-bg:#2a2a2a;--action-dropdown-border:#444444;--action-dropdown-hover:#444444;--action-dropdown-shadow:rgba(0,0,0,0.4);--action-button-bg:linear-gradient(90deg,#2a5ea2 40%,#1c4f92 100%);--action-button-bg-hover:linear-gradient(90deg,#1c4f92 40%,#2a5ea2 100%)}.hx-action-bar{display:flex;justify-content:space-between}.hx-action-bar .action-left,.hx-action-bar .action-right{display:flex}.hx-action-bar .action-left:has(>:nth-child(2)),.hx-action-bar .action-right:has(>:nth-child(2)){gap:12px}.hx-action-bar .action-divider{width:1px;height:48px;background-color:var(--action-bar-border);align-self:center;margin:0 8px}.hx-action-bar .action-bar-item{max-height:48px;position:relative}.hx-action-bar .action-bar-button{display:flex;align-items:center;background-color:var(--action-bar-bg);border:1px solid var(--action-bar-border);border-radius:8px;padding:8px 16px;cursor:pointer;color:var(--action-bar-text);gap:8px;font-size:1rem;height:48px;transition:all 0.3s ease;position:relative;z-index:2}.hx-action-bar .action-bar-button.create-button{display:flex;justify-content:center;align-items:center;gap:8px;height:48px;padding:8px 20px;font-size:16px;font-weight:600;color:#ffffff;background:transparent;position:relative;overflow:hidden;border:none}.hx-action-bar .action-bar-button.create-button .smart-buttons.colored{transition:all 0.3s ease}.hx-action-bar .action-bar-button.create-button::before,.hx-action-bar .action-bar-button.create-button::after{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;transition:opacity 0.3s ease,background 0.3s ease}.hx-action-bar .action-bar-button.create-button::before{background:var(--action-button-bg);opacity:1}.hx-action-bar .action-bar-button.create-button::after{background:var(--action-button-bg-hover);opacity:0}.hx-action-bar .action-bar-button.create-button:hover::after{opacity:1}.hx-action-bar .action-bar-button.create-button:hover{background:var(--action-button-bg-hover);box-shadow:0px 4px 7px -1px rgba(0,0,0,0.48)}.hx-action-bar .action-bar-button.create-button:hover .smart-buttons.colored{stroke:#ffffff;fill:#ffffff}.hx-action-bar .action-bar-button.create-button:active{transform:scale(0.98);box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.hx-action-bar .action-bar-button:not(.create-button):hover{background-color:var(--action-bar-hover-bg);transform:scale(0.98)}.hx-action-bar .action-bar-button:active{transform:scale(0.98);box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.hx-action-bar .action-bar-button:focus{outline:none}.hx-action-bar .action-bar-button:disabled{opacity:0.5;cursor:not-allowed;transform:none;box-shadow:none}.hx-action-bar .header-buttons-container,.hx-action-bar .header-buttons-right-container{display:flex;align-items:center;gap:12px;flex-shrink:0}.hx-action-bar .action-bar-button.overflow-trigger{padding:8px 12px;min-width:48px;justify-content:center}.hx-action-bar .header-overflow-dropdown .action-dropdown-item .smart-buttons{width:18px;height:18px;flex-shrink:0}.hx-action-bar .action-bar-button .action-bar-selection{cursor:pointer;position:absolute;top:43px;left:0;z-index:11;width:100%;box-sizing:border-box;flex:1 1 auto;padding:8px 12px;background-color:var(--action-bar-bg);border:1px solid var(--action-bar-border);border-radius:4px;font-size:14px;color:var(--input-color)}.hx-action-bar .action-dropdown{gap:2px;padding:10px;margin:0;color:var(--text-default);background-color:var(--action-dropdown-bg);border:1px solid var(--action-dropdown-border);border-radius:6px;box-shadow:0 6px 12px -4px var(--action-dropdown-shadow);position:absolute;top:100%;left:0px;display:flex;flex-direction:column;z-index:100;font-size:14px;line-height:1.4;margin-top:4px}.hx-action-bar .right-overflow{left:auto;right:0}.hx-action-bar .action-dropdown-enter-active,.hx-action-bar .action-dropdown-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.hx-action-bar .action-dropdown-enter-from,.hx-action-bar .action-dropdown-leave-to{opacity:0;transform:translateY(-8px)}.hx-action-bar .action-dropdown-item{cursor:pointer;padding:10px 12px;display:flex;align-items:center;gap:8px;height:100%;white-space:nowrap}.hx-action-bar .action-dropdown-item:hover{background-color:var(--action-dropdown-hover)}.hx-action-bar .action-dropdown-item>span{cursor:pointer}.hx-action-bar .action-dropdown .body1-regular,.hx-action-bar .action-dropdown .body1-semibold,.hx-action-bar .action-dropdown .body2-regular,.hx-action-bar .action-dropdown .body2-semibold{font-size:14px!important;line-height:1.4!important}@media (max-width:480px){.hx-action-bar{flex-direction:column;gap:8px;align-items:stretch}.hx-action-bar .action-left{gap:8px;width:100%}.hx-action-bar .action-bar-button{width:100%;min-width:0;box-sizing:border-box;justify-content:space-between}}

/** webx/static/css/layout/action-manager/control-pagger.css **/
:root.light{--pagger-bg:#ffffff;--pagger-border:#d0d5dd;--pagger-light-text:#98a2b3;--pagger-dropdown-hover:#edeff2;--pagger-nav-text:#667085;--pagger-nav-hover-bg:#f9fafb;--pagger-nav-disabled:#757575;--pagger-text-color:#1e1e1e;--pagger-shadow:rgba(0,0,0,0.1);--pagger-input-bg:transparent}:root.dark{--pagger-bg:#1e1e1e;--pagger-border:#444444;--pagger-light-text:#a0a0a0;--pagger-dropdown-hover:#2d2d2d;--pagger-nav-text:#d0d0d0;--pagger-nav-hover-bg:#2a2a2a;--pagger-nav-disabled:#757575;--pagger-text-color:#f0f0f0;--pagger-shadow:rgba(0,0,0,0.4);--pagger-input-bg:transparent}.hx-control-pagger{display:flex;align-items:center;gap:12px;color:var(--pagger-text-color);flex-wrap:wrap}.hx-control-pagger .per-page-selector{position:relative;display:flex;align-items:center;gap:6px;min-width:125px;padding:8px 12px;border:1px solid var(--pagger-border);border-radius:8px;background-color:var(--pagger-bg);cursor:pointer;user-select:none}.hx-control-pagger .per-page-selector:hover{background-color:var(--pagger-dropdown-hover)}.hx-control-pagger .light-text{color:var(--pagger-light-text);margin:0 4px;white-space:nowrap}.hx-control-pagger .dropdown-menux{position:absolute;left:0;width:100%;background-color:var(--pagger-bg);border:1px solid var(--pagger-border);border-radius:8px;box-shadow:0 4px 8px var(--pagger-shadow);z-index:100}.hx-control-pagger .dropdown-menux-top{bottom:105%!important;top:auto!important;margin-top:4px;margin-bottom:0}.hx-control-pagger .dropdown-menux-bottom{top:105%!important;bottom:auto!important;margin-bottom:4px;margin-top:0}.hx-control-pagger .per-page-dropdown.dropdown-menux-top{bottom:calc(100% + 6px)!important;top:auto!important}.hx-control-pagger .per-page-dropdown.dropdown-menux-bottom{top:calc(100% + 6px)!important;bottom:auto!important}.hx-control-pagger .per-page-dropdown-enter-active,.hx-control-pagger .per-page-dropdown-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.hx-control-pagger .per-page-dropdown-enter-from,.hx-control-pagger .per-page-dropdown-leave-to{opacity:0;transform:translateY(-8px)}.hx-control-pagger .dropdown-itemx{padding:6px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.hx-control-pagger .dropdown-itemx-custom{padding:6px 12px;cursor:pointer;display:flex;align-items:center}.hx-control-pagger .dropdown-itemx:hover,.hx-control-pagger .dropdown-itemx-custom:hover{background-color:var(--pagger-dropdown-hover)}.hx-control-pagger .dropdown-itemx.selected,.hx-control-pagger .dropdown-itemx-custom.selected{background-color:rgba(0,0,0,0.05)}:root.dark .hx-control-pagger .dropdown-itemx.selected,:root.dark .hx-control-pagger .dropdown-itemx-custom.selected{background-color:rgba(255,255,255,0.08)}.hx-control-pagger .per-page-dropdown .checkmark{margin-left:8px}.hx-control-pagger .pagination-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background-color:transparent;border:none;border-radius:8px;overflow:visible}.hx-control-pagger .page-info{padding:8px 16px;display:flex;align-items:center;gap:4px;min-width:82px;border-right:1px solid var(--pagger-border)}.hx-control-pagger .page-info .input-range{width:32px;text-align:center;background:var(--pagger-input-bg);color:var(--pagger-text-color);font-weight:600;border:none;outline:none}.hx-control-pagger .navigation-buttons{display:flex}.hx-control-pagger .nav-button{background:transparent;border:none;padding:6px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--pagger-nav-text);transition:all 0.3s ease}.hx-control-pagger .nav-button svg{width:16px;height:16px}.hx-control-pagger .nav-button:not(:disabled):hover{background-color:#FFFFFF;border-color:#D1D5DB;color:#374151}.hx-control-pagger .nav-button:disabled{color:var(--pagger-nav-disabled);cursor:not-allowed}.hx-control-pagger .nav-button:disabled svg{opacity:1}.hx-control-pagger .rotate-left{transform:rotate(90deg);transform-origin:50% 50%}.hx-control-pagger .rotate-right{transform:rotate(-90deg);transform-origin:50% 50%}.hx-control-pagger .prev{border-right:none}.hx-control-pagger .pages{display:flex;align-items:center;gap:6px;padding:0 8px}.hx-control-pagger .page-number{min-width:34px;height:34px;padding:0 6px;border:1px solid var(--pagger-border);border-radius:6px;background:transparent;color:var(--pagger-text-color);cursor:pointer}.hx-control-pagger .page-number:hover{border-color:#2a5ea2}.hx-control-pagger .page-number.active{background:#2a5ea2;border-color:#2a5ea2;color:#ffffff}.hx-control-pagger .ellipsis{color:var(--pagger-light-text);padding:0 4px}.hx-control-pagger .pagination-meta{display:inline-flex;align-items:center;justify-content:flex-start;gap:0px;padding:2px 6px;margin-left:8px;border:1px solid var(--pagger-border);border-radius:6px;background:var(--pagger-bg);min-height:34px;position:relative;min-width:160px;flex:0 0 auto}.hx-control-pagger .pagination-meta .meta-sep{color:var(--pagger-light-text)}.hx-control-pagger .range-editor{position:relative;display:flex;align-items:center;gap:0;padding:0;border-left:none;cursor:text;user-select:text;flex:1 1 auto;min-width:0;justify-content:flex-start;margin-right:20px}.hx-control-pagger .range-dropdown{position:absolute;bottom:105%;right:0;left:auto!important;width:max-content;min-width:140px;box-shadow:0 6px 12px var(--pagger-shadow)}.hx-control-pagger .range-inputs{display:flex;align-items:center;gap:6px;padding:6px 8px}.hx-control-pagger .range-inputs .input-range{width:44px;height:28px;border:1px solid var(--pagger-border);border-radius:6px;background:var(--pagger-input-bg);color:var(--pagger-text-color);font-weight:600}.hx-control-pagger .range-editor .input-range{width:24px;height:24px;padding:0;text-align:center;border:none;border-radius:0;background:transparent;outline:none;box-shadow:none;color:var(--pagger-text-color);font-weight:600}.hx-control-pagger .range-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin-left:4px;background:transparent;border:none;cursor:pointer}.hx-control-pagger .range-toggle svg{width:16px;height:16px}.hx-control-pagger .range-editor.open,.hx-control-pagger .range-editor:hover{background:transparent}@media (max-width:860px){.hx-control-pagger .pagination-bar{align-items:stretch;gap:10px}.hx-control-pagger .per-page-selector{font-size:15px;padding:6px 10px;min-width:0;border-radius:7px}.hx-control-pagger .pagination-controls{gap:8px;flex-direction:row;justify-content:space-between}.hx-control-pagger .page-info{display:none}.hx-control-pagger .page-info .input-range{width:24px;font-size:14px;padding:1px 2px}.hx-control-pagger .nav-button{padding:6px 6px;font-size:18px}.hx-control-pagger .dropdown-menux{left:0;min-width:70px;width:max-content;z-index:99}}@media (max-width:720px){.hx-control-pagger .pagination-controls{gap:8px;justify-content:center}.hx-control-pagger .pages{flex-wrap:wrap;row-gap:6px}.hx-control-pagger .pagination-meta{order:3;width:100%;min-width:0;margin-left:0}.hx-control-pagger .range-editor{flex-wrap:wrap;row-gap:6px}.hx-control-pagger .per-page-control{padding-left:8px;margin-left:auto}}@media (max-width:520px){.hx-control-pagger .navigation-buttons{flex-wrap:wrap;gap:4px}.hx-control-pagger .pagination-meta{padding:6px 12px;flex-wrap:wrap;gap:8px}.hx-control-pagger .per-page-control{padding-left:4px}.hx-control-pagger .range-editor>* + *{margin-left:6px}}.hx-control-pagger .per-page-control{position:static;display:flex;align-items:center;justify-content:center;padding:0 0 0 18px;min-width:18px;min-height:24px;border-radius:0;margin-right:5px;border:none;cursor:pointer;user-select:none;background:transparent}.hx-control-pagger .per-page-control:hover{background:transparent}.hx-control-pagger .per-page-control svg{pointer-events:none}.hx-control-pagger .per-page-icon{width:16px;height:16px;color:var(--pagger-text-color);fill:currentColor;transition:transform 0.15s ease}.hx-control-pagger .range-of{margin:0 4px;font-weight:500}.hx-control-pagger .range-separator{margin:0 2px;display:inline-block}.hx-control-pagger .range-total{color:var(--pagger-text-color);font-weight:600}.hx-control-pagger .per-page-dropdown{position:absolute;bottom:calc(100% + 6px);top:auto;width:100%;box-shadow:0 6px 12px var(--pagger-shadow);z-index:200}.hx-control-pagger .per-page-dropdown .custom-per-page .input-range{width:40px;height:28px;text-align:center;border:1px solid var(--pagger-border);border-radius:6px;background:var(--pagger-bg);outline:none;color:var(--pagger-text-color);font-weight:600}.hx-control-pagger .per-page-dropdown .custom-per-page .btn-apply{display:none}.hx-control-pagger .dropdown-itemx.selected,.hx-control-pagger .dropdown-itemx-custom.selected{background-color:rgba(0,0,0,0.06)}.hx-control-pagger .per-page-dropdown .custom-per-page{display:flex;align-items:center;gap:6px;width:100%}.hx-control-pagger .per-page-dropdown .custom-per-page .checkmark{margin-left:auto}.hx-control-pagger .per-page-dropdown .custom-per-page .input-range{width:40px;height:28px;text-align:center;border:1px solid var(--pagger-border);background:transparent;outline:none;color:var(--pagger-text-color);font-weight:600}.hx-control-pagger .per-page-dropdown .custom-per-page .btn-apply{padding:0 6px;font-size:12px;border:none;background:transparent;color:var(--pagger-text-color);cursor:pointer}.hx-control-pagger .per-page-icon.open{transform:rotate(180deg)}

/** webx/static/css/layout/action-manager/help-center.css **/
:root.light{--mode-help-bg:#DDEDFD;--mode-help-border:#E6E6E6;--mode-help-text:#153561;--mode-help-hover:#E0EEFF}:root.dark{--mode-help-bg:#121212;--mode-help-border:#31363b;--mode-help-text:#f3f4f6;--mode-help-hover:#1c1f24}.hx-help-center{position:relative}.hx-help-center .hx-help-btn{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;background:var(--mode-help-bg);color:var(--mode-help-text);border:1px solid var(--mode-help-border);box-shadow:0px 0px 5px rgba(0,0,0,0.25);cursor:pointer;transition:background-color 160ms ease,color 160ms ease,box-shadow 160ms ease}.hx-help-center .hx-help-btn:hover{background:var(--mode-help-hover)}.hx-help-center .hx-help-icon{width:20px;height:20px}.hx-help-center .hx-help-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:8px;min-width:15rem;background:var(--list-bg);border:1px solid var(--list-border);border-radius:15px;padding:8px;z-index:1000}.hx-help-center .hx-help-item{display:flex;align-items:center;width:100%;background:transparent;border:none;color:var(--list-text);padding:8px 12px;border-radius:8px;text-align:left;cursor:pointer;transition:background 160ms ease,color 160ms ease}.hx-help-center .hx-help-item:hover{background:var(--list-header-bg-hover)}

/** webx/static/css/layout/action-manager/hx-export-modal.css **/
.hx-export-modal{display:flex;flex-direction:column;gap:14px}.hx-export-modal .options-group{display:flex;flex-direction:column;gap:8px}.hx-export-modal .section-title{margin-bottom:6px}.hx-export-modal .export-format .radio-group{display:flex;gap:12px}.hx-export-modal .radio-option,.hx-export-modal .checkbox-option{display:flex;align-items:center;gap:6px}.hx-export-modal .advanced-container{display:flex;flex-direction:column;gap:12px;margin-top:4px}.hx-export-modal .advanced-columns{display:flex;gap:12px;align-items:stretch}.hx-export-modal .field-list{display:flex;flex-direction:column;gap:8px;flex:1 1 0%}.hx-export-modal .export-row{display:flex;align-items:center;gap:8px;padding:6px 8px}.hx-export-modal .export-row.drop-after{border-bottom:2px solid #1E1E1E}.hx-export-modal .export-row .icon-button{margin-left:auto;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer}.hx-export-modal .export-row .drag-handle{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:grab}.hx-export-modal .selected-fields .inline-controls{display:inline-flex;gap:6px;margin-left:auto}.hx-export-modal .search-bar{position:relative;width:100%}.hx-export-modal .search-input{width:100%;padding:6px 36px 6px 36px;border:1px solid #E6E6E6;border-radius:6px}.hx-export-modal .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:inline-flex}.hx-export-modal .dropdown-button{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:default;pointer-events:none;padding:4px}.hx-export-modal .dropdown-menu{position:absolute;z-index:999999;min-width:160px;background:#FFF;border:1px solid #E6E6E6;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.hx-export-modal .dropdown-empty{padding:8px 12px;color:#9AA0A6;font-size:12px}.hx-export-modal .template-selector{position:relative;width:100%;display:flex;align-items:center;gap:8px}.hx-export-modal .template-button{width:100%;height:36px;padding:0 36px 0 12px;text-align:left;border:1px solid #E6E6E6;border-radius:8px;background:#FFF;cursor:pointer}.hx-export-modal .template-button .muted{color:#6B7280}.hx-export-modal .template-caret{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:inline-flex}.hx-export-modal .scroll-panel{flex:1 1 auto;max-height:320px;overflow:auto;border:1px solid #E6E6E6;border-radius:6px;padding:8px}.hx-export-modal .required{color:#F04438}.hx-export-modal .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.hx-export-modal .hint-text{margin-top:6px;color:#9AA0A6;text-align:right}.hx-export-modal .template-selector .dropdown-menu{width:100%;left:0;top:calc(100% + 4px)}.hx-export-modal .export-field-menu .menu-item{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer}.hx-export-modal .dropdown-button{pointer-events:auto;cursor:pointer}.hx-export-modal .template-search-dropdown{position:relative;flex:1;min-width:200px}.hx-export-modal .template-search-input{width:100%;padding:8px 32px 8px 12px;border:1px solid #E6E6E6;border-radius:8px;font-size:14px;background:white;height:36px;box-sizing:border-box}.hx-export-modal .template-search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,0.25);outline:none}.hx-export-modal .template-dropdown-list{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #E6E6E6;border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.hx-export-modal .template-option{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0}.hx-export-modal .template-option:hover{background-color:#f8f9fa}.hx-export-modal .template-option:last-child{border-bottom:none}.hx-export-modal .no-templates{padding:8px 12px;color:#6c757d;font-style:italic}.hx-export-modal .template-search-dropdown .dropdown-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#6c757d;cursor:pointer;transition:transform 0.2s}.hx-export-modal .template-search-dropdown .dropdown-icon:hover{color:#495057}.hx-export-modal .template-name-section{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:12px;background-color:#f8f9fa;border-radius:8px;border:1px solid #E6E6E6}.hx-export-modal .template-info{display:flex;align-items:center;gap:8px;flex:1}.hx-export-modal .template-name{font-weight:500;color:#495057}.hx-export-modal .template-icon{color:#28a745}.hx-export-modal .template-name-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.hx-export-modal .template-actions{display:flex;gap:8px;justify-content:flex-end}.hx-export-modal .save-template-btn,.hx-export-modal .cancel-template-btn{padding:6px 12px;border:none;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:4px}.hx-export-modal .save-template-btn{background-color:#28a745;color:white}.hx-export-modal .save-template-btn:hover{background-color:#218838}.hx-export-modal .cancel-template-btn{background-color:#6c757d;color:white}.hx-export-modal .cancel-template-btn:hover{background-color:#5a6268}.hx-export-modal .selected-template-display{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#e9ecef;border-radius:8px;margin-top:8px;border:1px solid #E6E6E6}.hx-export-modal .clear-template-btn{padding:4px 8px;background-color:#dc3545;color:white;border:none;border-radius:4px;cursor:pointer;font-size:12px}.hx-export-modal .clear-template-btn:hover{background-color:#c82333}.hx-export-modal .create-template-btn{padding:8px 12px;background-color:#007bff;color:white;border:none;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:4px;white-space:nowrap}.hx-export-modal .create-template-btn:hover{background-color:#0056b3}

/** webx/static/css/layout/action-manager/action-manager.css **/
:root.light{--action-manager-bg:#fcfeff}:root.dark{--action-manager-bg:#1e1e1e}.main-inner{display:flex;flex-direction:column;height:100%;overflow:hidden}.hx-action-manager{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--action-manager-bg);overflow-y:auto;overflow-x:hidden;gap:16px;padding:16px}.hx-action-control{padding:0}.hx-action-manager-buttons{display:flex;flex-direction:row;align-items:start;gap:16px}.hx-action-manager-buttons .button-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.hx-action-manager-buttons .button-right{display:flex;align-items:center;flex-shrink:0}.hx-action-manager-buttons .button-left .hx-action-bar{flex:1}.hx-action-manager-buttons .button-left .hx-action-bar{width:100%}.hx-action-manager-buttons .action-divider{width:1px;height:48px;background-color:var(--action-bar-border);align-self:center;margin:0 8px}.hx-validation-error-popup{position:fixed;top:calc(var(--hx-topbar-height,56px) + 12px);left:50%;right:auto;transform:translate(-50%,-8px);width:min(80vw,320px);max-width:320px;min-width:200px;background:#fff;border:1px solid #dc3545;border-radius:8px;box-shadow:0 6px 18px rgba(220,53,69,0.18);z-index:9999;animation:popupSlideUpCenter 0.3s cubic-bezier(0.21,1.02,0.73,1);max-height:70vh;overflow-y:auto;font-size:11px;transform-origin:top center}.hx-validation-error-popup.show{transform:translate(-50%,0)}.hx-validation-error-content{padding:0;font-size:11px}.hx-validation-error-header{background:#dc3545;color:white;padding:4px 8px;border-radius:5px 5px 0 0;display:flex;align-items:center;gap:4px;font-weight:600;font-size:11px;position:relative}.hx-validation-error-header i{font-size:11px}.hx-validation-error-close{position:absolute;top:2px;right:4px;background:none;border:none;color:#000!important;font-size:12px;font-weight:bold;cursor:pointer;padding:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s}.hx-validation-error-close:hover{background:rgba(0,0,0,0.1);color:#000!important}.hx-validation-error-list{margin:0;padding:6px 8px;list-style:none}.hx-validation-error-list li{padding:3px 0;border-bottom:1px solid #f8f9fa;color:#dc3545;font-size:10px;display:flex;align-items:flex-start;gap:4px}.hx-validation-error-list li:last-child{border-bottom:none}.hx-validation-error-list li:before{content:'•';color:#dc3545;font-weight:bold;flex-shrink:0}@keyframes slideInFromRight{from{transform:translate(-50%,-8px);opacity:0}to{transform:translate(-50%,0);opacity:1}}@media (max-width:768px){.hx-validation-error-popup{width:min(92vw,320px);max-width:92vw;min-width:200px;left:50%;right:auto;top:calc(var(--hx-topbar-height,56px) + 8px)}}@keyframes slideInRight{0%{transform:translate(-50%,-8px);opacity:0}100%{transform:translate(-50%,0);opacity:1}}.hx-action-manager .hx-form-validation-popup{position:fixed!important;top:calc(var(--hx-topbar-height,56px) + 12px)!important;left:50%!important;right:auto!important;bottom:auto!important;background:linear-gradient(135deg,#dc3545,#dc3545)!important;color:white!important;padding:0!important;z-index:99998!important;border-radius:8px!important;box-shadow:0 6px 18px rgba(0,0,0,0.18)!important;width:min(80vw,360px)!important;max-width:80vw!important;min-width:240px!important;border:none!important;overflow:hidden!important;transform:translate(-50%,-8px)!important;transform-origin:top center!important;font-size:11px!important}.hx-action-manager .hx-form-validation-popup__header{background:rgba(255,255,255,0.1)!important;padding:6px 10px!important;border-bottom:1px solid rgba(255,255,255,0.15)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.hx-action-manager .hx-form-validation-popup__header-left{display:flex!important;align-items:center!important}.hx-action-manager .hx-form-validation-popup__icon{margin-right:6px!important;font-size:12px!important;color:#fff3cd!important}.hx-action-manager .hx-form-validation-popup__title{font-size:12px!important}.hx-action-manager .hx-form-validation-popup__close{background:transparent!important;border:none!important;color:white!important;font-size:16px!important;cursor:pointer!important;padding:0!important;margin:0!important;width:18px!important;height:18px!important;line-height:1!important;opacity:0.8!important;display:flex!important;align-items:center!important;justify-content:center!important}.hx-action-manager .hx-form-validation-popup__close:hover{opacity:1!important}.hx-action-manager .hx-form-validation-popup__content{padding:8px 10px!important}.hx-action-manager .hx-form-validation-popup__desc{margin:0 0 6px 0!important;font-size:11px!important;opacity:0.9!important}.hx-action-manager .hx-form-validation-popup__list{margin:0!important;padding:0!important;list-style:none!important}.hx-action-manager .hx-form-validation-popup__item{margin-bottom:4px!important;padding:4px 8px!important;background:rgba(255,255,255,0.15)!important;border-radius:4px!important;font-size:10px!important;line-height:1.3!important;position:relative!important;padding-left:18px!important}.hx-action-manager .hx-form-validation-popup__item-icon{position:absolute!important;left:6px!important;top:50%!important;transform:translateY(-50%)!important;font-size:7px!important;opacity:0.8!important}.hx-action-manager .view-with-form{display:grid;gap:12px;height:100%;overflow:hidden}.hx-action-manager .view-with-form:not(.is-form-active){grid-template-columns:1fr}.hx-action-manager .view-with-form.is-form-active{grid-template-columns:minmax(320px,1fr) minmax(420px,700px)}.hx-action-manager .view-with-form.list-with-form{height:auto;overflow:visible}.hx-action-manager .view-with-form.list-with-form .view-pane{overflow:visible}.hx-action-manager .view-pane{display:flex;flex-direction:column;min-width:0;overflow:hidden;gap:16px}.hx-action-manager[action-mode='list'] .view-pane{overflow:visible}.hx-action-manager .view-pane .kanban-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:6px}.hx-action-manager .view-with-form.is-form-active .view-pane{min-width:320px}.hx-action-manager .quick-view-pane{position:relative;display:flex;flex-direction:column;min-width:420px;max-width:700px;overflow:hidden}@media (min-width:1368px){.hx-action-manager .view-with-form.is-form-active{grid-template-columns:minmax(320px,1fr) minmax(420px,820px)}.hx-action-manager .quick-view-pane{max-width:820px}}.hx-action-client-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px}.hx-action-client-loading__spinner{width:40px;height:40px;border:3px solid var(--action-manager-bg);border-top-color:var(--primary-color,#3b82f6);border-radius:50%;animation:action-client-spin 0.8s linear infinite}@keyframes action-client-spin{to{transform:rotate(360deg)}}

/** webx/static/css/layout/action-manager/control-mode.css **/
:root.light{--mode-bg:#ffffff;--mode-border:#e6e9ee;--mode-text:#0058CC;--mode-hover:#f1f5f9;--mode-active-bg:#E0EEFF;--mode-active-text:#0058CC;--mode-active-border:#AFD0FD;--mode-active-ring:rgba(53,123,255,0.25);--mode-ring-width:1px}:root.dark{--mode-bg:#121212;--mode-border:#31363b;--mode-text:#f3f4f6;--mode-hover:#1c1f24;--mode-active-bg:#2c6bed;--mode-active-text:#ffffff;--mode-active-border:#2c6bed;--mode-active-ring:rgba(53,123,255,0.35);--mode-ring-width:1.5px}.hx-control-mode{display:flex;align-items:center;color:var(--mode-text);padding:0px}.hx-control-mode .segmented{display:inline-flex;align-items:center;gap:4px;padding:4px;background:var(--mode-bg);border:0.5px thin var(--mode-border);border-radius:8px;height:48px}.hx-control-mode .seg-item{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:none;border-radius:6px;background:transparent;cursor:pointer;color:var(--mode-text);font-size:16px;font-weight:600;user-select:none;height:40px;transition:all 0.3s ease}.hx-control-mode .seg-item:hover{background:var(--mode-hover)}.hx-control-mode .seg-icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor}.hx-control-mode .seg-item.active{background:var(--mode-active-bg);color:var(--mode-active-text);border-color:var(--mode-active-border);box-shadow:0 0 0 var(--mode-ring-width) var(--mode-active-ring);transition:all 0.3s ease}.hx-control-mode .seg-item.active:hover{background:var(--mode-bg)}.hx-control-mode .seg-item:focus-visible{outline:none;box-shadow:0 0 0 calc(var(--mode-ring-width) + 1px) var(--mode-active-ring)}.hx-control-mode .seg-item span{line-height:1;white-space:nowrap;letter-spacing:0.1px}

/** webx/static/css/layout/action-manager/action-control.css **/


/** webx/static/css/layout/action-manager/action-wizard.css **/
.hx-action-wizard-backdrop{position:fixed;top:0;left:0;z-index:1030;width:100%;height:100%;background-color:var(--backdrop-bg);display:flex;align-items:center;justify-content:center;padding:10px;backdrop-filter:blur(4px);animation:none}.hx-action-wizard{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:96vw;max-height:90vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;background-color:var(--popover-bg);color:var(--text-primary);border-radius:12px;padding:24px;box-shadow:0 10px 30px var(--popover-box-shadow);z-index:9999;user-select:none;cursor:grab;touch-action:none;will-change:top,left,transform;animation:none}.hx-action-wizard.is-dragging{cursor:grabbing}.hx-action-wizard *{user-select:auto}.resize-handle{position:absolute;z-index:1}.handle-e{top:0;right:0;width:8px;height:100%;cursor:ew-resize}.handle-w{top:0;left:0;width:8px;height:100%;cursor:ew-resize}.handle-n{top:0;left:0;width:100%;height:8px;cursor:ns-resize}.handle-s{bottom:-6px;left:0;width:100%;height:6px;cursor:ns-resize}.handle-ne{top:0;right:0;width:12px;height:12px;cursor:nesw-resize}.handle-nw{top:0;left:0;width:12px;height:12px;cursor:nwse-resize}.handle-se{bottom:-6px;right:-6px;width:12px;height:12px;cursor:nwse-resize}.handle-sw{bottom:-6px;left:-6px;width:12px;height:12px;cursor:nesw-resize}.hx-action-wizard .hx-action-footer{position:relative;z-index:2}.hx-action-wizard .hx-list-view{flex:1 1 auto;min-height:0;overflow-x:auto;overflow-y:auto}.hx-action-wizard .hx-form-view,.hx-action-wizard .hx-kanban-view{flex:1 1 auto;min-height:0}.hx-action-wizard .hx-form-view{overflow:visible;min-width:0}.hx-action-wizard.is-form-mode{overflow:hidden!important;display:flex!important;flex-direction:column!important;height:80vh!important;max-height:80vh!important;position:fixed!important}.hx-action-wizard.is-form-mode .hx-form-view{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;height:100%!important;max-height:100%!important}.hx-action-wizard.is-form-mode .hx-form-view .form-content{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;max-height:calc(80vh - 100px)!important;position:relative!important}.hx-action-wizard.is-form-mode .hx-form-sheet{max-height:100%!important;overflow:visible!important}.hx-action-wizard.is-form-mode .hx-form-view .form-content::-webkit-scrollbar{width:6px}.hx-action-wizard.is-form-mode .hx-form-view .form-content::-webkit-scrollbar-track{background:transparent}.hx-action-wizard.is-form-mode .hx-form-view .form-content::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:3px}.hx-action-wizard.is-form-mode .hx-form-view .form-content{scrollbar-width:thin;scrollbar-color:#c1c1c1 transparent}.hx-action-wizard .hx-list-view-records td.is-text-column,.hx-action-wizard .hx-list-view-group-records td.is-text-column{text-align:left!important}.hx-action-wizard .hx-list-view-records td.is-image-column,.hx-action-wizard .hx-list-view-group-records td.is-image-column{text-align:center}.hx-action-wizard .hx-list-view-records td.is-text-column>div,.hx-action-wizard .hx-list-view-group-records td.is-text-column>div{text-align:left!important}.hx-action-wizard .hx-list-view-records td.is-image-column>div,.hx-action-wizard .hx-list-view-group-records td.is-image-column>div{display:flex;justify-content:center;align-items:center;width:100%}.hx-action-wizard .hx-list-view-records td.is-image-column .hx-list-view-field-image,.hx-action-wizard .hx-list-view-group-records td.is-image-column .hx-list-view-field-image{justify-content:center;width:100%}.handle-e,.handle-w{touch-action:none}.handle-n,.handle-s{touch-action:none}@media (max-width:768px){.hx-action-wizard{max-width:90%;padding:28px}}@media (max-width:480px){.hx-action-wizard{padding:20px 16px;max-height:85vh;border-radius:10px;box-shadow:0 8px 20px var(--popover-box-shadow)}}.hx-action-wizard-close{position:absolute;top:12px;right:20px;width:32px;height:32px;border:none;border-radius:8px;color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;opacity:0.7;transition:opacity 0.15s ease,background-color 0.15s ease,transform 0.05s ease;cursor:pointer;z-index:2;background:none}.hx-action-wizard.is-form-mode .hx-action-wizard-close{top:24px}.hx-action-wizard.is-form-mode .hx-form-view .form-title,.hx-action-wizard.is-form-mode .hx-form-view .form-header{padding-right:40px}.hx-action-wizard.is-form-mode .hx-form-view .form-footer{padding:24px 0 0}.hx-action-wizard-close:hover{opacity:1}.hx-action-wizard-close:active{transform:scale(0.98)}.hx-action-wizard .search-dropdown-container{z-index:210}.hx-action-wizard .search-container ul.search-autocomplete-list,.hx-action-wizard .search-container ul.applied-filters-list{z-index:211}.hx-action-wizard.hx-modal-enter-active{animation:hx-modal-pop 0.3s ease forwards}.hx-action-wizard.hx-modal-leave-active{animation:hx-modal-pop-out 0.25s ease forwards}@keyframes hx-modal-pop{from{opacity:0;transform:translate(-50%,calc(-50% + 12px)) scale(0.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes hx-modal-pop-out{from{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% + 12px)) scale(0.96)}}.hx-action-wizard-header{display:flex;align-items:center;padding-right:40px;margin-bottom:12px}.hx-action-wizard-title{font-size:16px;font-weight:600;color:var(--text-primary);display:inline-flex;align-items:center;gap:8px}.hx-action-wizard-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#e0eeff;color:#2a5ea2;font-size:12px;font-weight:600}.hx-action-wizard-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.hx-action-wizard-search{flex:1 1 auto;min-width:0}.hx-action-wizard-search .search-container{width:100%}.hx-action-wizard .hx-search.hx-search-wizard .search-inner{gap:12px}.hx-action-wizard .hx-search.hx-search-wizard .search-box{height:40px;border-radius:8px;background:#f3f4f6;border:1px solid var(--border-default);z-index:200}.hx-action-wizard .hx-search.hx-search-wizard .search-input-wrapper{padding:8px 12px}.hx-action-wizard .hx-search.hx-search-wizard .search-input-text{font-size:14px}.hx-action-wizard .filter-panel{height:40px}.hx-action-wizard .filter-toggle-btn.is-wizard{height:40px;padding:0 12px;border-radius:8px;background:#ffffff;border:1px solid var(--border-default);gap:8px}.hx-action-wizard .filter-toggle-btn.is-wizard:hover{background:#f6f7f9}.hx-action-wizard .filter-toggle-label{font-size:14px;color:var(--text-default);white-space:nowrap}.hx-action-wizard-view-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px;background:var(--mode-bg);border:0.5px solid var(--mode-border);border-radius:8px;height:40px}.hx-action-wizard-view-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--mode-text);cursor:pointer}.hx-action-wizard-view-btn .smart-buttons,.hx-action-wizard-view-btn .smart-buttons use{fill:none;stroke:currentColor}.hx-action-wizard-view-btn:hover{background:var(--mode-hover)}.hx-action-wizard-view-btn.active{background:var(--mode-active-bg);color:var(--mode-active-text);box-shadow:0 0 0 var(--mode-ring-width) var(--mode-active-ring)}

/** webx/static/css/layout/popup/confirm-delete-modal.css **/
.hx-form-confirm-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;z-index:1000001;animation:none}.hx-form-confirm-modal-overlay .modal-dialog{transform-origin:center;animation:hx-modal-pop 0.3s ease forwards}.hx-form-confirm-modal-overlay.hx-form-confirm-delete-overlay{align-items:flex-start}.hx-form-confirm-delete-modal{width:403px;max-width:calc(100vw - 40px)}.hx-form-confirm-delete-modal .modal-content{padding:8px 12px 12px 12px;display:flex;flex-direction:column;background:#FFFFFF;border-radius:8px;box-shadow:0px 1px 5px 0px rgba(0,0,0,0.25);border:none}.hx-form-confirm-delete-modal .modal-header{display:flex;justify-content:flex-end;align-items:flex-start;margin-bottom:4px;margin-top:-4px;margin-right:-8px}.hx-form-confirm-delete-modal .modal-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;cursor:pointer;border-radius:4px;padding:0}.hx-form-confirm-delete-modal .modal-close:hover{background-color:#F3F4F6}.hx-form-confirm-delete-modal .confirm-icon{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.hx-form-confirm-delete-modal .confirm-icon-graphic{width:58px;height:58px}.hx-form-confirm-delete-modal .confirm-icon-badge{position:absolute;right:160px;bottom:2px;width:26px;height:26px;z-index:1;overflow:visible;transform:translate(20%,20%);border-radius:50%}.hx-form-confirm-delete-modal .confirm-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#1E1E1E;text-align:center;margin:0 0 8px 0;align-self:stretch}.hx-form-confirm-delete-modal .confirm-desc{font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;line-height:1.4285714285714286;color:#757575;text-align:center;margin:0;align-self:stretch}.hx-form-confirm-delete-modal .confirm-desc .confirm-name{font-weight:400}.hx-form-confirm-delete-modal .confirm-actions{display:flex;justify-content:stretch;align-items:stretch;align-self:stretch;gap:8px;margin-top:24px}.hx-form-confirm-delete-modal .confirm-actions .btn{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;padding:12px 28px;border-radius:8px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:14px;line-height:1.6428571428571428;cursor:pointer;transition:all 0.2s;border:1px solid transparent;text-align:center}.hx-form-confirm-delete-modal .confirm-actions .btn-secondary{background:#FCFEFF;color:#2B2B2B;border-color:#8B8B8C}.hx-form-confirm-delete-modal .confirm-actions .btn-secondary:hover{background:#F9FAFB;border-color:#6B7280}.hx-form-confirm-delete-modal .confirm-actions .btn-primary{background:linear-gradient(90deg,rgba(42,94,162,1) 40%,rgba(28,79,146,1) 100%);color:#FFFFFF;border:none}.hx-form-confirm-delete-modal .confirm-actions .btn-primary:hover{background:linear-gradient(90deg,rgba(38,84,145,1) 40%,rgba(25,71,131,1) 100%)}@keyframes hx-modal-overlay-in{from{opacity:0}to{opacity:1}}@keyframes hx-modal-overlay-out{from{opacity:1}to{opacity:0}}@keyframes hx-modal-pop{from{opacity:0;transform:translate3d(0,12px,-30px) scale(0.95)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes hx-modal-pop-out{from{opacity:1;transform:translate3d(0,0,0) scale(1)}to{opacity:0;transform:translate3d(0,12px,-18px) scale(0.96)}}

/** webx/static/css/layout/popup/popover-menu.css **/
:root.light{--popover-bg:#ffffff;--popover-box-shadow:rgba(0,0,0,0.2);--backdrop-bg:rgba(0,0,0,0.5);--text-primary:#1e1e1e;--hover-bg:#f0f0f0;--hover-text:#000000;--dropdown-text:#313131;--dropdown-bg:#ffffff;--dropdown-border:#e0e0e0;--dropdown-hover:#b0b0b0;--dropdown-focus:#5599f2;--dropdown-focus-shadow:rgba(85,153,242,0.2);--dropdown-disabled:#999999}:root.dark{--popover-bg:#1e1e1e;--popover-box-shadow:rgba(0,0,0,0.5);--backdrop-bg:rgba(0,0,0,0.7);--text-primary:#f0f0f0;--hover-bg:#2a2a2a;--hover-text:#ffffff;--dropdown-text:#eaeaea;--dropdown-bg:#2a2a2a;--dropdown-border:#444444;--dropdown-hover:#666666;--dropdown-focus:#5599f2;--dropdown-focus-shadow:rgba(85,153,242,0.4);--dropdown-disabled:#777777}.hx-popover-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--backdrop-bg);display:flex;align-items:center;justify-content:center;z-index:9998;padding:10px;animation:none}.hx-popover-menu{margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;position:relative;background-color:var(--popover-bg);width:100%;max-width:696px;max-height:90vh;overflow:hidden;border-radius:12px;padding:32px;box-shadow:0 10px 30px var(--popover-box-shadow);z-index:9999;user-select:none;animation:hx-modal-pop 0.3s ease forwards;transform-origin:center;will-change:transform,opacity}.hx-popover-menu.is-closing{animation-name:hx-modal-pop-out}.hx-popover-menu .hx-popover-menu-container{# display:flex;flex-direction:column;flex-wrap:wrap;gap:16px;overflow-y:auto;flex:1 1 auto;min-height:0;max-height:calc(90vh - 64px)}.hx-popover-menu .hx-popover-section{flex:1 1;min-width:200px;margin-bottom:16px}.hx-popover-menu .hx-popover-section h3{margin-bottom:16px;color:var(--text-primary)}.hx-popover-menu .hx-popover-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.hx-popover-menu .hx-popover-section li{display:flex;align-items:center;color:var(--text-primary);cursor:pointer;transition:background-color .2s ease,color .2s ease;padding:6px 10px;border-radius:6px;gap:4px}.hx-popover-menu .hx-popover-section li:hover{background-color:var(--hover-bg);color:var(--hover-text)}.hx-popover-menu .hx-popover-section li:not(:hover){background-color:transparent;color:var(--text-primary)}.menu-icons{width:18px;height:18px;margin-right:8px;fill:currentColor}@media (max-width:768px){.hx-popover-menu{max-width:90%;padding:28px}.hx-popover-menu .hx-popover-section{min-width:100%}}@media (max-width:480px){.hx-popover-menu{padding:20px 16px;max-height:85vh}.hx-popover-menu .hx-popover-menu-container{max-height:calc(85vh - 56px)}.hx-popover-menu .hx-popover-section{min-width:100%;margin-bottom:12px}.hx-popover-menu .hx-popover-section h3{font-size:15px;margin-bottom:12px}.hx-popover-menu .hx-popover-section li{font-size:14px;padding:6px 10px}.menu-icons{width:16px;height:16px;margin-right:6px}.hx-popover-menu{border-radius:10px;box-shadow:0 8px 20px var(--popover-box-shadow)}}.hx-popover-menu .hx-popover-search{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:8px;border:1px solid var(--dropdown-border);background:var(--dropdown-bg);color:var(--dropdown-text);padding:10px 12px;border-radius:10px;margin-bottom:20px}.hx-popover-menu .hx-popover-search-input{flex:1;border:none;outline:none;background:transparent;color:inherit;font-size:15px}@keyframes hx-modal-overlay-in{from{opacity:0}to{opacity:1}}@keyframes hx-modal-pop{from{opacity:0;transform:translate3d(0,14px,-30px) scale(0.95)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes hx-modal-pop-out{from{opacity:1;transform:translate3d(0,0,0) scale(1)}to{opacity:0;transform:translate3d(0,12px,-18px) scale(0.96)}}.hx-popover-menu .search-icon{width:18px;height:18px;flex:0 0 auto}.hx-popover-menu .hx-popover-search-close{border:none;background:transparent;cursor:pointer;color:var(--dropdown-disabled);font-size:16px;line-height:1;padding:0}.hx-popover-menu .hx-popover-recently-opened-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:300;color:var(--text-primary);margin-bottom:16px}.hx-popover-menu .hx-popover-recently-opened-icon{width:18px;height:18px;flex:0 0 auto;fill:currentColor}.hx-popover-menu .hx-popover-top-icons{display:grid;grid-template-columns:repeat(6,minmax(64px,1fr));margin-bottom:24px}.hx-popover-menu .hx-popover-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 6px;border-radius:10px;cursor:pointer;background:transparent;border:none;color:var(--text-primary);transition:background-color .2s ease,transform .1s ease}.hx-popover-menu .hx-popover-tile:hover{background:var(--hover-bg);transform:translateY(-1px)}.hx-popover-menu .hx-popover-tile:focus-visible{outline:2px solid var(--dropdown-focus);box-shadow:0 0 0 3px var(--dropdown-focus-shadow);border-radius:10px}.hx-popover-menu .hx-popover-tile-icon{width:44px;height:44px;fill:currentColor}.hx-popover-menu .hx-popover-tile-label{font-size:12px;text-align:center;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:110px;word-break:break-word}.hx-popover-menu .hx-popover-menu-icons-grid{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr))}.hx-popover-menu .hx-popover-menu-icon-button{display:flex;align-items:center;gap:4px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--text-primary);text-align:left;transition:all 0.3s ease}.hx-popover-menu .hx-popover-menu-icon-button:hover{background:var(--hover-bg);color:var(--hover-text)}.hx-popover-menu .hx-popover-menu-icon-button:focus-visible{outline:2px solid var(--dropdown-focus);box-shadow:0 0 0 3px var(--dropdown-focus-shadow);border-radius:8px}.hx-popover-menu .hx-popover-menu-icon-button .menu-icons{width:36px;height:36px;flex:0 0 auto}.hx-popover-menu .hx-popover-menu-icon-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-popover-menu .submenu{margin-top:6px;margin-left:28px;display:grid;grid-template-columns:1fr;gap:6px}.hx-popover-menu .submenu-item{padding:4px 6px;border-radius:4px}.hx-popover-menu .submenu-item:hover{background:var(--hover-bg)}@media (max-width:768px){.hx-popover-menu .hx-popover-top-icons{grid-template-columns:repeat(4,minmax(64px,1fr));gap:14px}.hx-popover-menu .hx-popover-menu-icons-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media (max-width:480px){.hx-popover-menu .hx-popover-top-icons{grid-template-columns:repeat(3,minmax(64px,1fr));gap:12px}.hx-popover-menu .hx-popover-tile-icon{width:40px;height:40px}.hx-popover-menu .hx-popover-tile-label{font-size:12px;max-width:96px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.hx-popover-menu .hx-popover-menu-icons-grid{grid-template-columns:1fr}}

/** webx/static/css/layout/popup/popup-action-confirmation.css **/
:root.light{--popup-action-confirmation-bg:#ffffff;--popup-action-confirmation-box-shadow:rgba(0,0,0,0.2);--backdrop-bg:rgba(0,0,0,0.5);--text-caption:#c2c2c2;--text-message:#757575;--btn-default-color:#212529;--btn-default-bg:#ffffff;--btn-default-border:#8b8b8c;--btn-primary-color:#ffffff;--btn-primary-bg:#2a5ea2;--btn-primary-border:#ffffff;--btn-primary-hover-color:#ffffff;--btn-primary-hover-bg:#0056CC;--btn-primary-hover-border:#0056CC}:root.dark{--popup-action-confirmation-bg:#1e1e1e;--popup-action-confirmation-box-shadow:rgba(0,0,0,0.5);--backdrop-bg:rgba(0,0,0,0.7);--text-caption:#c2c2c2;--text-message:#f0f0f0;--btn-default-color:#212529;--btn-default-bg:#ffffff;--btn-default-border:#8b8b8c;--btn-primary-color:#ffffff;--btn-primary-bg:#2a5ea2;--btn-primary-border:#ffffff;--btn-primary-hover-color:#ffffff;--btn-primary-hover-bg:#0056CC;--btn-primary-hover-border:#0056CC}.hx-popup-action-confirmation{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--backdrop-bg);display:flex;align-items:center;justify-content:center;z-index:9998;padding:10px;animation:none}.hx-popup-action-confirmation .hx-popup-action-container{margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;position:relative;background-color:var(--popup-action-confirmation-bg);width:100%;max-width:490px;max-height:90vh;overflow:hidden;border-radius:12px;padding:15px;box-shadow:0 10px 30px var(--popup-action-confirmation-box-shadow);z-index:9999;user-select:none;transform-origin:center;animation:hx-modal-pop 0.3s ease}.hx-popup-action-confirmation .hx-popup-action-close{position:absolute;right:10px;top:10px;z-index:1}.hx-popup-action-confirmation .hx-popup-action-close button{cursor:pointer;padding:10px 10px;margin:0;min-height:0}.hx-popup-action-confirmation .hx-popup-action-content{position:relative;min-height:200px;text-align:center;padding-top:30px}.hx-popup-action-confirmation .hx-popup-action-content .hx-popup-action-icon{padding:15px}.hx-popup-action-confirmation .hx-popup-action-content svg{height:65px;width:auto}.hx-popup-action-confirmation .hx-popup-action-content .hx-popup-action-message{margin-top:7px;color:var(--text-message)}.hx-popup-action-confirmation .hx-popup-action-content .hx-popup-action-caption{margin-top:7px;color:var(--text-caption)}.hx-popup-action-confirmation .hx-popup-action-content .hx-popup-action-buttons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:30px;margin-right:10px;margin-left:10px}.hx-popup-action-confirmation .hx-popup-action-content .hx-popup-action-buttons>.btn{flex:0 0 50%}.hx-popup-action-confirmation .btn.btn-default{color:var(--btn-default-color);background-color:var(--btn-default-bg);border-color:var(--btn-default-border)}.hx-popup-action-confirmation .btn.btn-primary{color:var(--btn-primary-color);background-color:var(--btn-primary-bg);border-color:var(--btn-primary-border)}.hx-popup-action-confirmation .btn.btn-default:hover,.hx-popup-action-confirmation .btn.btn-primary:hover{color:var(--btn-primary-hover-color);background-color:var(--btn-primary-hover-bg);border-color:var(--btn-primary-hover-border)}@keyframes hx-modal-overlay-in{from{opacity:0}to{opacity:1}}@keyframes hx-modal-overlay-out{from{opacity:1}to{opacity:0}}@keyframes hx-modal-pop{from{opacity:0;transform:translate3d(0,12px,-30px) scale(0.95)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes hx-modal-pop-out{from{opacity:1;transform:translate3d(0,0,0) scale(1)}to{opacity:0;transform:translate3d(0,12px,-18px) scale(0.96)}}

/** webx/static/css/layout/popup/export-data/export-data-popup.css **/
.hx-export-data-popup{position:fixed;inset:0;z-index:999998}.hx-export-data-dialog .template-selector-enhanced{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.hx-export-data-dialog .template-field-container{display:flex;flex-direction:column;gap:6px;align-self:stretch}.hx-export-data-dialog .template-field-wrapper{display:flex;align-items:center;align-self:stretch;gap:10px;padding:4px 8px 4px 4px;height:40px;background:#ffffff;border:1px solid #e1e2e3;border-radius:8px;cursor:pointer;transition:border-color 0.2s}.hx-export-data-dialog .template-field-wrapper:hover{border-color:#d1d5db}.hx-export-data-dialog .template-field-content{display:flex;justify-content:space-between;align-items:center;align-self:stretch;gap:12px;flex:1}.hx-export-data-dialog .template-field-input{display:flex;align-items:center;gap:4px;padding:4px;flex:1}.hx-export-data-dialog .template-placeholder{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#2b2b2b;text-align:left}.hx-export-data-dialog .template-placeholder:not(.has-value){color:#9ca3af}.hx-export-data-dialog .template-field-actions{display:flex;align-items:center;gap:0}.hx-export-data-dialog .template-close-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;cursor:pointer;border-radius:4px;padding:0}.hx-export-data-dialog .template-close-btn:hover{background-color:#f3f4f6}.hx-export-data-dialog .template-save-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:#e0eeff;border-radius:4px;cursor:pointer;padding:0;color:#006fff}.hx-export-data-dialog .template-save-btn:hover{background-color:#cce4ff}.hx-export-data-dialog .template-save-btn.active{background-color:#e0eeff;color:#006fff}.hx-export-data-dialog .template-dropdown-container{position:relative;z-index:1000}.hx-export-data-dialog .template-search-field{position:relative;display:flex;align-items:center}.template-input-wrapper{position:relative;z-index:2;width:100%;display:block;--template-field-radius:8px}.template-input-container{position:relative;display:flex;align-items:center;border:1px solid #e1e2e3;border-radius:var(--template-field-radius,8px);background:#ffffff;overflow:visible;box-sizing:border-box;z-index:5}.template-input{flex:1;border:none;outline:none;padding:8px 12px;font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:400;color:#2b2b2b;border-radius:var(--template-field-radius,8px);background:transparent}.template-input::placeholder{color:#2b2b2b;font-weight:400}.template-input-actions{display:flex;align-items:center;gap:4px;padding:4px 8px 4px 4px}.template-save-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;font-size:12px}.template-save-btn{background:#e0eeff;color:#006fff}.template-save-btn:hover{background:#cce4ff}.template-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#ffffff;border:1px solid #e1e4eb;border-radius:var(--template-field-radius,8px);box-shadow:0px 12px 32px rgba(15,23,42,0.12);z-index:1000000;box-sizing:border-box;padding:12px 20px 16px;overflow:hidden}.template-dropdown-content{display:flex;flex-direction:column;gap:12px}.template-list{max-height:200px;overflow-y:auto;overflow-x:visible}.template-not-found{padding:0;font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:400;line-height:1.6;color:#5f6368;width:100%;display:block;box-sizing:border-box;margin:0}.template-divider{height:1px;background:#e6e6e6;margin:0 0 12px}.template-option{padding:6px 16px;cursor:pointer;display:flex;align-items:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#2b2b2b;background:#ffffff}.template-option:hover{background:#f8fbff}.template-list{max-height:200px;overflow-y:auto;padding:0;box-sizing:border-box;width:100%}.template-create-option{padding:0;cursor:pointer;display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:500;line-height:1.5;color:#1a73e8;background:transparent;text-decoration:none}.template-create-option:hover{text-decoration:underline;background:transparent}.hx-export-data-dialog .template-search-input::placeholder{color:#9ca3af}.hx-export-data-dialog .template-search-icon{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;pointer-events:none}.hx-export-data-dialog .template-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#ffffff;border:1px solid #e1e2e3;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:200px;overflow-y:auto;z-index:1001}.hx-export-data-dialog .template-option{padding:8px 12px;cursor:pointer;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#2b2b2b;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;width:100%}.hx-export-data-dialog .template-option:hover{background-color:#f8f9fa}.hx-export-data-dialog .template-option:last-child{border-bottom:none}.hx-export-data-dialog .template-option-with-delete{justify-content:flex-start;gap:6px;padding:8px 12px}.hx-export-data-dialog .template-option-content{flex:0 1 auto;min-width:0;cursor:pointer;padding:4px 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.hx-export-data-dialog .template-input-actions{display:flex;align-items:center;gap:8px;order:1;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:3}.hx-export-data-dialog .template-save-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:4px;transition:all 0.2s ease;order:2}.hx-export-data-dialog .template-save-btn:hover{background-color:#e0eeff;transform:scale(1.1)}.hx-export-data-dialog .hx-export-enhanced-fields-scroll-panel{border:1px solid #e6e6e6;border-radius:8px;background:#ffffff;padding:8px;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;flex-shrink:1;min-height:150px;margin-top:12px}.hx-export-data-dialog .hx-export-enhanced-export-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 4px;min-height:32px;cursor:move;transition:background-color 0.2s;border-radius:4px}.hx-export-data-dialog .hx-export-enhanced-export-row:hover{background-color:#f8f9fa}.hx-export-data-dialog .hx-export-enhanced-drag-handle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:move;flex-shrink:0}.hx-export-data-dialog .hx-export-enhanced-drag-handle svg{width:20px;height:20px}.hx-export-data-dialog .hx-export-enhanced-field-label{flex:1;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:500;font-size:14px;line-height:1.43;color:#1e1e1e;text-align:left;margin-left:8px}.hx-export-data-dialog .hx-export-enhanced-remove-field{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;cursor:pointer;color:#9ca3af;border-radius:2px;flex-shrink:0;padding:0}.hx-export-data-dialog .hx-export-enhanced-remove-field:hover{background-color:#f3f4f6;color:#6b7280}.hx-export-data-dialog .hx-export-enhanced-remove-field svg{width:16px;height:16px}.hx-export-data-dialog .hx-export-enhanced-export-row.hx-export-drop-after{border-bottom:2px solid #006fff}.hx-export-data-dialog .hx-export-enhanced-export-row:hover .hx-export-enhanced-drag-handle svg circle{fill:#006fff}.hx-export-data-dialog .fields-scroll-panel{border:1px solid #e6e6e6;border-radius:8px;background:#ffffff;padding:4px 2px;max-height:474px;overflow-y:auto;gap:2px;display:flex;flex-direction:column}.hx-export-data-dialog .export-row{display:flex;align-items:center;justify-content:space-between;padding:6px 4px;min-height:32px;gap:2px;cursor:move;transition:background-color 0.2s;border-radius:4px}.hx-export-data-dialog .export-row:hover{background-color:#f8f9fa}.hx-export-data-dialog .drag-handle{display:flex;align-items:center;justify-content:center;width:16px;height:16px;cursor:move;color:#757575;flex-shrink:0;margin-right:2px}.hx-export-data-dialog .drag-handle svg{width:16px;height:16px}.hx-export-data-dialog .drag-handle svg path{fill:#757575}.hx-export-data-dialog .expand-arrow{display:flex;align-items:center;justify-content:center;width:16px;height:16px;cursor:pointer;margin-right:2px;flex-shrink:0}.hx-export-data-dialog .expand-arrow:hover{opacity:0.7}.hx-export-data-dialog .expand-arrow svg{width:16px;height:16px}.hx-export-data-dialog .export-row .field-label{flex:1;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:500;font-size:14px;line-height:1.43;color:#1e1e1e;text-align:left;margin-left:2px;margin-right:2px}.hx-export-data-dialog .inline-controls{display:flex;align-items:center;gap:2px;margin-left:2px}.hx-export-data-dialog .remove-field{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;cursor:pointer;color:#9ca3af;border-radius:2px;flex-shrink:0;padding:0}.hx-export-data-dialog .remove-field:hover{background-color:#f3f4f6;color:#6b7280}.hx-export-data-dialog .remove-field svg{width:12px;height:12px}.hx-export-data-dialog .remove-field svg path,.hx-export-data-dialog .remove-field svg rect{fill:currentColor}.hx-export-data-dialog{position:absolute;top:48px;left:50%;transform:translateX(-50%);width:720px;max-width:calc(100vw - 24px);max-height:calc(100vh - 96px);background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.12);display:flex;flex-direction:column;overflow:hidden}.hx-export-data-dialog .advanced-columns{display:flex;gap:16px;flex-wrap:wrap}.hx-export-data-dialog .field-list{flex:1;min-width:280px}.hx-export-data-dialog .field-list .section-title{font-size:14px;margin-bottom:0}.hx-export-data-dialog{max-height:calc(100vh - 100px)}.hx-export-data-dialog .advanced-container{flex:1;overflow:hidden;display:flex;flex-direction:column}.hx-export-data-dialog .advanced-columns{flex:1;overflow:hidden}.hx-export-data-dialog .field-list{display:flex;flex-direction:column;overflow:hidden}.hx-export-data-dialog .field-list.selected-fields{overflow:visible;position:relative}@media (max-width:768px){.hx-export-data-dialog{width:calc(100vw - 20px);max-width:none;margin:10px;top:20px;max-height:calc(100vh - 40px)}.hx-export-data-dialog .dialog-body{padding:12px}.hx-export-data-dialog .advanced-columns{flex-direction:column;gap:12px}.hx-export-data-dialog .field-list{min-width:auto}.hx-export-data-dialog .scroll-panel{max-height:200px}.hx-export-data-dialog .hx-export-enhanced-fields-scroll-panel{max-height:200px}.hx-export-data-dialog .export-row{padding:10px 12px}.hx-export-data-dialog .hx-export-enhanced-export-row{padding:8px 6px}}@media (max-width:600px){.hx-export-data-dialog{width:calc(100vw - 16px);top:16px}.hx-export-data-dialog .dialog-body{padding:8px}.hx-export-data-dialog .options-group{flex-direction:column;gap:8px}.hx-export-data-dialog .radio-group{flex-direction:column;gap:8px}.hx-export-data-dialog .available-actions-row{flex-direction:column;gap:8px;align-items:stretch;padding:10px 12px}.hx-export-data-dialog .add-button{align-self:center;padding:8px 16px}}@media (max-width:480px){.hx-export-data-dialog{width:calc(100vw - 12px);top:12px}.hx-export-data-dialog .dialog-header,.hx-export-data-dialog .dialog-footer{padding:8px 12px}.hx-export-data-dialog .dialog-body{padding:6px}.hx-export-data-dialog .hx-export-enhanced-field-label{font-size:13px}.hx-export-data-dialog .template-input{font-size:14px}.hx-export-data-dialog .modal-actions{flex-direction:column;gap:8px}.hx-export-data-dialog .btn{width:100%;padding:12px}}@media (max-height:800px){.hx-export-data-dialog{max-height:calc(100vh - 60px);top:30px}.hx-export-data-dialog .scroll-panel{max-height:180px}}@media (max-height:700px){.hx-export-data-dialog{max-height:calc(100vh - 40px);top:20px}.hx-export-data-dialog .scroll-panel{max-height:150px}.hx-export-data-dialog .hx-export-enhanced-fields-scroll-panel{max-height:150px}.hx-export-data-dialog .export-fields-info{padding:6px;margin:6px 0 8px 0}}@media (max-height:600px){.hx-export-data-dialog{max-height:calc(100vh - 30px);top:15px}.hx-export-data-dialog .dialog-body{padding:8px 12px 8px 12px}.hx-export-data-dialog .scroll-panel{max-height:120px}.hx-export-data-dialog .hx-export-enhanced-fields-scroll-panel{max-height:120px}.hx-export-data-dialog .advanced-columns{gap:8px}.hx-export-data-dialog .options-group{gap:12px}}.hx-export-data-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.3)}.hx-export-data-dialog .dialog-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee}.hx-export-data-dialog .dialog-footer{padding:12px 16px;border-top:1px solid #eee}.hx-export-data-dialog .dialog-title{font-size:13px}.hx-export-data-dialog .dialog-close{border:none;background:transparent;font-size:20px;line-height:1;cursor:pointer}.hx-export-data-dialog .dialog-body{padding:12px 16px 16px 16px;flex:1;overflow-y:auto;display:flex;flex-direction:column}.hx-export-modal{display:flex;flex-direction:column;gap:14px;width:100%;box-sizing:border-box}.hx-export-data-dialog .options-group{display:flex;gap:20px;flex-wrap:wrap}.hx-export-data-dialog .export-format,.hx-export-data-dialog .export-fields{flex:1;min-width:200px}.hx-export-data-dialog .radio-option{display:inline-flex;align-items:center;gap:6px}.hx-export-data-dialog .radio-option input[type='radio']{width:16px;height:16px;margin:0;cursor:pointer;accent-color:#006fff;border-radius:50%}.hx-export-data-dialog .radio-option input[type='radio']:focus-visible{outline:2px solid rgba(0,111,255,0.35);outline-offset:2px}.hx-export-data-dialog .export-fields{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.hx-export-data-dialog .export-fields .section-title,.hx-export-data-dialog .export-format .section-title{margin:0;font-size:12px}.hx-export-data-dialog .export-fields .radio-group{display:flex;gap:12px}.hx-export-data-dialog .advanced-container .advanced-title{margin:4px 0 4px 0}.hx-export-data-dialog .export-fields-info{display:flex;align-items:center;align-self:stretch;gap:8px;padding:10px 8px;background-color:#e3f2fc;border:1px solid #47a7eb;border-radius:8px;width:100%;box-sizing:border-box;margin:8px 0 12px 0}.hx-export-data-dialog .export-fields-info .info-content{display:flex;align-items:center;gap:8px;flex-shrink:0}.hx-export-data-dialog .export-fields-info .info-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.hx-export-data-dialog .export-fields-info .info-icon svg{width:17.92px;height:17.92px}.hx-export-data-dialog .export-fields-info .info-text{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:600;font-size:14px;line-height:1.43;color:#0b4065;margin:0;text-align:left;flex:1}.hx-export-data-dialog .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:auto;flex-wrap:wrap;flex-shrink:0;padding:4px 0;position:sticky;bottom:0;background:#ffffff;z-index:2}.hx-export-data-dialog .btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s;border:1px solid transparent;min-width:80px}.hx-export-data-dialog .btn-secondary{background:#ffffff;color:#6b7280;border-color:#d1d5db}.hx-export-data-dialog .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.hx-export-data-dialog .btn-primary{background:#1f5295;color:#ffffff}.hx-export-data-dialog .btn-primary:hover{background:#1f5295!important;transform:scale(0.98)}.hx-export-data-dialog .btn-primary:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}@media (max-width:768px){.hx-export-data-dialog .export-fields-info{padding:8px 6px}.hx-export-data-dialog .export-fields-info .info-content{gap:6px}.hx-export-data-dialog .export-fields-info .info-text{font-size:13px}}.hx-export-data-dialog .search-bar{position:relative;margin-bottom:12px}.hx-export-data-dialog .search-bar .search-input{width:100%;padding:10px 14px 10px 48px;border:1px solid #e1e2e3;border-radius:8px;font-size:16px;background-color:white;box-sizing:border-box;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.hx-export-data-dialog .search-bar .search-input::placeholder{color:#2b2b2b;font-weight:400}.hx-export-data-dialog .search-bar .search-input:focus{outline:none;border-color:#006fff;box-shadow:0 0 0 3px rgba(0,111,255,0.1)}.hx-export-data-dialog .search-bar .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);pointer-events:none}.hx-export-data-dialog .available-actions-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e5e7eb;margin-bottom:4px;background-color:white;padding:12px 16px}.hx-export-data-dialog .select-all-text{cursor:pointer;transition:color 0.2s ease;color:#006fff}.hx-export-data-dialog .select-all-text:hover{color:#0056cc}.hx-export-data-dialog .select-all-text .body2-semibold{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:600;font-size:14px;line-height:1.43;color:inherit}.hx-export-data-dialog .field-list.available-fields .scroll-panel{border:1px solid #e5e7eb;border-radius:8px;background-color:white;max-height:300px;overflow-y:auto;padding:0;flex-shrink:1;min-height:150px}.hx-export-data-dialog .add-button{display:flex;align-items:center;gap:4px;padding:4px 8px;background-color:#ddedfd;border-radius:99px;cursor:pointer;transition:background-color 0.2s ease,opacity 0.2s ease}.hx-export-data-dialog .add-button:hover:not(.disabled){background-color:#cce4fc}.hx-export-data-dialog .add-button.disabled{opacity:0.5;cursor:not-allowed}.hx-export-data-dialog .add-button .body2-semibold{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:600;font-size:14px;line-height:1.43;color:#2a5ea2}.hx-export-data-dialog .add-button svg{color:#2a5ea2}.hx-export-data-dialog .export-row{cursor:pointer;transition:background-color 0.2s ease;border-radius:4px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.hx-export-data-dialog .export-row:hover{background-color:#f8f9fa}.hx-export-data-dialog .export-row.selected{background-color:#f0f1f2!important}.hx-export-data-dialog .field-action-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.hx-export-data-dialog .template-selector{position:relative;width:100%;z-index:10}.hx-export-data-dialog .template-display,.hx-export-data-dialog .template-input-container{width:100%;min-height:40px;padding:2px 8px;border:1px solid #e1e2e3;border-radius:8px;background:#ffffff;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.hx-export-data-dialog .template-display:hover{border-color:#d1d5db}.hx-export-data-dialog .template-value{flex:1;padding:8px 4px;color:#585959;font-size:16px;font-weight:400;line-height:1.5;pointer-events:none}.hx-export-data-dialog .template-value.muted{color:#9ca3af}.hx-export-data-dialog .template-caret{display:flex;align-items:center;justify-content:center;margin-right:4px;pointer-events:none;transition:transform 0.2s ease}.hx-export-data-dialog .template-caret.rotated{transform:rotate(180deg)}.hx-export-data-dialog .template-input-container{cursor:text;position:relative}.hx-export-data-dialog .template-input-wrapper{position:relative;width:100%;--template-field-radius:8px}.hx-export-data-dialog .template-input-wrapper .template-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;width:100%;display:block;min-width:0;height:auto;padding:10px 20px;border:1px solid #e1e4eb;border-radius:var(--template-field-radius,8px);background:#ffffff;box-shadow:0px 12px 32px rgba(15,23,42,0.12);box-sizing:border-box;margin:0;z-index:1000000;overflow:hidden}.hx-export-data-dialog .template-dropdown-content{display:flex;flex-direction:column;gap:2px}.hx-export-data-dialog .template-list{max-height:200px;overflow-y:auto;overflow-x:visible;padding:0;margin:0;box-sizing:border-box;width:100%;display:flex;flex-direction:column}.hx-export-data-dialog .template-empty-message,.hx-export-data-dialog .template-not-found{display:block;margin:0;font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:400;line-height:1.6;color:#5f6368;word-break:break-word}.hx-export-data-dialog .template-divider{height:1px;background:#e6e6e6;margin:0}.hx-export-data-dialog .template-create-option{display:block;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:500;line-height:1.5;color:#1a73e8;text-decoration:none}.hx-export-data-dialog .template-create-option:hover{text-decoration:underline}.hx-export-data-dialog .template-input{flex:1;border:none;outline:none;background:none;padding:8px 40px 8px 4px;font-size:16px;line-height:1.5;color:#2b2b2b}.hx-export-data-dialog .template-input::placeholder{color:#9ca3af}.hx-export-data-dialog .template-search-icon{display:flex;align-items:center;justify-content:center;padding:8px;margin-right:4px}.hx-export-data-dialog .template-dropdown-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;margin-right:8px;flex-shrink:0;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.hx-export-data-dialog .template-dropdown-arrow:hover{opacity:0.7}.hx-export-data-dialog .template-dropdown-arrow svg{width:14px;height:8px;transition:transform 0.2s ease}.hx-export-data-dialog .template-dropdown-arrow svg path{fill:#1e1e1e}.hx-export-data-dialog .template-selector .dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#ffffff;border:1px solid #e1e2e3;border-radius:8px;box-shadow:0px 1px 5px 0px rgba(0,0,0,0.25);z-index:999999;max-height:200px;overflow-y:auto}.hx-export-data-dialog .template-empty-state{padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.hx-export-data-dialog .empty-message{color:#2b2b2b;line-height:1.43;font-size:16px;font-weight:400;margin:0}.hx-export-data-dialog .create-template-btn{background:none;border:none;color:#006fff;cursor:pointer;font-size:14px;font-weight:400;line-height:1.43;padding:4px 0;text-decoration:none;text-align:left}.hx-export-data-dialog .create-template-btn:hover{text-decoration:underline}.hx-export-data-dialog .template-option{padding:6px 16px;cursor:pointer;border-bottom:1px solid #f3f4f6}.hx-export-data-dialog .template-option:last-child{border-bottom:none}.hx-export-data-dialog .template-option:hover{background-color:#f8f9fa}.hx-export-data-dialog .template-option span{color:#2b2b2b;line-height:1.43;font-size:16px;font-weight:400}.hx-export-create-template-modal{max-width:480px;width:90%}.hx-export-create-template-modal .modal-content{border-radius:12px;border:none;box-shadow:0 10px 40px rgba(0,0,0,0.15)}.hx-export-create-template-modal .modal-header{padding:20px 24px 16px 24px;border-bottom:1px solid #e6e6e6;display:flex;justify-content:space-between;align-items:center}.hx-export-create-template-modal .modal-title{font-size:18px;font-weight:600;color:#1e1e1e;margin:0}.hx-export-create-template-modal .close-btn{background:none;border:none;color:#8e8e93;cursor:pointer;padding:4px;border-radius:4px;transition:background-color 0.2s}.hx-export-create-template-modal .close-btn:hover{background-color:#f3f4f6}.hx-export-create-template-modal .modal-body{padding:24px}.hx-export-create-template-modal .form-group{margin-bottom:20px}.hx-export-create-template-modal .form-label{display:block;font-size:14px;font-weight:500;color:#2b2b2b;margin-bottom:6px}.hx-export-create-template-modal .form-label .required{color:#dc3545}.hx-export-create-template-modal .form-control{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#2b2b2b;transition:border-color 0.2s;box-sizing:border-box}.hx-export-create-template-modal .form-control:focus{outline:none;border-color:#1188d9;box-shadow:0 0 0 3px rgba(17,136,217,0.1)}.hx-export-create-template-modal .form-control::placeholder{color:#8e8e93}.hx-export-create-template-modal textarea.form-control{resize:vertical;min-height:80px}.hx-export-create-template-modal .form-info{display:flex;align-items:flex-start;gap:8px;padding:12px;background-color:#f0f8ff;border:1px solid #e3f2fd;border-radius:6px;margin-top:16px}.hx-export-create-template-modal .info-icon{flex-shrink:0;margin-top:1px}.hx-export-create-template-modal .info-text{font-size:12px;color:#2b2b2b;margin:0;line-height:1.4}.hx-export-create-template-modal .modal-footer{padding:16px 24px 20px 24px;border-top:1px solid #e6e6e6;display:flex;justify-content:flex-end;gap:12px}.hx-export-create-template-modal .btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s;border:1px solid transparent}.hx-export-create-template-modal .btn-secondary{background:#ffffff;color:#6b7280;border-color:#d1d5db}.hx-export-create-template-modal .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.hx-export-create-template-modal .btn-primary{background:#1f5295;color:#ffffff}.hx-export-create-template-modal .btn-primary:hover{background:#1f5295!important;transform:scale(0.98)}.hx-export-create-template-modal .btn-primary:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.template-delete-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;padding:0;color:#dc2626;margin-left:auto}.template-delete-btn:hover{background-color:#fee2e2;color:#b91c1c;transform:scale(1.1)}.template-delete-btn svg{fill:currentColor}.template-option-with-delete{display:flex;align-items:center;justify-content:space-between;gap:8px}.template-option-content{flex:1;cursor:pointer}.hx-export-data-dialog .template-input-actions .template-delete-btn{order:1;background:transparent!important}.hx-export-confirm-delete-modal .modal-title{color:#1f2937}.hx-export-confirm-delete-modal .btn-primary.btn-danger{background:#dc2626;color:#ffffff}.hx-export-confirm-delete-modal .btn-primary.btn-danger:hover{background:#b91c1c}.hx-export-confirm-delete-modal .btn-primary.btn-danger:disabled{background:#fca5a5;color:#ffffff}.hx-export-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;z-index:1000001;animation:none}.hx-export-modal-overlay .hx-export-modal-dialog{transform-origin:center;animation:hx-modal-pop 0.3s ease forwards}.hx-export-modal-overlay.hx-export-confirm-delete-overlay{align-items:flex-start}.hx-export-confirm-delete-modal{width:403px;max-width:calc(100vw - 40px)}.hx-export-confirm-delete-modal .hx-export-modal-content{padding:8px 12px 12px 12px;display:flex;flex-direction:column;background:#ffffff;border-radius:8px;box-shadow:0px 1px 5px 0px rgba(0,0,0,0.25);border:none}.hx-export-confirm-delete-modal .modal-header{display:flex;justify-content:flex-end;align-items:flex-start;border-bottom:none!important;margin-bottom:4px;margin-top:-4px;margin-right:-8px}.hx-export-confirm-delete-modal .modal-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;cursor:pointer;border-radius:4px;padding:0}.hx-export-confirm-delete-modal .modal-close:hover{background-color:#f3f4f6}.hx-export-confirm-delete-modal .confirm-icon{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.hx-export-confirm-delete-modal .confirm-icon-graphic{width:58px;height:58px}.hx-export-confirm-delete-modal .confirm-icon-badge{position:absolute;right:160px;bottom:2px;width:26px;height:26px;z-index:1;overflow:visible;transform:translate(20%,20%);border-radius:50%}.hx-export-confirm-delete-modal .confirm-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#1e1e1e;text-align:center;margin:0 0 8px 0;align-self:stretch}.hx-export-confirm-delete-modal .confirm-desc{font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;line-height:1.4285714285714286;color:#757575;text-align:center;margin:0;align-self:stretch}.hx-export-confirm-delete-modal .confirm-desc .confirm-name{font-weight:400}.hx-export-confirm-delete-modal .confirm-actions{display:flex;justify-content:stretch;align-items:stretch;align-self:stretch;gap:8px;margin-top:24px}.hx-export-confirm-delete-modal .confirm-actions .btn{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;padding:12px 28px;border-radius:8px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:14px;line-height:1.6428571428571428;cursor:pointer;transition:all 0.2s;border:1px solid transparent;text-align:center}.hx-export-confirm-delete-modal .confirm-actions .btn-secondary{background:#fcfeff;color:#2b2b2b;border-color:#8b8b8c}.hx-export-confirm-delete-modal .confirm-actions .btn-secondary:hover{background:#f9fafb;border-color:#6b7280}.hx-export-confirm-delete-modal .confirm-actions .btn-primary{background:#1f5295;color:#ffffff;border:none}.hx-export-confirm-delete-modal .confirm-actions .btn-primary:hover{background:#1f5295!important;transform:scale(0.98)}@keyframes hx-modal-overlay-in{from{opacity:0}to{opacity:1}}@keyframes hx-modal-overlay-out{from{opacity:1}to{opacity:0}}@keyframes hx-modal-pop{from{opacity:0;transform:translate3d(0,12px,-30px) scale(0.95)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes hx-modal-pop-out{from{opacity:1;transform:translate3d(0,0,0) scale(1)}to{opacity:0;transform:translate3d(0,12px,-18px) scale(0.96)}}

/** webx/static/css/layout/popup/import-data/import-data-popup.css **/
.hx-import-data-popup{position:fixed;inset:0;z-index:999998;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}.hx-import-data-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.3)}.hx-import-data-dialog{position:absolute!important;top:48px!important;left:50%!important;transform:translateX(-50%)!important;width:728px;max-width:calc(100vw - 24px);background:#f7f8fa;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.12);display:flex!important;flex-direction:column!important;max-height:calc(100vh - 96px)}.hx-import-data-dialog .dialog-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e1e2e3;flex-shrink:0;position:relative!important;background:#fcfcfc}.hx-import-data-dialog .dialog-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;font-weight:600;line-height:1.2em;color:#000000}.hx-import-data-dialog .dialog-close-icon{border:none;background:transparent;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.hx-import-data-dialog .dialog-close-icon:hover{opacity:0.7}.hx-import-data-dialog .dialog-body{padding:0;background-color:#f7f8fa;flex:1 1 auto;overflow-y:auto;position:relative!important}.hx-import-data-popup .hx-import-data-dialog .dialog-footer,.hx-import-data-dialog>.dialog-footer{padding:12px 16px!important;border-top:1px solid #eee;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px;position:relative!important;flex-shrink:0!important;background:#fff;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;width:auto!important}@keyframes hx-modal-overlay-in{from{opacity:0}to{opacity:1}}@keyframes hx-modal-overlay-out{from{opacity:1}to{opacity:0}}@keyframes hx-modal-pop-centered{from{opacity:0;transform:translate3d(-50%,16px,-30px) scale(0.95)}to{opacity:1;transform:translate3d(-50%,0,0) scale(1)}}@keyframes hx-modal-pop-out{from{opacity:1;transform:translate3d(-50%,0,0) scale(1)}to{opacity:0;transform:translate3d(-50%,12px,-18px) scale(0.96)}}.hx-import-data-dialog .hx-import-detail{padding:16px}.hx-import-data-dialog .hx-import-detail .number{font-weight:600}.hx-import-data-dialog .import-progress-view{display:flex;gap:24px;align-items:flex-start}.hx-import-data-dialog .progress-chart-area{display:flex;align-items:center;width:260px;position:relative}.hx-import-data-dialog .progress-ring{position:relative;width:120px;height:120px;overflow:hidden;margin-top:16px;margin-left:24px}.hx-import-data-dialog .progress-ring-svg{transform:rotate(-90deg)}.hx-import-data-dialog .progress-ring-circle{transition:stroke-dasharray 0.5s ease-out;transform-origin:50% 50%}.hx-import-data-dialog .progress-ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hx-import-data-dialog .progress-ring-text .ring-percent{display:none}.hx-import-data-dialog .progress-ring-text .ring-label{font-size:12px;line-height:1.15;font-weight:600;color:#2a5ea2;text-transform:none;max-width:88px;padding:0 2px;white-space:normal;word-break:break-word;text-align:center}.hx-import-data-dialog .progress-items-label-wrapper{position:absolute;top:108px;left:120px;width:130px;height:80px;z-index:3}.hx-import-data-dialog .progress-items-label-wrapper .connector-line{position:absolute;top:5px;left:-5px}.hx-import-data-dialog .progress-items-label-wrapper .label-text{position:absolute;left:28px;right:0;top:-8px;font-size:12px;color:#4b5563;line-height:1.2;white-space:normal}.hx-import-data-dialog .progress-items-label-wrapper .label-text .line-top{display:block;position:absolute;top:0;left:0;right:0}.hx-import-data-dialog .progress-items-label-wrapper .label-text .line-bottom{display:block;position:absolute;top:20px;left:0;right:0;margin-bottom:8px}.hx-import-data-dialog .progress-items-label-wrapper .label-text .number{font-weight:600;color:#111827}.hx-import-data-dialog .progress-items-label-wrapper .label-text .unit{display:inline;font-size:12px}.hx-import-data-dialog .progress-stats-area{flex:1}.hx-import-data-dialog .import-stats-block{background:transparent;border:none;padding:0;margin-left:0}.hx-import-data-dialog .import-stats-block .meta-line{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:500;line-height:1.428em;color:#000000}.hx-import-data-dialog .import-stats-block .meta-line:not(:last-child){margin-bottom:8px}.hx-import-data-dialog .result-stats-row{margin-top:12px;margin-bottom:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:stretch}.hx-import-data-dialog .result-stat-card{background:#ffffff;border:1px solid #e1e2e3;border-radius:12px;padding:6px 10px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:90px}.hx-import-data-dialog .result-stat-card .count{font-family:'Plus Jakarta Sans',sans-serif;font-size:28px;font-weight:500;line-height:1.2em}.hx-import-data-dialog .result-stat-card .count.success{color:#23a974}.hx-import-data-dialog .result-stat-card .count.warning{color:#de9116}.hx-import-data-dialog .result-stat-card .count.failure{color:#c71c1c}.hx-import-data-dialog .result-stat-card .count .unit{font-size:12px;font-weight:400}.hx-import-data-dialog .result-stat-card .details{display:flex;align-items:center;gap:6px}.hx-import-data-dialog .result-stat-card .icon{width:21px;height:21px;flex-shrink:0}.hx-import-data-dialog .result-stat-card .label{font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:500;line-height:1em;color:#19191a}.hx-import-data-dialog .log-status.success{color:#23a974}.hx-import-data-dialog .processing-logs{border:1px solid #e1e2e3;border-radius:8px;padding:0;background:#ffffff;margin:0;border-left:none;border-right:none;border-bottom:none;border-radius:0}.hx-import-data-dialog .logs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;padding:16px;background:#f5f5f5}.hx-import-data-dialog .logs-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:600;color:#3d3d3d}.hx-import-data-dialog .logs-view-detail{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:500;color:#0058cc;text-decoration:none;border:none;background:none;padding:0;cursor:pointer}.hx-import-data-dialog .logs-view-detail:hover{text-decoration:underline}.hx-import-data-dialog .logs-list{max-height:250px;overflow-y:auto;border-radius:0;padding:10px 6px;background-color:#fff}.hx-import-data-dialog .log-item{display:flex;align-items:flex-start;gap:16px;font-size:12px;color:#4b5563;padding:0 10px}.hx-import-data-dialog .log-item:not(:last-child){margin-bottom:12px}.hx-import-data-dialog .log-timestamp{flex-shrink:0;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:500;color:#000000;width:72px;text-align:left}.hx-import-data-dialog .log-status{flex-shrink:0;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:500;text-transform:capitalize;width:58px;text-align:left}.hx-import-data-dialog .log-status.warning{color:#de9116}.hx-import-data-dialog .log-status.failure{color:#c71c1c}.hx-import-data-dialog .log-message{flex:1 1 auto;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:500;color:#000000;overflow-wrap:anywhere;word-break:break-word}.hx-import-data-dialog .dialog-footer .footer-actions-right{display:flex!important;gap:8px;position:static!important}.hx-import-data-dialog .dialog-footer .btn{padding:6px 12px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;position:static!important;display:inline-block!important;float:none!important;margin:0!important}.hx-import-data-dialog .btn.btn-danger{background-color:#fff;border:1px solid #d1d5db;color:#ef4444}.hx-import-data-dialog .btn.btn-danger:hover{background-color:#fee2e2;border-color:#fca5a5}.hx-import-data-dialog .btn.btn-primary{background-color:#2563eb;border:1px solid #2563eb;color:#fff}.hx-import-data-dialog .btn.btn-primary:hover{background-color:#1d4ed8;border-color:#1d4ed8}.hx-import-data-dialog .btn.btn-ghost{background-color:#fff;border:1px solid #d1d5db;color:#374151}.hx-import-data-dialog .btn.btn-ghost:hover{background-color:#f9fafb;border-color:#9ca3af}.hx-import-data-dialog .dialog-footer .footer-spacer{flex:1}.hx-import-data-dialog.details-expanded .logs-list{max-height:450px}.hx-import-data-dialog.details-expanded .processing-logs{margin-bottom:16px}.hx-import-data-dialog.details-expanded .dialog-footer{justify-content:flex-end}.hx-import-data-dialog .results-summary{margin-top:12px}@media (max-width:768px){.hx-import-data-dialog .result-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px) and (min-width:601px){.hx-import-data-dialog .import-progress-view{gap:16px}.hx-import-data-dialog .progress-chart-area{width:220px}.hx-import-data-dialog .import-stats-block{margin-left:16px}}@media (max-width:600px){.hx-import-data-dialog .import-progress-view{flex-direction:column;gap:16px;align-items:stretch}.hx-import-data-dialog .progress-chart-area{width:100%;justify-content:center}.hx-import-data-dialog .import-stats-block{margin-left:0}}@media (max-width:420px){.hx-import-data-dialog .result-stats-row{grid-template-columns:1fr}.hx-import-data-dialog .import-stats-block .meta-line{font-size:13px}}.hx-import-data-dialog .celery-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:300px}.hx-import-data-dialog .celery-error-container .error-icon-wrapper{margin-bottom:24px}.hx-import-data-dialog .celery-error-container .error-icon{display:block;margin:0 auto}.hx-import-data-dialog .celery-error-container .error-message{font-size:18px;font-weight:600;color:#c71c1c;margin-bottom:12px;line-height:1.4}.hx-import-data-dialog .celery-error-container .error-hint{font-size:14px;color:#6b7280;line-height:1.5;max-width:400px}

/** webx/static/css/layout/sidebar/sidebar-minimize.css **/
.hx-sidebar-minimize{--hx-sidebar-minimize-scope:1}.hx-sidebar.sidebar-collapsed{width:84px!important;min-width:0!important;padding:0!important;border:none!important;transition:width 0.3s ease,min-width 0.3s ease,padding 0.3s ease,border-color 0.2s ease!important;overflow:visible!important}.hx-sidebar.sidebar-collapsed .sidebar-controls,.hx-sidebar.sidebar-collapsed .menu-list{align-items:center}.hx-sidebar.sidebar-collapsed .menu-list{gap:4px}.hx-sidebar.sidebar-collapsed .hx-active-section .hx-active-left{justify-content:center;padding:12px}.hx-sidebar.sidebar-collapsed .hx-active-section .hx-active-line span,.hx-sidebar.sidebar-collapsed .hx-active-section .label,.hx-sidebar.sidebar-collapsed .hx-active-section .hx-active-arrows{display:none}.hx-sidebar.sidebar-collapsed .hx-search-menu{justify-content:center;padding:12px;cursor:pointer}.hx-sidebar.sidebar-collapsed .hx-search-menu .search-box-icon{width:20px;height:20px}.hx-sidebar.sidebar-collapsed .hx-search-menu .search-input,.hx-sidebar.sidebar-collapsed .hx-search-menu .search-shortcut{display:none}.hx-sidebar.sidebar-collapsed .hx-company-picker-trigger{margin-top:32px}.hx-sidebar.sidebar-collapsed .hx-company-picker-trigger .cp-left .cp-text{display:none}.hx-sidebar.sidebar-collapsed .hx-company-picker-trigger .company-avatar{width:60px;height:auto}.hx-sidebar.sidebar-collapsed .menu-section-header{justify-content:center;padding:12px 0;background:transparent!important;width:100%!important}.hx-sidebar.sidebar-collapsed .menu-section-header:hover{background:#e5eaf8!important}.hx-sidebar.sidebar-collapsed .menu-section-header:active{background:#2a5ea2!important}.hx-sidebar.sidebar-collapsed .menu-section-header:active .menu-entry-icon{color:#ffffff}.hx-sidebar.sidebar-collapsed .menu-section-header.is-active{background:transparent!important}.hx-sidebar.sidebar-collapsed .menu-section-header.is-active .menu-entry-icon{color:#2a5ea2}.hx-sidebar.sidebar-collapsed .menu-section-header .icon-container{margin:auto;padding:8px;border-radius:8px;transition:background 0.2s ease;height:auto}.hx-sidebar.sidebar-collapsed .hx-menu-entry .submenu-entry .icon-container{height:auto}.hx-sidebar.sidebar-collapsed .menu-section-header .icon-container.is-open{background:#e5eaf8}.hx-sidebar.sidebar-collapsed .menu-section-header .icon-container.is-open .menu-entry-icon{color:#2a5ea2}.hx-sidebar.sidebar-collapsed .menu-section-header .icon-container.is-selected{background:#e5eaf8}.hx-sidebar.sidebar-collapsed .menu-section-header .icon-container.is-selected .menu-entry-icon{color:#2a5ea2}.hx-sidebar.sidebar-collapsed .menu-section-header.has-selected-child .icon-container{background:#e5eaf8}.hx-sidebar.sidebar-collapsed .menu-section-header.has-selected-child .icon-container .menu-entry-icon{color:#2a5ea2}.hx-sidebar.sidebar-collapsed .menu-section-header.is-overlay-open{background:transparent!important}.hx-sidebar.sidebar-collapsed .menu-section-title,.hx-sidebar.sidebar-collapsed .sidebar-section-chevron{display:none}.hx-sidebar.sidebar-collapsed .section-content,.hx-sidebar.sidebar-collapsed .horizontal-line,.hx-sidebar.sidebar-collapsed .menu-leaf-entry,.hx-sidebar.sidebar-collapsed .no-result-message{display:none!important}.hx-sidebar.sidebar-collapsed .menu-section-horizontal-line{width:100%;margin:0;background-color:#d6e8ff}.hx-sidebar.sidebar-collapsed .icon-container .menu-entry-icon{margin-right:0}.hx-sidebar.sidebar-collapsed .hx-menu-entry>.submenu-entry{justify-content:center;padding:8px}.hx-sidebar.sidebar-collapsed .hx-menu-entry .label,.hx-sidebar.sidebar-collapsed .hx-menu-entry .badge,.hx-sidebar.sidebar-collapsed .hx-menu-entry .sidebar-item-chevron,.hx-sidebar.sidebar-collapsed .hx-menu-entry .submenu-list{display:none!important}.sidebar-hover-tooltip{position:fixed;left:100px!important;padding:8px 12px;border-radius:4px;font-size:14px;font-weight:500;white-space:nowrap;pointer-events:none;z-index:10000;background:#19191a;box-shadow:0px 0px 0px 1px rgba(208,215,222,0.5),0px 2px 6px -3px rgba(66,74,83,0.04),0px 4px 10px rgba(66,74,83,0.12);color:#f0f0f0}:root.dark .sidebar-hover-tooltip{background:#2a2a2a;color:#f0f0f0}.hx-sidebar.sidebar-collapsed .menu-section-header .hover-tooltip,.hx-sidebar.sidebar-collapsed .hx-menu-entry .hover-tooltip{display:none}.hx-sidebar.sidebar-collapsed .submenu-overlay{position:fixed;left:100px;background:#ffffff;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,0.12);padding:10px 0;min-width:280px;max-width:280px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:1001;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.2s ease,visibility 0.2s ease}.hx-sidebar.sidebar-collapsed .submenu-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}.hx-sidebar.sidebar-collapsed .submenu-overlay .overlay-item{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:14px;font-weight:500;color:#313131;cursor:pointer;transition:background 0.2s ease;text-decoration:none}.hx-sidebar.sidebar-collapsed .submenu-overlay .overlay-item:hover{background:#e5eaf8}.hx-sidebar.sidebar-collapsed .submenu-overlay .overlay-item:active{background:#2a5ea2;color:#ffffff}.hx-sidebar.sidebar-collapsed .submenu-overlay .overlay-item.is-active{background:#2a5ea2;color:#ffffff}.hx-sidebar.sidebar-collapsed .submenu-overlay .overlay-item.has-children::after{content:'';width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23313131'%3E%3Cpath d='M7.5 15l5-5-5-5' stroke='%23313131' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0}.hx-sidebar.sidebar-collapsed .submenu-overlay-nested{position:fixed;left:390px;background:#ffffff;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,0.12);padding:10px 0;min-width:280px;max-width:280px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:1002;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.2s ease,visibility 0.2s ease}.hx-sidebar.sidebar-collapsed .submenu-overlay-nested.is-visible{opacity:1;visibility:visible;pointer-events:auto}.hx-sidebar.sidebar-collapsed .submenu-overlay-nested .overlay-item{display:flex;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;color:#313131;cursor:pointer;transition:background 0.2s ease;text-decoration:none}.hx-sidebar.sidebar-collapsed .submenu-overlay-nested .overlay-item:hover{background:#e5eaf8}.hx-sidebar.sidebar-collapsed .submenu-overlay-nested .overlay-item:active{background:#2a5ea2;color:#ffffff}.hx-sidebar.sidebar-collapsed .submenu-overlay-nested .overlay-item.is-active{background:#2a5ea2;color:#ffffff}.sidebar-submenu-overlay{position:fixed;left:100px;background:#ffffff;border-radius:8px;padding:4px 0;min-width:280px;max-width:280px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:10001;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.2s ease,visibility 0.2s ease;box-shadow:0px 1px 5px rgba(0,0,0,0.25)}.sidebar-submenu-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}.sidebar-submenu-overlay .overlay-item{display:flex;align-items:center;justify-content:space-between;margin:4px 12px;padding:10px 8px;border-radius:8px;font-size:14px;font-weight:500;color:#313131;cursor:pointer;transition:background 0.2s ease;text-decoration:none}.sidebar-submenu-overlay .overlay-item .overlay-item-label{flex:1}.sidebar-submenu-overlay .overlay-item .overlay-item-chevron{width:20px;height:20px;flex-shrink:0}.sidebar-submenu-overlay .overlay-item:hover{background:#e8e9eb}.sidebar-submenu-overlay .overlay-item.is-active{background:#2a5ea2;color:#ffffff;border-radius:8px}.sidebar-submenu-overlay .overlay-item.is-parent-active{background:#ebf1fd}.sidebar-submenu-overlay.submenu-overlay-nested{left:390px;z-index:10002}.sidebar-submenu-overlay .overlay-item.overlay-item-lvl2.selected{background:#2a5ea2;color:#ffffff}.sidebar-submenu-overlay .overlay-item.overlay-item-lvl2.selected:hover{background:#2a5ea2;color:#ffffff}.sidebar-submenu-overlay .overlay-item.overlay-item-lvl2.selected .overlay-item-chevron path{fill:#ffffff}.sidebar-submenu-overlay .overlay-item.overlay-item-lvl2.has-selected-child{background:#ebf1fd;color:#313131}.sidebar-submenu-overlay .overlay-item.overlay-item-lvl2.has-selected-child:hover{background:#e5eaf8}.sidebar-submenu-overlay .overlay-item.overlay-item-lvl3.selected{background:#2a5ea2;color:#ffffff}.sidebar-submenu-overlay .overlay-item.overlay-item-lvl3.selected:hover{background:#2a5ea2;color:#ffffff}.hx-sidebar.sidebar-collapsed .hx-powered-by-hashmicro .hashmicro-logo{height:10px}.hx-sidebar.sidebar-collapsed .hx-powered-by-hashmicro .text{font-size:0.5rem}:root.dark .hx-sidebar.sidebar-collapsed .menu-section-header:hover{background:#2a2a2a!important}:root.dark .hx-sidebar.sidebar-collapsed .menu-section-header .icon-container.is-open{background:#3a3a3a}:root.dark .hx-sidebar.sidebar-collapsed .menu-section-header .icon-container.is-open .menu-entry-icon{color:#6ea8fe}:root.dark .hx-sidebar.sidebar-collapsed .menu-section-header .icon-container.is-selected,:root.dark .hx-sidebar.sidebar-collapsed .menu-section-header.has-selected-child .icon-container{background:#3a3a3a}:root.dark .hx-sidebar.sidebar-collapsed .menu-section-header .icon-container.is-selected .menu-entry-icon,:root.dark .hx-sidebar.sidebar-collapsed .menu-section-header.has-selected-child .icon-container .menu-entry-icon{color:#6ea8fe}:root.dark .hx-sidebar.sidebar-collapsed .hx-menu-entry .hover-tooltip,:root.dark .hx-sidebar.sidebar-collapsed .menu-section-header .hover-tooltip{background:#2a2a2a;color:#f0f0f0}:root.dark .hx-sidebar.sidebar-collapsed .submenu-overlay,:root.dark .hx-sidebar.sidebar-collapsed .submenu-overlay-nested{background:#2a2a2a}:root.dark .hx-sidebar.sidebar-collapsed .submenu-overlay .overlay-item,:root.dark .hx-sidebar.sidebar-collapsed .submenu-overlay-nested .overlay-item{color:#f0f0f0}:root.dark .hx-sidebar.sidebar-collapsed .submenu-overlay .overlay-item:hover,:root.dark .hx-sidebar.sidebar-collapsed .submenu-overlay-nested .overlay-item:hover{background:#3a3a3a}:root.dark .sidebar-submenu-overlay{background:#2a2a2a}:root.dark .sidebar-submenu-overlay .overlay-item{color:#f0f0f0}:root.dark .sidebar-submenu-overlay .overlay-item:hover{background:#3a3a3a}:root.dark .sidebar-submenu-overlay .overlay-item.overlay-item-lvl2.selected{background:#4a7fc7;color:#ffffff}:root.dark .sidebar-submenu-overlay .overlay-item.overlay-item-lvl2.selected:hover{background:#4a7fc7}:root.dark .sidebar-submenu-overlay .overlay-item.overlay-item-lvl2.selected .overlay-item-chevron path{fill:#ffffff}:root.dark .sidebar-submenu-overlay .overlay-item.overlay-item-lvl2.has-selected-child{background:#3a3a3a;color:#f0f0f0}:root.dark .sidebar-submenu-overlay .overlay-item.overlay-item-lvl3.selected{background:#4a7fc7;color:#ffffff}:root.dark .sidebar-submenu-overlay .overlay-item.overlay-item-lvl3.selected:hover{background:#4a7fc7}@media (max-width:768px){.hx-sidebar.sidebar-collapsed{transform:translateX(-100%)}}

/** webx/static/css/layout/sidebar/menu-entry.css **/
:root.light{--menu-text-color:#313131;--menu-section-title:#1f1f1f;--menu-hover-bg:#ebf1fd;--menu-submenu-line:#e8e9eb;--menu-submenu-cut:#ffffff;--menu-badge-bg:linear-gradient(80deg,#811836 45%,#6c1428 79.67%);--menu-badge-text:#ffffff;--menu-badge-bg-active:#ffffff;--menu-badge-text-active:#ae291a;--label-text-color:#313131;--label-text-color-active:#ffffff;--label-text-color-expanded:#313131;--menu-selected-gradient:linear-gradient(90deg,#2a5ea2 40%,#1c4f92 100%);--menu-selected-gradient-hover:linear-gradient(90deg,#1c4f92 40%,#2a5ea2 100%)}:root.dark{--menu-text-color:#f0f0f0;--menu-section-title:#f0f0f0;--menu-hover-bg:#2a2a2a;--menu-submenu-line:#444;--menu-submenu-cut:#1e1e1e;--menu-badge-bg:#444444;--menu-badge-text:#f0f0f0;--menu-badge-bg-active:#ffffff;--menu-badge-text-active:#237fe8;--label-text-color:#f0f0f0;--label-text-color-active:#0b0b0b;--label-text-color-expanded:#313131;--menu-selected-gradient:linear-gradient(90deg,#2a5ea2 40%,#1c4f92 100%);--menu-selected-gradient-hover:linear-gradient(90deg,#1c4f92 40%,#2a5ea2 100%)}.hx-menu-entry{position:relative;display:flex;flex-direction:column;margin-left:24px;padding-left:8px}.menu-list>.hx-menu-entry{margin-left:0;padding-left:0}.hx-menu-entry>.submenu-entry{display:flex;align-items:center;flex:1;padding:12px 16px;font-size:14px;color:var(--menu-text-color);text-decoration:none;cursor:pointer;border-radius:8px;background-color:transparent;position:relative;z-index:0;transition:all 0.3s ease;outline:none;margin:2px 0}.hx-menu-entry>.submenu-entry::before{content:'';position:absolute;left:-12px;top:-2px;height:calc(100% + 4px);bottom:0;width:4px;background-color:var(--menu-submenu-line);z-index:0}.hx-menu-entry>.submenu-entry.is-top-level::before{border-radius:10px}.hx-menu-entry.selected>.submenu-entry::before{background-color:#265a9e}.hx-menu-entry>.submenu-entry::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;z-index:-1;opacity:0;transition:opacity 0.3s ease,filter 0.3s ease;pointer-events:none}.hx-menu-entry>.submenu-entry:hover{background-color:var(--menu-submenu-line)}.hx-menu-entry>.submenu-entry:focus-visible{box-shadow:0 0 0 2px rgba(48,130,237,0.25) inset}.hx-menu-entry>.submenu-entry.selected{color:#ffffff}.hx-menu-entry>.submenu-entry.selected::after{opacity:1;background:var(--menu-selected-gradient);filter:brightness(1)}.hx-menu-entry>.submenu-entry.selected:hover{color:#ffffff;background-color:transparent}.hx-menu-entry>.submenu-entry.selected:hover::after{filter:brightness(1.08)}.hx-menu-entry.is-parent:not(.expanded):not(.has-selected-child)>.submenu-entry:hover{background:#f5f6f7;color:var(--menu-text-color)}.hx-menu-entry.is-parent.has-selected-child>.submenu-entry{background-color:#ebf1fd;color:#ffffff}.hx-menu-entry.is-parent.has-selected-child>.submenu-entry::before{background-color:#265a9e}.hx-menu-entry.is-parent.expanded>.submenu-entry{background:#ebf1fd;color:var(--menu-text-color)}.hx-menu-entry.is-parent.expanded>.submenu-entry::before{background-color:#ebf1fd}.hx-menu-entry.is-parent.selected>.submenu-entry::before{background-color:#265a9e}.hx-menu-entry.is-parent.expanded>.submenu-entry:hover{background:#ebf1fd;color:var(--menu-text-color)}.hx-menu-entry.is-parent>.submenu-entry.selected::before{background:#ebf1fd}.hx-menu-entry.is-parent>.submenu-entry.selected::after{display:none}.hx-menu-entry.is-parent>.selected .label{color:var(--label-text-color)}.hx-menu-entry>.submenu-entry.is-disabled{pointer-events:none;cursor:not-allowed}.hx-menu-entry .icon-container{display:flex;align-items:center;justify-content:center}.hx-menu-entry .icon-container .menu-entry-icon{width:24px;height:24px;object-fit:contain;flex:0 0 auto}.hx-menu-entry.selected .menu-entry-icon{filter:brightness(0) invert(1);color:#fff}.hx-menu-entry .label{flex:1;margin-left:12px;font-size:14px!important}.is-parent.hx-menu-entry>.submenu-entry:hover .label{color:var(--label-text-color)}.hx-menu-entry.selected .label{color:var(--label-text-color-active)}.hx-menu-entry .badge{background:var(--menu-badge-bg);color:var(--menu-badge-text);padding:2px 8px;border-radius:16px;font-weight:500;margin-left:auto;line-height:1.2}.hx-menu-entry.selected .badge{background:var(--menu-badge-bg-active);color:var(--menu-badge-text-active)}.hx-menu-entry .sidebar-item-chevron{margin-left:8px;transition:transform 0.3s ease;color:currentColor;fill:currentColor}.hx-menu-entry .sidebar-item-chevron.rotated{transform:rotate(90deg)}.hx-menu-entry .submenu-list{display:none}.section-content>.hx-menu-entry:not(.is-parent){position:relative}.section-content>.hx-menu-entry.selected::before{background-color:#265a9e}.section-content>.hx-menu-entry>.submenu-entry{position:relative;z-index:1}.sidebar-submenu-overlay.menu-entry-overlay{position:fixed;background:#ffffff;border-radius:8px;padding:6px 0;min-width:280px;max-width:280px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:10001;box-shadow:0px 1px 5px rgba(0,0,0,0.25);margin-left:16px}.sidebar-submenu-overlay.menu-entry-overlay .overlay-item{display:flex;align-items:center;justify-content:space-between;margin:4px 12px;padding:10px 8px;border-radius:8px;font-size:14px;font-weight:500;color:#313131;cursor:pointer;transition:background 0.2s ease;text-decoration:none}.sidebar-submenu-overlay.menu-entry-overlay .overlay-item:active{background:#2a5ea2!important;color:#ffffff}.sidebar-submenu-overlay.menu-entry-overlay .overlay-item.selected{background:#2a5ea2;color:#ffffff;border-radius:8px}.sidebar-submenu-overlay.menu-entry-overlay .overlay-item.is-disabled{pointer-events:none;cursor:not-allowed;opacity:0.5}:root.dark .sidebar-submenu-overlay.menu-entry-overlay{background:#2a2a2a}:root.dark .sidebar-submenu-overlay.menu-entry-overlay .overlay-item{color:#f0f0f0}:root.dark .sidebar-submenu-overlay.menu-entry-overlay .overlay-item:hover{background:#3a3a3a}@media (max-width:768px){.sidebar-submenu-overlay.menu-entry-overlay{min-width:200px;max-width:200px}}

/** webx/static/css/layout/sidebar/powered-by-hashmicro.css **/
.hx-powered-by-hashmicro{width:100%;display:flex;justify-content:center;align-items:center;padding:8px 0}.hx-powered-by-hashmicro .default{display:flex;flex-direction:column;justify-content:center;align-items:center}.hx-powered-by-hashmicro .hashmicro-logo{display:block;height:19px;width:auto;image-rendering:-webkit-optimize-contrast}.hx-powered-by-hashmicro .fallback{display:inline-flex;align-items:baseline;gap:6px}.hx-powered-by-hashmicro .text{color:#757575}.hx-powered-by-hashmicro .brand-text{font-size:16px;letter-spacing:.06em;font-weight:800;color:#D92B2B}

/** webx/static/css/layout/sidebar/active-section.css **/
:root.light{--picker-text-color:#1e1e1e;--picker-menu-bg:#f5f6f7;--picker-menu-border:#e1e2e3}:root.dark{--picker-menu-bg:#2a2a2a;--picker-menu-border:#444444}.hx-active-section{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:8px;gap:8px;cursor:pointer;font-family:sans-serif;margin-bottom:12px}.hx-active-section span{color:var(--picker-text-color)}.hx-active-section .hx-active-left{display:inline-flex;align-items:center;gap:4px;min-width:0;width:100%;padding:10px;border:1px solid var(--picker-menu-border);border-radius:12px;background:var(--picker-menu-bg);color:var(--picker-text-color);box-sizing:border-box;cursor:pointer;transition:all 0.3s ease}.hx-active-section .hx-active-left:hover{transform:scale(1.02)}.hx-active-section .hx-active-left .smart-buttons{width:18px;height:18px;flex-shrink:0}.hx-active-section .hx-active-left .hx-active-arrows path{stroke-width:0.8;vector-effect:non-scaling-stroke}.hx-active-section .hx-active-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}.hx-active-section .hx-active-line{display:flex;align-items:center;gap:6px;min-width:0}.hx-active-section .hx-active-line span{font-size:14px!important}.hx-active-section .hx-active-menu-icon{width:28px;height:28px;margin:0}.hx-active-section .hx-active-arrows{margin-right:6px}.hx-active-section.empty .hx-active-placeholder{opacity:0.25}

/** webx/static/css/layout/sidebar/company-picker.css **/
:root.light{--picker-bg:#f5f5f5;--picker-dialog-bg:#ffffff;--picker-header-bg:#fcfeff;--picker-header-border:#edeef0;--picker-border:#edeef0;--picker-shadow:2px 4px 16px rgba(0,0,0,0.14);--picker-backdrop:rgba(0,0,0,0.5);--picker-text-color:#1e1e1e;--picker-input-bg:#ffffff;--picker-search-border:#edeef0;--picker-input-border:#edeef0;--picker-list-border:#edeef0;--picker-item-hover:#f0f0f0;--picker-reset-bg:#2a5ea2;--picker-reset-color:#ffffff;--picker-reset-hover-bg:#2a5ea2;--picker-apply-gradient:#1c4f92;--picker-apply-hover:#1c4f92;--picker-apply-color:white;--checkbox-accent:#006fff;--picker-default-bg:#e8e9eb;--picker-default-border:#4a7bc8;--picker-default-text:#1e1e1e;--picker-badge-bg:#e8e9eb;--picker-badge-text:#1e1e1e;--scrollbar-bg:#bdbebf;--picker-menu-bg:#f5f6f7;--picker-menu-border:#e1e2e3;--picker-branch-bg:#fafafa;--picker-institution-bg:#f5f5f5}:root.dark{--picker-bg:#3a3a3a;--picker-dialog-bg:#2a2a2a;--picker-header-bg:#2a2a2a;--picker-header-border:#444444;--picker-border:#444444;--picker-shadow:2px 4px 16px rgba(0,0,0,0.3);--picker-backdrop:rgba(0,0,0,0.7);--picker-search-border:#444444;--picker-input-border:#444444;--picker-list-border:#444444;--picker-item-hover:#2d2d2d;--picker-reset-bg:#2a5ea2;--picker-reset-color:#f0f0f0;--picker-reset-hover-bg:#2a5ea2;--picker-apply-gradient:#1c4f92;--picker-apply-hover:#1c4f92;--picker-apply-color:white;--checkbox-accent:#006fff;--picker-default-bg:#374151;--picker-default-border:#4a7bc8;--picker-default-text:#f0f0f0;--picker-badge-bg:#374151;--picker-badge-text:#f0f0f0;--scrollbar-bg:#555;--picker-menu-bg:#2a2a2a;--picker-menu-border:#444444}.hx-company-picker{}.hx-company-picker-trigger{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:8px;gap:8px;cursor:pointer;font-family:sans-serif}.hx-company-picker-trigger span{color:var(--picker-text-color)}.hx-company-picker-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2147483647!important;display:flex;align-items:flex-start;justify-content:center;font-family:sans-serif;padding-top:50px;isolation:isolate}.hx-company-picker-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--picker-backdrop);z-index:2147483646!important;animation:none}.hx-company-picker-dialog{position:relative;width:484px;height:600px;background:var(--picker-bg);border-radius:16px;box-shadow:var(--picker-shadow);display:flex;flex-direction:column;overflow:hidden;z-index:2147483647!important;transform-origin:center}.hx-company-picker-dialog.hx-modal-enter-active{animation:hx-modal-pop 0.3s ease forwards}.hx-company-picker-dialog.hx-modal-leave-active{animation:hx-modal-pop-out 0.25s ease forwards}.hx-company-picker-dialog .dialog-header{background:var(--picker-header-bg);border-bottom:1px solid var(--picker-header-border);padding:16px;display:flex;flex-direction:column;gap:16px;position:relative}.hx-company-picker-dialog .input-field-container{flex:1}.hx-company-picker-dialog .input-field{display:flex;flex-direction:column;gap:4px}.hx-company-picker-dialog .input-wrapper{position:relative;display:flex;align-items:center}.hx-company-picker-dialog .input-control{width:100%;padding:12px 16px 12px 48px;border:1px solid var(--picker-input-border);border-radius:8px;background:var(--picker-input-bg);color:var(--picker-text-color);font-size:14px;outline:none;box-sizing:border-box}.hx-company-picker-dialog .input-control:focus{border-color:var(--checkbox-accent);box-shadow:0 0 0 1px var(--checkbox-accent)}.hx-company-picker-dialog .input-icon{position:absolute;left:16px;width:20px;height:20px;color:#8e8e93;pointer-events:none}.hx-company-picker-dialog .input-clear-button{position:absolute;right:16px;background:none;border:none;padding:2px;cursor:pointer;color:#8e8e93;display:flex;align-items:center;justify-content:center}.hx-company-picker-dialog .input-clear-button:hover{color:var(--picker-text-color)}.hx-company-picker-dialog .selection-controls{display:flex;align-items:center;gap:16px}.hx-company-picker-dialog .control-item{display:inline-flex;align-items:center;gap:8px;padding:0 12px 0 0;border-radius:999px;background:transparent!important;cursor:pointer;user-select:none;position:relative;transition:all 0.2s ease;box-shadow:none}.hx-company-picker-dialog .control-item:hover{box-shadow:none;opacity:0.85}.hx-company-picker-dialog .control-item.is-active,.hx-company-picker-dialog .control-item.is-indeterminate{background:transparent!important;box-shadow:none}.hx-company-picker-dialog .control-checkbox{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden}.hx-company-picker-dialog .control-checkbox:focus-visible + .chip-icon{box-shadow:0 0 0 2px rgba(21,112,239,0.35)}.hx-company-picker-dialog .chip-icon{width:22px;height:22px;box-sizing:border-box;border-radius:6px;border:1.5px solid #d0d5dd;background:#ffffff;display:inline-flex;align-items:center;justify-content:center;color:#98a2b3;flex-shrink:0;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease}.hx-company-picker-dialog .control-item.is-active .chip-icon,.hx-company-picker-dialog .control-item.is-indeterminate .chip-icon{background:var(--checkbox-accent);border-color:#1570ef;color:#ffffff}.hx-company-picker-dialog .chip-icon-symbol{width:16px;height:16px}.hx-company-picker-dialog .chip-icon-dot{display:none}.hx-company-picker-dialog .chip-label{color:#475467;white-space:nowrap}.hx-company-picker-dialog .control-item .counter-badge{padding:0 5px;background-color:#e5e6ea;color:#1e1e1e;border-radius:13px;font-size:12px;font-weight:600}.hx-company-picker-dialog .divider{width:1px;height:32px;background:#e4e7ec}.hx-company-picker-dialog .dialog-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--picker-text-color);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.hx-company-picker-dialog .dialog-close:hover{background:var(--picker-item-hover)}.hx-company-picker-dialog .dialog-body{flex:1;position:relative;background:var(--picker-bg);display:flex;flex-direction:column;min-height:0}.hx-company-picker-dialog .company-picker-debug{padding:6px 10px;background:#f6f8fa;border-bottom:1px solid #e5e7eb;color:#374151;font-size:12px}.hx-company-picker-dialog .selection-summary{padding:12px 16px 8px;border-bottom:1px solid var(--picker-list-border)}.hx-company-picker-dialog .summary-text{color:#585959;font-size:12px;font-weight:500}.hx-company-picker-dialog .collapse-all-container{display:flex;justify-content:flex-start;padding:0 12px;margin-bottom:8px}.hx-company-picker-dialog .collapse-all-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;color:var(--picker-text-color);font-size:14px;font-weight:600;padding:8px}.hx-company-picker-dialog .collapse-all-btn:hover{color:var(--checkbox-accent)}.hx-company-picker-dialog .collapse-icon{transition:transform 0.2s ease}.hx-company-picker-dialog .collapse-icon.collapsed{transform:rotate(-90deg)}.hx-company-picker-dialog .company-list-container{flex:1;min-height:0;overflow-y:auto;padding:0}.hx-company-picker-dialog .company-picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--picker-text-color)}.hx-company-picker-dialog .company-picker-retry{margin-top:12px;padding:8px 16px;background:var(--picker-reset-bg);color:var(--picker-reset-color);border:1px solid var(--picker-border);border-radius:6px;cursor:pointer}.hx-company-picker-dialog .company-picker-retry:hover{background:var(--picker-reset-hover-bg)}.hx-company-picker-dialog .company-list{padding:0}.hx-company-picker-dialog .company-group{border-bottom:1px solid var(--picker-list-border)}.hx-company-picker-dialog .company-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer;transition:background-color 0.2s ease}.hx-company-picker-dialog .company-item:hover{background:var(--picker-item-hover)}.hx-company-picker-dialog .company-item.is-active{background-color:var(--picker-default-bg)}.hx-company-picker-dialog .company-item.is-active:hover{background-color:var(--picker-default-bg);opacity:0.9}.hx-company-picker-dialog .company-checkbox,.hx-company-picker-dialog .branch-checkbox{width:20px;height:20px;margin-right:12px;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:6px;border:1.5px solid #d5dde9;background:#ffffff;position:relative;display:inline-flex;align-items:center;justify-content:center;transition:border-color 0.2s ease,background 0.2s ease}.hx-company-picker-dialog .company-checkbox::after,.hx-company-picker-dialog .branch-checkbox::after{content:'';width:5px;height:9px;border-right:2px solid transparent;border-bottom:2px solid transparent;position:absolute;top:50%;left:50%;transform:translate(-50%,-62%) rotate(45deg);opacity:0;transition:opacity 0.12s ease}.hx-company-picker-dialog .company-checkbox:focus-visible,.hx-company-picker-dialog .branch-checkbox:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(22,119,255,0.25)}.hx-company-picker-dialog .company-checkbox:checked,.hx-company-picker-dialog .branch-checkbox:checked{background:var(--checkbox-accent)}.hx-company-picker-dialog .company-checkbox:checked::after,.hx-company-picker-dialog .branch-checkbox:checked::after{border-color:#ffffff;opacity:1}.hx-company-picker-dialog .company-info{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.hx-company-picker-dialog .company-main{display:flex;align-items:center;gap:8px;flex:1;min-width:0;justify-content:space-between}.hx-company-picker-dialog .company-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 90px}.hx-company-picker-dialog .expand-btn{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:var(--picker-text-color)}.hx-company-picker-dialog .expand-icon{transition:transform 0.2s ease}.hx-company-picker-dialog .expand-icon.expanded{transform:rotate(90deg)}.hx-company-picker-dialog .company-name{color:var(--picker-text-color);flex:1;cursor:pointer}.hx-company-picker-dialog .company-item.is-active .company-name{color:var(--picker-default-text);font-weight:600}.hx-company-picker-dialog .company-active-badge{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#10b981;background:transparent;padding:0}.hx-company-picker-dialog .company-active-badge .active-icon{width:17px;height:12px;flex-shrink:0}.hx-company-picker-dialog .company-default-badge{font-size:10px;font-weight:500;color:var(--picker-default-border);background:var(--picker-dialog-bg);padding:2px 6px}.hx-company-picker-dialog .branches-list{background:#fafafa}.hx-company-picker-dialog .branch-item{display:flex;align-items:center;padding:8px 16px 8px 44px;cursor:pointer;transition:background-color 0.2s ease}.hx-company-picker-dialog .branch-item.is-active{background-color:var(--picker-default-bg)}.hx-company-picker-dialog .branch-item:hover{background:var(--picker-item-hover)}.hx-company-picker-dialog .branch-info{flex:1;display:flex;align-items:center;gap:12px;min-width:0;justify-content:space-between}.hx-company-picker-dialog .branch-name{color:var(--picker-text-color);font-size:14px;flex:1;min-width:0}.hx-company-picker-dialog .branch-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 90px}.hx-company-picker-dialog .branch-active-badge{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#10b981;background:transparent;padding:0}.hx-company-picker-dialog .branch-active-badge .active-icon{width:17px;height:12px;flex-shrink:0}.hx-company-picker-dialog .institutions-list{background:var(--picker-institution-bg)}.hx-company-picker-dialog .institution-item{display:flex;align-items:center;padding:8px 16px 8px 72px;cursor:pointer;transition:background-color 0.2s ease}.hx-company-picker-dialog .institution-item.is-active{background-color:var(--picker-default-bg)}.hx-company-picker-dialog .institution-item:hover{background:var(--picker-item-hover)}.hx-company-picker-dialog .institution-checkbox{width:20px;height:20px;margin-right:12px;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:6px;border:1.5px solid #d5dde9;background:#ffffff;position:relative;display:inline-flex;align-items:center;justify-content:center;transition:border-color 0.2s ease,background 0.2s ease}.hx-company-picker-dialog .institution-checkbox::after{content:'';width:5px;height:9px;border-right:2px solid transparent;border-bottom:2px solid transparent;position:absolute;top:50%;left:50%;transform:translate(-50%,-62%) rotate(45deg);opacity:0;transition:opacity 0.12s ease}.hx-company-picker-dialog .institution-checkbox:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(22,119,255,0.25)}.hx-company-picker-dialog .institution-checkbox:checked{background:var(--checkbox-accent)}.hx-company-picker-dialog .institution-checkbox:checked::after{border-color:#ffffff;opacity:1}.hx-company-picker-dialog .institution-info{flex:1;display:flex;align-items:center;gap:12px;min-width:0;justify-content:space-between}.hx-company-picker-dialog .institution-name{color:var(--picker-text-color);font-size:14px;flex:1;min-width:0}.hx-company-picker-dialog .institution-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 90px}.hx-company-picker-dialog .institution-active-badge{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#10b981;background:transparent;padding:0}.hx-company-picker-dialog .institution-active-badge .active-icon{width:17px;height:12px;flex-shrink:0}.hx-company-picker-dialog .scrollbar-track{position:absolute;right:471px;top:294px;width:8px;height:124px;background:transparent;pointer-events:none}.hx-company-picker-dialog .scrollbar-thumb{width:8px;height:124px;background:var(--scrollbar-bg);border-radius:999px}.hx-company-picker-dialog .dialog-footer{background:var(--picker-header-bg);border-top:1px solid var(--picker-header-border);padding:12px;display:flex;justify-content:flex-end;gap:8px}.hx-company-picker-dialog .btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all 0.2s ease;min-width:80px;display:flex;align-items:center;justify-content:center}.hx-company-picker-dialog .btn-secondary{background:white;color:var(--picker-badge-text);border:1px solid var(--picker-menu-border)}.hx-company-picker-dialog .btn-secondary:hover{background:rgba(74,123,200,0.1);opacity:1}.hx-company-picker-dialog .btn-primary{background:var(--picker-apply-gradient);color:var(--picker-apply-color)}.hx-company-picker-dialog .btn-primary:hover{background:var(--picker-apply-hover);opacity:0.9}.hx-company-picker-dialog .btn-primary:disabled{filter:grayscale(60%) brightness(1.1);opacity:0.6;cursor:not-allowed}.hx-company-picker-trigger .cp-left{display:flex;align-items:center;gap:4px;min-width:0;width:100%;padding:12px;border:1px solid var(--picker-menu-border);border-radius:12px;background:var(--picker-menu-bg);color:var(--picker-text-color);box-sizing:border-box;cursor:pointer;transition:all 0.3s ease}.hx-company-picker-trigger .cp-left:hover{transform:scale(1.02)}.hx-company-picker-trigger .company-avatar{max-width:210px;max-height:70px;border-radius:12px;object-fit:contain;flex:0 0 auto;background:#fff;margin-bottom:10px}.hx-company-picker-trigger .company-avatar-placeholder{max-width:210px;max-height:70px;border-radius:12px;background-color:#e5e7eb;flex:0 0 auto;margin-bottom:10px}.hx-company-picker-trigger .cp-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}.hx-company-picker-trigger .cp-line{display:flex;align-items:center;gap:6px;min-width:0}.hx-company-picker-trigger .cp-main span,.hx-company-picker-trigger .cp-sub span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#19191a!important}.hx-company-picker-trigger .company-badge{font-size:12px;font-weight:800;padding:0px 10px;border-radius:999px;background:var(--picker-badge-bg);color:var(--picker-badge-text);line-height:18px}.cp-debug{background:#f0f0f0;padding:8px;font-size:12px;font-family:monospace;white-space:pre;margin:8px 0;border-radius:4px}@keyframes hx-modal-overlay-in{from{opacity:0}to{opacity:1}}@keyframes hx-modal-overlay-out{from{opacity:1}to{opacity:0}}@keyframes hx-modal-pop{from{opacity:0;transform:translate3d(0,12px,-30px) scale(0.95)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes hx-modal-pop-out{from{opacity:1;transform:translate3d(0,0,0) scale(1)}to{opacity:0;transform:translate3d(0,12px,-18px) scale(0.96)}}

/** webx/static/css/layout/sidebar/search-menu.css **/
:root.light{--search-menu-box-bg:#ffffff;--search-menu-box-border:#e6e6e6;--search-menu-box-icon:#000000;--search-menu-input-color:#757575}:root.dark{--search-menu-box-bg:#2a2a2a;--search-menu-box-border:#444444;--search-menu-box-icon:#DDDDDD;--search-menu-input-color:#DDDDDD}.hx-search-menu{display:flex;align-items:center;padding:12px;gap:6px;box-sizing:border-box;border-radius:6px;border:1px solid var(--search-menu-box-border);background:var(--search-menu-box-bg);height:48px;margin-bottom:20px}.hx-search-menu .search-box-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;stroke-width:0;color:var(--search-menu-box-icon)}.hx-search-menu .search-input{border:none;outline:none;width:100%;font-size:1rem;color:var(--search-menu-input-color);background:transparent}.hx-search-menu .search-input::placeholder{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;color:#000000}.hx-search-menu .search-input:focus+.search-shortcut{display:none}.hx-search-menu .search-shortcut{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;color:#9CA3AF;white-space:nowrap}

/** webx/static/css/layout/sidebar/sidebar.css **/
:root.light{--sidebar-bg:#ffffff;--sidebar-text:#313131;--sidebar-hover-bg:#ebf1fd;--sidebar-border:#f4f4f4;--sidebar-line:#d6e8ff;--skeleton-color-light:#f0f0f0;--skeleton-color-dark:#e0e0e0;--sidebar-hover-bg-header:#f5f6f7}:root.dark{--sidebar-bg:#1e1e1e;--sidebar-text:#f0f0f0;--sidebar-hover-bg:#2a2a2a;--sidebar-border:#2a2a2a;--sidebar-line:#444444;--skeleton-color-light:#2a2a2a;--skeleton-color-dark:#3a3a3a}.hx-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);transition:width 0.3s ease,min-width 0.3s ease,border-color 0.2s ease;display:flex;flex-direction:column;justify-content:flex-start;height:100%;width:290px;min-width:290px;user-select:none;box-sizing:border-box;will-change:width;position:relative;z-index:51;overflow:visible}.hx-sidebar>*:not(.hx-toggle-sidebar){width:100%;flex-shrink:0;transition:none!important}.hx-sidebar .sidebar{padding-bottom:40px;color:var(--sidebar-text)}.hx-sidebar .sidebar-scroll{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;overflow-x:hidden;padding:24px 12px 16px}.hx-sidebar .sidebar-controls{display:flex;flex-direction:column;gap:12px}.hx-sidebar .horizontal-line{height:1px;background-color:var(--sidebar-line);margin:0 -12px 10px}.hx-sidebar .menu-section-horizontal-line{height:1px;background-color:var(--sidebar-line)}.hx-sidebar .menu-list>.menu-section-horizontal-line:first-child{display:none}.hx-sidebar .menu-list{padding:0px 0 40px;display:flex;flex-direction:column;gap:10px}.hx-sidebar .skeleton-item{height:28px;background:linear-gradient(90deg,var(--skeleton-color-light),var(--skeleton-color-dark),var(--skeleton-color-light));background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:4px;margin-bottom:12px}.hx-sidebar .menu-leaf-entry{display:flex;align-items:center;padding:10px 16px;border-radius:8px;font-weight:500;font-size:14px;color:var(--sidebar-text);cursor:pointer;transition:background 0.3s ease}.hx-sidebar .menu-leaf-entry:hover{background:var(--sidebar-hover-bg)}.hx-sidebar .sidebar .menu-section-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:10px 10px;cursor:pointer;user-select:none;transition:all 0.3s ease}.hx-sidebar .sidebar .menu-section-header:hover{background-color:var(--sidebar-hover-bg-header);border-radius:8px}.hx-sidebar .sidebar .menu-section-header.is-active{background:#ebf1fd;border-radius:8px}.hx-sidebar .sidebar .menu-section-header.is-active:hover{background:#f5f6f7}.hx-sidebar .sidebar .menu-section-title{margin-left:2px;color:var(--menu-section-title);font-size:14px!important}.hx-sidebar .sidebar .sidebar-section-chevron{margin-left:auto;transition:transform 0.2s ease;color:inherit}.hx-sidebar .sidebar .sidebar-section-chevron.rotated{transform:rotate(90deg)}.hx-sidebar .sidebar .section-content{display:flex;flex-direction:column;padding-left:0;overflow:visible}.section-content-enter-active,.section-content-leave-active{transition:max-height 0.3s ease,opacity 0.3s ease}.section-content-enter-from,.section-content-leave-to{max-height:0;opacity:0}.section-content-enter-to,.section-content-leave-from{max-height:2000px;opacity:1}.hx-sidebar .sidebar .menu-section-header.is-disabled,.hx-sidebar .sidebar .menu-leaf-entry.is-disabled{pointer-events:none;cursor:not-allowed}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@media (max-width:768px){.hx-sidebar{position:fixed;top:0;left:0;transition:transform 0.2s ease;transform:translateX(-100%);width:290px;min-width:290px;z-index:200}.hx-sidebar:not(.sidebar-collapsed){transform:translateX(0)}}.hx-sidebar .icon-container{display:flex;align-items:center;justify-content:center;height:32px;overflow:visible}.hx-sidebar .icon-container .menu-entry-icon{width:24px;height:24px;margin-right:5px;object-fit:contain;flex:0 0 auto;display:block}.hx-sidebar.selected .menu-entry-icon{filter:brightness(0) invert(1);color:#fff}

/** webx/static/css/layout/topbar/topbar-button-user-menu.css **/
.hx-topbar-button-user-menu{position:relative;display:inline-block}.hx-topbar-button-user-menu .hx-topbar-user-profile{display:flex;align-items:center;cursor:pointer;height:40px;transition:all 0.3s ease}.hx-topbar-button-user-menu .hx-topbar-user-profile:hover{transform:scale(1.1)}.hx-topbar-button-user-menu .hx-topbar-avatar{width:32px;height:32px;border-radius:100%;object-fit:cover}.hx-topbar-button-user-menu .hx-topbar-user-dropdown{position:absolute;top:44px;right:0;display:flex;flex-direction:column;min-width:160px;gap:4px;padding:8px;margin:0;color:var(--text-default);background-color:var(--dropdown-bg);border:1px solid var(--border-default);border-radius:4px;box-shadow:0 6px 12px -4px var(--shadow-default);z-index:999}.hx-topbar-button-user-menu .hx-topbar-user-dropdown-enter-active,.hx-topbar-button-user-menu .hx-topbar-user-dropdown-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.hx-topbar-button-user-menu .hx-topbar-user-dropdown-enter-from,.hx-topbar-button-user-menu .hx-topbar-user-dropdown-leave-to{opacity:0;transform:translateY(-8px)}.hx-topbar-button-user-menu .hx-topbar-user-dropdown ul{list-style:none;margin:0;padding:0}.hx-topbar-button-user-menu .hx-topbar-user-dropdown li{cursor:pointer;padding:8px;display:flex;align-items:center;gap:8px;height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hx-topbar-button-user-menu .hx-topbar-user-dropdown li:hover{background-color:var(--dropdown-hover)}.hx-topbar-button-user-menu .hx-topbar-user-dropdown li svg.hx-topbar-theme-rect{display:inline-block;vertical-align:middle;width:16px;height:16px;border:1px solid #ccc}.hx-topbar-button-user-menu .hx-topbar-user-menu-icon{display:inline-block;font-size:18px;width:1em;height:1em;stroke-width:0;stroke:var(--hx-icon-stroke);fill:var(--hx-icon-fill)}@media (max-width:768px){.hx-topbar-button-user-menu .hx-topbar-user-info{display:none}}

/** webx/static/css/layout/topbar/topbar-button-devmode.css **/
.icon-button.hx-topbar-button-devmode:hover{background-color:rgba(0,0,0,0.06)}.icon-button.hx-topbar-button-devmode.active{background-color:rgba(0,123,255,0.2)}

/** webx/static/css/layout/topbar/topbar.css **/
:root.light{--topbar-bg:#ffffff;--topbar-border:#e0e0e0;--toggle-color:#313131;--toggle-hover-bg:#f2f2f2;--icon-color:#64748b;--menu-icon-border:#e6e6e6;--profile-bg:#f8f8f8;--profile-hover-bg:#f2f2f2;--user-name:#000000;--user-role:#717171}:root.dark{--topbar-bg:#1e1e1e;--topbar-border:#333333;--toggle-color:#f1f1f1;--toggle-hover-bg:#333333;--icon-color:#a0aec0;--menu-icon-border:#555555;--profile-bg:#2c2c2c;--profile-hover-bg:#3a3a3a;--user-name:#ffffff;--user-role:#bbbbbb}.hx-topbar{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;background-color:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);z-index:50}.hx-topbar .hx-topbar-left{display:flex;align-items:center;gap:16px;white-space:nowrap;flex:1 1 auto}.hx-topbar .hx-topbar-right{display:flex;align-items:center;gap:16px;white-space:nowrap;margin-left:9px}.hx-topbar .hx-topbar-icon-button{background:none;cursor:pointer;padding:0;border:none;border-radius:10px;color:var(--icon-color);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;transition:all 0.3s ease}.hx-topbar .hx-topbar-icon-button:hover{background-color:rgba(0,123,255,0.1);transform:translateY(-1px)}@media (max-width:768px){.hx-topbar .hx-topbar-sidebar-toggle{display:flex}.hx-topbar .hx-topbar-right{gap:8px}}@media (max-width:640px){.hx-topbar{padding:0 16px}}@media (max-width:480px){.hx-topbar .hx-topbar-icon-button:not(.hx-topbar-sidebar-toggle){display:none}}

/** webx/static/css/layout/topbar/topbar-button-devmanager.css **/
.hx-topbar-button-devmanager .dropdown-label-elipsis{width:132px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/** webx/static/css/views/fields/multiple-reviewer-config-field.css **/
.hx-multiple-reviewer-config-field{display:flex;flex-direction:column;gap:16px;padding:0;font-family:'Plus Jakarta Sans',sans-serif}.config-field-group{display:flex;flex-direction:column;gap:4px;width:100%}.config-field-label-wrapper{display:flex;align-items:center;gap:6px;padding:1px}.config-field-label{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:16px;line-height:1.5em;color:#2b2b2b}.config-field-required{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:16px;line-height:1.5em;color:#bd210f}.config-field-group{position:relative}.config-field-input-wrapper{position:relative;display:flex;justify-content:center;align-items:center;gap:10px;padding:4px 8px 4px 4px;background:#ffffff;border:1px solid #e1e2e3;border-radius:8px;min-height:40px;cursor:pointer;transition:border-color 0.2s}.config-field-input-wrapper:hover{border-color:#bdbebf}.config-field-input-wrapper:focus-within{border-color:#80b5ff}.config-field-input{display:flex;align-items:center;gap:4px;flex:1;padding:4px}.config-field-value{font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;line-height:1.5em;color:#1e1e1e}.config-field-placeholder{font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;line-height:1.5em;color:#585959}.config-field-trailing{display:flex;justify-content:center;align-items:center;width:24px;height:24px;padding:10px;border-radius:999px}.config-field-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#ffffff;border:1px solid #e1e2e3;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.08);z-index:1000;max-height:280px;overflow-y:auto}.config-dropdown-item{padding:12px 16px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;line-height:1.5em;color:#1e1e1e;cursor:pointer;transition:background-color 0.15s}.config-dropdown-item:hover{background-color:#f5f5f5}.config-dropdown-item.is-selected{background-color:#f0f4ff;color:#1664ff}.config-field-helper{display:flex;gap:6px;padding:2px 4px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;line-height:1.4285714285714286em;color:#585959}.config-hierarchy-options{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.config-hierarchy-option{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.config-radio-button{position:relative;width:20px;height:20px;border:1.5px solid rgba(46,48,51,0.3);border-radius:50%;background:#b3b3b3;display:flex;align-items:center;justify-content:center;transition:all 0.2s;box-sizing:border-box}.config-radio-button.is-selected{background:#ffffff;border-color:#2e3033;box-shadow:inset 0 0 0 2.5px #006fff}.config-radio-dot{width:10.83px;height:10.83px;border-radius:50%;background:#1664ff;position:relative;z-index:1}.config-hierarchy-label{font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:16px;line-height:1.5em;color:#585959}.hx-multiple-reviewer-config-field.is-readonly .config-field-input-wrapper,.hx-multiple-reviewer-config-field.is-readonly .config-hierarchy-option{cursor:not-allowed;opacity:0.6}@media (max-width:768px){.hx-multiple-reviewer-config-field{padding:12px}.config-hierarchy-options{gap:12px}}

/** webx/static/css/views/fields/relation-field-pagger.css **/
.hx-relation-field-paging{display:flex;align-items:center;justify-content:flex-end;gap:12px;color:var(--pagger-text-color);flex-wrap:wrap;margin-top:8px}.hx-relation-field-paging .per-page-selector{position:relative;display:flex;align-items:center;gap:6px;min-width:125px;padding:8px 12px;border:1px solid var(--pagger-border);border-radius:8px;background-color:var(--pagger-bg);cursor:pointer;user-select:none}.hx-relation-field-paging .per-page-selector:hover{background-color:var(--pagger-dropdown-hover)}.hx-relation-field-paging .light-text{color:var(--pagger-light-text);margin:0 4px;white-space:nowrap}.hx-relation-field-paging .dropdown-menux{position:absolute;left:0;width:100%;background-color:var(--pagger-bg);border:1px solid var(--pagger-border);border-radius:8px;box-shadow:0 4px 8px var(--pagger-shadow);z-index:100}.hx-relation-field-paging .dropdown-menux-top{bottom:105%!important;top:auto!important;margin-top:4px;margin-bottom:0}.hx-relation-field-paging .dropdown-menux-bottom{top:105%!important;bottom:auto!important;margin-bottom:4px;margin-top:0}.hx-relation-field-paging .per-page-dropdown.dropdown-menux-top{bottom:105%!important;top:auto!important}.hx-relation-field-paging .per-page-dropdown.dropdown-menux-bottom{top:105%!important;bottom:auto!important}.hx-relation-field-paging .per-page-dropdown-enter-active,.hx-relation-field-paging .per-page-dropdown-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.hx-relation-field-paging .per-page-dropdown-enter-from,.hx-relation-field-paging .per-page-dropdown-leave-to{opacity:0;transform:translateY(-8px)}.hx-relation-field-paging .dropdown-itemx{padding:6px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.hx-relation-field-paging .dropdown-itemx:hover{background-color:var(--pagger-dropdown-hover)}.hx-relation-field-paging .dropdown-itemx.selected{background-color:rgba(0,0,0,0.05)}:root.dark .hx-relation-field-paging .dropdown-itemx.selected{background-color:rgba(255,255,255,0.08)}.hx-relation-field-paging .per-page-dropdown .checkmark{margin-left:8px}.hx-relation-field-paging .pagination-controls{display:flex;align-items:center;background-color:transparent;border:none;border-radius:8px;overflow:visible}.hx-relation-field-paging .page-info{padding:8px 16px;display:flex;align-items:center;gap:4px;min-width:82px;border-right:1px solid var(--pagger-border)}.hx-relation-field-paging .page-info .input-range{width:32px;text-align:center;background:var(--pagger-input-bg);color:var(--pagger-text-color);border:none;outline:none}.hx-relation-field-paging .navigation-buttons{display:flex}.hx-relation-field-paging .nav-button{background:transparent;border:none;padding:6px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--pagger-nav-text)}.hx-relation-field-paging .nav-button svg{width:16px;height:16px}.hx-relation-field-paging .nav-button:hover:not(:disabled){background-color:var(--pagger-nav-hover-bg)}.hx-relation-field-paging .nav-button:disabled{color:var(--pagger-nav-disabled);cursor:not-allowed}.hx-relation-field-paging .nav-button:disabled svg{opacity:0.2}.hx-relation-field-paging .prev{border-right:none}.hx-relation-field-paging .pages{display:flex;align-items:center;gap:6px;padding:0 8px}.hx-relation-field-paging .page-number{min-width:28px;height:28px;padding:0 6px;border:1px solid var(--pagger-border);border-radius:6px;background:transparent;color:var(--pagger-text-color);cursor:pointer}.hx-relation-field-paging .page-number:hover{border-color:#2a5ea2}.hx-relation-field-paging .page-number.active{background:#2a5ea2;border-color:#2a5ea2;color:#ffffff}.hx-relation-field-paging .ellipsis{color:var(--pagger-light-text);padding:0 4px}.hx-relation-field-paging .pagination-meta{display:flex;align-items:center;gap:8px;padding:0 6px 0 8px;margin-left:4px;border-left:none;background:transparent}.hx-relation-field-paging .pagination-meta .meta-sep{color:var(--pagger-light-text)}.hx-relation-field-paging .range-editor{position:relative;display:flex;align-items:center;gap:2px;padding:2px 4px;border-left:none;cursor:text;user-select:text}.hx-relation-field-paging .range-dropdown{position:absolute;bottom:105%;right:0;left:auto!important;width:max-content;min-width:140px;box-shadow:0 6px 12px var(--pagger-shadow)}.hx-relation-field-paging .range-inputs{display:flex;align-items:center;gap:6px;padding:6px 8px}.hx-relation-field-paging .range-inputs .input-range{width:44px;height:28px;border:1px solid var(--pagger-border);border-radius:6px;background:var(--pagger-input-bg)}.hx-relation-field-paging .range-editor .input-range{width:38px;height:24px;padding:0 2px;text-align:center;border:none;border-radius:0;background:transparent;outline:none;box-shadow:none}.hx-relation-field-paging .range-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin-left:4px;background:transparent;border:none;cursor:pointer}.hx-relation-field-paging .range-toggle svg{width:16px;height:16px}.hx-relation-field-paging .range-editor.open,.hx-relation-field-paging .range-editor:hover{background:transparent}@media (max-width:860px){.hx-relation-field-paging .pagination-bar{align-items:stretch;gap:10px}.hx-relation-field-paging .per-page-selector{font-size:15px;padding:6px 10px;min-width:0;border-radius:7px}.hx-relation-field-paging .pagination-controls{gap:8px;background:var(--pagger-bg);border:1px solid var(--pagger-border);border-radius:7px;flex-direction:row;justify-content:space-between}.hx-relation-field-paging .page-info{display:none}.hx-relation-field-paging .page-info .input-range{width:24px;font-size:14px;padding:1px 2px}.hx-relation-field-paging .nav-button{padding:6px 6px;font-size:18px}.hx-relation-field-paging .dropdown-menux{left:0;min-width:70px;width:max-content;z-index:99}}.hx-relation-field-paging .per-page-control{position:relative;display:flex;align-items:center;gap:4px;padding:6px;min-width:28px;min-height:28px;border-radius:6px;margin-left:4px;cursor:pointer;user-select:none}.hx-relation-field-paging .per-page-control:hover{background:var(--pagger-nav-hover-bg)}.hx-relation-field-paging .per-page-control svg{pointer-events:none}.hx-relation-field-paging .per-page-dropdown{position:absolute;bottom:105%;right:0;left:auto!important;width:max-content;min-width:160px;box-shadow:0 6px 12px var(--pagger-shadow);z-index:200}.hx-relation-field-paging .per-page-dropdown .custom-per-page .input-range{width:64px;height:28px;text-align:center;border:1px solid var(--pagger-border);border-radius:6px;background:var(--pagger-bg);outline:none}.hx-relation-field-paging .per-page-dropdown .custom-per-page .btn-apply{display:none}.hx-relation-field-paging .dropdown-itemx.selected{background-color:rgba(0,0,0,0.06)}.hx-relation-field-paging .per-page-dropdown .custom-per-page{display:flex;align-items:center;gap:6px}.hx-relation-field-paging .per-page-dropdown .custom-per-page .input-range{width:64px;height:28px;text-align:center;border:none;background:transparent;outline:none}.hx-relation-field-paging .per-page-dropdown .custom-per-page .btn-apply{padding:0 6px;font-size:12px;border:none;background:transparent;color:var(--pagger-text-color);cursor:pointer}

/** webx/static/css/views/fields/many2one-field.css **/
.hx-many2one-field{position:relative;display:flex;flex-direction:column;gap:4px;width:100%}.hx-many2one-field .hx-many2one-field-edit .many2one-field{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:24px;height:40px;width:100%;box-sizing:border-box;padding:4px 40px 4px 8px;border:1px solid #bdbebf;border-radius:8px;background:#ffffff;color:#585959;transition:border-color 0.2s;outline:none;appearance:none}.hx-many2one-field .hx-many2one-field-view .many2one-field{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;width:100%;box-sizing:border-box;transition:border-color 0.2s;outline:none;appearance:none;background:none;border:none;box-shadow:none;color:#6d6d6e;cursor:default;opacity:1;word-wrap:break-word;overflow-wrap:anywhere}.hx-many2one-field .hx-many2one-field-external-link{cursor:default;border-radius:6px;transition:background 0.2s ease}.hx-many2one-field .m2o-edit-row{display:flex;align-items:center;gap:8px}.hx-many2one-field .m2o-edit-row .m2o-input-wrapper{flex:1;min-width:0}.hx-many2one-field .m2o-hyperlink-icon-frame{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:8px;border:1px solid #2a5ea2;cursor:pointer;box-sizing:border-box;flex-shrink:0;overflow:inherit;position:relative;transition:border-color 0.2s ease}.hx-many2one-field .m2o-hyperlink-arrow-icon{width:32px;height:32px;padding:8px;stroke:#006fff;fill:none;transition:transform 0.2s ease}.hx-many2one-field .m2o-hyperlink-icon-frame:hover .m2o-hyperlink-arrow-icon{transform:translate(12px,-12px);position:absolute;background-color:#ffffff}.hx-many2one-field .hx-many2one-field-view .many2one-field-link{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:#006fff;display:flex;align-items:center;gap:8px;flex:none;order:0;flex-grow:0;cursor:pointer;text-decoration:none;transition:all 0.2s ease}.hx-many2one-field .hx-many2one-field-view .many2one-field-link:hover{text-decoration:underline}.hx-many2one-field .hx-many2one-field-view .many2one-field-link .hyperlink-icon-frame{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;border-radius:5px;border:1px solid rgba(0,111,255,0.6);padding:4px;position:relative;box-sizing:border-box;flex-shrink:0}.hx-many2one-field .hx-many2one-field-view .many2one-field-link .hyperlink-arrow-up-right-icon{width:16px;height:16px;flex-shrink:0;stroke:#006fff;fill:none;transition:transform 0.2s ease}.hx-many2one-field .hx-many2one-field-view .many2one-field-link:hover .hyperlink-arrow-up-right-icon{transform:translate(5px,-5px);position:absolute;background-color:#ffffff}.hx-many2one-field .hx-many2one-field-view .many2one-field-link{color:#6d6d6e;cursor:default;text-decoration:none;transition:color 0.2s ease,text-decoration 0.2s ease;display:block;line-height:24px}.hx-many2one-field .hx-many2one-field-view .many2one-field-link:hover{color:#6d6d6e}.hx-many2one-field .hx-many2one-field-edit .many2one-field:hover{color:#3d3d3d;border-color:#bdbebf}.hx-many2one-field .hx-many2one-field-edit .many2one-field:focus{border-color:#80b5ff}.hx-many2one-field .hx-many2one-field-edit .many2one-field:disabled,.hx-many2one-field .hx-many2one-field-edit .many2one-field[readonly]{background:#e8e9eb;color:#6d6d6e;border-color:#cacbcc;cursor:not-allowed;opacity:1}.hx-many2one-field .hx-many2one-field-edit .many2one-field:not([readonly]){background:#ffffff;cursor:pointer;transition:box-shadow 0.05s ease-in-out}body:not(.has-validation-errors) .hx-many2one-field .hx-many2one-field-edit .many2one-field{border-color:#bdbebf!important;box-shadow:none!important}body.has-validation-errors .hx-many2one-field .hx-many2one-field-edit.is-required:not(.has-value) .many2one-field,.hx-many2one-field .hx-many2one-field-edit .many2one-field.is-invalid{border-color:#dc3545!important;box-shadow:0 0 0 2px rgba(220,53,69,0.08)!important}body.has-validation-errors .hx-many2one-field .hx-many2one-field-edit.is-required:not(.has-value) .many2one-field:focus,.hx-many2one-field .hx-many2one-field-edit .many2one-field.is-invalid:focus{border-color:#dc3545!important;box-shadow:0 0 0 3px rgba(220,53,69,0.18)!important}.hx-many2one-field .hx-many2one-field-edit .helper-text{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px}.hx-many2one-field .hx-many2one-field-edit .helper-danger{color:#8d180b}.hx-many2one-field .hx-many2one-field-edit .helper-muted{color:#585959}.hx-many2one-field .hx-many2one-field-edit .floating-button{position:absolute;top:20px;right:10px;transform:translateY(-50%);border:none;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.hx-many2one-field .hx-many2one-field-edit .floating-button .smart-buttons{width:18px;height:18px;pointer-events:none;fill:#3d3d3d}.hx-many2one-field .hx-many2one-field-edit .m2o-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.m2o-dropdown{position:absolute;left:0;top:100%;width:100%;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.08);border-radius:0 0 10px 10px;border:1px solid #cacbcc;border-top:none;z-index:100;padding:0;margin:0;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bdbebf transparent;transform-origin:top left}.m2o-dropdown-enter-active,.m2o-dropdown-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.m2o-dropdown-enter-from,.m2o-dropdown-leave-to{opacity:0;transform:translateY(-8px) scale(0.98)}.m2o-dropdown-enter-to,.m2o-dropdown-leave-from{opacity:1;transform:translateY(0) scale(1)}.m2o-dropdown-item{display:block;padding:12px 16px;cursor:pointer;font-size:14px;color:#353535;border:none;background:transparent;transition:background 0.18s;text-decoration:none;min-height:44px;box-sizing:border-box;display:flex;align-items:center}.m2o-dropdown-item:hover:not(.m2o-disabled){background:#f0f4ff}.m2o-dropdown-empty{padding:16px;font-size:14px;color:#585959;min-height:56px;display:flex;align-items:center}.m2o-disabled{color:#b0b0b0;cursor:not-allowed}.m2o-dropdown-divider{height:1px;background:#e1e2e3}.m2o-create{color:#3165d4;font-weight:600}.hx-many2one-field .hx-many2one-field-edit .m2o-loading-indicator{position:absolute;top:4px;right:16px;z-index:20;display:flex;align-items:center}.hx-many2one-field .hx-many2one-field-edit .m2o-spinner{width:22px;height:22px;border:3px solid #eaeaea;border-top:3px solid #3165d4;border-radius:50%;animation:spin 0.7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hx-many2one-field .hx-many2one-field-edit .many2one-field.hx-disabled-field,.hx-many2one-field .hx-many2one-field-edit input.many2one-field.hx-disabled-field[disabled]{background-color:#f5f5f5;color:#9e9e9e;cursor:default;opacity:0.7;border-color:#bdbebf}

/** webx/static/css/views/fields/team-member-sales-widget.css **/
.hx-team-member-sales-widget{position:relative;padding:0}.hx-team-member-sales-widget .hx-tms-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.hx-team-member-sales-widget .hx-tms-team-label{font-size:14px;font-weight:600;color:#111827}.hx-team-member-sales-widget .hx-tms-weight-badge{font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;border:1px solid currentColor}.hx-team-member-sales-widget .hx-tms-weight-badge.is-complete,.hx-team-member-sales-widget .hx-tms-weight-badge.is-incomplete{color:#0e639f;background:#e3f2fc}.hx-team-member-sales-widget .hx-tms-warnings{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.hx-team-member-sales-widget .hx-tms-warning-text{font-size:12px;color:#6b7280}.hx-team-member-sales-widget .hx-tms-actions-wrap{position:relative}.hx-team-member-sales-widget .hx-tms-actions{display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px}.hx-team-member-sales-widget .hx-tms-btn{font-size:13px;padding:6px 14px;border:1px solid #d1d5db;border-radius:8px;background:#f0f1f2;cursor:pointer;color:#374151;transition:background 0.15s;font-weight:600}.hx-team-member-sales-widget .hx-tms-btn:hover:not(:disabled){background:#f0f1f2}.hx-team-member-sales-widget .hx-tms-btn:disabled{opacity:0.5;cursor:not-allowed}.hx-team-member-sales-widget .hx-tms-btn.is-primary{background:#fff;border-color:#afd0fd;color:#2a5ea2;font-weight:600}.hx-team-member-sales-widget .hx-tms-btn.is-primary:hover:not(:disabled){background:#eef2ff}.hx-team-member-sales-widget .hx-tms-dropdown-backdrop{position:fixed;inset:0;z-index:99}.hx-team-member-sales-widget .hx-tms-dropdown{position:absolute;right:0;top:calc(100% + 4px);width:416px;max-height:354px;background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,0.3),0 4px 8px 3px rgba(0,0,0,0.15);z-index:100;display:flex;flex-direction:column;overflow:hidden}.hx-team-member-sales-widget .hx-tms-dropdown.is-above{top:auto;bottom:calc(100% + 4px)}.hx-team-member-sales-widget .hx-tms-dropdown-search{padding:16px 16px 8px;border-bottom:1px solid #f5f6f7;flex-shrink:0}.hx-team-member-sales-widget .hx-tms-search-input{width:100%;box-sizing:border-box;padding:8px 12px 8px 34px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat 10px center}.hx-team-member-sales-widget .hx-tms-search-input:focus{border-color:#6366f1}.hx-team-member-sales-widget .hx-tms-dropdown-list{flex:1;overflow-y:auto}.hx-team-member-sales-widget .hx-tms-dropdown-item{display:flex;align-items:center;gap:10px;padding:4px 16px;height:58px;cursor:pointer;border-bottom:1px solid #f5f6f7}.hx-team-member-sales-widget .hx-tms-dropdown-item:hover{background:#f9fafb}.hx-team-member-sales-widget .hx-tms-dropdown-item.is-selected{background:#f5f3ff}.hx-team-member-sales-widget .hx-tms-dropdown-checkbox{width:16px;height:16px;flex-shrink:0;cursor:pointer;accent-color:#6366f1;pointer-events:none}.hx-team-member-sales-widget .hx-tms-dropdown-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#e5e7eb}.hx-team-member-sales-widget .hx-tms-dropdown-footer{flex-shrink:0;padding:8px 16px;border-top:1px solid #f5f6f7;display:flex;gap:8px;justify-content:flex-end}.hx-team-member-sales-widget .hx-tms-dropdown-empty{padding:20px;text-align:center;color:#9ca3af;font-size:13px}.hx-team-member-sales-widget .hx-tms-member-list{display:flex;flex-direction:column;gap:6px}.hx-team-member-sales-widget .hx-tms-member-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #e5e7eb;border-radius:24px;background:#f5f9ff;position:relative;min-height:56px}.hx-team-member-sales-widget .hx-tms-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#e5e7eb}.hx-team-member-sales-widget .hx-tms-member-info{flex:1;min-width:0}.hx-team-member-sales-widget .hx-tms-member-name{font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-team-member-sales-widget .hx-tms-member-title{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-team-member-sales-widget .hx-tms-role-select{width:120px;flex-shrink:0;padding:5px 8px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#374151;background:#fff;cursor:pointer;appearance:auto}.hx-team-member-sales-widget .hx-tms-role-select:disabled{opacity:0.6;cursor:not-allowed}.hx-team-member-sales-widget .hx-tms-weight-wrap{display:flex;align-items:center;border:1px solid #d1d5db;background-color:#fff;border-radius:8px;overflow:hidden;width:90px;flex-shrink:0}.hx-team-member-sales-widget .hx-tms-weight-input{width:100%;padding:5px 8px;border:none;font-size:13px;color:#374151;text-align:right;outline:none}.hx-team-member-sales-widget .hx-tms-weight-input:disabled{background:#f3f4f6;cursor:not-allowed}.hx-team-member-sales-widget .hx-tms-weight-pct{padding:0 8px 0 2px;font-size:13px;color:#6b7280}.hx-team-member-sales-widget .hx-tms-remove-btn{position:absolute;top:6px;right:8px;width:20px;height:20px;border:none;border-radius:50%;background:#fee2e2;color:#dc2626;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.hx-team-member-sales-widget .hx-tms-remove-btn:hover{background:#fecaca}.hx-team-member-sales-widget .hx-tms-empty{padding:20px;text-align:center;color:#9ca3af;font-size:13px;border:1px dashed #d1d5db;border-radius:10px}.hx-team-member-sales-widget .hx-tms-loading{position:absolute;inset:0;background:rgba(255,255,255,0.6);display:flex;align-items:center;justify-content:center;font-size:13px;color:#6b7280;border-radius:10px;z-index:10}

/** webx/static/css/views/fields/file-field.css **/
.hx-file-field{width:100%}.hx-file-field .visually-hidden-file-input{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.hx-file-field .hx-file-field-edit .edit-row{display:flex;align-items:center;gap:8px}.hx-file-field .hx-file-field-edit .edit-row .attachment-wrapper{flex:1;min-width:0}.hx-file-field .hx-file-field-edit .edit-hyperlink-btn{flex-shrink:0;width:38px;height:38px}.hx-file-field .hx-file-field-edit .edit-hyperlink-btn .hyperlink-arrow-up-right-icon{width:24px;height:24px;stroke:#006fff;fill:none;transition:transform 0.2s ease}.hx-file-field .hx-file-field-edit .edit-hyperlink-btn:hover .hyperlink-arrow-up-right-icon{transform:translate(10px,-10px);background-color:#ffffff}.hx-file-field .hx-file-field-edit .attachment-wrapper{position:relative;display:flex;justify-content:center;align-items:center;min-height:40px;width:100%;border:1px solid #dcdcdc;border-radius:10px;padding:0;background:#fff;box-sizing:border-box}.hx-file-field .hx-file-field-edit .attachment-wrapper.has-files{justify-content:flex-start;padding:0 42px 0 8px}.hx-file-field .hx-file-field-view .file-field{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;align-items:center;border-radius:10px;font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;min-height:40px;height:auto;width:100%;box-sizing:border-box;transition:border-color 0.2s;outline:none;appearance:none;background:none;border:none;box-shadow:none;color:#6d6d6e;cursor:default;opacity:1;word-wrap:break-word;overflow-wrap:anywhere}.hx-file-field .hx-file-field-edit .attachment-list,.hx-file-field .hx-file-field-view .attachment-list{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-height:28px;width:100%}.hx-file-field .hx-file-field-edit .attachment-list.multiple-list,.hx-file-field .hx-file-field-view .attachment-list.multiple-list{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));justify-content:start;gap:6px 8px}.hx-file-field .hx-file-field-edit .attachment-item{display:inline-flex;align-items:center;gap:6px;background:#f8f9fb;border-radius:8px;padding:4px 8px;font-size:14px;line-height:1.3;color:#1f2328;max-width:100%;min-width:0}.hx-file-field .hx-file-field-view .attachment-item{display:inline-flex;align-items:center;gap:6px;color:#1f2328;max-width:100%;min-width:0}.hx-file-field .hx-file-field-edit .attachment-list.multiple-list .attachment-item,.hx-file-field .hx-file-field-view .attachment-list.multiple-list .attachment-item{width:auto;max-width:100%;justify-self:start}.hx-file-field .hx-file-field-edit .attachment-item .file-field-icon,.hx-file-field .hx-file-field-view .attachment-item .file-field-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;stroke:#3367d6;fill:#3367d6}.hx-file-field .hx-file-field-edit .attachment-item .filename{display:block;min-width:0;flex:1 1 auto;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-file-field .hx-file-field-view .attachment-item .filename{display:block;min-width:0;flex:1 1 auto;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-file-field .hx-file-field-view .attachment-item .filename.hyperlink-file{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:#006fff;display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;flex:1 1 auto;order:0;flex-grow:1;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 0.2s ease}.hx-file-field .hx-file-field-view .attachment-item .filename.single.hyperlink-file{max-width:220px}.hx-file-field .hx-file-field-view .attachment-item .filename.hyperlink-file .filename-text{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-file-field .hx-file-field-view .attachment-item .filename.hyperlink-file:hover{text-decoration:underline}.hx-file-field .hyperlink-icon-frame{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;border-radius:5px;border:1px solid rgba(0,111,255,0.6);padding:4px;position:relative;box-sizing:border-box}.hx-file-field .hyperlink-arrow-up-right-icon{width:16px;height:16px;flex-shrink:0;stroke:#006fff;fill:none;transition:transform 0.2s ease}.hx-file-field .filename.hyperlink-file:hover .hyperlink-arrow-up-right-icon{transform:translate(5px,-5px);position:absolute;background-color:#ffffff}.hx-file-field .hx-file-field-edit .attachment-item .meta,.hx-file-field .hx-file-field-view .attachment-item .meta{font-size:12px;color:#6b7280}.hx-file-field .hx-file-field-edit .remove-btn{background:transparent;border:none;margin-left:4px;font-size:16px;line-height:1;cursor:pointer;color:#6b7280;padding:0;position:relative;z-index:5;display:inline-flex;align-items:center;justify-content:center;height:100%;margin-top:0}.hx-file-field .hx-file-field-edit .remove-btn:hover{color:#ef4444}.hx-file-field .hx-file-field-edit .upload-trigger{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 16px;border-radius:inherit;cursor:pointer;background:transparent;z-index:3}.hx-file-field .hx-file-field-edit .upload-trigger .upload-text{font-size:16px;line-height:24px;color:#3a3a3a;min-width:0}.hx-file-field .hx-file-field-edit .upload-trigger svg{width:20px;height:20px;fill:currentColor;color:#3a3a3a;flex-shrink:0}.hx-file-field .hx-file-field-edit .upload-trigger.compact{inset:0;width:100%;min-width:0;padding:0 16px;border-left:none;border-radius:inherit;justify-content:flex-end}.hx-file-field .hx-file-field-edit .upload-trigger.full{inset:0;padding:0 16px;justify-content:flex-start}.hx-file-field .hx-file-field-edit .upload-trigger.full .upload-text{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-file-field .hx-file-field-edit .upload-trigger.full svg{margin-left:auto}.hx-file-field .modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.15);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1200;animation:none}.hx-file-field .modal-content{position:relative;padding-top:40px;background:white;padding:1rem;border-radius:8px;max-width:90%;max-height:90%;overflow:auto;transform-origin:center;animation:hx-modal-pop 0.3s ease forwards}.hx-file-field .preview-img{max-width:100%;max-height:80vh}.hx-file-field .preview-pdf{width:100%;max-width:100%;background:#525659;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.hx-file-field .pdf-toolbar{background:#323639;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4a4a4a;flex-shrink:0}.hx-file-field .pdf-toolbar-left,.hx-file-field .pdf-toolbar-center,.hx-file-field .pdf-toolbar-right{display:flex;align-items:center;gap:8px}.hx-file-field .pdf-btn{background:transparent;border:1px solid #5a5a5a;color:#e8e8e8;padding:6px 10px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;min-width:32px;height:32px}.hx-file-field .pdf-btn:hover{background:#4a4a4a;border-color:#6a6a6a}.hx-file-field .pdf-btn:active{background:#3a3a3a}.hx-file-field .pdf-btn svg{pointer-events:none}.hx-file-field .pdf-page-info{display:flex;align-items:center;gap:4px;color:#e8e8e8;font-size:13px}.hx-file-field .pdf-page-input{width:50px;padding:4px 6px;background:#424242;border:1px solid #5a5a5a;color:#e8e8e8;border-radius:3px;text-align:center;font-size:13px}.hx-file-field .pdf-page-input:focus{outline:none;border-color:#0078d4}.hx-file-field .pdf-zoom-level{color:#e8e8e8;font-size:13px;min-width:50px;text-align:center}.hx-file-field .pdf-pages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px}.hx-file-field .pdf-page-wrapper{background:white;box-shadow:0 2px 8px rgba(0,0,0,0.3);padding:10px;border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:10px}.hx-file-field .pdf-page-canvas{display:block;max-width:100%;height:auto}.hx-file-field .pdf-page-number{font-size:12px;color:#666;font-weight:500}.hx-file-field .pdf-loading,.hx-file-field .pdf-error{text-align:center;padding:40px;font-size:16px}.hx-file-field .pdf-error p{margin:10px 0}.hx-file-field .pdf-error a{color:#4a9eff;text-decoration:underline}.hx-file-field .close-btn{position:absolute;top:12px;right:12px;background:rgba(0,0,0,0.6);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s ease,transform 0.2s ease}.hx-file-field .close-btn:hover{background:rgba(0,0,0,0.8);transform:scale(1.1)}.hx-file-field .close-btn svg{width:18px;height:18px}.hx-file-field .preview-word{width:100%;background:white;padding:20px;overflow-y:auto;max-height:80vh}.hx-file-field .docx-loading,.hx-file-field .docx-error{text-align:center;padding:40px;font-size:16px}.hx-file-field .docx-error p{margin:10px 0}.hx-file-field .docx-error a{color:#4a9eff;text-decoration:underline}.hx-file-field .preview-excel{width:100%;height:100%;min-height:80vh;max-height:80vh}.hx-file-field .excel-loading,.hx-file-field .excel-error{text-align:center;padding:40px;font-size:16px}.hx-file-field .excel-error p{margin:10px 0}.hx-file-field .excel-error a{color:#4a9eff;text-decoration:underline}.hx-file-field .hmx-file-upload-progress-bar{height:auto!important;background:#e9f3ff!important}@keyframes hx-modal-overlay-in{from{opacity:0}to{opacity:1}}@keyframes hx-modal-overlay-out{from{opacity:1}to{opacity:0}}@keyframes hx-modal-pop{from{opacity:0;transform:translate3d(0,12px,-30px) scale(0.95)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes hx-modal-pop-out{from{opacity:1;transform:translate3d(0,0,0) scale(1)}to{opacity:0;transform:translate3d(0,12px,-18px) scale(0.96)}}.hx-file-preview-modal-enter-active.hx-file-preview-modal-backdrop{transition:opacity 0.16s ease}.hx-file-preview-modal-leave-active.hx-file-preview-modal-backdrop{transition:none}.hx-file-preview-modal-enter-from.hx-file-preview-modal-backdrop,.hx-file-preview-modal-leave-to.hx-file-preview-modal-backdrop{opacity:0}.hx-file-preview-modal-enter-to.hx-file-preview-modal-backdrop,.hx-file-preview-modal-leave-from.hx-file-preview-modal-backdrop{opacity:1}.hx-file-preview-modal-enter-active .hx-file-preview-modal-target{transition:opacity 0.16s ease,transform 0.16s ease}.hx-file-preview-modal-leave-active .hx-file-preview-modal-target{transition:none}.hx-file-preview-modal-enter-from .hx-file-preview-modal-target,.hx-file-preview-modal-leave-to .hx-file-preview-modal-target{opacity:0;transform:translate3d(0,8px,0) scale(0.98)}.hx-file-preview-modal-enter-to .hx-file-preview-modal-target,.hx-file-preview-modal-leave-from .hx-file-preview-modal-target{opacity:1;transform:translate3d(0,0,0) scale(1)}.hx-file-preview-modal-backdrop.hx-file-preview-closing{opacity:0;transition:opacity 0.18s ease}.hx-file-preview-modal-backdrop.hx-file-preview-closing .hx-file-preview-modal-target{opacity:0;transform:translate3d(0,10px,0) scale(0.985);transition:opacity 0.18s ease,transform 0.18s ease}.hx-file-field .hx-file-field-edit.hx-disabled-field .attachment-wrapper{width:100%;background-color:#f5f5f5;border-color:#cacbcc;cursor:default;opacity:0.7}.hx-file-field .hx-file-field-edit.hx-disabled-field .upload-trigger{background-color:#f5f5f5;color:#9e9e9e;cursor:default;pointer-events:none}.hx-file-field .hx-file-field-edit.hx-disabled-field .upload-trigger .upload-text{color:#9e9e9e}.hx-file-field .hx-file-field-edit.hx-disabled-field .upload-trigger svg{color:#9e9e9e;opacity:0.7}.hx-file-field .hx-file-field-edit.hx-disabled-field .attachment-list.disabled{cursor:default}.hx-file-field .hx-file-field-edit.hx-disabled-field .attachment-item{color:#9e9e9e;cursor:default}.hx-file-field .hx-file-field-edit.hx-disabled-field .filename{color:#9e9e9e}.hx-file-field .hx-file-field-edit.hx-disabled-field .file-field-icon{color:#9e9e9e;opacity:0.7}

/** webx/static/css/views/fields/pdf-viewer-field.css **/
.hx-pdf-viewer-field{display:block;width:100%}.hx-pdf-viewer-field .pdf-viewer-title{font-weight:600;font-size:0.9rem;margin-bottom:0.5rem;color:var(--bs-body-color,#212529)}.hx-pdf-viewer-field .pdf-viewer-empty{padding:1rem;color:#6c757d;font-size:0.9rem}.hx-pdf-viewer-field .pdf-viewer-empty a{color:var(--bs-primary,#0d6efd)}.hx-pdf-viewer-field .pdf-viewer-wrap{position:relative;width:100%;min-height:480px;border:1px solid #dee2e6;border-radius:6px;overflow:hidden;background:#f8f9fa}.hx-pdf-viewer-field .pdf-viewer-iframe{display:block;width:100%;height:560px;border:none}.hx-pdf-viewer-field .pdf-viewer-open-link{display:inline-block;margin-top:0.5rem;font-size:0.875rem;color:var(--bs-primary,#0d6efd)}

/** webx/static/css/views/fields/many2many-v2-field.css **/
.hx-many2many-v2-field{position:relative;display:flex;flex-direction:column;gap:4px;width:100%}.hx-many2many-v2-field .m2m2-input-wrapper{position:relative;width:100%}.hx-many2many-v2-field .m2m2-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;width:100%;box-sizing:border-box;padding:4px 32px 4px 8px;border:1px solid #cacbcc;border-radius:8px;background:#ffffff}.hx-many2many-v2-field .m2m2-chips.readonly{background:transparent;color:#6d6d6e;cursor:default;opacity:1;border:none;padding:0;min-height:auto}.hx-many2many-v2-field .m2m2-chips:not(.readonly){background-image:linear-gradient(#ffffff,#f7f8fa);cursor:pointer;transition:box-shadow 0.05s ease-in-out}.hx-many2many-v2-field .m2m2-chips:not(.readonly):hover,.hx-many2many-v2-field .m2m2-chips:not(.readonly):focus-within{box-shadow:0 1px 4px rgba(49,101,212,0.06),0 0.5px 0.5px rgba(30,42,61,0.03) inset}.hx-many2many-v2-field .m2m2-chips.readonly .m2m2-chip{background:#f0f4ff;color:#1f1f1f}.hx-many2many-v2-field .m2m2-overflow-trigger{background:#f5f5f5!important;color:#666666!important;border:1px solid #e0e0e0!important;cursor:pointer;font-weight:500;font-style:italic}.hx-many2many-v2-field .m2m2-overflow-trigger:hover{background:#eeeeee!important;color:#333333!important}.hx-many2many-v2-field .m2m2-chips.readonly .m2m2-overflow-trigger{background:#f0f4ff!important;color:#1f1f1f!important;border:none!important;cursor:pointer}.hx-many2many-v2-field .m2m2-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:16px;background:#f0f4ff;color:#1f1f1f;font-size:14px;line-height:20px;transition:background 150ms ease,box-shadow 150ms ease,opacity 150ms ease,transform 150ms ease}.hx-many2many-v2-field .m2m2-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#ffffff;color:#1f1f1f;border:1px solid #cacbcc;cursor:pointer;font-size:12px}.hx-many2many-v2-field .m2m2-input{flex:1 1 auto;min-width:120px;border:none;outline:none;padding:4px 6px;font-size:14px;line-height:24px;color:#585959}.hx-many2many-v2-field .m2m2-input:disabled{background:transparent;color:#6d6d6e;cursor:default;opacity:1;display:none}.hx-many2many-v2-field .m2m2-chips.readonly .m2m2-input{display:none}.hx-many2many-v2-field .m2m2-chips:has(.m2m2-input:read-only:not(:disabled)){background-image:linear-gradient(#ffffff,#f7f8fa);cursor:pointer;transition:box-shadow 0.05s ease-in-out}.hx-many2many-v2-field .m2m2-chips:has(.m2m2-input:read-only:not(:disabled)):hover,.hx-many2many-v2-field .m2m2-chips:has(.m2m2-input:read-only:not(:disabled)):focus-within{box-shadow:0 1px 4px rgba(49,101,212,0.06),0 0.5px 0.5px rgba(30,42,61,0.03) inset}.hx-many2many-v2-field .m2m2-chips:focus-within{border-color:#80b5ff}.hx-many2many-v2-field .m2m2-toggle-btn{position:absolute;top:50%;right:12px;border:none;background:transparent;cursor:pointer;padding:2px;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%)}.hx-many2many-v2-field .m2m2-toggle-btn svg{width:16px;height:16px;fill:#6d6d6e}.hx-many2many-v2-field .m2m2-toggle-btn.is-up svg{transform:rotate(180deg)}.m2m2-chip-enter-active,.m2m2-chip-leave-active{transition:opacity 150ms ease,transform 150ms ease}.m2m2-chip-enter-from,.m2m2-chip-leave-to{opacity:0;transform:scale(0.95)}.m2m2-chip-move{transition:transform 150ms ease}.hx-many2many-v2-field .m2m2-dropdown{position:absolute;left:0;top:100%;width:100%;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.08);border-radius:10px;border:1px solid #cacbcc;border-top:none;z-index:1000;padding:0;margin:0;max-height:280px;overflow-y:auto}.hx-action-wizard .hx-many2many-v2-field .m2m2-dropdown{z-index:10000!important}.hx-many2many-v2-field .m2m2-dropdown-item{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;font-size:14px;color:#353535;background:#ffffff;transition:background 0.18s;min-height:44px;box-sizing:border-box}.hx-many2many-v2-field .m2m2-dropdown-item .m2m2-check{opacity:0;margin-left:12px;color:currentColor}.hx-many2many-v2-field .m2m2-dropdown-item.is-selected .m2m2-check{opacity:1}.hx-many2many-v2-field .m2m2-dropdown-item:hover{background:#ffffff}.hx-many2many-v2-field .m2m2-dropdown-item.is-active{background:#ffffff}.hx-many2many-v2-field .m2m2-dropdown-item.is-selected{background:#f0f4ff;color:#353535}.hx-many2many-v2-field .m2m2-dropdown-item.is-selected:hover{background:#f0f4ff}.hx-many2many-v2-field .m2m2-check{width:16px;height:16px}.hx-many2many-v2-field .m2m2-dropdown-footer{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#fff;border-top:1px solid #cacbcc}.hx-many2many-v2-field .m2m2-select-all-btn{border:none;background:transparent;color:#3165d4;border-radius:6px;height:28px;padding:0 12px;cursor:pointer}.hx-many2many-v2-field .m2m2-reset-btn{border:none;background:transparent;color:#3165d4;border-radius:6px;height:28px;padding:0 12px;cursor:pointer}.hx-many2many-v2-field .m2m2-apply-btn{border:none;background:#3165d4;color:#fff;border-radius:6px;height:28px;padding:0 14px;cursor:pointer;margin-left:8px}.hx-many2many-v2-field .m2m2-apply-btn:disabled{background:#e8e9eb;color:#6d6d6e;cursor:not-allowed}.hx-action-wizard .hx-many2many-v2-field .m2m2-dropdown{z-index:10000!important}.hx-many2many-v2-field .m2m2-dropdown-item{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;font-size:14px;color:#353535;background:#ffffff;transition:background 0.18s;min-height:44px;box-sizing:border-box}.hx-many2many-v2-field .m2m2-dropdown-item .m2m2-check{opacity:0;margin-left:12px;color:currentColor}.hx-many2many-v2-field .m2m2-dropdown-item.is-selected .m2m2-check{opacity:1}.hx-many2many-v2-field .m2m2-dropdown-item:hover{background:#ffffff}.hx-many2many-v2-field .m2m2-dropdown-item.is-active{background:#ffffff}.hx-many2many-v2-field .m2m2-dropdown-item.is-selected{background:#f0f4ff;color:#353535}.hx-many2many-v2-field .m2m2-dropdown-item.is-selected:hover{background:#f0f4ff}.hx-many2many-v2-field .m2m2-check{width:16px;height:16px}.hx-many2many-v2-field .m2m2-dropdown-footer{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#fff;border-top:1px solid #cacbcc}.hx-many2many-v2-field .m2m2-select-all-btn{border:none;background:transparent;color:#3165d4;border-radius:6px;height:28px;padding:0 12px;cursor:pointer}.hx-many2many-v2-field .m2m2-reset-btn{border:none;background:transparent;color:#3165d4;border-radius:6px;height:28px;padding:0 12px;cursor:pointer}.hx-many2many-v2-field .m2m2-apply-btn{border:none;background:#3165d4;color:#fff;border-radius:6px;height:28px;padding:0 14px;cursor:pointer;margin-left:8px}.hx-many2many-v2-field .m2m2-apply-btn:disabled{background:#e8e9eb;color:#6d6d6e;cursor:not-allowed}

/** webx/static/css/views/fields/rich-text-field.css **/
.hx-rich-text-field{background-color:#ffffff;position:relative}.hx-rich-text-field .rich-text-editor-container.editor-hidden{display:none}.hx-rich-text-field .rich-text-loading{padding:20px;text-align:center;color:#666;font-style:italic}.hx-rich-text-field .rich-text-error{padding:20px;text-align:center;color:#dc3545;background:#fff5f5;border:1px solid #f5c6cb;border-radius:8px}.hx-rich-text-field .ce-block__content,.hx-rich-text-field .ce-toolbar__content{max-width:none!important;margin:0 auto}.hx-rich-text-field .codex-editor{position:relative;z-index:10}.hx-rich-text-field .codex-editor__redactor{padding-bottom:100px!important}.hx-rich-text-field .ce-toolbar{left:0!important;right:auto!important}.form-field-value:has(.hx-rich-text-field){overflow:visible!important}.hx-rich-text-field{padding:0 60px}.hx-rich-text-field.hx-disabled-field{background-color:#f5f5f5;opacity:0.7;cursor:default;pointer-events:none}.hx-rich-text-field.hx-disabled-field .rich-text-editor-container{background-color:#f5f5f5;color:#9e9e9e;border-color:#cacbcc}.hx-rich-text-field.hx-disabled-field .codex-editor{color:#9e9e9e}.hx-rich-text-field.hx-disabled-field .ce-block__content{color:#9e9e9e}

/** webx/static/css/views/fields/date-field.css **/
.hx-date-field{--font:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;--bg:#fff;--fg:#111827;--muted:#6b7280;--muted-2:#9ca3af;--border:#e6e6e6;--border-strong:#cacbcc;--primary:#2a5ea2;--primary-600:#1a4e9c;--danger:#dc2626;--shadow:1px 4px 4px 0 rgba(0,0,0,0.08);--focus:0 0 0 3px rgba(31,95,191,0.25);--r-xl:14px;--r-md:10px;--r-sm:8px;--r-xs:6px;font-family:var(--font);color:var(--fg);position:relative;display:flex;flex-direction:column;gap:4px;width:100%}.hx-date-field .hx-date-field-edit{position:relative}.hx-date-field .hx-date-field-edit .date-field{display:inline-flex;align-items:center;width:100%;min-height:40px;padding:4px 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg);color:var(--fg);text-align:left;cursor:pointer;transition:box-shadow 0.2s,border-color 0.2s,background 0.2s;outline:none;appearance:none;gap:8px;font-size:14px!important}.hx-date-field .hx-date-field-edit .date-field-leading-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.hx-date-field .hx-date-field-edit .date-field-leading-icon svg{width:100%;height:100%;fill:currentColor}.hx-date-field .hx-date-field-edit .date-field:hover{background:#fafafa;border-color:var(--border);color:#3d3d3d}.hx-date-field .hx-date-field-edit .date-field:focus,.hx-date-field .hx-date-field-edit .date-field:focus-visible{border-color:#80b5ff;box-shadow:var(--focus);outline:none}.hx-date-field .hx-date-field-edit .date-field:disabled,.hx-date-field .hx-date-field-edit .date-field[readonly]{background-color:#e8e9eb;color:#6d6d6e;border-color:#cacbcc;cursor:not-allowed;opacity:1}.hx-date-field .hx-date-field-edit .date-field:invalid{border-color:#8d180b}.hx-date-field .date-field-view{display:flex;align-items:flex-start;min-height:44px;line-height:1.4;padding:0;border:none;background:transparent;border-radius:0}.hx-date-field .hx-date-field-edit .helper-text{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px}.hx-date-field .hx-date-field-edit .helper-danger{color:#8d180b}.hx-date-field .hx-date-field-edit .helper-muted{color:#585959}.hx-date-field .hx-date-field-edit .date-field.hx-disabled-field,.hx-date-field .hx-date-field-edit button.date-field.hx-disabled-field[disabled]{background-color:#f5f5f5;color:#9e9e9e;cursor:default;opacity:0.7;border-color:#cacbcc}.hx-date-field .datepicker-popover{position:absolute;left:0;width:100%;max-width:300px;background:#fff;border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow);z-index:1060;overflow:hidden}.hx-date-field-portal .datepicker-popover{position:fixed;width:min(300px,calc(100vw - 16px));max-width:min(300px,calc(100vw - 16px))}.hx-date-field .datepicker-tabs{display:flex;gap:4px;padding:8px 6px 0}.hx-date-field .tab-btn{flex:1 1 0%;border:0;background:transparent;cursor:pointer;padding:4px 0;border-radius:6px;color:#1f2a37;transition:background 0.15s,color 0.15s}.hx-date-field .tab-btn:hover{background:#e7eefc}.hx-date-field .tab-btn.is-active{background:var(--primary);color:#fff}.hx-date-field .tab-label{display:inline-flex;align-items:center;gap:8px}.hx-date-field .tab-label svg{fill:currentColor}.hx-date-field .datepicker-header{display:flex;align-items:center;justify-content:space-between;padding:8px 6px 0}.hx-date-field .monthyear-button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:10px;background:transparent;cursor:pointer;padding:0 8px;height:36px}.hx-date-field .monthyear-button:hover{background-color:#f3f4f6}.hx-date-field .monthyear-text{font-size:16px}.hx-date-field .nav-buttons{display:inline-flex;gap:6px}.hx-date-field .nav-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:6px;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background 0.15s,border-color 0.15s,transform 0.05s}.hx-date-field .nav-btn:hover{background:#f3f4f6}.hx-date-field .nav-btn:active{transform:translateY(1px)}.hx-date-field .nav-btn:focus-visible{outline:none;box-shadow:var(--focus)}.hx-date-field .nav-btn svg{fill:#4b5563}.hx-date-field .calendar-wrapper{padding:6px}.hx-date-field .weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;font-size:14px;font-weight:700;color:var(--muted);padding:4px 0 8px}.hx-date-field .calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;inline-size:100%}.hx-date-field .calendar-cell{inline-size:100%;aspect-ratio:1 / 1;border:0;border-radius:999px;background:transparent;color:var(--fg);font-size:14px;font-weight:600;cursor:pointer;transition:background 0.12s,color 0.12s,box-shadow 0.12s;display:grid;place-items:center}.hx-date-field .calendar-cell:hover{background:#eff3ff}.hx-date-field .calendar-cell:focus-visible{outline:none;box-shadow:var(--focus)}.hx-date-field .calendar-cell:disabled{color:#bdbdbd;cursor:not-allowed;opacity:0.55;background:transparent}.hx-date-field .outside-month{color:var(--muted-2);font-weight:600}.hx-date-field .today-outline{color:#006fff}.hx-date-field .selected-day{background:var(--primary)!important;color:#fff!important;border-radius:50%}.hx-date-field .calendar-footer{display:flex;align-items:center;justify-content:space-between}.hx-date-field .link-btn{background:transparent;border:0;border-radius:8px;color:var(--primary);font-weight:600;padding:8px;cursor:pointer;width:100%}.hx-date-field .link-btn:hover{background:#e7eefc}.hx-date-field .link-btn:focus-visible{outline:none;box-shadow:var(--focus)}.hx-date-field .link-btn.btn-clear-date{color:#6d6d6e}.hx-date-field .link-btn.btn-clear-date.has-value{color:var(--primary)}.hx-date-field .timepicker{display:flex;flex-direction:column;padding:6px;background:transparent;font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.hx-date-field .time-grid-headings{display:flex}.hx-date-field .time-headings{display:flex;justify-content:space-around;margin-top:16px}.hx-date-field .time-heading{flex:1;text-align:center;font-size:16px;line-height:22px;font-weight:600;color:#6d6d6e;max-width:72px}.hx-date-field .time-controls{display:flex;justify-content:center;align-items:center;gap:0px;margin:24px 0}.hx-date-field .time-col{display:grid;grid-template-rows:auto auto auto;justify-items:center;align-items:center;row-gap:10px;width:100%}.hx-date-field .spin-btn{width:28px;height:28px;border-radius:8px;border:1px solid #e1e2e3;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.hx-date-field .spin-btn:hover{border-color:#d6dbe3;background:#f1f4f8}.hx-date-field .spin-btn:active{background:#e8edf6}.hx-date-field .time-value{font-size:28px;line-height:32px;font-weight:700;color:#1f2937;min-width:40px;text-align:center;letter-spacing:0.3px}.hx-date-field .time-readout{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:16px}.hx-date-field .time-box{width:64px;height:48px;border-radius:4px;border:2px solid #006fff;background:#ffffff;color:#006fff;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:56px}.hx-date-field .time-box:focus{outline:none;box-shadow:0 0 0 3px rgba(47,111,228,0.2)}.hx-date-field .time-box-btn{cursor:pointer}.hx-date-field .time-box-btn:hover{background:#e7eefc}.hx-date-field .time-footer{display:flex;justify-content:flex-end}.hx-date-field .nav-btn,.hx-date-field .calendar-cell,.hx-date-field .link-btn,.hx-date-field .spin-btn{-webkit-tap-highlight-color:transparent}.hx-date-field .monthyear-popover{padding:0 2px}.hx-date-field .year-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto;scroll-behavior:smooth;padding:4px 2px 0 4px;margin-bottom:8px}.hx-date-field .year-item{display:block;width:100%;padding:6px 12px;text-align:left;background:#f7f8fa;border:none;cursor:pointer}.hx-date-field .year-item.is-active{background:#f7f8fa;font-weight:600}.hx-date-field .months-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;inline-size:100%}.hx-date-field .month-chip{inline-size:100%;aspect-ratio:2 / 1;display:grid;place-items:center;border-radius:6px;cursor:pointer;background:transparent;border:none}.hx-date-field .month-chip.is-active{color:#2563eb;font-weight:600}.hx-date-field .time-grid{display:grid;grid-template-columns:repeat(4,minmax(36px,1fr));gap:8px 16px;margin:8px 0 16px;justify-items:center}.hx-date-field .time-chip{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#374151;font-size:16px;font-weight:600;width:36px;height:36px;line-height:36px;border-radius:50%;text-align:center;cursor:pointer;transition:background 0.15s ease,color 0.15s ease,box-shadow 0.15s ease}.hx-date-field .time-chip:hover{background:#eef4ff}.hx-date-field .time-chip:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(47,111,228,0.25)}.hx-date-field .time-chip.is-selected{background:var(--primary);color:#ffffff}

/** webx/static/css/views/fields/card-selection-field.css **/
.hx-card-selection-field{width:100%;margin-bottom:0.5rem}.selection-card{position:relative;display:flex;flex-direction:column;padding:1.25rem;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:background-color 0.8s cubic-bezier(0.4,0,0.2,1),border-color 0.8s cubic-bezier(0.4,0,0.2,1),border-width 0.8s cubic-bezier(0.4,0,0.2,1) 0.2s,box-shadow 0.8s cubic-bezier(0.4,0,0.2,1);background:#ffffff;min-height:300px}.selection-card:hover:not(.selection-card--readonly):not(.selection-card--selected):not(.selection-card--selected){border-color:#93c5fd;border-width:2px;background:#e0eeff;box-shadow:0 4px 12px rgba(59,130,246,0.12)}.selection-card--selected{border-color:#3b82f6;border-width:2px;background:#ffffff}.selection-card--readonly{cursor:default;opacity:0.85}.selection-card__checkbox{position:absolute;top:1rem;right:1rem;width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;background:#ffffff;cursor:pointer;transition:background-color 0.8s cubic-bezier(0.4,0,0.2,1),border-color 0.8s cubic-bezier(0.4,0,0.2,1),transform 0.6s cubic-bezier(0.4,0,0.2,1) 0.05s,opacity 0.8s cubic-bezier(0.4,0,0.2,1)}.selection-card__checkbox--checked{background:#3b82f6;border-color:#3b82f6;transform:scale(1);opacity:1}.selection-card__checkbox--checked::after{content:'';position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) scale(1);opacity:1;animation:checkmarkAppear 0.6s cubic-bezier(0.4,0,0.2,1) 0.2s backwards}@keyframes checkmarkAppear{from{transform:rotate(45deg) scale(0);opacity:0}to{transform:rotate(45deg) scale(1);opacity:1}}.selection-card__icon{margin-bottom:1rem}.selection-card__icon-wrapper{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);transition:background 0.8s cubic-bezier(0.4,0,0.2,1) 0.2s,transform 0.8s cubic-bezier(0.4,0,0.2,1)}.selection-card__icon-svg{width:24px;height:24px;fill:#3b82f6}.selection-card__content{text-align:left;width:100%;flex:1}.selection-card__title{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 0.25rem 0;line-height:1.4}.selection-card__subtitle{font-size:0.813rem;color:#6b7280;margin:0 0 0.75rem 0;line-height:1.5;font-weight:400}.selection-card__empty-text{font-size:0.8rem;color:#9ca3af;font-style:italic;margin-top:0.75rem}.selection-card__loading{display:flex;align-items:center;gap:0.5rem;margin-top:0.75rem;font-size:0.813rem;color:#6b7280}.selection-card__loading-icon{width:16px;height:16px;fill:#3b82f6;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.selection-card__checklist{list-style:none;padding:0;margin:0.5rem 0 0 0}.selection-card__checklist-item{display:flex;align-items:center;gap:0.5rem;padding:0.25rem 0;font-size:0.813rem;color:#374151;line-height:1.4}.selection-card__checklist-icon{width:12px;height:12px;fill:#22c55e;flex-shrink:0}.field-message{margin-top:0.5rem}.field-message small{display:block;font-size:0.813rem}.dn-form-card-body:has(.hx-card-selection-field){display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1rem!important;flex-direction:row!important}.form-card-body:has(.hx-card-selection-field){display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1rem!important;flex-direction:row!important}.dn-form-card-body:has(.hx-card-selection-field) .form-field-label-wrapper,.form-card-body:has(.hx-card-selection-field) .form-field-label-wrapper{display:none!important}.dn-form-card-body:has(.hx-card-selection-field) .form-field-wrapper,.form-card-body:has(.hx-card-selection-field) .form-field-wrapper{margin:0!important;width:100%!important}.dn-form-card-body:has(.hx-card-selection-field) .form-field-value,.form-card-body:has(.hx-card-selection-field) .form-field-value{width:100%!important}@media (max-width:992px){.dn-form-card-body:has(.hx-card-selection-field),.form-card-body:has(.hx-card-selection-field){grid-template-columns:repeat(2,1fr)!important}}@media (max-width:576px){.dn-form-card-body:has(.hx-card-selection-field),.form-card-body:has(.hx-card-selection-field){grid-template-columns:1fr!important}}.selection-card:focus{outline:2px solid #3b82f6;outline-offset:2px}.selection-card:focus:not(:focus-visible){outline:none}.hx-form-groups .form-container-row:has(.education-section){display:block!important;width:100%!important}.hx-form-groups .form-container-row:has(.education-section) .form-container-col{width:100%!important;max-width:100%!important;flex:0 0 100%!important}.education-section .dn-form-card{border:2px solid #3b82f6!important;border-radius:12px!important;overflow:hidden;transition:opacity 0.4s ease-in-out,transform 0.4s ease-in-out,border-color 0.4s ease-in-out}.education-section .form-field-label-wrapper{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)!important;padding:0.75rem 1rem!important;border-bottom:1px solid #bfdbfe!important;margin:0!important;cursor:pointer;user-select:none;display:flex!important;justify-content:space-between!important;align-items:center!important;transition:background 0.4s ease-in-out,border-bottom-color 0.4s ease-in-out}.education-section .form-field-label-wrapper .form-field-label{font-size:1rem!important;font-weight:600!important;color:#1e40af!important;display:flex!important;align-items:center!important;gap:0.5rem!important;transition:color 0.4s ease-in-out}.education-section .form-field-label-wrapper .form-field-label::before{content:'';display:inline-block;width:4px;height:1.25rem;background:#3b82f6;border-radius:2px;transition:background 0.4s ease-in-out}.education-section .form-field-label-wrapper::after{content:'';display:inline-block;width:10px;height:10px;border-right:2px solid #1e40af;border-bottom:2px solid #1e40af;transform:rotate(-135deg);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);margin-left:auto;flex-shrink:0}.education-section .form-field-value{max-height:5000px;opacity:1;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.3s cubic-bezier(0.4,0,0.2,1)}.education-section.collapsed .form-field-label-wrapper::after{transform:rotate(45deg)}.education-section.collapsed .form-field-value{display:none!important;animation:fadeOutContent 0.3s ease-in-out;max-height:0;opacity:0;overflow:hidden;margin-top:0;margin-bottom:0}@keyframes fadeOutContent{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.education-section.collapsed .form-field-label-wrapper{border-bottom:none!important}.education-section .dn-form-card-body{padding:1rem!important;animation:fadeInContent 0.4s ease-in-out}@keyframes fadeInContent{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.education-section--formal .dn-form-card{.education-section{overflow:hidden}.form-container-col:has(.education-section){overflow:hidden}}@keyframes educationEnter{0%{opacity:0;transform:translateY(60px) scale(0.94)}100%{opacity:1;transform:translateY(0) scale(1)}}.form-container-col.education-animate-enter{animation:educationEnter 0.8s cubic-bezier(0.34,1.56,0.64,1) forwards!important}@keyframes educationLeave{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(60px) scale(0.94)}}.form-container-col.education-animate-leave{animation:educationLeave 0.6s cubic-bezier(0.4,0,0.6,1) forwards!important}.form-container-cols-wrapper{display:contents}.hx-form-groups .form-container-row:has(.education-section){position:relative}.education-section-slide-enter-active,.education-section-slide-appear-active{transition:all 0.8s cubic-bezier(0.34,1.56,0.64,1)!important}.education-section-slide-leave-active{transition:all 0.6s cubic-bezier(0.4,0,0.2,1)!important;position:absolute!important;width:calc(100% - 2rem)!important;z-index:0}.education-section-slide-enter-from,.education-section-slide-appear-from{opacity:0!important;transform:translateY(50px) scale(0.92)!important}.education-section-slide-enter-to,.education-section-slide-appear-to{opacity:1!important;transform:translateY(0) scale(1)!important}.education-section-slide-leave-from{opacity:1!important;transform:translateY(0) scale(1)!important}.education-section-slide-leave-to{opacity:0!important;transform:translateY(-30px) scale(0.95)!important}.card-content-fade-enter-active{transition:all 0.7s cubic-bezier(0.4,0,0.2,1)}.card-content-fade-leave-active{transition:all 0.6s cubic-bezier(0.4,0,0.2,1)}.card-content-fade-enter-from{opacity:0;transform:translateY(20px) translateX(-40px) scale(0.94)}.card-content-fade-leave-to{opacity:0;transform:translateY(-20px) translateX(40px) scale(0.94)}.education-section--formal .dn-form-card,.education-section--university .dn-form-card,.education-section--course .dn-form-card{border-color:#3b82f6!important}.education-section--formal .form-field-label-wrapper{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)!important;border-bottom-color:#bfdbfe!important}.education-section--formal .form-field-label-wrapper .form-field-label{color:#1e40af!important}.education-section--formal .form-field-label-wrapper .form-field-label::before{background:#3b82f6}.education-section--formal .form-field-label-wrapper::after{border-color:#1e40af}.education-section--university .dn-form-card{border-color:#8b5cf6!important}.education-section--university .form-field-label-wrapper{background:linear-gradient(135deg,#faf5ff 0%,#f3e8ff 100%)!important;border-bottom-color:#e9d5ff!important}.education-section--university .form-field-label-wrapper .form-field-label{color:#6b21a8!important}.education-section--university .form-field-label-wrapper .form-field-label::before{background:#8b5cf6}.education-section--university .form-field-label-wrapper::after{border-color:#6b21a8}.education-section--course .dn-form-card{border-color:#10b981!important}.education-section--course .form-field-label-wrapper{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)!important;border-bottom-color:#bbf7d0!important}.education-section--course .form-field-label-wrapper .form-field-label{color:#065f46!important}.education-section--course .form-field-label-wrapper .form-field-label::before{background:#10b981}.education-section--course .form-field-label-wrapper::after{border-color:#065f46}.form-card.education-section .selection-card{opacity:1;transition:opacity 0.35s ease-in-out,transform 0.35s ease-in-out,border-color 0.25s ease,box-shadow 0.25s ease}.form-card.education-section .selection-card--selected{animation:cardSelectFade 0.4s ease-in-out}@keyframes cardSelectFade{0%{opacity:0.7;transform:scale(0.98)}50%{opacity:0.85}100%{opacity:1;transform:scale(1)}}.education-section .form-card-body .form-field-wrapper{margin-bottom:1rem}

/** webx/static/css/views/fields/kanban-group-header-preview.css **/
.hx-kanban-group-header-preview{width:100%;font-family:inherit}.hx-kanban-group-header-preview .hx-spw-card{overflow:hidden}.hx-kanban-group-header-preview .hx-spw-card-wrapper{background:#f7f8fa;border-radius:16px;padding:24px 46px}.hx-kanban-group-header-preview .hx-spw-card-header{border-radius:16px 16px 0 0;overflow:hidden}.hx-kanban-group-header-preview .hx-spw-card-top{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 8px 16px}.hx-kanban-group-header-preview .hx-spw-stage-name{font-size:16px;font-weight:700;color:#ffffff;line-height:24px}.hx-kanban-group-header-preview .hx-spw-card-controls{display:flex;align-items:center;gap:16px}.hx-kanban-group-header-preview .hx-spw-badge{min-width:28px;height:20px;padding:0 10px;border-radius:999px;background:#ffffff;color:#374151;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.hx-kanban-group-header-preview .hx-spw-menu-dots{color:rgba(255,255,255,0.85);font-size:20px;letter-spacing:1px;line-height:1}.hx-kanban-group-header-preview .hx-spw-chips-wrap{display:flex;margin:0 12px 8px;border-radius:8px;overflow:hidden}.hx-kanban-group-header-preview .hx-spw-chip{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:30px}.hx-kanban-group-header-preview .hx-spw-chip-icon{width:16px;height:16px;flex-shrink:0;fill:var(--hx-icon-fill);stroke:var(--hx-icon-stroke)}.hx-kanban-group-header-preview .hx-spw-chip-count{font-size:12px;font-weight:600;color:#374151}.hx-kanban-group-header-preview .hx-spw-empty{padding:12px 16px 16px;color:rgba(255,255,255,0.7);font-size:13px}

/** webx/static/css/views/fields/hierarchy-one2many.css **/
.hx-hierarchy-one2many{display:flex;flex-direction:column;height:100%;min-height:400px;background:#fff}.hx-hierarchy-one2many .hierarchy-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb}.hx-hierarchy-one2many .hierarchy-field-label{font-size:15px;font-weight:600;color:#111827}.hx-hierarchy-one2many .hierarchy-controls-actions{display:flex;align-items:center;gap:8px}.hx-hierarchy-one2many .btn-add-root,.hx-hierarchy-one2many .btn-expand-all,.hx-hierarchy-one2many .btn-collapse-all{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.2s}.hx-hierarchy-one2many .btn-add-root:hover,.hx-hierarchy-one2many .btn-expand-all:hover,.hx-hierarchy-one2many .btn-collapse-all:hover{background:#f3f4f6;border-color:#9ca3af}.hx-hierarchy-one2many .btn-add-root{background:#3b82f6;color:#fff;border-color:#3b82f6}.hx-hierarchy-one2many .btn-add-root:hover{background:#2563eb;border-color:#2563eb}.hx-hierarchy-one2many .hierarchy-header{display:flex;flex-direction:column;background:#f9fafb;border-bottom:1px solid #e5e7eb}.hx-hierarchy-one2many .hierarchy-table-header{display:flex;align-items:stretch;background:#f9fafb;border-bottom:2px solid #e5e7eb;font-weight:600;font-size:13px;color:#374151;min-height:48px}.hx-hierarchy-one2many .header-controls-section,.hx-hierarchy-one2many .row-controls-section{display:flex;align-items:center;gap:12px;padding:0 16px;width:88px;min-width:88px;max-width:88px;flex:0 0 88px;background:#f9fafb}.hx-hierarchy-one2many .header-expand,.hx-hierarchy-one2many .header-add,.hx-hierarchy-one2many .row-expand,.hx-hierarchy-one2many .row-add{display:flex;justify-content:center;width:24px;flex-shrink:0}.hx-hierarchy-one2many .header-line-data-section,.hx-hierarchy-one2many .row-line-data-section{display:flex;align-items:center;padding:0 16px;width:220px;min-width:220px;max-width:220px;flex:0 0 220px;background:#f9fafb;border-right:1px solid #e5e7eb;position:relative}.hx-hierarchy-one2many .header-action-section,.hx-hierarchy-one2many .row-action-section{display:flex;align-items:center;justify-content:flex-end;padding:0 16px;width:72px;min-width:72px;max-width:72px;flex:0 0 72px;border-left:1px solid #e5e7eb}.hx-hierarchy-one2many .header-action-section{background:#f9fafb}.hx-hierarchy-one2many .header-pinned-section{display:flex;align-items:center;flex-shrink:0;gap:0;background:#f9fafb;border-right:2px solid #d1d5db}.hx-hierarchy-one2many .row-pinned-section{display:flex;align-items:center;flex-shrink:0;gap:0;border-right:2px solid #e5e7eb}.hx-hierarchy-one2many .header-pinned-section .header-column{position:relative;display:flex;align-items:center;padding:0 16px;padding-right:28px;min-height:48px;font-weight:600;font-size:13px;color:#374151;box-sizing:border-box}.hx-hierarchy-one2many .row-pinned-section .row-column{display:flex;align-items:center;padding:0 16px;min-height:48px;font-size:14px;color:#6b7280;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box}.hx-hierarchy-one2many .header-pinned-section .header-column .hierarchy-pin-btn{opacity:1;pointer-events:auto;transform:translateY(-50%) translateY(0);background-color:#d4d5d6;border-radius:4px}.hx-hierarchy-one2many .hierarchy-row:hover .row-pinned-section{background:#f9fafb}.hx-hierarchy-one2many .hierarchy-row.is-expanded .row-pinned-section{background:#eff6ff}.hx-hierarchy-one2many .header-scrollable-section{display:flex;align-items:center;gap:0;overflow-x:auto;flex:1;min-width:0;background:#f9fafb}.hx-hierarchy-one2many .row-scrollable-section{display:flex;align-items:center;gap:0;overflow-x:auto;flex:1;min-width:0;scrollbar-width:none;-ms-overflow-style:none}.hx-hierarchy-one2many .row-scrollable-section::-webkit-scrollbar{display:none}.hx-hierarchy-one2many .row-scrollable-section .row-column{flex:0 0 auto;min-width:120px;padding:0 16px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#6b7280;display:flex;align-items:center}.hx-hierarchy-one2many .header-scrollable-section .header-column{flex:0 0 auto;min-width:120px;padding:0 36px 0 16px;box-sizing:border-box;overflow:hidden;white-space:nowrap;font-size:13px;font-weight:600;color:#374151;display:flex;align-items:center;position:relative;min-height:48px}.hx-hierarchy-one2many .header-column-label{white-space:nowrap;overflow:hidden}.hx-hierarchy-one2many .hierarchy-pin-btn{position:absolute;top:50%;right:6px;transform:translateY(-50%) translateY(4px);opacity:0;pointer-events:none;border:none;background:transparent;cursor:pointer;padding:2px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:opacity 160ms ease,transform 180ms ease,background-color 140ms ease}.hx-hierarchy-one2many .hierarchy-pin-btn svg{width:14px;height:14px;fill:currentColor;color:#6b7280}.hx-hierarchy-one2many .header-column:hover .hierarchy-pin-btn{opacity:0.5;pointer-events:auto;transform:translateY(-50%) translateY(0)}.hx-hierarchy-one2many .hierarchy-pin-btn:hover{opacity:1!important;background-color:#d4d5d6}.hx-hierarchy-one2many .hierarchy-pin-btn.is-active{opacity:1;pointer-events:auto;transform:translateY(-50%) translateY(0);background-color:#d4d5d6}.hx-hierarchy-one2many .hierarchy-table-container{flex:1;overflow-y:auto}.hx-hierarchy-one2many .hierarchy-table-body{min-height:100%}.hx-hierarchy-one2many .lines-container{display:flex;flex-direction:column}.hx-hierarchy-one2many .row-container{display:flex;flex-direction:column}.hx-hierarchy-one2many .hierarchy-row{display:flex;align-items:stretch;min-height:48px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background 0.15s}.hx-hierarchy-one2many .hierarchy-row:hover{background:#f9fafb}.hx-hierarchy-one2many .hierarchy-row.is-expanded{background:#eff6ff}.hx-hierarchy-one2many .expand-btn,.hx-hierarchy-one2many .add-child-btn{padding:4px;background:none;border:none;cursor:pointer;color:#6b7280;transition:color 0.2s}.hx-hierarchy-one2many .expand-btn:hover,.hx-hierarchy-one2many .add-child-btn:hover{color:#3b82f6}.hx-hierarchy-one2many .tree-level-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);padding:2px 6px;background:#dbeafe;color:#1e40af;font-size:10px;font-weight:600;border-radius:4px}.hx-hierarchy-one2many .row-line-data{display:flex;align-items:center;width:100%}.hx-hierarchy-one2many .line-icon-container{display:flex;align-items:center;gap:8px}.hx-hierarchy-one2many .line-icon{width:20px;height:20px;flex-shrink:0}.hx-hierarchy-one2many .line-label{font-size:14px;color:#374151}.hx-hierarchy-one2many .line-label.font-weight-bold{font-weight:600;color:#1f2937}.hx-hierarchy-one2many .delete-btn{padding:4px;background:none;border:none;cursor:pointer;color:#ef4444;transition:color 0.2s}.hx-hierarchy-one2many .delete-btn:hover{color:#dc2626}.hx-hierarchy-one2many .smart-buttons{width:16px;height:16px}.hx-hierarchy-one2many .icon-fa-solid-plus-circle{width:16px;height:16px;fill:#fff;color:#fff}.hx-hierarchy-one2many .loading-state,.hx-hierarchy-one2many .empty-state{display:flex;align-items:center;justify-content:center;min-height:300px;color:#9ca3af}.hx-hierarchy-one2many .loading-content,.hx-hierarchy-one2many .empty-content{text-align:center}.hx-hierarchy-one2many .loading-content p{margin:0;color:#6b7280;font-size:14px}

/** webx/static/css/views/fields/one2many-address-field.css **/
.hx-one2many-address-field{position:relative}.hx-one2many-address-field .hx-address-dropdown{display:flex;flex-direction:column;gap:4px;padding:8px;margin:0;position:absolute;bottom:100%;left:0;min-width:160px;z-index:1000;color:var(--text-default);background-color:var(--dropdown-bg);border:1px solid var(--border-default);border-radius:4px;box-shadow:0 6px 12px -4px var(--shadow-default)}.hx-one2many-address-field .hx-address-dropdown-enter-active,.hx-one2many-address-field .hx-address-dropdown-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.hx-one2many-address-field .hx-address-dropdown-enter-from,.hx-one2many-address-field .hx-address-dropdown-leave-to{opacity:0;transform:translateY(-8px)}.hx-one2many-address-field .hx-address-dropdown ul{list-style:none;margin:0;padding:0}.hx-one2many-address-field .hx-address-dropdown li{cursor:pointer;padding:8px;display:flex;align-items:center;gap:8px;height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hx-one2many-address-field .hx-address-dropdown li:hover{background-color:var(--dropdown-hover)}.hx-one2many-address-field .hx-address-dropdown li svg.hx-topbar-theme-rect{display:inline-block;vertical-align:middle;width:16px;height:16px;border:1px solid #ccc}.hx-one2many-address-field .btn{padding:6px 20px!important}.hx-one2many-address-field .card{margin-bottom:1rem}.hx-one2many-address-field .card .card-header .badge{margin-left:0.3rem}.hx-one2many-address-field .card-body .value{white-space:pre-line}.hx-one2many-address-field .address-grid .action-add-button{text-align:right}.hx-one2many-address-field .address-grid .action-add-button .smart-buttons{font-size:16px;fill:white;stroke:white}.hx-one2many-address-field .card .action-button{margin:1rem 0 0}.hx-one2many-address-field .card .action-button button{margin-right:0.5rem;width:49%}.hx-one2many-address-field .card .action-button button:last-child{margin:0}.hx-one2many-address-field .card .action-button .smart-buttons{font-size:16px}.hx-one2many-address-field .hx-badge{display:inline-flex;align-items:center;font-weight:600;font-size:12px;padding:0.25rem 0.75rem;border-radius:5px;margin-left:0.5rem}.hx-one2many-address-field .hx-badge-soft-primary{background-color:rgba(13,110,253,0.15);color:#0d6efd}.hx-one2many-address-field .hx-badge-soft-success{background-color:rgba(25,135,84,0.15);color:#198754}.hx-one2many-address-field .hx-badge-soft-info{background-color:rgba(13,202,240,0.18);color:#0dcaf0}.hx-one2many-address-field .hx-badge-soft-warning{background-color:rgba(255,193,7,0.25);color:#b58100}.hx-one2many-address-field .hx-badge-soft-danger{background-color:rgba(220,53,69,0.15);color:#dc3545}

/** webx/static/css/views/fields/activity-management-widget.css **/
.hx-activity-management-widget{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding:24px;box-sizing:border-box;width:100%}.hx-activity-management-widget *,.hx-activity-management-widget *::before,.hx-activity-management-widget *::after{box-sizing:border-box}.hx-activity-management-widget .am-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.hx-activity-management-widget .am-title{margin:0;font-size:20px;font-weight:600;line-height:30px;color:#2b2b2b}.hx-activity-management-widget .am-add-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;color:#0e639f;background:transparent;border:1px solid #0e639f;border-radius:8px;cursor:pointer;transition:all 0.2s ease}.hx-activity-management-widget .am-add-btn:hover{background:rgba(14,99,159,0.1)}.hx-activity-management-widget .am-add-btn:active{transform:scale(0.98)}.hx-activity-management-widget .am-add-btn svg{flex-shrink:0}.hx-activity-management-widget .am-status-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.hx-activity-management-widget .am-status-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border-radius:8px;border:1px solid;min-height:80px;background:#fff}.hx-activity-management-widget .am-status-number{font-size:24px;font-weight:700;line-height:36px;margin-bottom:4px}.hx-activity-management-widget .am-status-label{font-size:14px;font-weight:600;line-height:21px}.hx-activity-management-widget .am-status-overdue{border-color:#cbd4f2}.hx-activity-management-widget .am-status-overdue .am-status-number{color:#8d180b}.hx-activity-management-widget .am-status-overdue .am-status-label{color:#19191a}.hx-activity-management-widget .am-status-today{border-color:#cbd4f2}.hx-activity-management-widget .am-status-today .am-status-number{color:#0e639f}.hx-activity-management-widget .am-status-today .am-status-label{color:#19191a}.hx-activity-management-widget .am-status-upcoming{border-color:#cbd4f2}.hx-activity-management-widget .am-status-upcoming .am-status-number{color:#c2660a}.hx-activity-management-widget .am-status-upcoming .am-status-label{color:#19191a}.hx-activity-management-widget .am-status-done{border-color:#cbd4f2}.hx-activity-management-widget .am-status-done .am-status-number{color:#1c875d}.hx-activity-management-widget .am-status-done .am-status-label{color:#19191a}.hx-activity-management-widget .am-activities-list{display:flex;flex-direction:column;gap:8px}.hx-activity-management-widget .am-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#999}.hx-activity-management-widget .am-empty-state svg{margin-bottom:16px;color:#ccc}.hx-activity-management-widget .am-empty-state p{margin:0;font-size:14px;text-align:center}.hx-activity-management-widget .am-activity-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;border:1px solid;background:#fcfeff;transition:all 0.2s ease}.hx-activity-management-widget .am-activity-card:hover{box-shadow:0 2px 8px rgba(0,0,0,0.1);transform:translateY(-1px)}.hx-activity-management-widget .am-activity-card:active{transform:translateY(0)}.hx-activity-management-widget .am-activity-delete{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin-left:auto;background:transparent;border:none;color:#888;cursor:pointer;opacity:0;transition:all 0.2s ease;flex-shrink:0}.hx-activity-management-widget .am-activity-card:hover .am-activity-delete{opacity:1}.hx-activity-management-widget .am-activity-delete:hover{background-color:rgba(141,24,11,0.1);color:#8d180b;border-radius:50%}.hx-activity-management-widget .am-activity-delete svg{width:14px;height:14px}.hx-activity-management-widget .am-activity-overdue{background:#fef6f6;border-color:#f05442}.hx-activity-management-widget .am-activity-overdue .am-activity-icon{color:#8d180b}.hx-activity-management-widget .am-activity-today{background:#e3f2fc;border-color:#badef8}.hx-activity-management-widget .am-activity-today .am-activity-icon{color:#0e639f}.hx-activity-management-widget .am-activity-upcoming{background:#fffaf5;border-color:#ffa64c}.hx-activity-management-widget .am-activity-upcoming .am-activity-icon{color:#c2660a}.hx-activity-management-widget .am-activity-done{background:#e9f6f1;border-color:#7bcbac}.hx-activity-management-widget .am-activity-done .am-activity-icon{color:#1c875d}.hx-activity-management-widget .am-activity-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px}.hx-activity-management-widget .am-activity-icon svg{width:100%;height:100%}.hx-activity-management-widget .am-activity-content{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0}.hx-activity-management-widget .am-activity-left{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.hx-activity-management-widget .am-activity-type{font-size:13px;font-weight:400;line-height:18px;color:#666;text-transform:capitalize}.hx-activity-management-widget .am-activity-name{font-size:16px;font-weight:600;line-height:21px;color:#19191a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-activity-management-widget .am-activity-datetime{display:flex;align-items:center;flex-shrink:0}.hx-activity-management-widget .am-datetime{font-size:14px;font-weight:500;line-height:20px;color:#666}@media (max-width:768px){.hx-activity-management-widget .am-status-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hx-activity-management-widget .am-status-cards{grid-template-columns:1fr}.hx-activity-management-widget .am-header{flex-direction:column;align-items:flex-start;gap:12px}.hx-activity-management-widget .am-add-btn{width:100%;justify-content:center}}

/** webx/static/css/views/fields/hierarchy-form-drawer.css **/
.hx-hierarchy-form-drawer.hx-modal-form-v2{justify-content:flex-end;align-items:stretch;padding:24px;background:rgba(0,0,0,0.4);opacity:1;pointer-events:auto;z-index:1040}.hx-hierarchy-form-drawer.hx-modal-form-v2 .hx-modal-form-container{width:600px;max-width:100%;height:calc(100vh - 48px);max-height:calc(100vh - 48px);border-radius:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);animation:hierarchyDrawerSlideIn 0.3s ease-out}@keyframes hierarchyDrawerSlideIn{from{transform:translateX(110%);opacity:0}to{transform:translateX(0);opacity:1}}.hx-hierarchy-form-drawer.hx-modal-form-v2 .hx-modal-form-header{border-radius:24px 24px 0 0;height:64px;padding:0 24px}.hx-hierarchy-form-drawer.hx-modal-form-v2 .hx-modal-form-body{padding:24px}.hx-hierarchy-form-drawer.hx-modal-form-v2 .hx-modal-form-footer{padding:16px 24px}@media (max-width:768px){.hx-hierarchy-form-drawer.hx-modal-form-v2{padding:12px}.hx-hierarchy-form-drawer.hx-modal-form-v2 .hx-modal-form-container{width:100%;height:calc(100vh - 24px);max-height:calc(100vh - 24px);border-radius:16px}}

/** webx/static/css/views/fields/trailing.css **/
.hx-trailing{position:absolute;top:20px;right:10px;transform:translateY(-50%);padding:0;margin:0;display:flex;align-items:center;justify-content:center;z-index:0}.hx-trailing .trailing-helper,.hx-trailing .trailing-button{border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;z-index:0;position:relative;width:100%;height:100%;background:none}.hx-trailing .trailing-helper.disabled,.hx-trailing .trailing-button.disabled{cursor:not-allowed}.hx-trailing .trailing-button{cursor:pointer;width:25px;height:25px}.hx-trailing .trailing-icon{display:inline-block;vertical-align:middle;pointer-events:none}

/** webx/static/css/views/fields/boolean-toggle-status-field.css **/
.hx-boolean-toggle-status-field{}.hx-boolean-toggle-status-field .hx-toggle-container{display:flex;flex-direction:column;gap:8px}.hx-boolean-toggle-status-field .hx-toggle-label{display:flex;align-items:center;cursor:pointer}.hx-boolean-toggle-status-field .toggle-switch{width:42px;height:26px;background:#d1d5db;border-radius:13px;display:inline-block;position:relative;transition:background 0.2s;vertical-align:middle}.hx-boolean-toggle-status-field .toggle-switch.checked{background:#2563eb}.hx-boolean-toggle-status-field .toggle-switch.disabled{opacity:0.5;pointer-events:none}.hx-boolean-toggle-status-field .toggle-slider{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.07);transition:left 0.2s}.hx-boolean-toggle-status-field .toggle-switch.checked .toggle-slider{left:19px}.hx-boolean-toggle-status-field .hx-toggle-status{padding:4px 12px;border-radius:6px;font-size:13px;font-weight:600;font-family:'Plus Jakarta Sans',sans-serif;transition:all 0.2s ease}.hx-boolean-toggle-status-field .hx-toggle-status.status-enabled{background-color:#E3F2FD;color:#1976D2}.hx-boolean-toggle-status-field .hx-toggle-status.status-disabled{background-color:#FFEBEE;color:#C62828}.hx-boolean-toggle-status-field .hx-toggle-subtitle{font-size:13px;color:#6B7280;font-family:'Plus Jakarta Sans',sans-serif;margin-left:0px;line-height:1.4}.hx-boolean-toggle-status-field .hx-toggle-readonly{pointer-events:none;width:100%;background-color:#f7f8fa;padding:12px 16px;border-radius:8px;gap:2px}.hx-boolean-toggle-status-field .hx-toggle-readonly .hx-toggle-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px}.hx-boolean-toggle-status-field .hx-toggle-readonly .hx-toggle-field-label{font-size:14px;font-weight:500;color:#1E1E1E;font-family:'Plus Jakarta Sans',sans-serif}.hx-boolean-toggle-status-field .hx-toggle-readonly .hx-toggle-status{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.hx-boolean-toggle-status-field .hx-toggle-readonly .hx-toggle-subtitle{margin-left:0;margin-top:0;line-height:1.3;font-size:13px}

/** webx/static/css/views/fields/m2m-selection-drawer-field.css **/
.hx-m2m-selection-drawer-field .m2m-drawer-config-error{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #fecaca;border-radius:8px;background-color:#fef2f2;color:#b91c1c;font-size:13px;font-family:'Plus Jakarta Sans',sans-serif}.hx-m2m-selection-drawer-field .config-error-icon{flex-shrink:0;color:#dc2626}.hx-m2m-selection-drawer-field .config-error-text{line-height:1.4}.hx-m2m-selection-drawer-field .m2m-drawer-empty-state{min-height:320px;display:flex;align-items:center;justify-content:center;border:1px solid #b0bfeb;border-radius:12px;background-color:#f8fafc;padding:32px;transition:all 0.3s ease}.hx-m2m-selection-drawer-field .m2m-drawer-empty-state:hover{background-color:#eff6ff;border-color:#2a5ea2}.hx-m2m-selection-drawer-field .empty-state-content{text-align:center;max-width:320px}.hx-m2m-selection-drawer-field .empty-state-icon{color:#2a5ea2;margin-bottom:16px}.hx-m2m-selection-drawer-field .empty-state-text{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px 0;font-family:'Plus Jakarta Sans',sans-serif}.hx-m2m-selection-drawer-field .empty-state-subtext{font-size:14px;color:#64748b;margin:0 0 20px 0;font-family:'Plus Jakarta Sans',sans-serif}.hx-m2m-selection-drawer-field .btn-add-member{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:#2a5ea2;color:white;border:none;border-radius:8px;font-size:14px;font-weight:600;font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;transition:all 0.2s ease}.hx-m2m-selection-drawer-field .btn-add-member:hover:not(:disabled){background-color:#2a5ea2}.hx-m2m-selection-drawer-field .btn-add-member:active:not(:disabled){transform:translateY(0)}.hx-m2m-selection-drawer-field .btn-add-member:disabled{opacity:0.5;cursor:not-allowed}.hx-m2m-selection-drawer-field .m2m-drawer-members-list{border-radius:12px}.hx-m2m-selection-drawer-field .members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0px;padding-bottom:14px}.hx-m2m-selection-drawer-field .members-header-left{min-width:0}.hx-m2m-selection-drawer-field .members-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.hx-m2m-selection-drawer-field .members-title{font-size:15px;font-weight:700;color:#1e293b;margin:0;font-family:'Plus Jakarta Sans',sans-serif}.hx-m2m-selection-drawer-field .members-description{font-size:13px;color:#6b7280;margin:16px 0 16px 0;font-family:'Plus Jakarta Sans',sans-serif;line-height:1.5}.hx-m2m-selection-drawer-field .members-view-toggle{display:flex;background:#f1f5f9;border-radius:8px;padding:3px;gap:2px}.hx-m2m-selection-drawer-field .mvt-btn{width:30px;height:28px;border:none;background:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:background 0.15s,color 0.15s}.hx-m2m-selection-drawer-field .mvt-btn.active{background:#ffffff;color:#3b82f6;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.hx-m2m-selection-drawer-field .btn-manage-members{display:inline-flex;align-items:center;gap:6px;padding:14px 14px;background-color:#2a5ea2;color:white;border:none;border-radius:6px;font-size:13px;font-weight:600;font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;transition:background 0.15s}.hx-m2m-selection-drawer-field .btn-manage-members:hover{background-color:#2a5ea2}.hx-m2m-selection-drawer-field .members-list-view{overflow:hidden}.hx-m2m-selection-drawer-field .members-list-view .kanban-container-v2,.hx-m2m-selection-drawer-field .members-list-view .kanban-container{background:none!important;border:none!important;box-shadow:none!important;padding:0!important}.hx-m2m-selection-drawer-field .members-list-view .hx-kanban-card-wrapper{background:none!important;border:none!important;box-shadow:none!important;padding:4px 8px!important}.hx-m2m-selection-drawer-field .members-list-view .hx-kanban-grid{--hx-kanban-col:1!important;grid-template-columns:1fr!important;gap:6px!important}.hx-m2m-selection-drawer-field .members-grid-view{overflow:hidden}.hx-m2m-selection-drawer-field .members-grid-view .hx-kanban-grid{--hx-kanban-col:3!important;grid-template-columns:repeat(3,1fr)!important}.hx-m2m-selection-drawer-field .members-grid-view .kanban-container-v2,.hx-m2m-selection-drawer-field .members-grid-view .kanban-container{background:none!important;border:none!important;box-shadow:none!important;padding:6px!important}.hx-m2m-selection-drawer-field .members-grid-view .hx-kanban-card-wrapper{background:none!important;border:none!important;box-shadow:none!important;padding:6px!important}.hx-m2m-selection-drawer-field .field-pagination{display:flex;justify-content:center;padding:8px 0 4px;border-top:1px solid #e5e7eb;margin-top:4px}.m2m-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:9999;display:flex;justify-content:flex-end;align-items:center;padding:24px}.m2m-drawer-panel{width:600px;height:calc(100vh - 48px);background:#ffffff;border-radius:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);display:flex;flex-direction:column;animation:slideInRightDrawer 0.3s ease-out;overflow:hidden}@keyframes slideInRightDrawer{from{transform:translateX(100%)}to{transform:translateX(0)}}.m2m-drawer-panel .drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0px 16px;background:#ffffff;border-radius:24px 24px 0 0;position:sticky;top:0;z-index:10}.m2m-drawer-panel .drawer-title{font-size:18px;font-weight:600;color:#111827;margin:0;font-family:'Plus Jakarta Sans',sans-serif}.m2m-drawer-panel .btn-close-drawer{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:8px;border-radius:4px;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.m2m-drawer-panel .btn-close-drawer:hover{background:#f3f4f6;color:#374151}.m2m-drawer-panel .btn-close-drawer svg{width:18px;height:18px}.m2m-drawer-panel .drawer-description{padding:14px 24px 0;font-size:13px;color:#6b7280;font-family:'Plus Jakarta Sans',sans-serif;line-height:1.5}.m2m-drawer-panel .drawer-search{position:relative;padding:20px 24px;border-bottom:none;background:#ffffff;display:flex;align-items:center;gap:12px}.m2m-drawer-panel .search-icon{position:absolute;left:36px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;z-index:1}.m2m-drawer-panel .drawer-search-input{flex:1;padding:10px 12px 10px 40px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-family:'Plus Jakarta Sans',sans-serif;outline:none;transition:all 0.2s ease;color:#111827}.m2m-drawer-panel .drawer-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.m2m-drawer-panel .drawer-select-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 28px 12px;border-bottom:1px solid #e5e7eb;background:#ffffff}.m2m-drawer-panel .drawer-select-all{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#374151;font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;user-select:none}.m2m-drawer-panel .drawer-select-all input[type='checkbox']{width:15px;height:15px;accent-color:#3b82f6;cursor:pointer;flex-shrink:0}.m2m-drawer-panel .drawer-reset-btn{background:none;border:none;font-size:13px;font-weight:500;color:#ef4444;font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;padding:0;transition:color 0.15s}.m2m-drawer-panel .drawer-reset-btn:hover{color:#dc2626}.m2m-drawer-panel .drawer-content{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;padding:0}.m2m-drawer-panel .drawer-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#6b7280;font-size:1rem;font-family:'Plus Jakarta Sans',sans-serif}.m2m-drawer-panel .drawer-error{display:flex;align-items:center;justify-content:center;height:200px;color:#dc2626;font-size:1rem;font-family:'Plus Jakarta Sans',sans-serif}.m2m-drawer-panel .drawer-search .hx-control-mode{flex-shrink:0}.m2m-drawer-panel .drawer-content .hx-list-view-waiting-process-action-state{flex:1}.m2m-drawer-panel .drawer-content .hx-list-view{flex:1;overflow:visible}.m2m-drawer-panel .drawer-content .hx-list-view-table-scroll{max-height:calc(100vh - 320px);overflow-y:auto}.m2m-drawer-panel .drawer-content .hx-kanban-view{flex:1;overflow:visible}.m2m-drawer-panel .drawer-content .hx-kanban-view .hx-kanban-view-body{max-height:calc(100vh - 360px);overflow-y:auto}.m2m-drawer-panel .drawer-content .hx-kanban-view .kanban-container-v2{background:#f1f7fe;border-radius:0}.m2m-drawer-panel .drawer-content .hx-kanban-view .hx-kanban-grid{gap:4px!important}.m2m-drawer-panel .drawer-content .hx-kanban-view .hx-kanban-card-wrapper{padding:0!important}.m2m-drawer-panel .drawer-options-table{border-collapse:collapse;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background-color:#ffffff;width:100%}.m2m-drawer-panel .drawer-options-table .table-header{background-color:#f8fafc}.m2m-drawer-panel .drawer-options-table .header-cell,.m2m-drawer-panel .drawer-options-table .table-cell{padding:10px 12px;text-align:left;vertical-align:middle;border-bottom:1px solid #e5e7eb;white-space:nowrap}.m2m-drawer-panel .drawer-options-table .header-cell{font-size:13px;font-weight:600;color:#374151}.m2m-drawer-panel .drawer-options-table .table-cell{font-size:14px;color:#111827}.m2m-drawer-panel .drawer-options-table .cell-checkbox{text-align:center}.m2m-drawer-panel .drawer-options-table .header-row:last-child .header-cell,.m2m-drawer-panel .drawer-options-table .table-row:last-child .table-cell{border-bottom:none}.m2m-drawer-panel .drawer-options-table .table-row{cursor:pointer;transition:background-color 0.16s ease}.m2m-drawer-panel .drawer-options-table .table-row:hover{background-color:#f8fafc}.m2m-drawer-panel .drawer-options-table .table-row.is-selected{background-color:#eff6ff}.m2m-drawer-panel .drawer-options-table .table-checkbox{cursor:pointer;accent-color:#3b82f6}.m2m-drawer-panel .drawer-footer{align-items:center;justify-content:space-between;padding:0px 16px 16px 16px;border-top:1px solid #e5e7eb;background:#ffffff;position:sticky;bottom:0;z-index:10}.m2m-drawer-panel .drawer-pagination{padding:12px 0 4px;display:flex;justify-content:center}.m2m-drawer-panel .drawer-pagination .hx-control-pagger{flex-wrap:nowrap}.m2m-drawer-panel .drawer-pagination .per-page-dropdown{bottom:calc(100% + 6px)!important;top:auto!important}.m2m-drawer-panel .footer-count{font-size:14px;font-weight:500;margin-top:16px;margin-bottom:16px;color:#6b7280;font-family:'Plus Jakarta Sans',sans-serif}.m2m-drawer-panel .footer-actions{display:flex;gap:12px}.m2m-drawer-panel .btn-drawer-cancel,.m2m-drawer-panel .btn-drawer-save{width:100%;justify-content:center;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all 0.2s;display:flex;align-items:center;gap:0.5rem;font-family:'Plus Jakarta Sans',sans-serif}.m2m-drawer-panel .btn-drawer-cancel{background-color:white;color:#374151;border-color:#d1d5db}.m2m-drawer-panel .btn-drawer-cancel:hover{background-color:#f9fafb;border-color:#9ca3af}.m2m-drawer-panel .btn-drawer-save{background-color:#2a5ea2;color:white;border-color:#2a5ea2}.m2m-drawer-panel .btn-drawer-save:hover{background-color:#2a5ea2;border-color:#2a5ea2}.m2m-drawer-panel .btn-drawer-cancel:disabled,.m2m-drawer-panel .btn-drawer-save:disabled{opacity:0.5;cursor:not-allowed}.drawer-fade-enter-active,.drawer-fade-leave-active{transition:opacity 0.3s ease}.drawer-fade-enter-from,.drawer-fade-leave-to{opacity:0}.drawer-fade-enter-active .m2m-drawer-panel{transition:transform 0.3s ease}.drawer-fade-enter-from .m2m-drawer-panel{transform:translateX(100%)}.drawer-fade-leave-to .m2m-drawer-panel{transform:translateX(100%)}.hx-m2m-selection-drawer-field .helper-text{display:block;margin-top:8px;font-size:12px;font-family:'Plus Jakarta Sans',sans-serif}.hx-m2m-selection-drawer-field .helper-danger{color:#ef4444}.hx-m2m-selection-drawer-field .helper-muted{color:#64748b}@media (max-width:768px){.m2m-drawer-overlay{padding:12px}.m2m-drawer-panel{width:95vw;height:calc(100vh - 24px)}.m2m-drawer-panel .drawer-header{padding:0 16px}.m2m-drawer-panel .drawer-search{padding:16px}.m2m-drawer-panel .drawer-content{padding:16px}.m2m-drawer-panel .drawer-footer{padding:16px;flex-direction:column;gap:12px}.m2m-drawer-panel .footer-actions{width:100%;justify-content:space-between}.m2m-drawer-panel .btn-drawer-cancel,.m2m-drawer-panel .btn-drawer-save{flex:1}}.hx-m2m-selection-drawer-field .members-hierarchy-view{height:400px;border:1px solid #e2e8f0;border-radius:8px;overflow:auto;background-color:#f8fafc}.hx-m2m-selection-drawer-field .m2m-hierarchy-chart-wrapper{width:100%;text-align:center;padding:16px;box-sizing:border-box}.hx-m2m-selection-drawer-field .m2m-hierarchy-chart-wrapper .orgchart{background:none}.hx-m2m-selection-drawer-field .m2m-team-node{display:flex;flex-direction:column;background-color:#ffffff;border:1px solid #e2e8f0;border-radius:10px;min-width:256px;overflow:hidden;cursor:default;font-family:'Plus Jakarta Sans',sans-serif;box-shadow:0 1px 4px rgba(0,0,0,0.07);text-align:left}.hx-m2m-selection-drawer-field .m2m-team-node-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background-color:#ffffff;color:#2a5ea2;border-top:3px solid #2a5ea2}.hx-m2m-selection-drawer-field .m2m-team-node-level-label{font-size:11px;font-weight:600;letter-spacing:0.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2a5ea2}.hx-m2m-selection-drawer-field .m2m-team-node-body{padding:10px 12px;background-color:#ffffff;flex:1}.hx-m2m-selection-drawer-field .m2m-team-node-name{font-size:13px;font-weight:700;color:#1e293b;line-height:1.35;word-break:break-word;margin:0}.hx-m2m-selection-drawer-field .m2m-team-node-divider{height:1px;background-color:#f1f5f9;margin:8px 0 6px}.hx-m2m-selection-drawer-field .m2m-team-node-meta{display:flex;align-items:center;gap:5px;color:#2a5ea2;font-size:11px;font-weight:500}.hx-m2m-selection-drawer-field .m2m-team-node-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#ffffff;border-top:1px solid #f1f5f9;font-size:11px;color:#64748b}.hx-m2m-selection-drawer-field .m2m-team-node-footer-left{display:flex;align-items:center;gap:4px}.hx-m2m-selection-drawer-field .m2m-team-node-footer-right{display:flex;align-items:center;gap:4px}.hx-m2m-selection-drawer-field .m2m-team-node-footer svg{width:11px;height:11px;flex-shrink:0}.hx-m2m-selection-drawer-field .m2m-team-node-footer-left .smart-buttons.seg-icon{color:#64748b}.hx-m2m-selection-drawer-field .m2m-team-node.is-current .m2m-team-node-footer-left .smart-buttons.seg-icon.is-current{filter:brightness(0) invert(1)}.hx-m2m-selection-drawer-field .m2m-team-node.level-0 .m2m-team-node-header{border-top-color:#2a5ea2;color:#2a5ea2}.hx-m2m-selection-drawer-field .m2m-team-node.level-1:not(.is-current) .m2m-team-node-header{border-top-color:#209c6b}.hx-m2m-selection-drawer-field .m2m-team-node.level-2:not(.is-current) .m2m-team-node-header{border-top-color:#209c6b}.hx-m2m-selection-drawer-field .m2m-team-node.level-3:not(.is-current) .m2m-team-node-header{border-top-color:#c2660a}.hx-m2m-selection-drawer-field .m2m-team-node.level-4:not(.is-current) .m2m-team-node-header{border-top-color:#6f00ff}.hx-m2m-selection-drawer-field .m2m-team-node.level-1:not(.is-current) .m2m-team-node-level-label{color:black}.hx-m2m-selection-drawer-field .m2m-team-node.level-2:not(.is-current) .m2m-team-node-level-label{color:black}.hx-m2m-selection-drawer-field .m2m-team-node.level-3:not(.is-current) .m2m-team-node-level-label{color:black}.hx-m2m-selection-drawer-field .m2m-team-node.level-4:not(.is-current) .m2m-team-node-level-label{color:black}.hx-m2m-selection-drawer-field .m2m-team-node.is-current{background-color:#2a5ea2;border-color:#2a5ea2}.hx-m2m-selection-drawer-field .m2m-team-node.is-current .m2m-team-node-header{background-color:#2a5ea2;border-top-color:transparent;color:#ffffff}.hx-m2m-selection-drawer-field .smart-buttons.seg-icon.is-current{color:#ffffff}.hx-m2m-selection-drawer-field .m2m-team-node.is-current .m2m-team-node-level-label{color:#ffffff}.hx-m2m-selection-drawer-field .m2m-team-node.is-current .m2m-team-node-body{background-color:#2a5ea2}.hx-m2m-selection-drawer-field .m2m-team-node.is-current .m2m-team-node-name{color:#ffffff}.hx-m2m-selection-drawer-field .m2m-team-node.is-current .m2m-team-node-divider{background-color:rgba(255,255,255,0.2)}.hx-m2m-selection-drawer-field .m2m-team-node.is-current .m2m-team-node-meta{color:rgba(255,255,255,0.85)}.hx-m2m-selection-drawer-field .m2m-team-node.is-current .m2m-team-node-footer{background-color:#2a5ea2;border-top-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.85)}.hx-m2m-selection-drawer-field .members-hierarchy-view{position:relative}.hx-m2m-selection-drawer-field .m2m-hierarchy-controls{position:absolute;top:12px;right:12px;display:flex;flex-direction:row;gap:8px;z-index:10}.hx-m2m-selection-drawer-field .m2m-hierarchy-control-btn{width:52px;height:52px;border:1px solid #e2e8f0;border-radius:14px;background:#ffffff;color:#374151;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.15s,color 0.15s,border-color 0.15s;box-shadow:0 2px 8px rgba(0,0,0,0.08);padding:0}.hx-m2m-selection-drawer-field .m2m-hierarchy-control-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.m2m-hierarchy-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.m2m-hierarchy-modal{position:relative;background:#f7f8fa;border-radius:20px;width:90vw;height:85vh;overflow:auto;box-shadow:0 20px 40px rgba(0,0,0,0.15)}.m2m-hierarchy-modal .m2m-hierarchy-chart-wrapper{width:100%;min-height:100%;padding:24px;box-sizing:border-box}.m2m-hierarchy-modal .m2m-hierarchy-controls{position:absolute;top:16px;right:16px}.hx-m2m-selection-drawer-field .m2m-hierarchy-chart-wrapper.t2b .orgchart.t2b ul{padding-top:20px}.hx-m2m-selection-drawer-field .m2m-hierarchy-chart-wrapper.t2b .orgchart.t2b ul li{padding:0 4px}.hx-m2m-selection-drawer-field .m2m-hierarchy-chart-wrapper.t2b .orgchart.t2b ul li>.node::before{content:'';position:absolute;top:-20px;left:50%;width:0;height:20px;border-left:1px solid #d1d5db}.hx-m2m-selection-drawer-field .m2m-hierarchy-chart-wrapper.t2b .orgchart.t2b>ul>li>.node::before{display:none}.hx-m2m-selection-drawer-field .m2m-hierarchy-chart-wrapper.t2b .orgchart.t2b .node{cursor:default}

/** webx/static/css/views/fields/relation-field-v2.css **/
.hx-relation-field-v2{display:contents}.hx-relation-field .relation-nested-wrapper .relation-nested-description{display:block;font-size:12px;color:#6b7280;font-weight:400;margin-top:2px}.hx-relation-field .relation-nested-wrapper.is-nested-v2 .relation-nested-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.hx-relation-field .relation-nested-wrapper.is-nested-v2 .relation-nested-badge{display:inline-flex;align-items:center;padding:8px 14px;font-size:13px;font-weight:600;border-radius:999px;cursor:pointer;user-select:none;background:#eef0f3;color:#111827;border:1px solid #d1d5db;transition:background 0.15s ease,border-color 0.15s ease,color 0.15s ease}.hx-relation-field .relation-nested-wrapper.is-nested-v2 .relation-nested-badge:hover{background:#e5e7eb}.hx-relation-field .relation-nested-wrapper.is-nested-v2 .relation-nested-badge.is-active{background:#e7f1ff;border-color:#93c5fd;color:#2f6fd8}.hx-relation-field .relation-nested-wrapper .relation-nested-headline-wrap{display:flex;flex-direction:column;margin-bottom:16px}.hx-relation-field .relation-nested-wrapper .relation-nested-headline-wrap .relation-nested-headline{font-size:14px;font-weight:600;color:#374151}.hx-relation-field .relation-nested-wrapper .relation-nested-v2-add-parent{background:#ffffff;border:1px solid #93c5fd;border-radius:10px;padding:10px 24px;font-weight:500;font-size:14px;color:#2a5ea2;cursor:pointer;transition:background 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease}.hx-relation-field .relation-nested-wrapper .relation-nested-v2-add-parent .add-icon,.hx-relation-field .relation-nested-wrapper .relation-add-line-btn .add-icon{font-size:18px;font-weight:300;margin-left:2px;margin-right:8px}.hx-relation-field .relation-nested-wrapper .relation-nested-v2-add-parent:hover{background:#b3d4fc;border-color:#93c5fd;box-shadow:0 2px 8px rgba(59,130,246,0.25)}.hx-relation-field .relation-nested-wrapper .relation-nested-v2-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;box-sizing:border-box;background:#ffffff;border-bottom:1px solid transparent;transition:border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar{display:inline-flex;align-items:center;gap:12px;padding:8px 14px;border:1px solid #adadad;border-radius:10px;background:#ffffff;width:max-content;position:relative;margin-left:auto;flex-wrap:wrap}.hx-relation-field .relation-nested-wrapper .relation-nested-optional-columns{display:inline-flex;align-items:center}.hx-relation-field .relation-nested-wrapper .relation-nested-optional-columns-btn{border:none;background:transparent;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background 0.2s ease}.hx-relation-field .relation-nested-wrapper .relation-nested-optional-columns-btn:hover{background:rgba(0,0,0,0.04)}.hx-relation-field .relation-nested-wrapper .optional-icon{width:14px;height:14px}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-dropdown{position:fixed;min-width:280px;width:320px;max-height:420px;background:var(--oc-surface,#fff);border:1px solid var(--oc-border,#e5e7eb);border-radius:12px;box-shadow:var(--oc-shadow,0 4px 20px rgba(0,0,0,0.12));padding:12px;z-index:1200}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-searchbar{display:flex;align-items:center;background:var(--oc-chip-bg,#fff);border:1px solid var(--oc-chip-border,#e5e7eb);border-radius:10px;padding:6px 10px;gap:8px;margin-bottom:12px}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-search-icon{display:inline-flex;color:var(--oc-muted,#757575)}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-search-icon svg{width:14px;height:14px}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-search-input{flex:1;border:none;outline:none;font-size:13px;color:var(--oc-text,#1e1e1e);background:transparent}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-search-input::placeholder{color:var(--oc-muted,#757575)}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-refresh-btn{border:none;background:transparent;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 0.2s ease}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-refresh-btn svg{width:14px;height:14px}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-refresh-btn:hover{background:rgba(0,0,0,0.04)}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-list{list-style:none;padding:0;margin:0;max-height:320px;overflow-y:auto}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-item{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:8px 6px;border-radius:10px;transition:background 0.2s ease;position:relative}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-item:hover{background:var(--oc-hover,rgba(0,0,0,0.04))}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-item.drop-below::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#3082ed;border-radius:2px}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-toggle{position:relative;display:inline-flex;align-items:center}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-toggle input{position:absolute;opacity:0;pointer-events:none}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-switch{width:38px;height:22px;border-radius:999px;background:var(--oc-switch-off,#e5e7eb);position:relative;transition:background 0.18s ease;cursor:pointer}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-switch::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--oc-switch-knob,#fff);transition:transform 0.18s ease;box-shadow:0 1px 2px rgba(0,0,0,0.15)}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-toggle input:checked + .optional-switch{background:var(--oc-switch-on,#3b82f6)}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-toggle input:checked + .optional-switch::after{transform:translateX(16px)}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-field-chip{height:32px;display:flex;align-items:center;padding:0 12px;background:var(--oc-chip-bg,#fff);border:1px solid var(--oc-chip-border,#e5e7eb);border-radius:8px;font-size:13px;color:var(--oc-text,#1e1e1e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-drag-btn{border:none;background:transparent;padding:4px;cursor:grab;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 0.2s ease}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-drag-btn:hover{background:rgba(0,0,0,0.04)}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-drag-btn:active{cursor:grabbing}:root.dark .hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-dropdown{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 4px 20px rgba(0,0,0,0.3)}:root.dark .hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-searchbar{background:#232323;border-color:#333}:root.dark .hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-search-input{color:#f0f0f0}:root.dark .hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-search-input::placeholder{color:#b3b3b3}:root.dark .hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-field-chip{background:#232323;border-color:#333;color:#f0f0f0}:root.dark .hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-item:hover{background:rgba(255,255,255,0.06)}:root.dark .hx-relation-field .relation-nested-wrapper .relation-nested-optional-columns-btn:hover{background:rgba(255,255,255,0.06)}:root.dark .hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-refresh-btn:hover{background:rgba(255,255,255,0.06)}:root.dark .hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar .optional-drag-btn:hover{background:rgba(255,255,255,0.06)}.hx-relation-field .relation-table-nested .relation-table-header-cell-actions{position:relative}.hx-relation-field .relation-table-nested .relation-table-actions-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.hx-relation-field .relation-table-nested .relation-table-actions-optional{position:relative;display:inline-flex;align-items:center}.hx-relation-field .relation-table-nested .nested-optional-columns-btn{opacity:1;pointer-events:auto;border:none;background:transparent;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:opacity 0.15s ease,background 0.2s ease}.hx-relation-field .relation-table-nested .relation-table-header-cell-actions:hover .nested-optional-columns-btn{opacity:1;pointer-events:auto}.hx-relation-field .relation-table-nested .nested-optional-columns-btn:hover{background:rgba(0,0,0,0.04)}.hx-relation-field .relation-table-nested .optional-dropdown{position:fixed;min-width:280px;width:320px;max-height:420px;background:var(--oc-surface,#fff);border:1px solid var(--oc-border,#e5e7eb);border-radius:12px;box-shadow:var(--oc-shadow,0 4px 20px rgba(0,0,0,0.12));padding:12px;z-index:1200}.hx-relation-field .relation-table-nested .optional-searchbar{display:flex;align-items:center;background:var(--oc-chip-bg,#fff);border:1px solid var(--oc-chip-border,#e5e7eb);border-radius:10px;padding:6px 10px;gap:8px;margin-bottom:12px}.hx-relation-field .relation-table-nested .optional-search-icon{display:inline-flex;color:var(--oc-muted,#757575)}.hx-relation-field .relation-table-nested .optional-search-icon svg{width:14px;height:14px}.hx-relation-field .relation-table-nested .optional-search-input{flex:1;border:none;outline:none;font-size:13px;color:var(--oc-text,#1e1e1e);background:transparent}.hx-relation-field .relation-table-nested .optional-search-input::placeholder{color:var(--oc-muted,#757575)}.hx-relation-field .relation-table-nested .optional-refresh-btn{border:none;background:transparent;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 0.2s ease}.hx-relation-field .relation-table-nested .optional-refresh-btn svg{width:14px;height:14px}.hx-relation-field .relation-table-nested .optional-refresh-btn:hover{background:rgba(0,0,0,0.04)}.hx-relation-field .relation-table-nested .optional-list{list-style:none;padding:0;margin:0;max-height:320px;overflow-y:auto}.hx-relation-field .relation-table-nested .optional-item{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:8px 6px;border-radius:10px;transition:background 0.2s ease;position:relative}.hx-relation-field .relation-table-nested .optional-item:hover{background:var(--oc-hover,rgba(0,0,0,0.04))}.hx-relation-field .relation-table-nested .optional-item.drop-below::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#3082ed;border-radius:2px}.hx-relation-field .relation-table-nested .optional-toggle{position:relative;display:inline-flex;align-items:center}.hx-relation-field .relation-table-nested .optional-toggle input{position:absolute;opacity:0;pointer-events:none}.hx-relation-field .relation-table-nested .optional-switch{width:38px;height:22px;border-radius:999px;background:var(--oc-switch-off,#e5e7eb);position:relative;transition:background 0.18s ease;cursor:pointer}.hx-relation-field .relation-table-nested .optional-switch::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--oc-switch-knob,#fff);transition:transform 0.18s ease;box-shadow:0 1px 2px rgba(0,0,0,0.15)}.hx-relation-field .relation-table-nested .optional-toggle input:checked + .optional-switch{background:var(--oc-switch-on,#3b82f6)}.hx-relation-field .relation-table-nested .optional-toggle input:checked + .optional-switch::after{transform:translateX(16px)}.hx-relation-field .relation-table-nested .optional-field-chip{height:32px;display:flex;align-items:center;padding:0 12px;background:var(--oc-chip-bg,#fff);border:1px solid var(--oc-chip-border,#e5e7eb);border-radius:8px;font-size:13px;color:var(--oc-text,#1e1e1e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-relation-field .relation-table-nested .optional-drag-btn{border:none;background:transparent;padding:4px;cursor:grab;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 0.2s ease}.hx-relation-field .relation-table-nested .optional-drag-btn:hover{background:rgba(0,0,0,0.04)}.hx-relation-field .relation-table-nested .optional-drag-btn:active{cursor:grabbing}:root.dark .hx-relation-field .relation-table-nested .nested-optional-columns-btn:hover{background:rgba(255,255,255,0.06)}:root.dark .hx-relation-field .relation-table-nested .optional-dropdown{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 4px 20px rgba(0,0,0,0.3)}:root.dark .hx-relation-field .relation-table-nested .optional-searchbar{background:#232323;border-color:#333}:root.dark .hx-relation-field .relation-table-nested .optional-search-input{color:#f0f0f0}:root.dark .hx-relation-field .relation-table-nested .optional-search-input::placeholder{color:#b3b3b3}:root.dark .hx-relation-field .relation-table-nested .optional-field-chip{background:#232323;border-color:#333;color:#f0f0f0}:root.dark .hx-relation-field .relation-table-nested .optional-item:hover{background:rgba(255,255,255,0.06)}:root.dark .hx-relation-field .relation-table-nested .optional-refresh-btn:hover{background:rgba(255,255,255,0.06)}:root.dark .hx-relation-field .relation-table-nested .optional-drag-btn:hover{background:rgba(255,255,255,0.06)}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-main{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-toggle,.hx-relation-field .relation-nested-wrapper .relation-nested-filter-toggle-static{border:none;background:transparent;padding:0;font-size:15px;color:#1c2340;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:6px}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-toggle span,.hx-relation-field .relation-nested-wrapper .relation-nested-filter-toggle-static span{font-size:14px;color:#4b4b4b}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-toggle strong,.hx-relation-field .relation-nested-wrapper .relation-nested-filter-toggle-static strong{font-size:15px;font-weight:600}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-arrow{width:12px;height:12px;display:inline-flex;justify-content:center;align-items:center;color:#5c5c5c;transition:transform 0.25s ease;fill:currentColor}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-arrow.is-open{transform:rotate(180deg)}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-order{background:#ffffff;border:none;padding:0;justify-content:center;align-items:center;display:inline-flex;transition:border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease,opacity 0.2s ease}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-order:hover,.hx-relation-field .relation-nested-wrapper .relation-nested-filter-order:focus-visible{border-color:#676767;transform:translateY(-1px)}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-order.is-disabled{opacity:0.5;cursor:not-allowed;transform:none}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-order .relation-nested-filter-order-icon{font-size:18px;color:#1f1f1f;--sort-rot:0deg;transform:rotate(var(--sort-rot));transition:transform 0.25s ease,color 0.2s ease,opacity 0.2s ease;fill:currentColor}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-order .relation-nested-filter-order-icon.is-neutral{color:#9ca3af}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-order.sort-desc .relation-nested-filter-order-icon{--sort-rot:180deg}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-search{display:flex;align-items:center;gap:8px;min-width:0}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-input{width:180px;max-width:100%}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-clear{width:28px;height:28px}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;background:#fff;border:1px solid #dfe3eb;border-radius:10px;padding:6px 0;box-shadow:0 12px 24px rgba(19,39,74,0.08);z-index:20;min-width:0;box-sizing:border-box}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-dropdown-enter-active,.hx-relation-field .relation-nested-wrapper .relation-nested-filter-dropdown-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-dropdown-enter-from,.hx-relation-field .relation-nested-wrapper .relation-nested-filter-dropdown-leave-to{opacity:0;transform:translateY(-8px)}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-dropdown .relation-nested-filter-option{border:none;background:transparent;border-radius:0;padding:8px 20px;font-size:14px;display:block;margin-top:0;text-align:left;width:100%;box-sizing:border-box}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-dropdown .relation-nested-filter-option.active{background:#eef3ff;color:#1b4dd2}@media (max-width:720px){.hx-relation-field .relation-nested-wrapper .relation-nested-filter-bar{width:100%;margin-left:0}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-search{width:100%}.hx-relation-field .relation-nested-wrapper .relation-nested-filter-input{width:100%}}.relation-nested-v2-toolbar.is-fixed{z-index:100!important;box-sizing:border-box!important;background:#ffffff!important;border:1px solid #e5e7eb!important;border-top:none!important;border-radius:0 0 12px 12px!important;padding:12px 16px!important;margin:0!important}.relation-nested-v2-toolbar-placeholder{display:none}.relation-nested-v2-toolbar-placeholder.is-active{display:block}.hx-relation-field .is-nested-v2 .relation-nested-sections{display:flex;flex-direction:column;gap:20px}.hx-relation-field .is-nested-v2 .relation-nested-section{border:1px solid #e0e0e0;border-radius:16px;padding:20px;background:#ffffff;box-shadow:none}.hx-relation-field .is-nested-v2 .relation-nested-sections .relation-nested-container,.hx-relation-field .is-nested-v2 .relation-nested-section .relation-nested-container{background:transparent;border-radius:0;padding:0;border:none!important}.hx-relation-field .is-nested-v2 .relation-nested-sections .relation-nested-body,.hx-relation-field .is-nested-v2 .relation-nested-section .relation-nested-body{border-radius:0;background:transparent;overflow:visible}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-nested-body{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.hx-relation-field .is-nested-v2 .relation-nested-sections .relation-nested-actions,.hx-relation-field .is-nested-v2 .relation-nested-section .relation-nested-actions{display:block}.hx-relation-field .is-nested-v2 .relation-nested-card .relation-nested-actions{border-top:none;padding:0;background:transparent}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-nested-body{border-radius:12px;padding-top:0}.hx-relation-field .is-nested-v2 .relation-nested-sections .relation-nested-headline,.hx-relation-field .is-nested-v2 .relation-nested-section .relation-nested-headline{font-size:18px;font-weight:700;color:#111827}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-nested{width:max-content;min-width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}.hx-relation-field .relation-nested-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.hx-relation-field .is-nested-v2 .relation-table-row[data-level='2'] .relation-table-cell .nested-child-marker{display:inline-block;width:18px;margin-right:8px;color:#6c757d;font-size:14px;line-height:1}.hx-relation-field .is-nested-v2 .relation-table-row[data-level='2'] .relation-table-cell:first-child{padding-left:12px}.hx-relation-field .is-nested-v2 .relation-table-row[data-level='2']{border-left:3px solid rgba(99,102,241,0.06)}.relation-table-row[data-level='2'] .relation-nested-child-content{display:flex;align-items:center;gap:0.5rem;padding-left:1.2rem}.is-nested-v2 .relation-table-row[data-level='2'] .relation-table-cell:first-child{padding-left:1.2rem}.relation-table-row[data-level='2'] .relation-nested-child-content::before,.is-nested-v2 .relation-table-row[data-level='2'] .relation-nested-child-content::before{display:none!important;content:none!important}.relation-table-row[data-level='2'] .relation-table-cell,.is-nested-v2 .relation-table-row[data-level='2'] .relation-table-cell{border-left:none!important;box-shadow:none!important}.relation-table-row[data-level='2'] .relation-nested-child-content{padding-left:1.2rem!important}.relation-table-row[data-level='2']>td:first-child{padding-left:1.2rem!important}.is-nested-v2 .relation-table-row[data-level='2']>td:first-child{padding-left:1.2rem!important}.relation-table-row[data-level='2'] .relation-nested-child-content{padding-left:0!important}.relation-table-nested tr[data-level='2']>td:first-child,.relation-table tr[data-level='2']>td:first-child,.relation-table-nested tbody tr[data-level='2']>td:first-child{padding-left:1.2rem!important}.relation-table tr[data-level='2']>td:first-child .relation-nested-child-value,.relation-table-nested tr[data-level='2']>td:first-child .relation-nested-child-value{margin-left:24px!important}.hx-relation-field .relation-nested-wrapper::-webkit-scrollbar{height:10px}.hx-relation-field .relation-nested-wrapper::-webkit-scrollbar-thumb{background:rgba(17,24,39,0.18);border-radius:999px}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-col-actions{width:36px}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-nested col{width:180px}@media (max-width:1024px){.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-nested col{width:200px}}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-header-cell{padding:10px 10px 10px 0!important;text-align:left;vertical-align:bottom;font-size:14px;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-nested th:first-child,.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-nested td:first-child{padding-left:0}.hx-relation-field .is-nested-v2 .relation-nested-sections .relation-nested-empty,.hx-relation-field .is-nested-v2 .relation-nested-section .relation-nested-empty{text-align:center}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-header-cell-actions{width:36px;min-width:36px;padding:0}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-nested .relation-table-cell,.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-nested .relation-table-header-cell{background:transparent;border:none}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-nested .relation-table-cell,.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-nested td.relation-table-cell{border-bottom:none;padding:0 8px 16px 0;vertical-align:top;text-align:center;overflow:hidden;min-width:0}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-cell .relation-table-cell-inner{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0;padding:0;margin:0;text-align:left}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-actions{width:36px;min-width:36px;padding:0;vertical-align:middle}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-actions{vertical-align:top;padding-top:34px}.hx-relation-field .is-nested-v2 .relation-nested-sections thead .relation-table-checkbox-cell,.hx-relation-field .is-nested-v2 .relation-nested-section thead .relation-table-checkbox-cell,.hx-relation-field .is-nested-v2 .relation-nested-sections thead .relation-nested-checkbox-wrap,.hx-relation-field .is-nested-v2 .relation-nested-section thead .relation-nested-checkbox-wrap{visibility:hidden}.hx-relation-field .is-nested-v2 .relation-nested-sections .relation-table-checkbox-cell,.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-checkbox-cell{width:36px;min-width:36px;max-width:36px;padding-left:12px;padding-right:8px;vertical-align:top}.hx-relation-field .is-nested-v2 .relation-nested-sections .relation-nested-checkbox-wrap,.hx-relation-field .is-nested-v2 .relation-nested-section .relation-nested-checkbox-wrap{display:flex;align-items:center;justify-content:center;height:100%;line-height:0;padding-top:0}.hx-relation-field .is-nested-v2 .relation-nested-sections .relation-nested-checkbox,.hx-relation-field .is-nested-v2 .relation-nested-section .relation-nested-checkbox{appearance:none;-webkit-appearance:none;margin:0;width:16px;height:16px;border:1px solid #c7dbff;border-radius:4px;background:#ffffff;opacity:1;cursor:pointer;position:relative;box-sizing:border-box}.hx-relation-field .is-nested-v2 .relation-nested-sections .relation-nested-checkbox:checked,.hx-relation-field .is-nested-v2 .relation-nested-section .relation-nested-checkbox:checked{background:#dbe9ff;border-color:#7fb0ff}.hx-relation-field .is-nested-v2 .relation-nested-sections .relation-nested-checkbox:checked::after,.hx-relation-field .is-nested-v2 .relation-nested-section .relation-nested-checkbox:checked::after{content:'';position:absolute;left:5px;top:2px;width:4px;height:8px;border:2px solid #1e1e1e;border-top:0;border-left:0;transform:rotate(45deg)}.hx-relation-field .is-nested-v2 .relation-nested-sections .relation-nested-checkbox:indeterminate,.hx-relation-field .is-nested-v2 .relation-nested-section .relation-nested-checkbox:indeterminate{background:#dbe9ff;border-color:#7fb0ff}.hx-relation-field .is-nested-v2 .relation-nested-sections .relation-nested-checkbox:indeterminate::after,.hx-relation-field .is-nested-v2 .relation-nested-section .relation-nested-checkbox:indeterminate::after{content:'';position:absolute;left:3px;right:3px;top:7px;height:2px;background:#1e1e1e;border-radius:2px}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-nested-actions{padding:4px 0 0}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-add-line-btn{background:#f0f1f2!important;border:none;border-radius:10px;padding:10px 20px!important;font-weight:600;font-size:14px;color:#111827;cursor:pointer;transition:background 0.3s ease}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-add-line-btn:hover{background:#e2e4e6!important}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-nested-line-actions{display:flex;justify-content:flex-start}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-action-button.close{background:transparent;border:none;padding:6px;border-radius:10px;color:#1e1e1e}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-action-button.close:hover{background:#f3f4f6}.hx-relation-field .relation-nested-wrapper .relation-action-button.close{color:#1e1e1e!important}.hx-relation-field .relation-nested-wrapper .relation-action-button.close svg path{stroke:#1e1e1e}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-nested-label,.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-cell .relation-table-cell-inner{display:flex;flex-direction:column}.hx-relation-field .is-nested-v2 .relation-nested-section input,.hx-relation-field .is-nested-v2 .relation-nested-section select,.hx-relation-field .is-nested-v2 .relation-nested-section textarea,.hx-relation-field .is-nested-v2 .relation-nested-section .many2one-wrapper input,.hx-relation-field .is-nested-v2 .relation-nested-section .selection-wrapper select,.hx-relation-field .is-nested-v2 .relation-nested-section .date-wrapper input,.hx-relation-field .is-nested-v2 .relation-nested-section .datetime-wrapper input{border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;min-height:44px;background:#ffffff;font-size:14px;color:#374151}.hx-relation-field .is-nested-v2 .relation-nested-section input::placeholder,.hx-relation-field .is-nested-v2 .relation-nested-section select::placeholder,.hx-relation-field .is-nested-v2 .relation-nested-section textarea::placeholder{color:#9ca3af}.hx-relation-field .is-nested-v2 .relation-nested-section input:focus,.hx-relation-field .is-nested-v2 .relation-nested-section select:focus,.hx-relation-field .is-nested-v2 .relation-nested-section textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(47,111,216,0.18);border-color:#93c5fd}.hx-relation-field .is-nested-v2 .relation-nested-v2-card-header{border-bottom:none}.hx-relation-field .is-nested-v2 .relation-nested-card .relation-nested-lines{margin:12px 0 0!important;padding:0 12px}.hx-relation-field .relation-nested-wrapper .relation-nested-indent-cell{position:relative;transition:padding-left 0.2s ease}.hx-relation-field .relation-nested-wrapper .relation-action-button.collapse-toggle{background:transparent;border:none;padding:4px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;transition:background 0.2s ease}.hx-relation-field .relation-nested-wrapper .relation-action-button.collapse-toggle:hover{background:#f3f4f6}.hx-relation-field .relation-nested-wrapper .relation-action-button.add-child{background:transparent;border:none;padding:4px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;transition:background 0.2s ease}.hx-relation-field .relation-nested-wrapper .relation-action-button.add-child:hover{background:#f3f4f6}.hx-relation-field .relation-nested-wrapper tr[data-level='1']{background:#ffffff}.hx-relation-field .relation-nested-wrapper tr[data-level='2']{background:#f9fafb}.hx-relation-field .relation-nested-wrapper tr[data-level='2'] .relation-nested-empty-checkbox{background:transparent!important;border-right:none!important}.hx-relation-field .relation-nested-wrapper tr[data-level='2'] .relation-nested-child-cell{padding:0!important;position:relative}.hx-relation-field .relation-nested-wrapper .relation-nested-child-content{display:flex!important;align-items:center!important;min-height:40px;padding:10px 12px 10px 0!important}.hx-relation-field .relation-nested-wrapper tr[data-level='2'] .relation-nested-child-content{padding-left:12px!important}.hx-relation-field .relation-nested-wrapper .relation-nested-child-checkbox-wrap{display:inline-flex!important;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;margin-right:12px}.hx-relation-field .relation-nested-wrapper tr[data-level='2'] .relation-nested-child-checkbox-wrap{margin-left:0}.hx-relation-field .relation-nested-wrapper .relation-nested-child-checkbox-wrap .relation-nested-checkbox{appearance:none;-webkit-appearance:none;margin:0;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;border:1px solid #c7dbff;border-radius:4px;background:#ffffff;cursor:pointer;position:relative;box-sizing:border-box;flex-shrink:0}.hx-relation-field .relation-nested-wrapper .relation-nested-child-checkbox-wrap .relation-nested-checkbox:checked{background:#dbe9ff;border-color:#7fb0ff}.hx-relation-field .relation-nested-wrapper .relation-nested-child-checkbox-wrap .relation-nested-checkbox:checked::after{content:'';position:absolute;left:5px;top:2px;width:4px;height:8px;border:2px solid #1e1e1e;border-top:0;border-left:0;transform:rotate(45deg)}.hx-relation-field .relation-nested-wrapper .relation-nested-child-value{flex:1;min-width:0;max-width:100%;overflow:visible}.hx-relation-field .relation-nested-wrapper .hx-many2one-field .hx-many2one-field-view .many2one-field,.hx-relation-field .relation-nested-wrapper .hx-many2one-field .hx-many2one-field-view .many2one-field-link{font-size:14px!important;line-height:20px!important;height:auto!important;min-height:0!important;padding:0!important;color:#6d6d6e!important;text-decoration:none!important}.hx-relation-field .relation-nested-wrapper .hx-many2one-field .hx-many2one-field-external-link,.hx-relation-field .relation-nested-wrapper .hx-many2one-field .hx-many2one-field-view .many2one-field-link{cursor:default!important}.hx-relation-field .relation-nested-wrapper .hx-many2one-field{display:block;gap:0!important}.hx-relation-field .relation-nested-wrapper .hx-many2one-field .hx-many2one-field-view{display:block}.hx-relation-field .relation-nested-wrapper .relation-table-cell,.hx-relation-field .relation-nested-wrapper .relation-table-cell .relation-table-cell-inner,.hx-relation-field .relation-nested-wrapper .relation-nested-section .relation-table-nested .relation-table-cell,.hx-relation-field .relation-nested-wrapper.is-nested-v2 .relation-nested-section .relation-table-nested .relation-table-cell,.hx-relation-field .is-nested-v2 .relation-nested-section .relation-table-nested .relation-table-cell{overflow:visible}.hx-relation-field .relation-nested-wrapper .relation-nested-child-value input,.hx-relation-field .relation-nested-wrapper .relation-nested-child-value select,.hx-relation-field .relation-nested-wrapper .relation-nested-child-value textarea{max-width:100%;box-sizing:border-box}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:1040}.modal-backdrop.fade{opacity:0;transition:opacity 0.15s linear}.modal-backdrop.show{opacity:1}.hx-relation-field .relation-nested-wrapper .modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1050;overflow-x:hidden;overflow-y:auto;outline:0}.hx-relation-field .relation-nested-wrapper .modal.d-block{display:block}.hx-relation-field .relation-nested-wrapper .modal-dialog{position:relative;width:auto;margin:1.75rem auto;max-width:800px;pointer-events:none}.hx-relation-field .relation-nested-wrapper .modal-dialog.modal-lg{max-width:900px}.hx-relation-field .relation-nested-wrapper .modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.2);border-radius:12px;outline:0}.hx-relation-field .relation-nested-wrapper .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb;border-top-left-radius:12px;border-top-right-radius:12px}.hx-relation-field .relation-nested-wrapper .modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#111827;line-height:1.5}.hx-relation-field .relation-nested-wrapper .modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:all 0.15s ease}.hx-relation-field .relation-nested-wrapper .modal-close-btn:hover{background-color:#e5e7eb;color:#374151}.hx-relation-field .relation-nested-wrapper .modal-close-icon{width:20px;height:20px;fill:currentColor}.hx-relation-field .relation-nested-wrapper .modal-body{flex:1 1 auto;padding:1.5rem;max-height:calc(100vh - 300px);overflow-y:auto}.hx-relation-field .relation-nested-wrapper .nested-modal-form{display:flex;flex-direction:column;gap:1.25rem}.hx-relation-field .relation-nested-wrapper .nested-modal-field-group{display:flex;flex-direction:column;gap:0.5rem}.hx-relation-field .relation-nested-wrapper .nested-modal-field-label{font-size:14px;font-weight:600;color:#374151;margin:0}.hx-relation-field .relation-nested-wrapper .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:0.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.hx-modal-enter-active,.hx-modal-leave-active{transition:opacity 0.15s ease}.hx-modal-enter-from,.hx-modal-leave-to{opacity:0}.hx-modal-backdrop-enter-active,.hx-modal-backdrop-leave-active{transition:opacity 0.15s ease}.hx-modal-backdrop-enter-from,.hx-modal-backdrop-leave-to{opacity:0}.hx-relation-field .relation-nested-wrapper .relation-table-header-cell{position:relative;vertical-align:middle;min-height:40px;padding:10px 12px;overflow:visible}.hx-relation-field .relation-nested-wrapper .relation-table-header-cell.sortable{cursor:pointer;user-select:none;transition:background-color 0.15s ease}.hx-relation-field .relation-nested-wrapper .relation-table-header-cell.sortable:hover{background-color:#f3f4f6}.hx-relation-field .relation-nested-wrapper .relation-table-header-cell.sorted{background-color:#eff6ff}.hx-relation-field .relation-nested-wrapper .relation-table-header-cell.search-active{padding:6px 10px;background-color:#f8fafc}.hx-relation-field .relation-nested-wrapper .nested-header-content{display:flex;align-items:center;gap:8px;width:100%;min-height:24px;min-width:0}.hx-relation-field .relation-nested-wrapper .nested-sort-indicator{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px}.hx-relation-field .relation-nested-wrapper .nested-sort-icon{display:block;width:12px;height:12px;fill:#374151;flex-shrink:0}.hx-relation-field .relation-nested-wrapper .nested-sort-icon.nested-sort-neutral{fill:#9ca3af;opacity:0.5}.hx-relation-field .relation-nested-wrapper .relation-table-header-cell:hover .nested-sort-icon.nested-sort-neutral{opacity:0.8}.hx-relation-field .relation-nested-wrapper .relation-table-header-cell.sorted .nested-sort-icon{fill:#2563eb}.hx-relation-field .relation-nested-wrapper .nested-header-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:#374151;line-height:1.4}.hx-relation-field .relation-nested-wrapper .nested-search-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;border-radius:4px;opacity:0;transition:opacity 0.15s ease,background-color 0.15s ease;flex-shrink:0}.hx-relation-field .relation-nested-wrapper .nested-search-input{min-width:0;width:100%}.hx-relation-field .relation-nested-wrapper .relation-table-header-cell:hover .nested-search-icon-btn{opacity:1}.hx-relation-field .relation-nested-wrapper .nested-search-icon-btn:hover{background-color:#e5e7eb}.hx-relation-field .relation-nested-wrapper .nested-search-icon-btn.is-active{opacity:1;background-color:#dbeafe}.hx-relation-field .relation-nested-wrapper .nested-search-icon{display:block;width:12px;height:12px;fill:#6b7280;flex-shrink:0}.hx-relation-field .relation-nested-wrapper .nested-search-icon-btn:hover .nested-search-icon{fill:#374151}.hx-relation-field .relation-nested-wrapper .nested-search-icon-btn.is-active .nested-search-icon{fill:#1d4ed8}.hx-relation-field .relation-nested-wrapper .nested-search-wrapper{display:flex;align-items:center;gap:8px;width:100%;min-height:32px}.hx-relation-field .relation-nested-wrapper .nested-search-input{flex:1;min-width:0;height:32px;padding:0 10px;font-size:13px;border:1px solid #d1d5db;border-radius:6px;background:#ffffff;color:#374151;outline:none;transition:border-color 0.15s ease,box-shadow 0.15s ease}.hx-relation-field .relation-nested-wrapper .nested-search-wrapper{min-width:0}.hx-relation-field .relation-nested-wrapper .nested-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.15)}.hx-relation-field .relation-nested-wrapper .nested-search-input::placeholder{color:#9ca3af;font-size:12px}.hx-relation-field .relation-nested-wrapper .nested-search-date{min-width:0;width:100%;max-width:none;padding-right:34px;position:relative}.hx-relation-field .relation-nested-wrapper .nested-search-date::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0.85;pointer-events:auto;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:2}.hx-relation-field .relation-nested-wrapper .nested-search-date::-webkit-calendar-picker-indicator:hover{opacity:1}.hx-relation-field .relation-nested-wrapper .nested-search-select{min-width:100px;padding-right:28px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%236b7280' d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.hx-relation-field .relation-nested-wrapper .nested-search-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:#f3f4f6;cursor:pointer;border-radius:4px;flex-shrink:0;transition:background-color 0.15s ease}.hx-relation-field .relation-nested-wrapper .nested-search-close:hover{background-color:#fee2e2}.hx-relation-field .relation-nested-wrapper .nested-close-icon{display:block;width:12px;height:12px;fill:#6b7280;flex-shrink:0}.hx-relation-field .relation-nested-wrapper .nested-search-close:hover .nested-close-icon{fill:#dc2626}

/** webx/static/css/views/fields/heading-field.css **/
.hx-heading-field{width:100%;margin:0}.hx-heading-field-edit{width:100%}.hx-heading-input-wrapper{display:flex;align-items:center;gap:8px;width:100%}.hx-heading-input{width:100%;border:1px solid #bdbebf;border-radius:4px;padding:8px 12px;font-family:inherit;background-color:#fff}.hx-heading-input:focus{border-color:#80b5ff}.hx-heading-input.has-icon{padding-left:8px}.hx-heading-input--h1{font-size:28px;font-weight:700;line-height:1.2;padding:12px 16px}.hx-heading-input--h2{font-size:24px;font-weight:600;line-height:1.3;padding:10px 14px}.hx-heading-input--h3{font-size:20px;font-weight:600;line-height:1.4;padding:8px 12px}.hx-heading-input--h4{font-size:18px;font-weight:500;line-height:1.4;padding:8px 12px}.hx-heading-input--h5{font-size:16px;font-weight:500;line-height:1.5;padding:6px 10px}.hx-heading-input--h6{font-size:14px;font-weight:500;line-height:1.5;padding:6px 10px}.hx-heading-field-view{cursor:pointer;width:100%}.hx-heading-display{margin:0;display:flex;align-items:center;gap:8px;color:#101828;word-break:break-word}.hx-heading-display.has-icon{gap:10px}.hx-heading-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#667085}.hx-heading-icon svg{width:1em;height:1em;fill:currentColor}.hx-heading-text{flex:1}.hx-heading-field--h1 .hx-heading-display{font-size:28px;font-weight:700;line-height:1.2}.hx-heading-field--h2 .hx-heading-display{font-size:24px;font-weight:600;line-height:1.3}.hx-heading-field--h3 .hx-heading-display{font-size:20px;font-weight:600;line-height:1.4}.hx-heading-field--h4 .hx-heading-display{font-size:18px;font-weight:500;line-height:1.4}.hx-heading-field--h5 .hx-heading-display{font-size:16px;font-weight:500;line-height:1.5}.hx-heading-field--h6 .hx-heading-display{font-size:14px;font-weight:500;line-height:1.5}.hx-heading-error{display:block;margin-top:4px;font-size:12px;color:#f04438}.hx-heading-input::placeholder{color:#98a2b3;opacity:1}.hx-heading-display .hx-heading-text:empty::before{content:attr(data-placeholder);color:#98a2b3}@media (max-width:768px){.hx-heading-input--h1,.hx-heading-field--h1 .hx-heading-display{font-size:24px}.hx-heading-input--h2,.hx-heading-field--h2 .hx-heading-display{font-size:20px}.hx-heading-input--h3,.hx-heading-field--h3 .hx-heading-display{font-size:18px}}

/** webx/static/css/views/fields/many2many-chips-field.css **/
.hx-many2many-chips-field{position:relative;width:100%}.m2m-chips-wrapper{position:relative;width:100%}.m2m-chips-container{display:flex;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;min-height:56px;background:#ffffff;border:none;border-bottom:1px solid #E6E6E6;border-radius:0}.relation-table-cell .m2m-chips-container{min-height:40px;padding:8px 12px;justify-content:flex-start}.relation-table-cell .hx-many2many-chips-field{width:100%}.m2m-chip-toggle{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;background-color:#ffffff;color:#1e1e1e;border:1px solid #585959;border-radius:999px;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:600;line-height:1em;white-space:nowrap;cursor:pointer;transition:all 0.2s ease;outline:none}.m2m-chip-toggle:hover:not(:disabled){background-color:#f5f5f5;border-color:#1e1e1e}.m2m-chip-toggle:disabled{cursor:not-allowed;opacity:0.6}.m2m-chip-toggle.is-selected{background-color:#E3F2FC;color:#0E639F;border:1px solid #F0F1F2}.m2m-chip-toggle.is-selected:hover:not(:disabled){background-color:#D1E9FA;border-color:#E3F2FC}.helper-text{display:block;margin-top:4px;font-size:14px;line-height:1.4em}.helper-danger{color:#8D180B}.helper-muted{color:#999999}@media (max-width:768px){.m2m-chips-container{min-height:48px;padding:6px 10px}.m2m-chip-toggle{font-size:11px;padding:5px 10px}}

/** webx/static/css/views/fields/html-field.css **/
.hx-html-field{position:relative;display:flex;flex-direction:column;gap:4px;width:100%}.hx-html-field .hx-html-field-edit .html-field{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:24px;width:100%;box-sizing:border-box;padding:4px 8px;border:1px solid #cacbcc;border-radius:8px;background:#ffffff;color:#585959;transition:border-color 0.2s;outline:none;appearance:none}.hx-html-field .hx-html-field-view .html-field{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;height:40px;width:100%;box-sizing:border-box;transition:border-color 0.2s;outline:none;appearance:none;background:none;border:none;box-shadow:none;color:#6d6d6e;cursor:default;opacity:1;word-wrap:break-word;overflow-wrap:anywhere}.hx-html-field .hx-html-field-edit .html-field:hover{color:#3d3d3d;border-color:#bdbebf}.hx-html-field .hx-html-field-edit .html-field:focus{border-color:#80b5ff}.hx-html-field .hx-html-field-edit .html-field:disabled,.hx-html-field .hx-html-field-edit .html-field[readonly]{background:#e8e9eb;color:#6d6d6e;border-color:#cacbcc;cursor:not-allowed;opacity:1}.hx-html-field .hx-html-field-edit .html-field:invalid{border-color:#8d180b}.hx-html-field .hx-html-field-edit .helper-text{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px}.hx-html-field .hx-html-field-edit .helper-danger{color:#8d180b}.hx-html-field .hx-html-field-edit .helper-muted{color:#585959}.hx-html-field .note-editor.note-frame{width:100%;border:1px solid #e5e7eb;border-radius:12px;box-shadow:none;overflow:visible}.hx-html-field .note-toolbar{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0}.hx-html-field .note-editor .note-editing-area{border-radius:0 0 12px 12px;overflow:hidden}.hx-html-field .note-editor .note-editable{padding:12px 14px;min-height:200px}.hx-html-field .note-editor .dropdown-menu,.hx-html-field .note-editor .note-dropdown-menu{display:none}.hx-html-field .note-editor .dropdown-menu.show,.hx-html-field .note-editor .note-dropdown-menu.show,.hx-html-field .note-editor .note-btn-group.open .dropdown-menu,.hx-html-field .note-editor .note-btn-group.open .note-dropdown-menu,.hx-html-field .note-editor .note-btn-group.show .dropdown-menu,.hx-html-field .note-editor .note-btn-group.show .note-dropdown-menu{display:block}.hx-html-field .note-editor .dropdown-toggle[aria-expanded='true'] + .dropdown-menu,.hx-html-field .note-editor .dropdown-toggle[aria-expanded='true'] + .note-dropdown-menu,.hx-html-field .note-editor .note-dropdown-toggle[aria-expanded='true'] + .note-dropdown-menu{display:block}.hx-html-field .note-editor .dropdown-menu{max-height:320px;overflow-y:auto;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,0.12);z-index:1051}.hx-html-field .note-color .dropdown-menu,.hx-html-field .note-color-all .dropdown-menu{max-width:min(520px,calc(100vw - 64px))}.hx-html-field .note-editor .note-btn{border:none}body.snote-menu-open .note-dimension-picker,body.snote-menu-open .note-dimension-picker-mousecatcher{display:none!important}body.snote-menu-open .note-table{pointer-events:none}

/** webx/static/css/views/fields/relational-field-v2.css **/
.hx-relational-field-v2{width:100%;min-width:0;display:flex;flex-direction:column;gap:8px}.hx-relational-field-v2 .relational-loading{display:flex;align-items:center;gap:8px;padding:16px;color:#666;font-size:14px}.hx-relational-field-v2 .loading-spinner{width:16px;height:16px;border:2px solid #e0e0e0;border-top:2px solid #007bff;border-radius:50%;animation:hx-relational-field-v2-spin 1s linear infinite}@keyframes hx-relational-field-v2-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hx-relational-field-v2 .relational-error{display:flex;align-items:center;gap:8px;padding:12px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:14px}.hx-relational-field-v2 .error-icon{display:flex;align-items:center;justify-content:center}.hx-relational-field-v2 .error-icon svg{width:16px;height:16px;fill:#dc3545}.hx-relational-field-v2 .relational-help-text{color:#666;font-size:12px;margin-top:4px}

/** webx/static/css/views/fields/float-field.css **/
.hx-float-field{position:relative;display:flex;flex-direction:column;gap:4px;width:100%}.hx-float-field .hx-float-field-edit .float-field{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:24px;height:40px;width:100%;box-sizing:border-box;padding:4px 8px;border:1px solid #cacbcc;border-radius:8px;background:#ffffff;color:#585959;transition:border-color 0.2s;outline:none;appearance:none}.hx-float-field .hx-float-field-view .float-field{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;height:40px;width:100%;box-sizing:border-box;transition:border-color 0.2s;outline:none;appearance:none;background:none;border:none;box-shadow:none;color:#6d6d6e;cursor:default;opacity:1;word-wrap:break-word;overflow-wrap:anywhere}.hx-float-field .hx-float-field-edit .float-field:hover{color:#3d3d3d;border-color:#bdbebf}.hx-float-field .hx-float-field-edit .float-field:focus{border-color:#80b5ff}.hx-float-field .hx-float-field-edit .float-field:disabled,.hx-float-field .hx-float-field-edit .float-field[readonly]{background:#e8e9eb;color:#6d6d6e;border-color:#cacbcc;cursor:not-allowed;opacity:1}.hx-float-field .hx-float-field-edit .float-field:invalid{border-color:#8d180b}.hx-float-field .hx-float-field-edit .helper-text{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px}.hx-float-field .hx-float-field-edit .helper-danger{color:#8d180b}.hx-float-field .hx-float-field-edit .helper-muted{color:#585959}.hx-float-field .hx-float-field-edit .float-field.hx-disabled-field,.hx-float-field .hx-float-field-edit input.float-field.hx-disabled-field[disabled]{background-color:#f5f5f5;color:#9e9e9e;cursor:default;opacity:0.7;border-color:#cacbcc}

/** webx/static/css/views/fields/boolean-field.css **/
.hx-boolean-field{}.hx-boolean-field .toggle-switch{width:36px;height:22px;background:#d1d5db;border-radius:11px;display:inline-block;position:relative;transition:background 0.2s;vertical-align:middle}.hx-boolean-field .toggle-switch.checked{background:#2563eb}.hx-boolean-field .toggle-switch.disabled{opacity:0.5;pointer-events:none}.hx-boolean-field .toggle-slider{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.07);transition:left 0.2s}.hx-boolean-field .toggle-switch.checked .toggle-slider{left:17px}.hx-boolean-field.is-animating{pointer-events:none;opacity:0.8}.hx-boolean-field.is-animating .toggle-switch{pointer-events:none}

/** webx/static/css/views/fields/text-field.css **/
.hx-text-field{position:relative;display:flex;flex-direction:column;gap:4px;width:100%}.hx-text-field .hx-text-field-edit .text-field{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:24px;min-height:40px;height:auto;width:100%;box-sizing:border-box;padding:4px 8px;border:1px solid #cacbcc;border-radius:8px;background:#ffffff;color:#585959;transition:border-color 0.2s;outline:none;appearance:none}.hx-text-field .hx-text-field-view .text-field{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;min-height:40px;height:auto;width:100%;box-sizing:border-box;transition:border-color 0.2s;outline:none;appearance:none;background:none;border:none;box-shadow:none;color:#6d6d6e;cursor:default;opacity:1;word-wrap:break-word;overflow-wrap:anywhere}.hx-text-field .hx-text-field-edit .text-field:hover{color:#3d3d3d;border-color:#bdbebf}.hx-text-field .hx-text-field-edit .text-field:focus{border-color:#80b5ff}.hx-text-field .hx-text-field-edit .text-field:disabled,.hx-text-field .hx-text-field-edit .text-field[readonly]{background:#e8e9eb;color:#6d6d6e;border-color:#cacbcc;cursor:not-allowed;opacity:1}body.has-validation-errors .hx-text-field .hx-text-field-edit .text-field:invalid,.hx-text-field .hx-text-field-edit .text-field.is-invalid{border-color:#dc3545;box-shadow:0 0 0 2px rgba(220,53,69,0.08)}body.has-validation-errors .hx-text-field .hx-text-field-edit .text-field:invalid:focus,.hx-text-field .hx-text-field-edit .text-field.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 3px rgba(220,53,69,0.18)}body:not(.has-validation-errors) .hx-text-field .hx-text-field-edit .text-field:invalid{border-color:#cacbcc;box-shadow:none}.hx-text-field .hx-text-field-edit .helper-text{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px}.hx-text-field .hx-text-field-edit .helper-danger{color:#8d180b}.hx-text-field .hx-text-field-edit .helper-muted{color:#585959}.hx-password-field{position:relative}.hx-password-field .text-field{padding-right:40px}.hx-password-field .password-toggle-btn{position:absolute;right:28px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer;color:#6d6d6e;display:flex;align-items:center;justify-content:center;transition:color 0.2s;z-index:1;outline:none}.hx-password-field .password-toggle-btn:hover{color:#3d3d3d}.hx-password-field .password-toggle-btn .password-toggle-icon{width:20px;height:20px;fill:currentColor}.hx-text-field .hx-text-field-edit .text-field.hx-disabled-field,.hx-text-field .hx-text-field-edit input.text-field.hx-disabled-field[disabled]{background-color:#f5f5f5;color:#9e9e9e;cursor:default;opacity:0.7;border-color:#cacbcc}

/** webx/static/css/views/fields/selection-field.css **/
.hx-selection-field{position:relative;display:flex;flex-direction:column;gap:4px;width:100%}.hx-selection-field .hx-selection-field-edit .selection-field{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:24px;height:40px;width:100%;box-sizing:border-box;padding:4px 40px 4px 8px;border:1px solid #bdbebf;border-radius:8px;background:#ffffff;color:#585959;transition:border-color 0.2s;outline:none;appearance:none;cursor:pointer}.hx-selection-field .hx-selection-field-view .selection-field{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;height:40px;width:100%;box-sizing:border-box;transition:border-color 0.2s;outline:none;appearance:none;background:none;border:none;box-shadow:none;color:#6d6d6e;cursor:default;opacity:1;word-wrap:break-word;overflow-wrap:anywhere}.hx-selection-field .hx-selection-field-edit.open .selection-field{border-radius:8px 8px 0 0}.hx-selection-field .hx-selection-field-edit .selection-field:hover{color:#3d3d3d;border-color:#bdbebf}.hx-selection-field .hx-selection-field-edit .selection-field:focus{border-color:#80b5ff}.hx-selection-field .hx-selection-field-edit .selection-field:disabled{background:#e8e9eb;color:#6d6d6e;border-color:#cacbcc;cursor:not-allowed;opacity:1}.hx-selection-field .hx-selection-field-edit .selection-field:not(:disabled){background:#ffffff;cursor:pointer;transition:box-shadow 0.05s ease-in-out}.hx-selection-field .selection-field-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.hx-selection-field .selection-field-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;color:#3d3d3d;fill:currentColor}.m2o-dropdown-item.m2o-active{background-color:#f0f4ff;color:#1e1e1e}.m2o-dropdown-item{background:transparent}.hx-selection-field .hx-selection-field-edit .selection-field:not(:disabled):hover,.hx-selection-field .hx-selection-field-edit .selection-field:not(:disabled):focus{box-shadow:0 1px 4px rgba(49,101,212,0.06),0 0.5px 0.5px rgba(30,42,61,0.03) inset}.hx-selection-field .hx-selection-field-edit .selection-field:invalid:not(:disabled){border-color:#8d180b}.hx-selection-field .hx-selection-field-edit .selection-field[required]:invalid:not(:disabled){border-color:#dc3545}.hx-selection-field .hx-selection-field-edit .helper-text{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px}.hx-selection-field .hx-selection-field-edit .helper-danger{color:#8d180b}.hx-selection-field .hx-selection-field-edit .helper-muted{color:#585959}.hx-selection-field .hx-selection-field-edit .selection-field.hx-disabled-field,.hx-selection-field .hx-selection-field-edit input.selection-field.hx-disabled-field[disabled]{background-color:#f5f5f5;color:#9e9e9e;cursor:default;opacity:0.7;border-color:#bdbebf}

/** webx/static/css/views/fields/radio-card-selection-field.css **/
.hx-radio-card-selection-field{width:100%;margin-bottom:0.5rem}.radio-card-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;justify-content:start}.radio-selection-card{position:relative;display:flex;flex-direction:row;align-items:flex-start;padding:12px;border:2px solid #e1e2e3;border-radius:8px;background:#ffffff!important;cursor:pointer;transition:all 800ms ease-in-out;width:100%;height:68px!important;min-height:68px;max-height:68px;box-sizing:border-box;overflow:hidden}.radio-selection-card:hover:not(.radio-selection-card--readonly){border-color:#3b82f6;transition:all 800ms ease-in-out;background:#ffffff!important}.radio-selection-card--selected{border-color:#3b82f6;background:var(--Signal-Blue-10,#e0eeff);box-shadow:0 4px 12px rgba(59,130,246,0.15)}.radio-selection-card--readonly{cursor:not-allowed;opacity:0.6}.radio-selection-card__radio{position:absolute;top:50%;transform:translateY(-50%);right:20px;width:24px;height:24px;border:3px solid #d1d5db;border-radius:50%;background:#ffffff;cursor:pointer;transition:all 300ms ease;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden}.radio-selection-card--selected .radio-selection-card__radio{border-color:#3b82f6;background:#3b82f6;opacity:1;visibility:visible}.radio-selection-card__radio-inner{width:14px;height:8px;border:2px solid #ffffff;border-top:none;border-right:none;transform:rotate(-45deg) scale(0);transition:all 300ms ease;opacity:0}.radio-selection-card--selected .radio-selection-card__radio-inner{transform:rotate(-45deg) scale(1);opacity:1}.radio-selection-card__icon{margin-right:10px;flex-shrink:0}.radio-selection-card__icon-wrapper{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;transition:all 800ms ease-in-out}.radio-selection-card--selected .radio-selection-card__icon-wrapper{background:#3b82f6}.radio-selection-card__icon-svg{width:20px;height:20px;fill:#006fff;transition:all 300ms ease}.radio-selection-card__icon-img{width:20px;height:20px;object-fit:contain}.radio-selection-card--selected .radio-selection-card__icon-svg{fill:#ffffff}.radio-selection-card__icon-text{font-size:24px;font-weight:600;color:#6b7280;transition:all 300ms ease}.radio-selection-card--selected .radio-selection-card__icon-text{color:#ffffff}.radio-selection-card__content{flex:1;min-width:0;overflow:hidden}.radio-selection-card__title{font-size:18px;font-weight:600;color:#111827!important;margin:0 0 4px 0;line-height:1.4;padding-right:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-selection-card__description{font-size:12px;font-weight:400;color:#6b7280!important;margin:0;line-height:1.5;padding-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.radio-selection-card:focus{outline:3px solid #3b82f6;outline-offset:2px}.radio-selection-card:focus:not(:focus-visible){outline:none}.hx-form-groups .form-container-row:has(.hx-radio-card-selection-field){display:block!important;width:100%!important}.hx-form-groups .form-container-row:has(.hx-radio-card-selection-field) .form-container-col{width:100%!important;max-width:100%!important;flex:0 0 100%!important}@media (max-width:992px){.radio-card-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.radio-card-container{grid-template-columns:1fr}.radio-selection-card{padding:20px}.radio-selection-card__radio{top:20px;right:20px}}@media (max-width:480px){.radio-selection-card{padding:16px;min-height:120px}.radio-selection-card__icon-wrapper{width:40px;height:40px}.radio-selection-card__icon-svg{width:24px;height:24px}.radio-selection-card__title{font-size:16px}.radio-selection-card__description{font-size:13px}}@keyframes radioCardSelect{0%{transform:scale(1)}50%{transform:scale(0.98)}100%{transform:scale(1)}}.radio-selection-card--selected{animation:radioCardSelect 300ms ease}@media (prefers-color-scheme:dark){.radio-selection-card{background:#ffffff!important;border-color:#e1e2e3}.radio-selection-card--selected{background:#e0eeff!important;border-color:#3b82f6}.radio-selection-card__title{color:#111827!important}.radio-selection-card__description{color:#6b7280!important}.radio-selection-card__icon-wrapper{background:#f3f4f6}.radio-selection-card__radio{background:#ffffff;border-color:#d1d5db}}

/** webx/static/css/views/fields/m2m-avatar-field.css **/
.hx-m2m-avatar-field{display:inline-flex;align-items:center}.hx-m2m-avatar-field .hx-m2m-avatar-widget{display:inline-flex;align-items:center}.hx-m2m-avatar-field .hx-m2m-avatar-stack{display:inline-flex;align-items:center;flex-direction:row}.hx-m2m-avatar-field .hx-m2m-avatar-item{position:relative;width:36px;height:36px;border-radius:50%;border:3px solid #75aaf0;flex-shrink:0;overflow:hidden;background:#e0e5ec;box-sizing:border-box}.hx-m2m-avatar-field .hx-m2m-avatar-item + .hx-m2m-avatar-item{margin-left:-10px}.hx-m2m-avatar-field .hx-m2m-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.hx-m2m-avatar-field .hx-m2m-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hx-m2m-avatar-field .hx-m2m-avatar-fallback svg{width:100%;height:100%;border-radius:50%}.hx-m2m-avatar-field .hx-m2m-avatar-overflow{background:#dee2e8;display:flex;align-items:center;justify-content:center;cursor:default}.hx-m2m-avatar-field .hx-m2m-avatar-overflow-text{font-size:11px;font-weight:600;color:#475467;line-height:1;white-space:nowrap}

/** webx/static/css/views/fields/team-performance-widget.css **/
.hx-team-performance-widget{font-family:inherit;color:#111827;width:100%}.hx-team-performance-widget .hx-tp-widget-header{margin-bottom:16px}.hx-team-performance-widget .hx-tp-widget-title{font-size:15px;font-weight:700;color:#111827}.hx-team-performance-widget .hx-tp-widget-subtitle{font-size:12px;color:#6b7280;margin-top:2px}.hx-team-performance-widget .hx-tp-summary-bar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.hx-team-performance-widget .hx-tp-stat-card{flex:1;min-width:140px;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;background:#fff}.hx-team-performance-widget .hx-tp-stat-card.is-achievement{flex:1.5}.hx-team-performance-widget .hx-tp-stat-label{font-size:11px;margin-bottom:6px;text-transform:uppercase;letter-spacing:0.04em}.hx-team-performance-widget .hx-tp-stat-value{font-size:15px;font-weight:600;color:#111827}.hx-team-performance-widget .hx-tp-stat-value.is-highlight{color:#10b981}.hx-team-performance-widget .hx-tp-achievement-pct{font-size:13px;font-weight:700;color:#10b981;text-align:right;margin-top:4px}.hx-team-performance-widget .hx-tp-progress-track{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin:6px 0 2px}.hx-team-performance-widget .hx-tp-progress-fill{height:100%;background:#10b981;border-radius:4px;transition:width 0.35s ease;min-width:2px}.hx-team-performance-widget .hx-tp-member-list{display:flex;flex-direction:column;gap:8px}.hx-team-performance-widget .hx-tp-empty{padding:24px;text-align:center;color:#9ca3af;font-size:13px;border:1px dashed #e5e7eb;border-radius:10px}.hx-team-performance-widget .hx-tp-member-card{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff}.hx-team-performance-widget .hx-tp-member-header{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;user-select:none;transition:background 0.15s}.hx-team-performance-widget .hx-tp-member-header:hover{background:#f9fafb}.hx-team-performance-widget .hx-tp-avatar-wrap{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center}.hx-team-performance-widget .hx-tp-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.hx-team-performance-widget .hx-tp-avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:13px;font-weight:700;color:#6b7280;background:#e5e7eb;border-radius:50%}.hx-team-performance-widget .hx-tp-member-info{flex:1;min-width:0}.hx-team-performance-widget .hx-tp-member-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-team-performance-widget .hx-tp-member-meta{font-size:12px;color:#6b7280;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-team-performance-widget .hx-tp-meta-sep{margin:0 5px}.hx-team-performance-widget .hx-tp-status-badge{flex-shrink:0;font-size:10px;font-weight:700;padding:3px 10px;border-radius:999px;letter-spacing:0.05em}.hx-team-performance-widget .hx-tp-status-badge.is-exceeded{background:#d1fae5;color:#065f46}.hx-team-performance-widget .hx-tp-status-badge.is-on_track{background:#dbeafe;color:#1e40af}.hx-team-performance-widget .hx-tp-status-badge.is-at_risk{background:#ffedd5;color:#9a3412}.hx-team-performance-widget .hx-tp-chevron{flex-shrink:0}.hx-team-performance-widget .hx-tp-member-detail{padding:12px 16px 16px;border-top:1px solid #f3f4f6}.hx-team-performance-widget .hx-tp-achievement-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:4px}.hx-team-performance-widget .hx-tp-achievement-label{font-weight:500;color:#374151}.hx-team-performance-widget .hx-tp-achievement-amounts{color:#6b7280}.hx-team-performance-widget .hx-tp-percent{text-align:right;font-size:13px;font-weight:700;color:#10b981;margin-bottom:12px}.hx-team-performance-widget .hx-tp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.hx-team-performance-widget .hx-tp-stat-cell{border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;background:#f7f8fa}.hx-team-performance-widget .hx-tp-stat-cell .hx-tp-stat-label{font-size:11px;margin-bottom:4px;color:#111827}.hx-team-performance-widget .hx-tp-stat-cell .hx-tp-stat-value{font-size:13px;font-weight:600}

/** webx/static/css/views/fields/datetime-field.css **/
.hx-datetime-field{}.hx-datetime-field{--font:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;--bg:#fff;--fg:#111827;--muted:#6b7280;--muted-2:#9ca3af;--border:#e6e6e6;--border-strong:#cacbcc;--primary:#2a5ea2;--primary-600:#1a4e9c;--danger:#dc2626;--shadow:1px 4px 4px 0 rgba(0,0,0,0.08);--focus:0 0 0 3px rgba(31,95,191,0.25);--r-xl:14px;--r-md:10px;--r-sm:8px;--r-xs:6px;font-family:var(--font);color:var(--fg);position:relative;display:flex;flex-direction:column;gap:4px;width:100%}.hx-datetime-field .hx-datetime-field-edit{position:relative}.hx-datetime-field .hx-datetime-field-edit .date-field{display:inline-flex;align-items:center;width:100%;min-height:40px;padding:4px 12px;font-size:14px;line-height:20px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg);color:var(--fg);text-align:left;cursor:pointer;transition:box-shadow 0.2s,border-color 0.2s,background 0.2s;outline:none;appearance:none;gap:8px}.hx-datetime-field .hx-datetime-field-edit .date-field-leading-icon{margin-bottom:4px}.hx-datetime-field .hx-datetime-field-edit .date-field:hover{background:#fafafa;border-color:var(--border);color:#3d3d3d}.hx-datetime-field .hx-datetime-field-edit .date-field:focus,.hx-datetime-field .hx-datetime-field-edit .date-field:focus-visible{border-color:#80b5ff;box-shadow:var(--focus);outline:none}.hx-datetime-field .hx-datetime-field-edit .date-field:disabled,.hx-datetime-field .hx-datetime-field-edit .date-field[readonly]{background-color:#e8e9eb;color:#6d6d6e;border-color:#cacbcc;cursor:not-allowed;opacity:1}.hx-datetime-field .hx-datetime-field-edit .date-field:invalid{border-color:#8d180b}.hx-datetime-field .date-field-view{display:flex;align-items:flex-start;min-height:44px;line-height:1.4;padding:0;border:none;background:transparent;border-radius:0}.hx-datetime-field .hx-datetime-field-edit .helper-text{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px}.hx-datetime-field .hx-datetime-field-edit .helper-danger{color:#8d180b}.hx-datetime-field .hx-datetime-field-edit .helper-muted{color:#585959}.hx-datetime-field .hx-datetime-field-edit button.date-field.hx-disabled-field{background-color:#f5f5f5;color:#9e9e9e;cursor:default;opacity:0.7;border-color:#cacbcc}.hx-datetime-field .datepicker-popover{position:absolute;left:0;width:480px;max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow);z-index:1060;overflow:hidden;box-sizing:border-box}.hx-relation-field .hx-datetime-field .datepicker-popover{position:fixed}.hx-relation-field .hx-datetime-field .datepicker-popover.is-bottom,.hx-relation-field .hx-datetime-field .datepicker-popover.is-top{top:auto!important;bottom:auto!important}.hx-datetime-field .datepicker-tabs{display:flex;gap:4px;padding:8px 6px 0}.hx-datetime-field .tab-btn{flex:1 1 0%;border:0;background:transparent;cursor:pointer;padding:4px 0;border-radius:6px;color:#1f2a37;transition:background 0.3s ease,color 0.3s ease}.hx-datetime-field .tab-btn:hover{background:#e7eefc}.hx-datetime-field .tab-btn.is-active{background:var(--primary);color:#fff}.hx-datetime-field .tab-label{display:inline-flex;align-items:center;gap:8px}.hx-datetime-field .tab-label svg{fill:currentColor}.hx-datetime-field .datepicker-header{display:grid;align-items:center;column-gap:12px;padding:8px 12px 0}.hx-datetime-field .datepicker-header-left{display:contents}.hx-datetime-field .datepicker-header-right{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--primary);font-size:14px;font-weight:600;justify-self:start;grid-column:2;grid-row:1}.hx-datetime-field .datepicker-header-right svg{display:block;width:18px;height:18px;flex-shrink:0}.hx-datetime-field .monthyear-button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:10px;background:transparent;cursor:pointer;padding:0 8px;height:36px;transition:background 0.3s ease;grid-column:1;grid-row:1;justify-self:start}.hx-datetime-field .monthyear-button:hover{background-color:#f3f4f6}.hx-datetime-field .monthyear-text{font-size:16px}.hx-datetime-field .nav-buttons{display:inline-flex;gap:6px;justify-self:end;grid-column:1;grid-row:1}.hx-datetime-field .nav-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:6px;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background 0.3s ease,border-color 0.3s ease,transform 0.3s ease}.hx-datetime-field .nav-btn:hover{background:#f3f4f6}.hx-datetime-field .nav-btn:active{transform:translateY(1px)}.hx-datetime-field .nav-btn:focus-visible{outline:none;box-shadow:var(--focus)}.hx-datetime-field .nav-btn svg{fill:#4b5563}.hx-datetime-field .datepicker-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(168px,max-content);column-gap:12px;padding:0 12px 8px}.hx-datetime-field .calendar-panel{flex:1 1 auto;min-width:0}.hx-datetime-field .time-panel{width:auto;min-width:168px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:4px;font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.hx-datetime-field .calendar-wrapper{padding:4px 0 0}.hx-datetime-field .weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;text-align:center;font-size:14px;font-weight:700;color:var(--muted);padding:4px 0 8px}.hx-datetime-field .calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;inline-size:100%}.hx-datetime-field .calendar-cell{inline-size:100%;aspect-ratio:1 / 1;border:0;border-radius:999px;background:transparent;color:var(--fg);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;cursor:pointer;transition:background 0.3s ease,color 0.3s ease,box-shadow 0.3s ease;display:flex;align-items:center;justify-content:center}.hx-datetime-field .calendar-cell:hover{background:#eff3ff}.hx-datetime-field .calendar-cell:focus-visible{outline:none;box-shadow:var(--focus)}.hx-datetime-field .calendar-cell:disabled{color:#bdbdbd;cursor:not-allowed;opacity:0.55;background:transparent}.hx-datetime-field .outside-month{color:var(--muted-2);font-weight:600}.hx-datetime-field .today-outline{color:#006fff}.hx-datetime-field .selected-day{background:var(--primary)!important;color:#fff!important;border-radius:50%;box-shadow:0 0 0 3px var(--primary)}.hx-datetime-field .calendar-footer{display:flex;align-items:center;justify-content:space-between}.hx-datetime-field .datepicker-footer{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:8px 12px 12px}.hx-datetime-field .datepicker-footer::before{content:'';position:absolute;top:0;left:12px;right:12px;height:1px;background:#eef0f2}.hx-datetime-field .datepicker-footer .btn-clear-date{margin-right:auto}.hx-datetime-field .btn-apply{background:var(--primary);color:#ffffff;border:0;border-radius:8px;padding:6px 12px;font-weight:600;cursor:pointer;transition:background 0.3s ease,filter 0.3s ease}.hx-datetime-field .btn-apply:hover{filter:brightness(0.95)}.hx-datetime-field .btn-apply:focus-visible{outline:none;box-shadow:var(--focus)}.hx-datetime-field .link-btn{background:transparent;border:0;border-radius:8px;color:var(--primary);font-weight:600;padding:8px;cursor:pointer;width:auto;transition:background 0.3s ease,color 0.3s ease}.hx-datetime-field .link-btn:hover{background:#e7eefc}.hx-datetime-field .link-btn:focus-visible{outline:none;box-shadow:var(--focus)}.hx-datetime-field .link-btn.btn-clear-date{color:#6d6d6e}.hx-datetime-field .link-btn.btn-clear-date.has-value{color:var(--primary)}.hx-datetime-field .datepicker-footer .link-btn,.hx-datetime-field .datepicker-footer .link-btn.btn-clear-date,.hx-datetime-field .datepicker-footer .link-btn.btn-clear-date.has-value{color:#006fff}.hx-datetime-field .timepicker{display:flex;flex-direction:column;padding:6px;background:transparent;font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.hx-datetime-field .time-grid-headings{display:flex}.hx-datetime-field .time-headings{display:grid;grid-auto-flow:column;grid-auto-columns:auto;align-items:center;justify-content:center;column-gap:0;margin:4px 0 10px}.hx-datetime-field .time-heading{text-align:center;width:64px;font-size:13px;line-height:18px;font-weight:600;color:#6d6d6e}.hx-datetime-field .time-spacer{width:16px;height:1px}.hx-datetime-field .time-controls{display:grid;grid-auto-flow:column;grid-auto-columns:auto;justify-content:center;align-items:center;column-gap:0;margin:4px 0 12px}.hx-datetime-field .time-col{display:grid;grid-template-rows:auto auto auto;justify-items:center;align-items:center;row-gap:8px;width:64px}.hx-datetime-field .spin-btn{width:24px;height:24px;border-radius:8px;border:1px solid #e1e2e3;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease}.hx-datetime-field .spin-btn:hover{border-color:#d6dbe3;background:#f1f4f8}.hx-datetime-field .spin-btn:active{background:#e8edf6}.hx-datetime-field .time-input{width:56px;height:44px;border-radius:6px;border:1px solid #e1e2e3;background:#ffffff;color:#1f2937;text-align:center;font-size:18px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.hx-datetime-field .time-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(47,111,228,0.2)}.hx-datetime-field .time-value{font-size:28px;line-height:32px;font-weight:700;color:#1f2937;min-width:40px;text-align:center;letter-spacing:0.3px}.hx-datetime-field .time-readout{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:16px}.hx-datetime-field .time-separator{color:#6d6d6e;font-size:18px;font-weight:600;line-height:1;width:16px;display:flex;align-items:center;justify-content:center}.hx-datetime-field .time-box{width:64px;height:48px;border-radius:4px;border:2px solid #006fff;background:#ffffff;color:#006fff;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:56px;transition:background 0.3s ease,border-color 0.3s ease,color 0.3s ease,box-shadow 0.3s ease}.hx-datetime-field .time-box:focus{outline:none;box-shadow:0 0 0 3px rgba(47,111,228,0.2)}.hx-datetime-field .time-box-btn{cursor:pointer}.hx-datetime-field .time-box-btn:hover{background:#e7eefc}.hx-datetime-field .time-footer{display:flex;justify-content:flex-end}.hx-datetime-field .nav-btn,.hx-datetime-field .calendar-cell,.hx-datetime-field .link-btn,.hx-datetime-field .spin-btn{-webkit-tap-highlight-color:transparent}.hx-datetime-field .monthyear-popover{padding:0 2px}.hx-datetime-field .year-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto;scroll-behavior:smooth;padding:4px 2px 0 4px;margin-bottom:8px}.hx-datetime-field .year-item{display:block;width:100%;padding:6px 12px;text-align:left;background:#f7f8fa;border:none;cursor:pointer}.hx-datetime-field .year-item.is-active{background:#f7f8fa;font-weight:600}.hx-datetime-field .months-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;inline-size:100%}.hx-datetime-field .month-chip{inline-size:100%;aspect-ratio:2 / 1;display:grid;place-items:center;border-radius:6px;cursor:pointer;background:transparent;border:none;transition:background 0.3s ease,color 0.3s ease}.hx-datetime-field .month-chip.is-active{color:#2563eb;font-weight:600}.hx-datetime-field .time-grid{display:grid;grid-template-columns:repeat(4,minmax(36px,1fr));gap:8px 16px;margin:8px 0 16px;justify-items:center}.hx-datetime-field .time-chip{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#374151;font-size:16px;font-weight:600;width:36px;height:36px;line-height:36px;border-radius:50%;text-align:center;cursor:pointer;transition:background 0.3s ease,color 0.3s ease,box-shadow 0.3s ease}.hx-datetime-field .time-chip:hover{background:#eef4ff}.hx-datetime-field .time-chip:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(47,111,228,0.25)}.hx-datetime-field .time-chip.is-selected{background:var(--primary);color:#ffffff}@media (max-width:540px){.hx-datetime-field .datepicker-popover{width:calc(100vw - 24px)}.hx-datetime-field .datepicker-body{grid-template-columns:1fr;row-gap:12px}.hx-datetime-field .time-panel{width:100%;min-width:0}}

/** webx/static/css/views/fields/integer-field.css **/
.hx-integer-field{position:relative;display:flex;flex-direction:column;gap:4px;width:100%}.hx-integer-field .hx-integer-field-edit .integer-field{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:24px;height:40px;width:100%;box-sizing:border-box;padding:4px 8px;border:1px solid #cacbcc;border-radius:8px;background:#ffffff;color:#585959;transition:border-color 0.2s;outline:none;appearance:none}.hx-integer-field .hx-integer-field-view .integer-field{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;height:40px;width:100%;box-sizing:border-box;transition:border-color 0.2s;outline:none;appearance:none;background:none;border:none;box-shadow:none;color:#6d6d6e;cursor:default;opacity:1;word-wrap:break-word;overflow-wrap:anywhere}.hx-integer-field .hx-integer-field-edit .integer-field:hover{color:#3d3d3d;border-color:#bdbebf}.hx-integer-field .hx-integer-field-edit .integer-field:focus{border-color:#80b5ff}.hx-integer-field .hx-integer-field-edit .integer-field:disabled,.hx-integer-field .hx-integer-field-edit .integer-field[readonly]{background:#e8e9eb;color:#6d6d6e;border-color:#cacbcc;cursor:not-allowed;opacity:1}.hx-integer-field .hx-integer-field-edit .integer-field:invalid{border-color:#8d180b}.hx-integer-field .hx-integer-field-edit .helper-text{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px}.hx-integer-field .hx-integer-field-edit .helper-danger{color:#8d180b}.hx-integer-field .hx-integer-field-edit .helper-muted{color:#585959}.hx-integer-field .hx-integer-field-edit .integer-field.hx-disabled-field,.hx-integer-field .hx-integer-field-edit input.integer-field.hx-disabled-field[disabled]{background-color:#f5f5f5;color:#9e9e9e;cursor:default;opacity:0.7;border-color:#cacbcc}

/** webx/static/css/views/fields/relation-field.css **/
.hx-relation-field{overflow-x:auto;margin-top:0;min-width:0;width:100%}.hx-trigger-conditions-widget{font-family:'Plus Jakarta Sans',sans-serif;color:#1e1e1e;line-height:1.4;display:flex;flex-direction:column;gap:8px}.hx-trigger-conditions-widget *,.hx-trigger-conditions-widget *::before,.hx-trigger-conditions-widget *::after{box-sizing:border-box}.hx-trigger-header{display:flex;align-items:center;gap:8px}.hx-trigger-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#1e1e1e;margin:0}.hx-trigger-info-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.info-icon{color:#1e1e1e;fill:currentColor}.hx-trigger-container{border:1px solid #d9d9d9;border-radius:16px;padding:0 0 8px 0;background:#ffffff;overflow:visible}.hx-trigger-group{padding:16px;display:flex;flex-direction:column;gap:16px}.hx-trigger-table-header{display:flex;align-items:center;padding:12px 16px;background:#f5f5f5;gap:20px;border-bottom:1px solid #d9d9d9}.hx-header-cell{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:16px;line-height:1.5;text-align:center;color:#1e1e1e}.property-header{flex:1;min-width:0}.operation-header{width:200px;flex-shrink:0}.value-header{width:200px;flex-shrink:0}.actions-header{width:100px;flex-shrink:0}.hx-trigger-row{display:flex;align-items:center;padding:20px 16px;gap:20px}.hx-trigger-cell{display:flex;align-items:center;position:relative;width:100%}.hx-trigger-cell.property-cell{flex:1;min-width:0}.hx-trigger-cell.operation-cell{width:200px;flex-shrink:0}.hx-trigger-cell.value-cell{width:200px;flex-shrink:0}.hx-trigger-cell.actions-cell{width:100px;flex-shrink:0;justify-content:center}.hx-trigger-input-wrapper{position:relative;display:flex;align-items:center;width:100%;background:#ffffff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 40px 8px 12px;cursor:pointer}.hx-trigger-input-wrapper:focus-within{border-color:#0d6efd;outline:none}.hx-trigger-input{flex:1;border:none;outline:none;background:transparent;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#1e1e1e;padding:0}.hx-trigger-input::placeholder{color:#999999}.hx-trigger-dropdown-icon{position:absolute;top:50%;right:12px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:#1e1e1e;pointer-events:none}.hx-trigger-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;width:100%;margin:0;padding:4px 0;list-style:none;background:#ffffff;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.12);z-index:1000;max-height:220px;overflow-y:auto}.hx-trigger-dropdown-item{padding:8px 12px;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:1.5;color:#1e1e1e;cursor:pointer;transition:background-color 0.15s ease}.hx-trigger-dropdown-item:hover{background-color:#f5f5f5}.hx-trigger-dropdown-item.is-active{background-color:#e8f1ff;color:#0d6efd}.hx-delete-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;padding:0;border-radius:4px;transition:background-color 0.2s ease}.hx-delete-btn:hover{background-color:#f8f9fa}.hx-delete-icon{color:#d9534f;fill:currentColor}.hx-logic-indicator{display:flex;align-items:center;gap:12px;margin-left:16px}.hx-logic-badge{display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:12px;letter-spacing:0.5px;text-transform:uppercase;padding:4px 10px;border-radius:999px}.hx-logic-badge--and{background:rgba(13,110,253,0.12);color:#0d6efd}.hx-logic-badge--or{background:rgba(220,53,69,0.12);color:#dc3545}.hx-logic-helper{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;color:#6c757d}.and-indicator{position:relative;padding:12px 0 0 16px;margin-left:32px}.and-indicator::before{content:'';position:absolute;left:0;top:-8px;bottom:12px;width:2px;background:rgba(13,110,253,0.18);border-radius:2px}.or-separator{display:flex;justify-content:center;align-items:center;width:100%;position:relative}.hx-separator-line{height:1px;background-color:#d9d9d9}.left-line{width:48px}.right-line{flex:1}.hx-separator-content{display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;background:#ffffff;border-radius:999px;box-shadow:0 4px 12px rgba(13,110,253,0.08)}.hx-form-sheet-groups .hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions,.hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions{display:flex!important;justify-content:flex-start!important;gap:10px!important;padding:12px 16px!important}.hx-form-sheet-groups .hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions .hx-action-btn,.hx-form-sheet-groups .hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions .hx-action-btn.secondary-btn,.hx-form-sheet-groups .hx-trigger-conditions-widget .hx-trigger-actions .hx-action-btn,.hx-form-sheet-groups .hx-trigger-conditions-widget .hx-trigger-actions .hx-action-btn.secondary-btn,.hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions .hx-action-btn,.hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions .hx-action-btn.secondary-btn,.hx-trigger-conditions-widget .hx-trigger-actions .hx-action-btn,.hx-trigger-conditions-widget .hx-trigger-actions .hx-action-btn.secondary-btn{background:#ffffff!important;border:1px solid #e6e6e6!important;border-radius:8px!important;padding:8px 16px!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-weight:600!important;font-size:16px!important;line-height:1.5!important;color:#1e1e1e!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;transition:background-color 0.2s ease,border-color 0.2s ease!important;white-space:nowrap!important;width:auto!important;min-width:fit-content!important;box-sizing:border-box!important}.hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions .hx-action-btn:hover,.hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions .hx-action-btn.secondary-btn:hover,.hx-trigger-conditions-widget .hx-trigger-actions .hx-action-btn:hover,.hx-trigger-conditions-widget .hx-trigger-actions .hx-action-btn.secondary-btn:hover{background:#f8f9fa!important;border-color:#d0d0d0!important}.hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions .hx-action-btn:focus,.hx-trigger-conditions-widget .hx-trigger-container .hx-trigger-actions .hx-action-btn.secondary-btn:focus,.hx-trigger-conditions-widget .hx-trigger-actions .hx-action-btn:focus,.hx-trigger-conditions-widget .hx-trigger-actions .hx-action-btn.secondary-btn:focus{outline:none!important;border-color:#80b5ff!important}.btn-icon{color:#1e1e1e;fill:currentColor}.hx-group-actions{display:flex;justify-content:flex-start;padding-left:16px}.hx-form-sheet-groups .hx-trigger-conditions-widget .hx-trigger-container .hx-group-actions .hx-group-action-btn,.hx-form-sheet-groups .hx-trigger-conditions-widget .hx-group-actions .hx-group-action-btn,.hx-trigger-conditions-widget .hx-trigger-container .hx-group-actions .hx-group-action-btn,.hx-trigger-conditions-widget .hx-group-actions .hx-group-action-btn{background:#ffffff!important;border:1px solid #e6e6e6!important;border-radius:8px!important;padding:8px 16px!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-weight:600!important;font-size:16px!important;line-height:1.5!important;color:#1e1e1e!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:8px!important;transition:background-color 0.2s ease,border-color 0.2s ease!important;white-space:nowrap!important;width:auto!important;min-width:fit-content!important;box-sizing:border-box!important}.hx-trigger-conditions-widget .hx-trigger-container .hx-group-actions .hx-group-action-btn:hover,.hx-trigger-conditions-widget .hx-group-actions .hx-group-action-btn:hover{background:#f8f9fa!important;border-color:#d0d0d0!important}@media (max-width:768px){.hx-relation-field .relation-table{min-width:100%}.hx-relation-field .relation-table-cell{min-width:80px;padding:6px 8px}.hx-relation-field .relation-table-cell input,.hx-relation-field .relation-table-cell select,.hx-relation-field .relation-table-cell textarea{min-width:60px}.hx-relation-field .tags-chips{min-width:120px}}@media (max-width:480px){.hx-relation-field .relation-table{min-width:100%}.hx-relation-field .relation-table-cell{min-width:60px;padding:4px 6px}.hx-relation-field .relation-table-cell input,.hx-relation-field .relation-table-cell select,.hx-relation-field .relation-table-cell textarea{min-width:50px;font-size:14px}.hx-relation-field .tags-chips{min-width:100px;padding:4px 28px 4px 8px}}@media (max-width:768px){.hx-trigger-table-header,.hx-trigger-row{flex-direction:column;gap:12px}.hx-header-cell,.hx-trigger-cell{width:100%!important}.hx-trigger-actions{flex-direction:column}.or-separator{flex-direction:column;gap:8px}.left-line,.right-line{width:100%}}.hx-relation-field .action-buttons{display:flex;flex-direction:row;gap:0.25rem}.hx-relation-field .action-button{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;height:40px;box-sizing:border-box;padding:4px 8px;border:1px solid #e1e2e3;border-radius:8px;background:#ffffff;color:#585959;transition:border-color 0.2s;outline:none;appearance:none}.hx-relation-field .action-button .smart-buttons{fill:#585959!important}.hx-relation-field .smart-buttons{fill:#757575!important}.hx-relation-field .action-button:hover{color:#3d3d3d;border-color:#bdbebf}.hx-relation-field .action-button:hover .smart-buttons{fill:#3d3d3d!important}.hx-relation-field .action-button:focus{border-color:#80b5ff}.hx-relation-field .action-button:disabled{color:#6d6d6e;border-color:#cacbcc;cursor:not-allowed;opacity:1}.hx-relation-field .action-button:disabled .smart-buttons{fill:#6d6d6e!important}.hx-relation-field .action-button:not(:disabled){background-image:linear-gradient(#ffffff,#f7f8fa);cursor:pointer;transition:box-shadow 0.05s ease-in-out}.hx-relation-field .action-button:not(:disabled):hover,.hx-relation-field .action-button:not(:disabled):focus{box-shadow:0 1px 4px rgba(49,101,212,0.06),0 0.5px 0.5px rgba(30,42,61,0.03) inset}.hx-relation-field .action-button.trash,.hx-relation-field .action-button.trash:hover{color:#721c24}.hx-relation-field .action-button.trash .smart-buttons,.hx-relation-field .action-button.trash:hover .smart-buttons{fill:#721c24!important}.hx-relation-field .relation-table{width:100%;color:#212529;vertical-align:top;border-collapse:collapse;background-color:#fff;font-size:0.95rem;table-layout:fixed;min-width:100%}.hx-relation-field .relation-table-head{background-color:#f5f5f5}.hx-relation-field .relation-table-head tr:first-child th:first-child{border-top-left-radius:16px}.hx-relation-field .relation-table-head tr:first-child th:last-child{border-top-right-radius:16px}.hx-relation-field .relation-table-body tr:last-child td:first-child{border-bottom-left-radius:16px}.hx-relation-field .relation-table-body tr:last-child td:last-child{border-bottom-right-radius:16px}.hx-relation-field .relation-table-header-cell{padding:12px 16px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;line-height:18px;color:#1e1e1e;text-align:left;border-bottom:none;background:#f7f7f7;white-space:nowrap;position:relative;min-width:120px;overflow:hidden;text-overflow:ellipsis}.hx-relation-field .relation-table th:first-child{padding-left:20px}.hx-relation-field .resizable-th{position:relative}.hx-relation-field .resize-grip{position:absolute;top:0;right:0;bottom:0;width:8px;cursor:col-resize;z-index:2;user-select:none;background:transparent;display:flex;align-items:stretch;justify-content:flex-end;border-right:1px solid #efefef}.hx-relation-field .resize-grip:hover{background-color:var(--list-border)}.hx-relation-field .resize-grip .resize-bar{width:2px;height:100%;background-color:var(--list-border);border-radius:2px;pointer-events:none}.hx-relation-field .resize-grip:hover .resize-bar{background-color:transparent}.hx-relation-field .relation-container{overflow-x:auto;min-width:0;width:100%;position:relative}.hx-relation-field-wrapper{width:100%;min-width:0;overflow:hidden}.hx-relation-field .relation-container .list-box{border-radius:16px;border:1px solid #d9d9d9;background:#fff;overflow-x:auto;width:100%}.hx-relation-field .table-responsive{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ccc transparent}.hx-relation-field .table-responsive::-webkit-scrollbar{height:8px}.hx-relation-field .table-responsive::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.hx-relation-field .table-responsive::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.hx-relation-field .table-responsive::-webkit-scrollbar-thumb:hover{background:#999}.hx-relation-field .relation-table-row{transition:background-color 0.15s;background:transparent}.hx-relation-field .relation-table-row:hover{background-color:#f1f3f5}.hx-relation-field .relation-table-row:nth-child(even){background-color:#f5f5f5}.hx-relation-field .relation-table-cell{padding:8px 16px;border-bottom:none;vertical-align:middle;background:inherit;color:#1e1e1e;line-height:20px;font-weight:400;min-width:120px;position:relative;overflow:visible}.hx-relation-field .relation-table td:first-child{padding-left:20px}.hx-relation-field .relation-table-cell input,.hx-relation-field .relation-table-cell select,.hx-relation-field .relation-table-cell textarea{min-width:100px;width:100%;box-sizing:border-box}.hx-relation-field .relation-table-cell select{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;height:40px;padding:4px 40px 4px 8px;border:1px solid #bdbebf;border-radius:8px;background:#ffffff;color:#585959;transition:border-color 0.2s,box-shadow 0.05s ease-in-out;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.hx-relation-field .relation-table-cell select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%233D3D3D' d='M4.47 6.47a.75.75 0 0 1 1.06 0L8 8.94l2.47-2.47a.75.75 0 0 1 1.06 1.06L8 11.06 4.47 7.53a.75.75 0 0 1 0-1.06Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px}.hx-relation-field .relation-table-cell select:hover{color:#3d3d3d;border-color:#bdbebf}.hx-relation-field .relation-table-cell select:focus{border-color:#80b5ff;box-shadow:0 1px 4px rgba(49,101,212,0.06),0 0.5px 0.5px rgba(30,42,61,0.03) inset}.hx-relation-field .relation-table-cell select:disabled{background:#e8e9eb;color:#6d6d6e;border-color:#cacbcc;cursor:not-allowed;opacity:1}.hx-relation-field .relation-table-cell .field-wrapper{position:relative;width:100%;min-width:100px}.hx-relation-field .relation-table-cell .hx-trailing{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:2}.hx-relation-field .relation-table-cell .input-wrapper{position:relative;display:flex;align-items:center;width:100%;min-width:100px}.hx-relation-field .relation-table-cell .input-wrapper input{padding-right:32px}.hx-relation-field .relation-table-cell .many2one-wrapper,.hx-relation-field .relation-table-cell .selection-wrapper,.hx-relation-field .relation-table-cell .date-wrapper,.hx-relation-field .relation-table-cell .datetime-wrapper{position:relative;width:100%;min-width:100px}.hx-relation-field .relation-table-cell .many2one-wrapper input,.hx-relation-field .relation-table-cell .selection-wrapper select,.hx-relation-field .relation-table-cell .date-wrapper input,.hx-relation-field .relation-table-cell .datetime-wrapper input{width:100%;min-width:100px;padding-right:32px;box-sizing:border-box}.hx-relation-field .relation-table-cell .many2one-wrapper .hx-trailing,.hx-relation-field .relation-table-cell .selection-wrapper .hx-trailing,.hx-relation-field .relation-table-cell .date-wrapper .hx-trailing,.hx-relation-field .relation-table-cell .datetime-wrapper .hx-trailing{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:2;pointer-events:auto}.hx-relation-field .relation-table-cell .form-field,.hx-relation-field .relation-table-cell .field-container{width:100%;min-width:100px;position:relative}.hx-relation-field .relation-table-cell .form-field input,.hx-relation-field .relation-table-cell .form-field select,.hx-relation-field .relation-table-cell .form-field textarea,.hx-relation-field .relation-table-cell .field-container input,.hx-relation-field .relation-table-cell .field-container select,.hx-relation-field .relation-table-cell .field-container textarea{width:100%;min-width:100px;box-sizing:border-box}.hx-relation-field .relation-table-cell .boolean-field{display:flex;justify-content:center;align-items:center;min-width:60px}.hx-relation-field .relation-table-cell .readonly-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}.hx-relation-field .relation-table-cell .readonly-text:hover{overflow:visible;white-space:normal;word-wrap:break-word}.hx-relation-field .relation-table-cell .hx-date-field,.hx-relation-field .relation-table-cell .hx-datetime-field{position:relative;width:100%;min-width:100px}.hx-relation-field .relation-table:not(.relation-table-nested) .relation-table-cell .hx-date-field .date-field-view,.hx-relation-field .relation-table:not(.relation-table-nested) .relation-table-cell .hx-datetime-field .date-field-view{align-items:center;min-height:40px;justify-content:flex-start}.hx-relation-field .relation-table:not(.relation-table-nested) .relation-table-cell .hx-date-field .date-field-view .date-field,.hx-relation-field .relation-table:not(.relation-table-nested) .relation-table-cell .hx-datetime-field .date-field-view .date-field{margin:0;padding:0;font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;line-height:24px}.hx-relation-field .relation-table-cell .hx-date-field .datepicker-popover,.hx-relation-field .relation-table-cell .hx-datetime-field .datepicker-popover{position:fixed;z-index:1060}.hx-relation-field .relation-table-body .relation-table-row + .relation-table-row{border-top:1px solid #f0f0f0}.hx-relation-field .relation-table-cell-empty{background:#fafbfc;min-height:34px;padding:0.75rem 0.5rem;border-top:1px solid #dee2e6}.hx-relation-field .relation-table-actions{text-align:center;width:100px;min-width:100px;padding:16px;vertical-align:middle}.hx-relation-field .relation-action-buttons{display:flex;justify-content:center;align-items:center;gap:4px}.hx-relation-field .relation-action-button{border:none;background:transparent;padding:6px;cursor:pointer;border-radius:6px;transition:background 0.15s ease;display:inline-flex;align-items:center;width:32px;height:32px;justify-content:center}.hx-relation-field .relation-action-button:hover,.hx-relation-field .relation-action-button:focus{background-color:#e2e6ea}.hx-relation-field .relation-action-button.close{color:#e55353}.hx-relation-field .relation-action-button.trash{color:#d32f2f}.hx-relation-field .relation-add-line-btn{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057;padding:0.3rem 0.9rem;font-size:0.875rem;border-radius:0.2rem;font-weight:500;cursor:pointer;transition:background 0.1s,border 0.1s;width:auto;text-align:left}.hx-relation-field .relation-table-add-cell{padding:8px 16px;border-bottom:none;vertical-align:middle;background:inherit}.hx-relation-field .relation-add-line-btn:hover,.hx-relation-field .relation-add-line-btn:focus{background-color:#e2e6ea;border-color:#adb5bd;color:#212529}.hx-relation-field .relation-add-line-btn.is-disabled,.hx-relation-field .relation-add-line-btn:disabled{opacity:0.5;cursor:not-allowed}.hx-relation-field .relation-table-row-nested{background:transparent}.hx-relation-field .relation-table-cell-nested{padding:10px 16px 14px;border-top:1px solid #e9ecef}.hx-relation-field .relation-nested-container{display:flex;flex-direction:column;background:#f8f9fa;border-radius:8px;padding:8px}.hx-relation-field .relation-nested-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.hx-relation-field .relation-nested-title{font-size:13px;font-weight:600;color:#212529}.hx-relation-field .relation-nested-body{border-radius:15px 15px 0 0;background:#ffffff;overflow:hidden}.hx-relation-field .relation-nested-actions{display:flex;justify-content:flex-start}.hx-relation-field .relation-table-nested .relation-table-header-cell{background:#f1f3f5}.hx-relation-field .relation-table-nested .relation-table-row,.hx-relation-field .relation-table-nested .relation-table-row:nth-child(even){background:#ffffff}.hx-relation-field .relation-nested-empty{padding:16px 12px;color:#6c757d;font-size:13px;text-align:center}.hx-relation-field .relation-nested-wrapper{display:flex;flex-direction:column;gap:12px;width:100%}.hx-relation-field .relation-nested-list{display:flex;flex-direction:column;gap:12px;width:100%}.hx-relation-field .relation-nested-card{background:#ffffff;border:1px solid #dfe7f2;border-radius:12px;padding:12px;box-shadow:0 1px 2px rgba(16,24,40,0.04)}.hx-relation-field .relation-nested-card-header{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:start}.hx-relation-field .relation-nested-index{width:22px;height:22px;border-radius:6px;background:#2f5aa6;color:#ffffff;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;margin-top:4px}.hx-relation-field .relation-nested-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 14px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.hx-relation-field .relation-nested-field{min-width:140px}.hx-relation-field .relation-nested-card-header{overflow:hidden}.hx-relation-field .relation-nested-label{font-size:12px;font-weight:600;color:#5b6b7c;margin-bottom:6px;display:inline-flex;align-items:center;gap:3px}.hx-relation-field .relation-nested-input{width:100%}.hx-relation-field .relation-nested-field .field-wrapper,.hx-relation-field .relation-nested-field .input-wrapper,.hx-relation-field .relation-nested-field .form-field,.hx-relation-field .relation-nested-field .field-container,.hx-relation-field .relation-nested-field .hx-text-field,.hx-relation-field .relation-nested-field .hx-float-field,.hx-relation-field .relation-nested-field .hx-many2one-field,.hx-relation-field .relation-nested-field .hx-selection-field,.hx-relation-field .relation-nested-field .hx-date-field,.hx-relation-field .relation-nested-field .hx-datetime-field,.hx-relation-field .relation-nested-field input,.hx-relation-field .relation-nested-field select,.hx-relation-field .relation-nested-field textarea{width:100%}.hx-relation-field .relation-nested-card-actions{display:flex;align-items:center;padding-top:18px}.hx-relation-field .relation-nested-remove{margin-top:2px}.hx-relation-field .relation-nested-lines{margin-top:12px}.hx-relation-field .relation-nested-card .relation-nested-lines{margin:12px -12px -12px}.hx-relation-field .relation-nested-empty-container{border:1px solid #dfe7f2;border-radius:12px;background:#ffffff;padding:16px}.hx-relation-field .relation-nested-add{display:flex;justify-content:flex-start}.hx-relation-field .relation-nested-add .relation-add-line-btn{border-radius:8px;padding:6px 12px;background:#f3f6fb;border-color:#d6e0f0;font-weight:600}.hx-relation-field .relation-nested-card .relation-nested-container{background:#f7f9fc;border:1px solid #e1e7f2;border-radius:0 0 10px 10px;padding:0;overflow:hidden;box-shadow:none}.hx-relation-field .relation-nested-card .relation-nested-header{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px;border-bottom:1px solid #c7dbff}.hx-relation-field .relation-nested-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.hx-relation-field .relation-nested-badge{font-size:12px;font-weight:600;border-radius:999px;padding:8px 14px;display:inline-flex;align-items:center;line-height:1.2;cursor:pointer;user-select:none;border:1px solid #d1d5db;background:#eef0f3;color:#111827;transition:background 0.15s ease,border-color 0.15s ease,color 0.15s ease}.hx-relation-field .relation-nested-badge:hover{background:#e5e7eb}.hx-relation-field .relation-nested-badge.is-active{background:#e7f1ff;border-color:#93c5fd;color:#2f6fd8}.hx-relation-field .relation-nested-badge.material{background:#e7f1ff;color:#2f6fd8;border-color:#93c5fd}.hx-relation-field .relation-nested-badge.byproduct{background:#eef0f3;color:#46505b;border-color:#d1d5db}.hx-relation-field .relation-nested-card .relation-nested-body{border-radius:0;background:#ffffff;overflow-x:auto;overflow-y:hidden}.hx-relation-field .relation-nested-card .relation-table-nested .relation-table-header-cell{background:#eef5ff;border-bottom:1px solid #c7dbff}.hx-relation-field .relation-nested-card .relation-table-nested .relation-table-header-cell-actions{text-align:left;padding-right:16px}.hx-relation-field .relation-nested-card .relation-table-nested .relation-table-actions{width:88px;min-width:88px;padding:8px 10px;text-align:left}.hx-relation-field .relation-nested-card .relation-table-nested{min-width:100%;width:max-content;table-layout:auto}.hx-relation-field .relation-nested-card .relation-table-nested .relation-table-cell{border-bottom:1px solid #c7dbff}.hx-relation-field .relation-nested-card .relation-table-nested .relation-table-row:last-child .relation-table-cell{border-bottom:none}.hx-relation-field .relation-nested-card .relation-table-nested .relation-table-header-cell,.hx-relation-field .relation-nested-card .relation-table-nested .relation-table-cell{padding-left:12px;padding-right:12px}.hx-relation-field .relation-nested-card .relation-table-nested .relation-table-cell:first-child,.hx-relation-field .relation-nested-card .relation-table-nested .relation-table-header-cell:first-child{padding-left:12px}.hx-relation-field .relation-nested-card .relation-table-nested .relation-table-checkbox-cell{width:36px;min-width:36px;max-width:36px;padding-left:12px;padding-right:8px}.hx-relation-field .relation-nested-checkbox-wrap{display:flex;align-items:center;justify-content:flex-start;height:100%;line-height:0}.hx-relation-field .relation-nested-checkbox{appearance:none;-webkit-appearance:none;margin:0;width:100px!important;min-width:0px!important;height:14px;vertical-align:middle;border:1px solid #c7dbff;border-radius:4px;background:#ffffff;opacity:1;cursor:pointer;position:relative;box-sizing:border-box}.hx-relation-field .relation-nested-checkbox:checked{background:#dbe9ff;border-color:#7fb0ff}.hx-relation-field .relation-nested-checkbox:checked::after{content:'';position:absolute;left:3px;top:1px;width:6px;height:10px;border:2px solid #1e1e1e;border-top:0;border-left:0;transform:rotate(45deg)}.hx-relation-field .relation-nested-checkbox:indeterminate{background:#dbe9ff;border-color:#7fb0ff}.hx-relation-field .relation-nested-checkbox:indeterminate::after{content:'';position:absolute;left:2px;right:2px;top:5px;height:2px;background:#1e1e1e;border-radius:2px}.hx-relation-field .relation-nested-card .relation-nested-line-actions{justify-content:flex-start}.hx-relation-field .relation-nested-card .relation-nested-actions .relation-add-line-btn{border-radius:8px;padding:6px 12px;background:#f3f6fb;border-color:#d6e0f0;font-weight:600}.hx-relation-field .relation-inline-icon{display:block}.hx-relation-field .relation-nested-card .relation-nested-actions{padding:10px 12px;border-top:1px solid #c7dbff;background:#ffffff;box-shadow:none}.hx-relation-field .relation-table-nested .relation-table-head tr:first-child th:first-child,.hx-relation-field .relation-table-nested .relation-table-head tr:first-child th:last-child{border-top-left-radius:0;border-top-right-radius:0}.hx-relation-field .relation-action-button.copy{color:#1e1e1e}.hx-relation-field .relation-action-button.copy .smart-buttons{fill:currentColor!important;stroke:currentColor!important}.hx-relation-field .relation-action-button.trash .smart-buttons{fill:#d32f2f!important;stroke:#d32f2f!important}.hx-relation-field .relation-nested-line-actions .relation-action-button{color:#1e1e1e}.hx-relation-field .relation-nested-line-actions .relation-action-button .smart-buttons{fill:currentColor!important;stroke:currentColor!important}.hx-relation-field .relation-nested-line-actions .relation-action-button.close{color:#1e1e1e}.hx-relation-field .relation-table th.is-sticky,.hx-relation-field .relation-table td.is-sticky{position:sticky}.hx-relation-field .relation-table th.is-sticky{background:#f8f9fa;z-index:70}.hx-relation-field .relation-table td.is-sticky{background:#ffffff;z-index:60}.hx-relation-field .relation-table th.is-sticky{z-index:5}.hx-relation-field .relation-table td.is-sticky{z-index:5}.hx-relation-field .relation-table .pinned-divider{box-shadow:inset -1px 0 0 rgba(0,0,0,0.08)}.hx-relation-field .relation-table th{position:sticky}.hx-relation-field .relation-table th .pin-btn{position:absolute;top:6px;right:8px;opacity:0;border:0;background:transparent;outline:none;cursor:pointer}.hx-relation-field .relation-table th:hover .pin-btn,.hx-relation-field .relation-table th .pin-btn.is-active{opacity:1}.hx-relation-field .tags-input-wrapper{position:relative;display:flex;flex-direction:column;gap:4px;width:100%}.hx-relation-field .tags-chips{display:flex;flex-wrap:wrap;gap:6px;padding:6px 36px 6px 10px;border:1px solid #e1e2e3;border-radius:8px;min-height:40px;background:#ffffff;min-width:150px;width:100%;box-sizing:border-box}body:not(.has-validation-errors) .hx-relation-field .tags-chips.is-required{border-color:#e1e2e3!important;box-shadow:none!important}body.has-validation-errors .hx-relation-field .tags-chips.is-required:not(.has-value),body.has-validation-errors .hx-relation-field .tags-chips.is-required:not(:has(.tag-chip)){border-color:#dc3545!important;box-shadow:0 0 0 2px rgba(220,53,69,0.08)!important}body.has-validation-errors .hx-relation-field .tags-chips.is-required:not(.has-value):focus-within,body.has-validation-errors .hx-relation-field .tags-chips.is-required:not(:has(.tag-chip)):focus-within{border-color:#dc3545!important;box-shadow:0 0 0 3px rgba(220,53,69,0.18)!important}.hx-relation-field .tags-chips:disabled{color:#6d6d6e;cursor:not-allowed;opacity:1}.hx-relation-field .tag-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:16px;background:#f0f4ff;color:#1f1f1f;font-size:14px;line-height:20px;transition:background 150ms ease,box-shadow 150ms ease,opacity 150ms ease,transform 150ms ease}.hx-relation-field .tag-chip.tag-chip-more{background:#eff1f5;color:#585959;cursor:pointer}.hx-relation-field .tags-chips:not(:disabled){background-image:linear-gradient(#ffffff,#f7f8fa);cursor:pointer;transition:box-shadow 0.05s ease-in-out}.hx-relation-field .tags-chips:not(:disabled):hover,.hx-relation-field .tags-chips:not(:disabled):focus-within{box-shadow:0 1px 4px rgba(49,101,212,0.06),0 0.5px 0.5px rgba(30,42,61,0.03) inset}.hx-relation-field .tag-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#ffffff;color:#1f1f1f;border:1px solid #e1e2e3;cursor:pointer;font-size:12px}.hx-relation-field .tags-input{flex:1 1 auto;min-width:80px;border:none;outline:none;padding:6px 8px 8px 8px;font-size:16px;line-height:24px;color:#585959}.hx-relation-field .tags-input:disabled{color:#6d6d6e;cursor:not-allowed;opacity:1}.hx-relation-field .tags-chips:focus-within{border-color:#80b5ff}.hx-relation-field .tags-dropdown{position:absolute;left:0;top:100%;width:100%;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.08);border-radius:10px;border:1px solid #e1e2e3;border-top:none;z-index:10;padding:0;margin:0;max-height:280px;overflow-y:auto}.hx-relation-field .tags-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;font-size:16px;color:#353535;background:#ffffff;transition:background 0.18s;min-height:44px;box-sizing:border-box}.hx-relation-field .tags-dropdown-item .tags-check{opacity:0;margin-left:12px;color:currentColor}.hx-relation-field .tags-dropdown-item.is-selected .tags-check{opacity:1}.hx-relation-field .tags-dropdown-item:hover{background:#ffffff}.hx-relation-field .tags-dropdown-item.is-active{background:#ffffff}.tags-fade-enter-active,.tags-fade-leave-active{transition:opacity 150ms ease,transform 150ms ease}.tags-fade-enter,.tags-fade-leave-to{opacity:0;transform:translateY(-4px)}.tags-chip-enter-active,.tags-chip-leave-active{transition:opacity 90ms ease,transform 90ms ease}.tags-chip-enter-from,.tags-chip-leave-to{opacity:0;transform:scale(0.95)}.tags-chip-move{transition:transform 90ms ease}.hx-relation-field .tags-toggle-btn{position:absolute;top:6px;right:6px;border:none;background:transparent;cursor:pointer;padding:2px;display:inline-flex;align-items:center;justify-content:center}.hx-relation-field .tags-toggle-btn.is-up svg{transform:rotate(180deg)}.hx-relation-field .tags-dropdown-item.is-selected{background:#f0f4ff;color:#353535}.hx-relation-field .tags-dropdown-item.is-selected:hover{background:#f0f4ff}.hx-relation-field .tags-dropdown-footer{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-top:1px solid #e1e2e3}.hx-relation-field .tags-dropdown-footer .tags-selected-count{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-relation-field .tags-dropdown-footer .tags-actions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;white-space:nowrap}.hx-relation-field .tags-reset-btn{border:none;background:transparent;color:#3165d4;border-radius:6px;height:28px;padding:0 12px;cursor:pointer;margin-right:8px}.hx-relation-field .tags-select-all-btn{border:none;background:transparent;color:#3165d4;border-radius:6px;height:28px;padding:0 12px;cursor:pointer;margin-right:8px}.hx-relation-field .tags-apply-btn{border:none;background:#3165d4;color:#fff;border-radius:6px;height:28px;padding:0 14px;cursor:pointer}.hx-relation-field .tags-apply-btn:disabled{color:#6d6d6e;cursor:not-allowed}.hx-approval-levels-widget{font-family:'Plus Jakarta Sans',sans-serif;color:#1e1e1e;line-height:1.4;display:flex;flex-direction:column;gap:8px}.hx-approval-levels-widget *,.hx-approval-levels-widget *::before,.hx-approval-levels-widget *::after{box-sizing:border-box}.hx-approval-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.hx-approval-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#1e1e1e;margin:0}.hx-approval-info-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.hx-approval-info-icon .info-icon{color:#1e1e1e;fill:currentColor}.hx-approval-main-container{background:#ffffff;border:1px solid #e6e6e6;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:12px}.hx-approval-card{background:#f5f5f5;border-radius:16px;padding:16px 10px 16px 16px;display:flex;align-items:center;gap:10px;transition:background-color 0.2s ease;width:100%}.hx-approval-card:hover{background:#f0f0f0}.hx-approval-drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:grab;color:#757575;flex-shrink:0}.hx-approval-drag-handle:active{cursor:grabbing}.hx-approval-drag-handle svg{width:24px;height:24px;fill:currentColor}.hx-approval-level-input{flex:0 0 auto;width:auto}.hx-approval-level-input .hx-approval-input{border:none;background:transparent;padding:8px 12px;border-radius:8px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:14px;line-height:1.4285714285714286;color:#1e1e1e;outline:none;width:auto;min-width:80px}.hx-approval-type-input{flex:0 0 auto;position:relative;display:flex;align-items:center;background:#ffffff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;gap:8px;min-width:160px}.hx-approval-type-input .hx-approval-input{border:none;background:transparent;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;line-height:1.4285714285714286;color:#1e1e1e;outline:none;flex:1}.hx-approval-type-input .hx-dropdown-icon{width:20px;height:20px;color:#1e1e1e;flex-shrink:0}.hx-approval-field-with-icon{flex:1;position:relative;display:flex;align-items:center;background:#ffffff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;gap:8px}.hx-approval-field-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.hx-approval-field-icon svg{width:24px;height:24px}.hx-approval-field-icon.user-icon svg{fill:none}.hx-approval-field-icon.role-icon svg{fill:#005cb5}.hx-approval-field-icon.hierarchy-icon svg{fill:none}.hx-approval-field-icon.functional-icon svg{fill:none}.hx-approval-field-with-icon .hx-approval-input{border:none;background:transparent;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;line-height:1.4285714285714286;color:#1e1e1e;outline:none;flex:1}.hx-approval-field-with-icon .hx-dropdown-icon{width:20px;height:20px;color:#1e1e1e;flex-shrink:0}.hx-approval-min-input{flex:0 0 auto;width:132px}.hx-approval-min-input .hx-approval-input{background:#ffffff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;line-height:1.4285714285714286;color:#1e1e1e;outline:none;width:100%}.hx-approval-min-input .hx-approval-input:focus{border-color:#80b5ff}.hx-approval-delete{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.hx-delete-btn{background:none;border:none;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#d9534f;transition:color 0.2s ease}.hx-delete-btn:hover{color:#c13a3a}.hx-delete-btn svg{width:24px;height:24px;fill:currentColor}.add-hx-approval-section{display:flex;justify-content:flex-start;padding:12px 16px}.hx-approval-actions{display:flex;justify-content:flex-start;padding-top:8px;gap:10px}@media (max-width:768px){.hx-approval-card{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.hx-approval-level-input,.hx-approval-type-input,.hx-approval-field-with-icon,.hx-approval-min-input{width:100%;flex:none}.hx-approval-type-input,.hx-approval-field-with-icon{min-width:auto}}.hx-relation-field .total-info-container{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:#f5f5f5;border:1px solid #e6e6e6;border-radius:12px;margin-top:8px;font-family:'Plus Jakarta Sans',sans-serif}.hx-relation-field .total-info-label{font-weight:400;font-size:16px;line-height:1.5em;color:#1e1e1e}.hx-relation-field .total-info-value{font-weight:400;font-size:16px;line-height:1.5em;color:#1e1e1e}.hx-relation-field .total-info-value.total-info-invalid{color:#d9534f}.hx-animated-modal .modal-dialog{transform-origin:center;animation:hx-modal-pop 0.3s ease}@keyframes hx-modal-pop{from{opacity:0;transform:translate3d(0,12px,-30px) scale(0.95)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes hx-modal-pop-out{from{opacity:1;transform:translate3d(0,0,0) scale(1)}to{opacity:0;transform:translate3d(0,12px,-18px) scale(0.96)}}.nested-modal-form{display:flex;flex-direction:column;gap:1rem;padding:0.5rem 0}.nested-modal-field-group{display:flex;flex-direction:column;gap:0.5rem}.nested-modal-field-label{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#1e1e1e;margin:0}.nested-modal-field-label .text-danger{color:#dc3545;margin-left:2px}.hx-modal-form-v2 .action-button:not(:disabled){background-image:none;box-shadow:none}.hx-modal-form-v2 .action-button.btn-primary{background-color:#3b82f6;border-color:#3b82f6;color:#ffffff}.hx-modal-form-v2 .action-button.btn-primary:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.hx-modal-form-v2 .action-button.btn-secondary{background-color:#ffffff;border-color:#d1d5db;color:#374151}.hx-modal-form-v2 .action-button.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.modal.d-block{display:block!important}.modal-dialog.modal-lg{max-width:800px;margin:1.75rem auto}.modal-content{border-radius:8px;border:none;box-shadow:0 10px 40px rgba(0,0,0,0.15)}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#ffffff;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:18px;line-height:28px;color:#1e1e1e;margin:0;flex:1}.modal-body{padding:1.5rem;max-height:calc(100vh - 210px);overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#ffffff;display:flex;align-items:center;justify-content:flex-end;gap:0.5rem;border-radius:0 0 8px 8px}.modal-close-btn{background:transparent;border:none;padding:0.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color 0.2s;margin-left:auto}.modal-close-btn:hover{background-color:rgba(0,0,0,0.05)}.modal-close-icon{width:20px;height:20px;color:#585959}.modal-close-btn:hover .modal-close-icon{color:#3d3d3d}.modal-footer .action-button{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:14px;line-height:20px;min-height:40px;padding:8px 16px;border:1px solid #e1e2e3;border-radius:8px;background:#ffffff;color:#585959;transition:all 0.2s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative}.modal-footer .action-button:hover{box-shadow:0 2px 4px rgba(0,0,0,0.08)}.modal-footer .action-button:active{transform:scale(0.98)}.modal-footer .action-button svg.smart-buttons{width:20px;height:20px;flex-shrink:0}.modal-footer .action-button-label{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:14px;line-height:20px;white-space:nowrap}.modal-footer .action-button-cancel{color:#585959;border-color:#9ca3af;background:#ffffff;transition:all 0.3s ease!important}.modal-footer .action-button-cancel:hover{color:#3d3d3d;border-color:#9ca3af;background:#f9fafb;filter:brightness(90%)}.modal-footer .action-button-cancel svg{fill:currentColor}.modal-footer .action-button-save{color:#ffffff;border-color:#3b82f6!important;background:#3b82f6!important;transition:all 0.3s ease!important}.modal-footer .action-button-save:hover{background:#2563eb!important;border-color:#2563eb!important}.modal-footer .action-button-save:hover .smart-buttons{fill:#ffffff!important}.modal-footer .action-button-save .smart-buttons{fill:#ffffff!important;color:#ffffff!important}.modal-footer .action-button-save .action-button-label{color:#ffffff}.hx-modal-enter-active,.hx-modal-leave-active{transition:opacity 0.3s ease}.hx-modal-enter-from,.hx-modal-leave-to{opacity:0}.hx-modal-enter-active .modal-dialog,.hx-modal-leave-active .modal-dialog{transition:transform 0.3s ease}.hx-modal-enter-from .modal-dialog{transform:translate3d(0,12px,-30px) scale(0.95)}.hx-modal-leave-to .modal-dialog{transform:translate3d(0,12px,-18px) scale(0.96)}.hx-relation-field .hx-date-field .datepicker-popover{position:fixed;width:300px}

/** webx/static/css/views/fields/relational/m2m-selector-modal.css **/
.hx-m2m-selector-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1050;overflow-y:auto}.hx-m2m-selector-modal .modal-dialog{max-width:900px;margin:1.75rem auto}.hx-m2m-selector-modal .modal-content{background-color:#fff;border-radius:0.375rem;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}.hx-m2m-selector-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #dee2e6}.hx-m2m-selector-modal .modal-title{margin:0;font-size:1.25rem;font-weight:500;color:#212529}.hx-m2m-selector-modal .btn-close{padding:0.5rem;background:transparent;border:none;cursor:pointer;opacity:0.5;transition:opacity 0.15s ease-in-out}.hx-m2m-selector-modal .btn-close:hover{opacity:1}.hx-m2m-selector-modal .btn-close svg{width:1.25rem;height:1.25rem;fill:currentColor}.hx-m2m-selector-modal .modal-body{padding:1.5rem;max-height:500px;overflow-y:auto}.hx-m2m-selector-modal .search-wrapper{margin-bottom:1rem}.hx-m2m-selector-modal .search-wrapper input{width:100%;padding:0.5rem 0.75rem;border:1px solid #ced4da;border-radius:0.375rem;font-size:0.875rem;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}.hx-m2m-selector-modal .search-wrapper input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25)}.hx-m2m-selector-modal .table-responsive{overflow-x:auto}.hx-m2m-selector-modal .table{width:100%;margin-bottom:0;border-collapse:collapse}.hx-m2m-selector-modal .table th,.hx-m2m-selector-modal .table td{padding:0.75rem;vertical-align:middle;border-top:1px solid #dee2e6;font-size:0.875rem}.hx-m2m-selector-modal .table thead th{border-bottom:2px solid #dee2e6;font-weight:600;color:#495057;background-color:#f8f9fa}.hx-m2m-selector-modal .table tbody tr{transition:background-color 0.15s ease-in-out}.hx-m2m-selector-modal .table tbody tr:hover{background-color:#f8f9fa}.hx-m2m-selector-modal .table tbody tr.hx-selectable-row{cursor:pointer}.hx-m2m-selector-modal .table tbody tr.hx-selectable-row:hover{background-color:#e7f1ff}.hx-m2m-selector-modal .form-check-input{width:1rem;height:1rem;margin-top:0;cursor:pointer}.hx-m2m-selector-modal .form-check-input:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.hx-m2m-selector-modal .pagination-wrapper{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:1rem 0 0;margin-top:1rem;border-top:1px solid #dee2e6}.hx-m2m-selector-modal .pagination-wrapper button{padding:0.375rem 0.75rem;border:1px solid #dee2e6;border-radius:0.375rem;background-color:#fff;color:#0d6efd;font-size:0.875rem;cursor:pointer;transition:all 0.15s ease-in-out;min-width:2.5rem}.hx-m2m-selector-modal .pagination-wrapper button.btn-primary{background-color:#0d6efd;color:#fff;border-color:#0d6efd;font-weight:600}.hx-m2m-selector-modal .pagination-wrapper button.btn-outline-secondary{background-color:#fff;color:#6c757d;border-color:#6c757d}.hx-m2m-selector-modal .pagination-wrapper button:hover:not(:disabled){background-color:#0d6efd;color:#fff;border-color:#0d6efd}.hx-m2m-selector-modal .pagination-wrapper button.btn-primary:hover:not(:disabled){background-color:#0b5ed7;border-color:#0a58ca}.hx-m2m-selector-modal .pagination-wrapper button:disabled{opacity:0.5;cursor:not-allowed;background-color:#e9ecef;color:#6c757d;border-color:#dee2e6}.hx-m2m-selector-modal .text-muted{color:#6c757d;font-size:0.875rem}.hx-m2m-selector-modal .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:0.5rem;padding:1rem 1.5rem;border-top:1px solid #dee2e6}.hx-m2m-selector-modal .btn{display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 1rem;border:1px solid transparent;border-radius:0.375rem;font-size:0.875rem;font-weight:400;line-height:1.5;cursor:pointer;transition:all 0.15s ease-in-out}.hx-m2m-selector-modal .btn svg{width:1rem;height:1rem;fill:currentColor}.hx-m2m-selector-modal .btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.hx-m2m-selector-modal .btn-secondary:hover{background-color:#5c636a;border-color:#565e64}.hx-m2m-selector-modal .btn-primary{background-color:#0d6efd;border-color:#0d6efd;color:#fff}.hx-m2m-selector-modal .btn-primary:hover:not(:disabled){background-color:#0b5ed7;border-color:#0a58ca}.hx-m2m-selector-modal .btn-primary:disabled{opacity:0.65;cursor:not-allowed}.hx-m2m-selector-modal .spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:0.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border 0.75s linear infinite}@keyframes spinner-border{to{transform:rotate(360deg)}}.hx-m2m-selector-modal .text-primary{color:#0d6efd}.hx-m2m-selector-modal .alert{padding:0.75rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:0.375rem}.hx-m2m-selector-modal .alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.hx-m2m-selector-modal .alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}.hx-m2m-selector-modal .form-field-required{color:#dc3545;font-weight:700;margin-left:0.125rem}.hx-modal-enter-active,.hx-modal-leave-active{transition:opacity 0.3s ease}.hx-modal-enter-from,.hx-modal-leave-to{opacity:0}

/** webx/static/css/views/fields/relational/relational-table-v2.css **/
.hx-relational-table-v2{width:100%;display:flex;flex-direction:column;gap:8px;overflow:visible!important}.hx-relational-table-v2 .invisible-field{min-height:32px;opacity:0.3;pointer-events:none}.hx-relational-table-v2 .required-error{position:relative;box-shadow:0 0 0 2px #dc3545;border-radius:4px}.hx-relational-table-v2 .required-error input,.hx-relational-table-v2 .required-error select,.hx-relational-table-v2 .required-error textarea,.hx-relational-table-v2 .required-error .form-control{border:2px solid #dc3545!important;border-radius:inherit!important}.hx-relational-table-v2 .required-error::before{content:'\26A0';position:absolute;top:50%;right:-4px;transform:translateY(-50%);color:#dc3545;font-size:11px;z-index:10;pointer-events:none}.hx-relational-table-v2 .required-field::after{content:'*';color:#dc3545;font-weight:bold;position:absolute;top:4px;right:16px;font-size:12px;z-index:9;pointer-events:none}.hx-relational-table-v2 .action-btn:disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.hx-relational-table-v2 .table-container{border:1px solid #e0e0e0;border-radius:16px;background:#fff;position:relative;width:100%;max-width:100%;overflow:visible!important}.hx-relational-table-v2 .table-container::after{content:'';position:absolute;bottom:0;left:0;right:0;height:8px;background:linear-gradient(to top,rgba(0,0,0,0.1),transparent);pointer-events:none;opacity:0;transition:opacity 0.3s ease;border-radius:0 0 16px 16px}.hx-relational-table-v2 .table-container.has-scroll::after{opacity:1}.hx-relational-table-v2 .table-container.processing-onchange{position:relative}.hx-relational-table-v2 .table-container.processing-onchange::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);z-index:100;pointer-events:none;opacity:0;animation:fadeIn 0.2s ease-in-out forwards}.hx-relational-table-v2 .table-container.processing-onchange::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #007bff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite,fadeIn 0.2s ease-in-out forwards;z-index:101;opacity:0}.hx-relational-table-v2 .table-cell.processing-field{position:relative}.hx-relational-table-v2 .table-cell.processing-field::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #007bff;border-radius:4px;opacity:0.3;animation:pulse 1.5s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes pulse{0%,100%{opacity:0.3}50%{opacity:0.7}}.hx-relational-table-v2 .table-scroll-wrapper{overflow-x:auto;overflow-y:auto;min-width:100%;max-height:700px;scroll-behavior:auto;border-radius:16px;scrollbar-gutter:stable}.hx-relational-table-v2 .table-inner{display:inline-block;min-width:100%;width:max-content}.hx-relational-table-v2 .relational-table{width:100%;min-width:max-content;border-collapse:collapse;font-size:14px;table-layout:auto}.hx-relational-table-v2 .table-header{background:#f8f9fa;position:sticky;top:0;z-index:10}.hx-relational-table-v2 .header-row .header-cell:first-child{border-top-left-radius:16px}.hx-relational-table-v2 .header-row .header-cell:last-child{border-top-right-radius:16px}.hx-relational-table-v2 .table-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#d0d0d0;z-index:1}.hx-relational-table-v2 .header-row{height:44px}.hx-relational-table-v2 .header-cell{padding:12px 8px;text-align:left;font-weight:600;font-size:14px;color:#333;background:#f8f9fa;border-right:none;border-top:none;border-bottom:1px solid #e0e0e0;position:relative;min-width:100px;width:auto;white-space:nowrap}.hx-relational-table-v2 .header-cell.header-numbering{text-align:center;min-width:60px;width:60px}.hx-relational-table-v2 .header-cell.header-numbering .header-label{justify-content:center}.hx-relational-table-v2 .header-cell.sortable{cursor:pointer;user-select:none}.hx-relational-table-v2 .header-cell.sortable:hover{background:#f0f0f0}.hx-relational-table-v2 .header-cell.sorted{background:#f8f9fa}.hx-relational-table-v2 .header-cell:last-child{border-right:none}.hx-relational-table-v2 .header-content{display:flex;align-items:center;gap:4px;width:100%}.hx-relational-table-v2 .header-label{flex:1;min-width:0;margin-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-relational-table-v2 .form-field-required{color:#dc3545;margin-left:2px;font-weight:bold}.hx-relational-table-v2 .header-help-icon{display:inline-flex;align-items:center;margin-left:4px;cursor:help;color:#666;vertical-align:middle;flex-shrink:0}.hx-relational-table-v2 .header-help-icon:hover{color:#333}.hx-relational-table-v2 .header-help-icon svg{width:16px;height:16px}.hx-relational-table-v2 .header-actions{display:flex;align-items:center;margin-left:0;flex-shrink:0}.hx-relational-table-v2 .sort-indicator{opacity:0;transition:opacity 0.2s;display:flex;align-items:center;min-width:16px;justify-content:center;flex-shrink:0}.hx-relational-table-v2 .header-cell.sortable:hover .sort-indicator,.hx-relational-table-v2 .header-cell.sorted .sort-indicator{opacity:1}.hx-relational-table-v2 .sort-icon{width:12px;height:12px;fill:#666}.hx-relational-table-v2 .sort-icon.sort-neutral{opacity:0.5}.hx-relational-table-v2 .header-cell.sorted .sort-icon{fill:#007bff;opacity:1}.hx-relational-table-v2 .resize-handle{width:4px;height:20px;background:#ccc;border:none;cursor:col-resize;opacity:0;transition:opacity 0.2s;flex-shrink:0}.hx-relational-table-v2 .header-cell:hover .resize-handle{opacity:1}.hx-relational-table-v2 .actions-header{min-width:30px;width:30px;text-align:center;position:sticky!important;background-color:#f8f9fa!important;z-index:22!important}.hx-relational-table-v2 .table-body{background:#fff}.hx-relational-table-v2 .table-row{border-bottom:1px solid #e0e0e0;transition:background-color 0.2s}.hx-relational-table-v2 .table-row:hover{background:#fff}.hx-relational-table-v2 .table-row:nth-child(even){background:#fff}.hx-relational-table-v2 .table-row:nth-child(even):hover{background:#fff}.hx-relational-table-v2 .data-row{cursor:pointer;background:#fff}.hx-relational-table-v2 .new-row{background:#fffef5}.hx-relational-table-v2 .add-row{background:#fff}.hx-relational-table-v2 .table-cell{position:relative;padding:6px 8px;min-width:100px;width:auto;border-right:none;border-top:none;border-bottom:1px solid #e0e0e0;vertical-align:middle;overflow:visible}.hx-relational-table-v2 .table-cell:not(.numbering-cell):not(.action-cell):not(.actions-cell){padding-left:20px}.hx-relational-table-v2 .table-cell .required-field::after{content:none}.hx-relational-table-v2 .table-cell .hx-text-field-view .text-field,.hx-relational-table-v2 .table-cell .hx-selection-field-view .selection-field,.hx-relational-table-v2 .table-cell .hx-many2one-field-view .many2one-field,.hx-relational-table-v2 .table-cell .hx-integer-field-view .integer-field,.hx-relational-table-v2 .table-cell .hx-float-field-view .float-field,.hx-relational-table-v2 .table-cell .hx-date-field .date-field-view .date-field,.hx-relational-table-v2 .table-cell .hx-datetime-field .date-field-view .date-field{font-size:14px;line-height:20px;padding:4px 8px}.hx-relational-table-v2 .table-cell .hx-date-field .date-field-view,.hx-relational-table-v2 .table-cell .hx-datetime-field .date-field-view{align-items:center!important;min-height:40px}.hx-relational-table-v2 .table-cell:last-child{border-right:none}.hx-relational-table-v2 .empty-cell{color:#999;font-style:italic}.hx-relational-table-v2 .table-cell.numbering-cell{min-width:60px;width:60px;max-width:60px;padding:6px 4px}.hx-relational-table-v2 .numbering-display,.hx-relational-table-v2 .numbering-empty{display:inline-block;min-width:60px;width:60px;text-align:center;font-weight:500;color:#999;font-style:italic}.hx-relational-table-v2 .row-actions{display:flex;align-items:center;justify-content:center;gap:4px}.hx-relational-table-v2 .action-btn{width:28px;height:28px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all 0.2s}.hx-relational-table-v2 .action-btn svg{width:20px;height:20px;fill:currentColor}.hx-relational-table-v2 .save-btn{background:#28a745;color:white}.hx-relational-table-v2 .save-btn:hover{background:#218838}.hx-relational-table-v2 .cancel-btn{background:#6c757d;color:white}.hx-relational-table-v2 .cancel-btn:hover{background:#5a6268}.hx-relational-table-v2 .edit-btn{background:#007bff;color:white}.hx-relational-table-v2 .edit-btn:hover{background:#0056b3}.hx-relational-table-v2 .delete-btn{background:transparent;color:#6b7280}.hx-relational-table-v2 .delete-btn:hover{background:#f3f4f6;color:#374151}.hx-relational-table-v2 .add-cell{text-align:left;padding:8px 16px;background:#fff;border-bottom:1px solid #e0e0e0}.hx-relational-table-v2 .add-row-sticky{position:sticky;left:0;z-index:4;background:#f8f9fa;border:1px solid #e0e0e0;padding:8px 16px;width:100%;box-sizing:border-box}.hx-relational-table-v2 .add-row-top{top:0;border-bottom:1px solid #e0e0e0;border-top:none}.hx-relational-table-v2 .add-row-bottom{bottom:0;border-top:1px solid #e0e0e0;border-bottom:none}.hx-relational-table-v2 .add-row-btn{background-color:transparent;border:1px solid transparent;color:#2a5ea2;padding:7px 12px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s;width:auto;text-align:left;font-family:'Plus Jakarta Sans',sans-serif;display:inline-flex;align-items:center;gap:6px;border-radius:4px}.hx-relational-table-v2 .add-row-btn .add-icon{width:16px;height:16px;flex-shrink:0;fill:currentColor}.hx-relational-table-v2 .smart-buttons.o2m-add-item-btn-dropdown{font-size:16px;fill:#ffffff}.hx-relational-table-v2 .add-row-btn:hover,.hx-relational-table-v2 .add-row-btn:focus{background-color:rgba(42,94,162,0.1);color:#2a5ea2;border-color:transparent}.hx-relational-table-v2 .add-row-controls{display:inline-flex;align-items:center;gap:6px}.hx-relational-table-v2 .add-row-dropdown-toggle{width:28px;height:28px;border:0px;color:#2a5ea2;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease}.hx-relational-table-v2 .add-row-dropdown-icon{width:14px;height:14px;fill:currentColor}.o2m-add-dropdown{position:relative;width:100%;margin-top:10px;max-height:420px;background:#fff;border:1px solid #dfe4ea;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,0.12);overflow:hidden}.o2m-add-dropdown-header{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid #eef1f5;background:#fafbfc}.o2m-add-search-input{flex:1;border:1px solid #d8dee8;border-radius:8px;padding:8px 12px;font-size:13px}.o2m-add-search-input:focus{outline:none;border-color:#3b82f6}.o2m-add-close-btn{width:28px;height:28px;border:none;border-radius:6px;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.o2m-add-close-btn:hover{background:#edf2f7}.o2m-add-dropdown-loading,.o2m-add-dropdown-empty{padding:14px 12px;color:#6b7280;font-size:13px}.o2m-add-dropdown-list{max-height:340px;overflow-y:auto}.o2m-add-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #f1f3f6}.o2m-add-dropdown-item:last-child{border-bottom:none}.o2m-add-item-content{min-width:0;display:flex;flex-direction:column}.o2m-add-item-title{font-size:13px;font-weight:600;color:#111827}.o2m-add-item-info{margin-top:2px;font-size:12px;color:#6b7280}.o2m-add-item-actions{display:inline-flex;align-items:center;gap:8px}.o2m-add-qty-input{width:56px;border:1px solid #d8dee8;border-radius:6px;padding:6px;font-size:12px;text-align:center}.o2m-add-item-btn{width:28px;height:28px;border:none;border-radius:8px;background:#3b82f6;color:#fff;cursor:pointer;font-weight:700;line-height:1}.o2m-add-item-btn:hover{background:#2563eb}.o2m-add-dropdown-enter-active,.o2m-add-dropdown-leave-active{transition:all 0.16s ease}.o2m-add-dropdown-enter-from,.o2m-add-dropdown-leave-to{opacity:0;transform:translateY(-6px)}.hx-relational-table-v2 .empty-cell-message{text-align:center;padding:16px 8px;color:#6c757d;font-style:italic}.hx-relational-table-v2 .no-records-text{font-size:14px;margin-right:12px}.hx-relational-table-v2 .add-first-btn-inline{background-color:#007bff;color:white;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color 0.2s}.hx-relational-table-v2 .add-first-btn-inline:hover{background-color:#0056b3}.hx-relational-table-v2 .datepicker-popover{position:fixed!important;z-index:99999!important;box-shadow:0 4px 20px rgba(0,0,0,0.15)!important;border:1px solid #e0e0e0!important;background:white!important;border-radius:8px!important}.datepicker-popover{z-index:99999!important}.hx-relational-field-v2{overflow:visible!important}.hx-relational-table-v2 .table-cell input,.hx-relational-table-v2 .table-cell select,.hx-relational-table-v2 .table-cell textarea{min-width:120px;width:100%}.hx-relational-table-v2 .table-cell .hx-datetime-field,.hx-relational-table-v2 .table-cell .hx-date-field{min-width:140px}.hx-relational-table-v2 .table-cell .hx-many2one-field{min-width:160px}.hx-relational-table-v2 .table-cell .hx-file-field{min-width:210px}.hx-relational-table-v2 .table-cell .hx-file-field .hx-file-field-edit,.hx-relational-table-v2 .table-cell .hx-file-field .hx-file-field-view{margin:0}.hx-relational-table-v2 .table-cell .hx-file-field .attachment-wrapper{padding:4px 8px}.hx-relational-table-v2 .table-cell .hx-file-field .attachment-wrapper.has-files{padding:4px 34px 4px 8px}.hx-relational-table-v2 .table-cell .hx-file-field .upload-trigger{padding:4px 8px;font-size:12px;min-width:0}.hx-relational-table-v2 .table-cell .hx-file-field .upload-trigger.compact{width:24px;min-width:24px;padding:0;right:4px;justify-content:center}.hx-relational-table-v2 .table-cell .hx-file-field .upload-text{font-size:12px}.hx-relational-table-v2 .table-cell .hx-file-field .upload-trigger.full .upload-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-relational-table-v2 .table-cell .hx-file-field .attachment-item{padding:2px 4px;margin:1px 0;min-width:0}.hx-relational-table-v2 .table-cell .hx-file-field .attachment-list.multiple-list{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));justify-content:start;gap:4px 6px}.hx-relational-table-v2 .table-cell .hx-file-field .attachment-list.multiple-list .attachment-item{width:auto;max-width:100%;justify-self:start}.hx-relational-table-v2 .table-cell .hx-file-field .filename{font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-relational-table-v2 .table-cell .hx-file-field .filename.hyperlink-file{min-width:0;max-width:100%}.hx-relational-table-v2 .table-cell .hx-file-field .filename.hyperlink-file .filename-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-relational-table-v2 .table-cell .hx-file-field .file-field-icon{width:14px;height:14px}.hx-relational-table-v2 .table-cell .hx-file-field .meta{font-size:10px}.hx-relational-table-v2 .table-cell .hx-file-field .remove-btn{width:16px;height:16px;padding:2px}.hx-relational-table-v2 .table-cell.add-cell{box-shadow:none!important}.hx-relational-table-v2 .actions-cell{min-width:30px;width:30px;text-align:center;position:sticky!important;background-color:#fff}.hx-relational-table-v2 .table-scroll-wrapper::-webkit-scrollbar{width:8px;height:8px}.hx-relational-table-v2 .table-scroll-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.hx-relational-table-v2 .table-scroll-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.hx-relational-table-v2 .table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.hx-relational-table-v2 .table-scroll-wrapper::-webkit-scrollbar-corner{background:#f1f1f1}.hx-relational-table-v2 .search-icon-btn{width:20px;height:20px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all 0.2s;opacity:0;flex-shrink:0;margin-left:4px}.hx-relational-table-v2 .header-cell:hover .search-icon-btn{opacity:0.6}.hx-relational-table-v2 .search-icon-btn:hover{opacity:1!important;background:#f0f0f0}.hx-relational-table-v2 .search-icon-btn.is-active{opacity:1!important;background:#e3f2fd}.hx-relational-table-v2 .search-icon-btn .search-icon{width:14px;height:14px;fill:#666}.hx-relational-table-v2 .search-icon-btn.is-active .search-icon{fill:#007bff}.hx-relational-table-v2 .action-header{text-align:center;min-width:100px;padding:8px 12px;background:#f8f9fa;border-bottom:2px solid #dee2e6}.hx-relational-table-v2 .action-cell{text-align:center;padding:4px 8px;vertical-align:middle}.hx-relational-table-v2 .hx-action-button{padding:6px 16px;border:1px solid transparent;border-radius:6px;background:#afd0fd;color:#2a5ea2;cursor:pointer;font-size:13px;font-weight:500;transition:background 0.15s ease;white-space:nowrap;font-family:'Plus Jakarta Sans',sans-serif;line-height:1.4}@media (max-width:1024px){.hx-relational-table-v2 .table-scroll-wrapper{max-height:900px}.hx-relational-table-v2 .column-search-input{font-size:12px;padding:5px 26px 5px 6px}.hx-relational-table-v2 .search-icon-btn{width:18px;height:18px}.hx-relational-table-v2 .search-icon-btn .search-icon{width:12px;height:12px}.hx-relational-table-v2 .hx-action-button{padding:4px 12px;font-size:12px}.hx-relational-table-v2 .action-header,.hx-relational-table-v2 .action-cell{min-width:80px;padding:4px 6px}}@media (max-width:768px){.hx-relational-table-v2 .table-scroll-wrapper{max-height:675px}}.hx-relational-table-v2 .search-row{background:#f8f9fa;border-bottom:2px solid #dee2e6}.hx-relational-table-v2 .search-cell{padding:6px 8px;vertical-align:middle;border-right:none;position:relative}.hx-relational-table-v2 .search-cell:last-child{border-right:none}.hx-relational-table-v2 .rt-search-wrapper{display:flex;align-items:center;gap:0;position:relative;width:100%;height:100%;padding:0;box-sizing:border-box}.hx-relational-table-v2 .rt-search-input{flex:1;min-width:0;padding:0;border:none;border-radius:0;font-size:13px;line-height:1.4;background:#f8f9fa;transition:all 0.2s;font-family:'Plus Jakarta Sans',sans-serif;height:100%;box-sizing:border-box}.hx-relational-table-v2 .rt-search-input:focus{outline:none;background:#f8f9fa;box-shadow:none}.hx-relational-table-v2 .rt-search-input::placeholder{color:#adb5bd;font-size:12px}.hx-relational-table-v2 .rt-search-date{padding:0}.hx-relational-table-v2 .rt-search-select{padding:0;cursor:pointer}.hx-relational-table-v2 .rt-search-close{width:28px;height:100%;padding:0 8px;border:none;border-left:1px solid #e0e0e0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:0;transition:all 0.2s;flex-shrink:0}.hx-relational-table-v2 .rt-search-close:hover{background:#e9ecef}.hx-relational-table-v2 .rt-search-close .close-icon{width:14px;height:14px;fill:#6c757d}.hx-relational-table-v2 .rt-search-close:hover .close-icon{fill:#495057}.hx-relational-table-v2 .header-cell.search-active{background:#f8f9fa}.hx-relational-table-v2 .header-cell.search-active:hover{background:#f8f9fa}.hx-relational-table-v2 .optional-columns-header{width:48px;min-width:48px;max-width:48px;position:sticky!important;right:0!important;background-color:#f8f9fa!important;z-index:22!important}.hx-relational-table-v2 .optional-empty-cell{width:48px;min-width:48px;max-width:48px;padding:0;position:sticky!important;right:0!important;background-color:#fff}.hx-relational-table-v2 .optional-columns-btn{border:none;background:transparent;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background 0.2s ease}.hx-relational-table-v2 .optional-columns-btn:hover{background:rgba(0,0,0,0.04)}.hx-relational-table-v2 .optional-icon{width:14px;height:14px}.hx-relational-table-v2 .optional-dropdown,.optional-dropdown{position:fixed;min-width:280px;width:320px;max-height:420px;background:var(--oc-surface,#fff);border:1px solid var(--oc-border,#e5e7eb);border-radius:12px;box-shadow:var(--oc-shadow,0 4px 20px rgba(0,0,0,0.12));padding:12px;z-index:1200}.optional-dropdown-enter-active,.optional-dropdown-leave-active{transition:all 0.2s ease}.optional-dropdown-enter-from,.optional-dropdown-leave-to{opacity:0;transform:translateY(-8px)}.hx-relational-table-v2 .optional-searchbar,.optional-dropdown .optional-searchbar{display:flex;align-items:center;background:var(--oc-chip-bg,#fff);border:1px solid var(--oc-chip-border,#e5e7eb);border-radius:10px;padding:6px 10px;gap:8px;margin-bottom:12px}.hx-relational-table-v2 .optional-search-icon,.optional-dropdown .optional-search-icon{display:inline-flex;color:var(--oc-muted,#757575)}.hx-relational-table-v2 .optional-search-icon svg,.optional-dropdown .optional-search-icon svg{width:14px;height:14px}.hx-relational-table-v2 .optional-search-input,.optional-dropdown .optional-search-input{flex:1;border:none;outline:none;font-size:13px;color:var(--oc-text,#1e1e1e);background:transparent}.hx-relational-table-v2 .optional-search-input::placeholder,.optional-dropdown .optional-search-input::placeholder{color:var(--oc-muted,#757575)}.hx-relational-table-v2 .optional-refresh-btn,.optional-dropdown .optional-refresh-btn{border:none;background:transparent;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 0.2s ease}.hx-relational-table-v2 .optional-refresh-btn svg,.optional-dropdown .optional-refresh-btn svg{width:14px;height:14px}.hx-relational-table-v2 .optional-refresh-btn:hover,.optional-dropdown .optional-refresh-btn:hover{background:rgba(0,0,0,0.04)}.hx-relational-table-v2 .optional-list,.optional-dropdown .optional-list{list-style:none;padding:0;margin:0;max-height:320px;overflow-y:auto}.hx-relational-table-v2 .optional-item,.optional-dropdown .optional-item{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:8px 6px;border-radius:10px;transition:background 0.2s ease;position:relative}.hx-relational-table-v2 .optional-item:hover,.optional-dropdown .optional-item:hover{background:var(--oc-hover,rgba(0,0,0,0.04))}.hx-relational-table-v2 .optional-item.drop-below::after,.optional-dropdown .optional-item.drop-below::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#3082ed;border-radius:2px}.hx-relational-table-v2 .optional-toggle,.optional-dropdown .optional-toggle{position:relative;display:inline-flex;align-items:center}.hx-relational-table-v2 .optional-toggle input,.optional-dropdown .optional-toggle input{position:absolute;opacity:0;pointer-events:none}.hx-relational-table-v2 .optional-switch,.optional-dropdown .optional-switch{width:38px;height:22px;border-radius:999px;background:var(--oc-switch-off,#e5e7eb);position:relative;transition:background 0.18s ease;cursor:pointer}.hx-relational-table-v2 .optional-switch::after,.optional-dropdown .optional-switch::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--oc-switch-knob,#fff);transition:transform 0.18s ease;box-shadow:0 1px 2px rgba(0,0,0,0.15)}.hx-relational-table-v2 .optional-toggle input:checked + .optional-switch,.optional-dropdown .optional-toggle input:checked + .optional-switch{background:var(--oc-switch-on,#3b82f6)}.hx-relational-table-v2 .optional-toggle input:checked + .optional-switch::after,.optional-dropdown .optional-toggle input:checked + .optional-switch::after{transform:translateX(16px)}.hx-relational-table-v2 .optional-field-chip,.optional-dropdown .optional-field-chip{height:32px;display:flex;align-items:center;padding:0 12px;background:var(--oc-chip-bg,#fff);border:1px solid var(--oc-chip-border,#e5e7eb);border-radius:8px;font-size:13px;color:var(--oc-text,#1e1e1e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-relational-table-v2 .optional-drag-btn,.optional-dropdown .optional-drag-btn{border:none;background:transparent;padding:4px;cursor:grab;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 0.2s ease}.hx-relational-table-v2 .optional-drag-btn:hover,.optional-dropdown .optional-drag-btn:hover{background:rgba(0,0,0,0.04)}.hx-relational-table-v2 .optional-drag-btn:active,.optional-dropdown .optional-drag-btn:active{cursor:grabbing}:root.dark .hx-relational-table-v2 .optional-dropdown,:root.dark .optional-dropdown{background:#1e1e1e;border-color:#2a2a2a;box-shadow:0 4px 20px rgba(0,0,0,0.3)}:root.dark .hx-relational-table-v2 .optional-searchbar{background:#232323;border-color:#333}:root.dark .hx-relational-table-v2 .optional-search-input{color:#f0f0f0}:root.dark .hx-relational-table-v2 .optional-search-input::placeholder{color:#b3b3b3}:root.dark .hx-relational-table-v2 .optional-field-chip{background:#232323;border-color:#333;color:#f0f0f0}:root.dark .hx-relational-table-v2 .optional-item:hover{background:rgba(255,255,255,0.06)}:root.dark .hx-relational-table-v2 .optional-columns-btn:hover{background:rgba(255,255,255,0.06)}:root.dark .hx-relational-table-v2 .optional-refresh-btn:hover{background:rgba(255,255,255,0.06)}:root.dark .hx-relational-table-v2 .optional-drag-btn:hover{background:rgba(255,255,255,0.06)}.hx-relational-table-v2:not(.has-optional-cols) .actions-header,.hx-relational-table-v2:not(.has-optional-cols) .actions-cell{right:0!important}.hx-relational-table-v2.has-optional-cols .actions-header,.hx-relational-table-v2.has-optional-cols .actions-cell{right:48px!important}.hx-relational-table-v2 .table-row .actions-cell,.hx-relational-table-v2 .table-row .optional-empty-cell,.hx-relational-table-v2 .table-row:nth-child(even) .actions-cell,.hx-relational-table-v2 .table-row:nth-child(even) .optional-empty-cell{background-color:#fff}.hx-relational-table-v2 .table-row:hover .actions-cell,.hx-relational-table-v2 .table-row:hover .optional-empty-cell{background-color:#fff!important}.hx-relational-table-v2 .new-row .actions-cell,.hx-relational-table-v2 .new-row .optional-empty-cell{background-color:#fff!important}.hx-relational-table-v2 .add-row .actions-cell,.hx-relational-table-v2 .add-row .optional-empty-cell{background-color:#fff!important}.hx-relational-table-v2.has-actions-col .actions-cell::before,.hx-relational-table-v2.has-actions-col .actions-header::before{content:'';position:absolute;top:0;left:-4px;bottom:0;width:4px;background:linear-gradient(to right,transparent,rgba(0,0,0,0.05));pointer-events:none}.hx-relational-table-v2:not(.has-actions-col).has-optional-cols .optional-empty-cell::before,.hx-relational-table-v2:not(.has-actions-col).has-optional-cols .optional-columns-header::before{content:'';position:absolute;top:0;left:-4px;bottom:0;width:4px;background:linear-gradient(to right,transparent,rgba(0,0,0,0.05));pointer-events:none}.hx-relational-table-v2 .table-container{border:1px solid #e1e2e3;border-radius:16px}.hx-relational-table-v2 .relational-table .table-header,.hx-relational-table-v2 .relational-table .header-cell{background:#f5f6f7}.hx-relational-table-v2 .relational-table .header-cell{height:48px;padding:8px 12px;font-size:14px;font-weight:700;color:#585959;border-bottom:1px solid #edeef0;font-family:'Plus Jakarta Sans',sans-serif;white-space:nowrap}.hx-relational-table-v2 .relational-table .header-cell:first-child{padding-left:20px}.hx-relational-table-v2 .relational-table .header-cell.sortable:hover{background:#edeef0}.hx-relational-table-v2 .relational-table .table-row{border-bottom:1px solid #edeef0;transition:none!important}.hx-relational-table-v2 .relational-table .table-cell{height:56px;padding:8px;border-bottom:1px solid #edeef0;vertical-align:middle;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;color:#2b2b2b}.hx-relational-table-v2 .relational-table .table-cell:not(.numbering-cell):not(.action-cell):not(.actions-cell){padding-left:8px}.hx-relational-table-v2 .relational-table .table-row.is-editing{outline:none}.hx-relational-table-v2 .relational-table .table-row.is-editing .table-cell{background-color:#ffffff!important}.hx-relational-table-v2 .relational-table .table-row.is-editing .table-cell:first-child{box-shadow:inset 2px 0 0 0 #006fff}.hx-relational-table-v2 .relational-table .table-row.is-editing .hx-many2one-field{box-shadow:none}.hx-relational-table-v2 .relational-table .table-body .table-cell,.hx-relational-table-v2 .relational-table .table-body .table-cell:focus-within{background-color:#ffffff!important}.hx-relational-table-v2 .relational-table .table-body .table-row .table-cell:hover{background-color:#f0f1f2!important;border-radius:4px}.hx-relational-table-v2 .relational-table .table-body .table-row .table-cell:focus-within:hover{background-color:#ffffff!important}.hx-relational-table-v2 .relational-table .table-cell input{box-shadow:none!important}.hx-relational-table-v2 .relational-table .required-error{box-shadow:none!important}.hx-relational-table-v2 .relational-table .table-cell .hx-text-field-edit .text-field{border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0 4px!important;height:auto!important;min-height:unset!important;font-size:14px!important;font-family:'Plus Jakarta Sans',sans-serif!important;color:#2b2b2b!important;line-height:20px!important;width:100%!important}.hx-relational-table-v2 .relational-table .table-cell .hx-text-field-edit .text-field:focus{outline:none!important;box-shadow:none!important}.hx-relational-table-v2 .relational-table .table-cell .hx-text-field-edit .text-field::placeholder{color:#8b8b8c!important;font-size:14px!important}.hx-relational-table-v2 .relational-table .table-cell .hx-float-field-edit .float-field,.hx-relational-table-v2 .relational-table .table-cell .hx-integer-field-edit .integer-field{border:none!important;border-radius:0!important;background:transparent!important;padding:0 4px!important;height:auto!important;min-height:unset!important;font-size:14px!important;font-family:'Plus Jakarta Sans',sans-serif!important;color:#2b2b2b!important;line-height:20px!important;width:100%!important}.hx-relational-table-v2 .relational-table .table-cell .hx-float-field-edit .float-field:focus,.hx-relational-table-v2 .relational-table .table-cell .hx-integer-field-edit .integer-field:focus{outline:none!important;box-shadow:none!important}.hx-relational-table-v2 .relational-table .table-cell .hx-float-field-edit .float-field::placeholder,.hx-relational-table-v2 .relational-table .table-cell .hx-integer-field-edit .integer-field::placeholder{color:#8b8b8c!important}.hx-relational-table-v2 .relational-table .table-cell .hx-many2one-field-edit .many2one-field{border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0 28px 0 4px!important;height:auto!important;min-height:unset!important;font-size:14px!important;font-family:'Plus Jakarta Sans',sans-serif!important;color:#2b2b2b!important;line-height:20px!important;width:100%!important}.hx-relational-table-v2 .relational-table .table-cell .hx-many2one-field-edit .many2one-field:focus{outline:none!important;box-shadow:none!important}.hx-relational-table-v2 .relational-table .table-cell .hx-many2one-field-edit .many2one-field::placeholder{color:#8b8b8c!important}.hx-relational-table-v2 .relational-table .table-cell .hx-many2one-field-edit .many2one-field-link:hover .hyperlink-arrow-up-right-icon{background-color:transparent!important}.hx-relational-table-v2 .relational-table .table-cell .hx-datetime-field-edit .date-field,.hx-relational-table-v2 .relational-table .table-cell .hx-date-field-edit .date-field{border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0 4px!important;min-height:unset!important;height:auto!important;font-size:14px!important;font-family:'Plus Jakarta Sans',sans-serif!important;color:#2b2b2b!important;line-height:20px!important}.hx-relational-table-v2 .relational-table .table-cell .hx-datetime-field-edit .date-field .date-field-label,.hx-relational-table-v2 .relational-table .table-cell .hx-date-field-edit .date-field .date-field-label{color:#8b8b8c;font-size:14px;font-family:'Plus Jakarta Sans',sans-serif}.hx-relational-table-v2 .relational-table .table-cell .hx-selection-field-edit .selection-field{border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0 28px 0 4px!important;height:auto!important;min-height:unset!important;font-size:14px!important;font-family:'Plus Jakarta Sans',sans-serif!important;color:#2b2b2b!important;line-height:20px!important;width:100%!important}.hx-relational-table-v2 .relational-table .table-cell .hx-text-field-edit,.hx-relational-table-v2 .relational-table .table-cell .hx-float-field-edit,.hx-relational-table-v2 .relational-table .table-cell .hx-integer-field-edit,.hx-relational-table-v2 .relational-table .table-cell .hx-many2one-field-edit,.hx-relational-table-v2 .relational-table .table-cell .hx-datetime-field-edit,.hx-relational-table-v2 .relational-table .table-cell .hx-date-field-edit,.hx-relational-table-v2 .relational-table .table-cell .hx-selection-field-edit{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;min-height:unset!important}.hx-relational-table-v2 .relational-table .table-cell .hx-trailing{top:50%!important;right:6px!important;transform:translateY(-50%)!important;transition:opacity 0.15s ease;pointer-events:none}.hx-relational-table-v2 .relational-table .table-cell:hover .hx-trailing,.hx-relational-table-v2 .relational-table .table-cell:focus-within .hx-trailing{opacity:1;pointer-events:auto}.hx-relational-table-v2 .relational-table .table-cell .hx-many2one-field .m2o-hyperlink-icon-frame:hover .m2o-hyperlink-arrow-icon,.hx-relational-table-v2 .relational-table .table-cell .hx-many2one-field .many2one-field-link:hover .m2o-hyperlink-arrow-icon,.hx-relational-table-v2 .relational-table .table-cell .hx-many2one-field-view .m2o-hyperlink-icon-frame:hover .m2o-hyperlink-arrow-icon,.hx-relational-table-v2 .relational-table .table-cell .hx-many2one-field-view .many2one-field-link:hover .m2o-hyperlink-arrow-icon,.hx-relational-table-v2 .relational-table .table-cell .hx-many2one-field-view .many2one-field-link:hover .hyperlink-arrow-up-right-icon{background-color:#f0f1f2!important}.hx-relational-table-v2 .relational-table .table-cell .m2o-hyperlink-icon-frame{display:none!important}.hx-relational-table-v2 .relational-table .table-cell:focus-within{box-shadow:inset 0 0 0 1px #006fff;border-radius:4px}.hx-relational-table-v2 .relational-table .table-cell:has(.hx-many2many-v2-field):focus-within,.hx-relational-table-v2 .relational-table .table-cell:has(.hx-boolean-field):focus-within,.hx-relational-table-v2 .relational-table .table-cell:has(.hx-file-field):focus-within{box-shadow:none!important;border-radius:0!important}.hx-relational-table-v2 .relational-table .table-cell .hx-text-field-view .text-field,.hx-relational-table-v2 .relational-table .table-cell .hx-float-field-view .float-field,.hx-relational-table-v2 .relational-table .table-cell .hx-integer-field-view .integer-field,.hx-relational-table-v2 .relational-table .table-cell .hx-many2one-field-view .many2one-field,.hx-relational-table-v2 .relational-table .table-cell .hx-selection-field-view .selection-field{font-size:14px!important;font-family:'Plus Jakarta Sans',sans-serif!important;color:#2b2b2b!important;line-height:20px!important;padding:0 4px!important;background:transparent!important}.hx-relational-table-v2 .relational-table .actions-header{width:56px;min-width:56px;border-left:1px solid #edeef0;background:#f5f6f7;text-align:center;padding:8px 16px;position:sticky!important;right:0!important;z-index:11!important}.hx-relational-table-v2 .relational-table .actions-cell{width:56px;min-width:56px;border-left:1px solid #edeef0;text-align:center;padding:8px 16px;vertical-align:middle;position:sticky!important;right:0!important;z-index:2!important;background-color:#ffffff}.hx-relational-table-v2 .relational-table .delete-btn{color:#dc3545;background:transparent;border:none}.hx-relational-table-v2 .relational-table .delete-btn:hover{color:#c62333;background:transparent}.hx-relational-table-v2 .relational-table .delete-btn svg{fill:currentColor}.hx-relational-table-v2 .relational-table .table-row .actions-cell,.hx-relational-table-v2 .relational-table .table-row:nth-child(even) .actions-cell{background-color:#ffffff!important}.hx-relational-table-v2 .relational-table .table-row:hover .actions-cell{background-color:#ffffff!important}.hx-relational-table-v2 .relational-table .new-row{background:#fff!important}.hx-relational-table-v2 .relational-table .new-row .table-cell,.hx-relational-table-v2 .relational-table .new-row .actions-cell,.hx-relational-table-v2 .relational-table .new-row .optional-empty-cell{background:#fff!important;border-bottom:1px solid #edeef0}.hx-relational-table-v2 .relational-table .add-row .add-cell{padding:8px 16px;border-bottom:none;background:#fff}.hx-relational-table-v2 .relational-table .add-row-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#2a5ea2;font-size:14px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;cursor:pointer;padding:4px 0;transition:color 0.15s ease}.hx-relational-table-v2 .relational-table .add-row-btn:hover{color:#0056cc}.hx-relational-table-v2 .relational-table .add-row-btn .add-icon{fill:currentColor;width:16px;height:16px}.hx-relational-table-v2 .relational-table .table-cell .hx-many2many-v2-field{width:100%;position:relative}.hx-relational-table-v2 .table-scroll-wrapper.m2m-dropdown-open{overflow-x:auto!important;overflow-y:visible!important;scrollbar-gutter:stable both-edges}.hx-relational-table-v2 .table-container:has(.table-scroll-wrapper.m2m-dropdown-open)::after{transition:none;opacity:0!important}.hx-relational-table-v2 .relational-table .table-cell .m2m2-input-wrapper{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;min-height:unset!important}.hx-relational-table-v2 .relational-table .table-cell .m2m2-chips{border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important;min-height:unset!important;gap:4px}.hx-relational-table-v2 .relational-table .table-cell .m2m2-input{border:none!important;background:transparent!important;box-shadow:none!important;padding:0 4px!important;font-size:14px!important;font-family:'Plus Jakarta Sans',sans-serif!important;color:#2b2b2b!important;line-height:20px!important;min-width:80px}.hx-relational-table-v2 .relational-table .table-cell .m2m2-input:focus{outline:none!important;box-shadow:none!important}.hx-relational-table-v2 .relational-table .table-cell .m2m2-input::placeholder{color:#8b8b8c!important;font-size:14px!important}.hx-relational-table-v2 .relational-table .table-cell .m2m2-toggle-btn{background:transparent!important;border:none!important;box-shadow:none!important;padding:0 4px!important;color:#8b8b8c}.hx-relational-table-v2 .relational-table .table-cell .m2m2-toggle-btn:hover{background:transparent!important;color:#2b2b2b}.hx-relational-table-v2 .relational-table .table-cell .hx-file-field .hx-file-field-edit{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;min-height:unset!important}.hx-relational-table-v2 .relational-table .table-cell .hx-file-field .attachment-wrapper{border:none!important;background:transparent!important;box-shadow:none!important;padding:0 4px!important;min-height:unset!important}.hx-relational-table-v2 .relational-table .table-cell .hx-file-field .upload-trigger{border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important;gap:6px}.hx-relational-table-v2 .relational-table .table-cell .hx-file-field .upload-text{font-size:14px!important;font-family:'Plus Jakarta Sans',sans-serif!important;color:#8b8b8c!important;line-height:20px!important}.hx-relational-table-v2 .relational-table .table-cell .hx-file-field .file-field-icon{color:#8b8b8c;flex-shrink:0}.hx-relational-table-v2 .relational-table .table-cell .hx-boolean-field{padding:0 4px!important;background:transparent!important;border:none!important;box-shadow:none!important;min-height:unset!important}.hx-relational-table-v2 .relational-table .table-cell .hx-boolean-field .toggle-switch{width:36px;height:20px;border-radius:999px;background:#e1e2e3;position:relative;display:inline-block;flex-shrink:0;transition:background 0.18s ease}.hx-relational-table-v2 .relational-table .table-cell .hx-boolean-field .toggle-slider{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.15);transition:transform 0.18s ease}.hx-relational-table-v2 .relational-table .table-cell .hx-boolean-field input:checked ~ .toggle-switch,.hx-relational-table-v2 .relational-table .table-cell .hx-boolean-field .toggle-switch.is-checked{background:#006fff}.hx-relational-table-v2 .relational-table .table-cell .hx-boolean-field input:checked ~ .toggle-switch .toggle-slider,.hx-relational-table-v2 .relational-table .table-cell .hx-boolean-field .toggle-switch.is-checked .toggle-slider{transform:translateX(16px)}.m2m2-dropdown{background:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.08);border-radius:10px;border:1px solid #cacbcc;overflow-y:auto;overflow-x:hidden;padding:0;margin:0;box-sizing:border-box}.m2m2-dropdown .m2m2-dropdown-item{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;font-size:14px;color:#353535;background:#ffffff;transition:background 0.18s;min-height:44px;box-sizing:border-box}.m2m2-dropdown .m2m2-dropdown-item .m2m2-check{opacity:0;margin-left:12px;color:currentColor}.m2m2-dropdown .m2m2-dropdown-item.is-selected .m2m2-check{opacity:1}.m2m2-dropdown .m2m2-dropdown-item:hover{background:#f5f6f8}.m2m2-dropdown .m2m2-dropdown-item.is-selected{background:#f0f4ff;color:#353535}.m2m2-dropdown .m2m2-dropdown-item.is-selected:hover{background:#f0f4ff}.m2m2-dropdown .m2m2-check{width:16px;height:16px}.m2m2-dropdown .m2m2-dropdown-footer{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#fff;border-top:1px solid #cacbcc}.m2m2-dropdown .m2m2-select-all-btn{border:none;background:transparent;color:#3165d4;border-radius:6px;height:28px;padding:0 12px;cursor:pointer}.m2m2-dropdown .m2m2-reset-btn{border:none;background:transparent;color:#3165d4;border-radius:6px;height:28px;padding:0 12px;cursor:pointer}.m2m2-dropdown .m2m2-apply-btn{border:none;background:#3165d4;color:#fff;border-radius:6px;height:28px;padding:0 14px;cursor:pointer;margin-left:8px}.m2m2-dropdown .m2m2-apply-btn:disabled{background:#e8e9eb;color:#6d6d6e;cursor:not-allowed}

/** webx/static/css/views/fields/relational/modal-form-drawer.css **/
.hx-modal-form-drawer{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:9999;display:flex;justify-content:flex-end;align-items:center;padding:24px}.hx-modal-form-drawer .hx-drawer-container{width:600px;height:calc(100vh - 48px);background:#ffffff;border-radius:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);display:flex;flex-direction:column;animation:slideInRightDrawer 0.3s ease-out;overflow:hidden}@keyframes slideInRightDrawer{from{transform:translateX(100%)}to{transform:translateX(0)}}.hx-modal-form-drawer .hx-drawer-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e5e7eb;background:#ffffff;border-radius:24px 24px 0 0;position:sticky;top:0}.hx-modal-form-drawer .hx-drawer-title{font-size:18px;font-weight:600;color:#111827;margin:0}.hx-modal-form-drawer .hx-drawer-close-btn{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:8px;border-radius:4px;transition:all 0.2s ease}.hx-modal-form-drawer .hx-drawer-close-btn:hover{background:#f3f4f6;color:#374151}.hx-modal-form-drawer .hx-drawer-close-btn svg{width:18px;height:18px;fill:currentColor}.hx-modal-form-drawer .hx-drawer-body{flex:1;padding:24px;overflow-y:auto;min-height:0}.hx-modal-form-drawer .hx-drawer-loading,.hx-modal-form-drawer .hx-drawer-error{display:flex;align-items:center;justify-content:center;height:200px;color:#6b7280;font-size:1rem}.hx-modal-form-drawer .hx-drawer-error{color:#dc2626}.hx-modal-form-drawer .hx-drawer-content{height:auto}.hx-modal-form-drawer .hx-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:0.75rem;padding:24px;border-top:1px solid #e5e7eb;background:#ffffff;position:sticky;bottom:0}.hx-modal-form-drawer .btn{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all 0.2s;display:flex;align-items:center;gap:0.5rem}.hx-modal-form-drawer .btn svg{width:14px;height:14px;fill:currentColor}.hx-modal-form-drawer .btn:disabled{opacity:0.5;cursor:not-allowed}.hx-modal-form-drawer .btn-secondary{background-color:white;color:#374151;border-color:#d1d5db}.hx-modal-form-drawer .btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.hx-modal-form-drawer .btn-primary{background-color:#3b82f6;color:white;border-color:#3b82f6}.hx-modal-form-drawer .btn-primary:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}@media (max-width:768px){.hx-modal-form-drawer{padding:12px}.hx-modal-form-drawer .hx-drawer-container{width:95vw;height:calc(100vh - 24px)}}

/** webx/static/css/views/fields/relational/relational-pagination-v2.css **/
.hx-relational-pagination-v2{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--pagger-text-color,#333);flex-wrap:nowrap;margin-top:8px;background:transparent;border:none;padding:0;font-size:14px}.hx-relational-pagination-v2 .pagination-info{display:flex;align-items:center;gap:6px;padding:0;margin:0;background:transparent;border:none;flex-shrink:0;min-width:200px}.hx-relational-pagination-v2 .info-text{color:var(--pagger-light-text,#666);margin:0;white-space:nowrap;font-weight:400;font-size:13px}.hx-relational-pagination-v2 .page-size-selector{position:relative;display:flex;align-items:center;gap:4px;min-width:110px;width:110px;padding:6px 8px;border:1px solid var(--pagger-border,#e0e0e0);border-radius:6px;background-color:var(--pagger-bg,#fff);cursor:pointer;user-select:none;flex-shrink:0}.hx-relational-pagination-v2 .page-size-btn{background:transparent;border:none;padding:0;cursor:pointer;font-size:13px;color:var(--pagger-text-color,#333);width:100%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-relational-pagination-v2 .page-size-selector:hover{background-color:var(--pagger-dropdown-hover,#f8f9fa)}.hx-relational-pagination-v2 .page-size-selector .dropdown-icon{margin-left:auto;flex-shrink:0}.hx-relational-pagination-v2 .page-size-selector .dropdown-icon svg{width:12px;height:12px;fill:var(--pagger-text-color,#333);transition:transform 0.2s ease}.hx-relational-pagination-v2 .page-size-selector.open .dropdown-icon svg{transform:rotate(180deg)}.hx-relational-pagination-v2 .page-size-dropdown{position:absolute;bottom:105%;left:0;width:100%;background-color:var(--pagger-bg,#fff);border:1px solid var(--pagger-border,#e0e0e0);border-radius:8px;box-shadow:0 4px 8px var(--pagger-shadow,rgba(0,0,0,0.1));z-index:100;margin-bottom:4px}.hx-relational-pagination-v2 .page-size-option{padding:6px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:none;border:none;width:100%;text-align:left;font-size:14px;color:var(--pagger-text-color,#333);transition:background-color 0.2s}.hx-relational-pagination-v2 .page-size-option:hover{background-color:var(--pagger-dropdown-hover,#f8f9fa)}.hx-relational-pagination-v2 .page-size-option.active{background-color:rgba(0,0,0,0.05)}.hx-relational-pagination-v2 .custom-input-container{padding:8px 12px;border-top:1px solid #e0e0e0}.hx-relational-pagination-v2 .custom-page-size-input{width:100%;padding:6px 8px;border:1px solid #ccc;border-radius:4px;font-size:14px;outline:none}.hx-relational-pagination-v2 .custom-page-size-input:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,0.25)}.hx-relational-pagination-v2 .pagination-controls{display:flex;align-items:center;background-color:transparent;border:none;border-radius:6px;overflow:visible;flex:1;justify-content:center;min-width:0}.hx-relational-pagination-v2 .page-btn{min-width:24px;height:24px;padding:0 4px;border:1px solid var(--pagger-border,#e0e0e0);border-radius:4px;background:transparent;color:var(--pagger-text-color,#333);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all 0.2s}.hx-relational-pagination-v2 .page-btn svg{width:14px;height:14px;fill:currentColor}.hx-relational-pagination-v2 .page-btn:hover:not(:disabled){border-color:#2a5ea2}.hx-relational-pagination-v2 .page-btn:disabled{color:var(--pagger-nav-disabled,#ccc);cursor:not-allowed}.hx-relational-pagination-v2 .page-btn:disabled svg{opacity:0.2}.hx-relational-pagination-v2 .page-btn.active{background:#2a5ea2;border-color:#2a5ea2;color:#ffffff}.hx-relational-pagination-v2 .nav-button{background:transparent;border:none;padding:4px 6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--pagger-nav-text,#333)}.hx-relational-pagination-v2 .nav-button:hover:not(:disabled){background-color:var(--pagger-nav-hover-bg,#f8f9fa)}.hx-relational-pagination-v2 .nav-button:disabled{color:var(--pagger-nav-disabled,#ccc);cursor:not-allowed}.hx-relational-pagination-v2 .pages{display:flex;align-items:center;gap:4px;padding:0 6px}.hx-relational-pagination-v2 .ellipsis{color:var(--pagger-light-text,#666);padding:0 4px}@media (max-width:860px){.hx-relational-pagination-v2{align-items:stretch;gap:10px}.hx-relational-pagination-v2 .page-size-selector{min-width:100px;font-size:13px}.hx-relational-pagination-v2 .pagination-controls{flex-direction:column;align-items:center;gap:8px}.hx-relational-pagination-v2 .pagination-info{order:2}.hx-relational-pagination-v2 .pagination-info .info-text{font-size:13px}.hx-relational-pagination-v2 .nav-button{padding:4px 6px}.hx-relational-pagination-v2 .page-btn{min-width:24px;height:24px;padding:0 4px;font-size:12px}}

/** webx/static/css/views/fields/relational/modal-form-v2.css **/
.hx-modal-form-v2{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:9999}.hx-modal-form-v2 .hx-modal-form-container{background:white;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,0.2);max-width:90vw;max-height:90vh;width:800px;display:flex;flex-direction:column;overflow:hidden}.hx-modal-form-v2 .hx-modal-form-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.hx-modal-form-v2 .hx-modal-form-title{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.hx-modal-form-v2 .hx-modal-form-close-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;opacity:0.7;transition:opacity 0.15s ease,background-color 0.15s ease,transform 0.05s ease}.hx-modal-form-v2 .hx-modal-form-close-btn svg{width:18px;height:18px;fill:currentColor}.hx-modal-form-v2 .hx-modal-form-close-btn:hover{background-color:#e5e7eb;opacity:1}.hx-modal-form-v2 .hx-modal-form-close-btn:active{transform:scale(0.98)}.hx-modal-form-v2 .hx-modal-form-body{flex:1;padding:0.75rem 1.5rem;overflow-y:auto;min-height:0}.hx-modal-form-v2 .hx-modal-form-loading,.hx-modal-form-v2 .hx-modal-form-error{display:flex;align-items:center;justify-content:center;height:200px;color:#6b7280;font-size:1rem}.hx-modal-form-v2 .hx-modal-form-error{color:#dc2626}.hx-modal-form-v2 .hx-modal-form-content{height:auto}.hx-modal-form-v2 .hx-modal-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:0.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.hx-modal-form-v2 .btn{padding:0.5rem 1rem;border-radius:6px;font-size:0.875rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all 0.2s;display:flex;align-items:center;gap:0.5rem}.hx-modal-form-v2 .btn svg{width:14px;height:14px;fill:currentColor}.hx-modal-form-v2 .btn:disabled{opacity:0.5;cursor:not-allowed}.hx-modal-form-v2 .btn-secondary{background-color:white;color:#374151;border-color:#d1d5db}.hx-modal-form-v2 .btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.hx-modal-form-v2 .btn-primary{background-color:#3b82f6;color:white;border-color:#3b82f6}.hx-modal-form-v2 .btn-primary:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}@media (max-width:768px){.hx-modal-form-v2 .hx-modal-form-container{width:95vw;max-height:95vh}.hx-modal-form-v2 .hx-modal-form-header,.hx-modal-form-v2 .hx-modal-form-body,.hx-modal-form-v2 .hx-modal-form-footer{padding:1rem}}

/** webx/static/css/views/form/form-sheet-action-buttons.css **/
.hx-form-sheet-action-buttons{}.hx-form-action-buttons{display:flex;align-items:center;white-space:nowrap;width:100%;margin-right:16px;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none;--form-button-gradient:linear-gradient(90deg,#2a5ea2 40%,#1c4f92 100%);--form-button-gradient-hover:linear-gradient(90deg,#1c4f92 40%,#2a5ea2 100%)}.hx-form-action-buttons.is-card-box{background:#ffffff;padding:16px 24px;border-radius:16px;border:1px solid #e7e9ee;box-shadow:0 1px 0 rgba(16,24,40,0.02)}.hx-form-action-buttons:active,.hx-form-action-buttons:active *{cursor:grabbing!important}.hx-form-action-buttons::-webkit-scrollbar{display:none}.hx-form-action-buttons,.action-form-button,.static-form-button{display:flex;align-items:center;height:100%}.hx-form-action-buttons,.state-form-button{display:flex;align-items:stretch!important;height:40px}.hx-form-action-buttons:has(>:nth-child(2)),.hx-form-action-buttons .state-form-button:has(>:nth-child(2)),.hx-form-action-buttons .action-form-button:has(>:nth-child(2)),.hx-form-action-buttons .static-form-button:has(>:nth-child(2)){gap:8px}.hx-form-action-buttons .btn-save,.hx-form-action-buttons .btn-edit,.hx-form-action-buttons .btn-discard,.hx-form-action-buttons .btn-state{display:flex;padding:11px 24px;justify-content:center;align-items:center;gap:4px;border-radius:8px;height:100%;transition:all 0.3s ease}.hx-form-action-buttons .btn-save,.hx-form-action-buttons .btn-edit,.hx-form-action-buttons .btn-discard,.hx-form-action-buttons .btn-danger{padding:11px 24px!important}.hx-form-action-buttons .btn-edit-icon{width:20px;height:20px;margin-bottom:3px}.hx-form-action-buttons .btn-save,.hx-form-action-buttons .btn-edit{color:#ffffff;background:transparent;position:relative;overflow:hidden;z-index:0;border:none}.hx-form-action-buttons .btn-save::before,.hx-form-action-buttons .btn-save::after,.hx-form-action-buttons .btn-edit::before,.hx-form-action-buttons .btn-edit::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;z-index:-1;opacity:0;transition:opacity 0.3s ease,background 0.3s ease;pointer-events:none}.hx-form-action-buttons .btn-save::before,.hx-form-action-buttons .btn-edit::before{background:var(--form-button-gradient);opacity:1}.hx-form-action-buttons .btn-save::after,.hx-form-action-buttons .btn-edit::after{background:var(--form-button-gradient-hover)}.hx-form-action-buttons .btn-reject{color:#ffffff!important;background:#dc3545!important;border:1px solid #dc3545!important}.hx-form-action-buttons .btn-discard{background:#ffffff;color:#2a5ea2;border:1px solid #a8c3ff;transition:all 0.3s ease}.hx-form-action-buttons .btn-state{color:#303030;border:1px solid #b3b3b3;background:#fcfeff;position:relative;overflow:hidden;z-index:0}.hx-form-action-buttons .btn-state::after{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--form-button-gradient-hover);z-index:-1;opacity:0;transition:opacity 0.3s ease,background 0.3s ease;pointer-events:none}.hx-form-action-buttons .button-icon{display:inline-block;width:1em;height:1em;vertical-align:middle;stroke-width:0;fill:currentColor;stroke:currentColor;transition:all 0.3s ease}.hx-form-action-buttons .button-icon.btn-cancel-icon{width:16px!important;height:10px!important;margin-top:1px!important}.hx-form-action-buttons .btn-save:hover:not(:disabled),.hx-form-action-buttons .btn-edit:hover:not(:disabled){color:#ffffff}.hx-form-action-buttons .btn-save:hover:not(:disabled)::after,.hx-form-action-buttons .btn-edit:hover:not(:disabled)::after{opacity:1}.hx-form-action-buttons .btn-reject:hover:not(:disabled){background:#c82333!important;border-color:#bd2130!important;transition:all 0.3s ease}.hx-form-action-buttons .btn-save:disabled,.hx-form-action-buttons .btn-edit:disabled{opacity:0.65;cursor:not-allowed;pointer-events:none}.hx-form-action-buttons .btn-discard:hover{background:#95bdfb;border:1px solid transparent;color:#2a5ea2}.hx-form-action-buttons .btn-state:hover{color:#ffffff}.hx-form-action-buttons .btn-state:hover::after{opacity:1}.hx-form-action-buttons .btn-state:hover .button-icon,.hx-form-action-buttons .btn-state:hover svg,.hx-form-action-buttons .btn-state:hover svg *{fill:#ffffff!important;stroke:#ffffff!important;color:#ffffff!important}.hx-form-action-buttons .btn-state:hover svg.button-icon{filter:brightness(0) invert(1)!important}.hx-form-action-buttons .validation-errors-container{margin-bottom:12px;width:100%}.hx-form-action-buttons .alert-sm{padding:8px 12px;font-size:13px;border-radius:6px}.hx-form-action-buttons .validation-errors-content ul{font-size:12px;padding-left:16px}.hx-form-action-buttons .validation-errors-content li{margin-bottom:2px}.hx-form-action-buttons .btn-save-disabled{background:linear-gradient(90deg,#dc6545 40%,#e74c3c 100%)!important;cursor:not-allowed;opacity:0.8}.hx-form-action-buttons .btn-save-disabled:hover{background:linear-gradient(90deg,#dc6545 40%,#e74c3c 100%)!important;filter:brightness(0.9)!important;box-shadow:0 2px 8px 0 rgba(220,101,69,0.15)!important}.hx-form-action-buttons .btn-save-disabled:disabled{pointer-events:none}.validation-errors-container{animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hx-form-action-buttons .state-form-button .action-dropdown-group{position:relative;flex:0 0 auto;height:initial}.hx-form-action-buttons .state-form-button .action-dropdown-toggle{min-width:36px;padding:6px 10px;line-height:1}.hx-form-action-buttons .state-form-button .action-dropdown-menu{position:absolute;right:0;top:calc(100% + 6px);display:block;min-width:220px;max-width:320px;max-height:60vh;overflow-y:auto;padding:8px;margin:0;list-style:none;background:var(--action-dropdown-bg,#ffffff);border:1px solid var(--action-dropdown-border,#e6e6e6);border-radius:4px;box-shadow:0 6px 12px -4px rgba(0,0,0,0.25);z-index:4000;transform-origin:top right}.hx-form-action-buttons .state-form-button .action-dropdown-menu::before{content:'';position:absolute;right:14px;top:-6px;width:10px;height:10px;transform:rotate(45deg);background:var(--action-dropdown-bg,#ffffff);border-left:1px solid var(--action-dropdown-border,#e6e6e6);border-top:1px solid var(--action-dropdown-border,#e6e6e6)}.hx-form-action-buttons .state-form-button .action-dropdown-group.action-open .action-dropdown-menu{display:block}.action-dropdown-menu-enter-active,.action-dropdown-menu-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.action-dropdown-menu-enter-from,.action-dropdown-menu-leave-to{opacity:0;transform:translateY(-8px) scale(0.98)}.action-dropdown-menu-enter-to,.action-dropdown-menu-leave-from{opacity:1;transform:translateY(0) scale(1)}.hx-form-action-buttons .state-form-button .action-dropdown-item{appearance:none;-webkit-appearance:none;background:transparent;border:0;width:100%;text-align:left;padding:0.5rem 0.75rem;margin:0;font:inherit;color:var(--text-default,#1e1e1e);cursor:pointer}.hx-form-action-buttons .state-form-button .action-dropdown-item:hover,.hx-form-action-buttons .state-form-button .action-dropdown-item:focus-visible{outline:none;background:var(--action-dropdown-hover,#f0f0f0)}.hx-form-action-buttons .state-form-button .action-dropdown-item:focus-visible{box-shadow:0 0 0 2px rgba(42,94,162,0.25)}.hx-form-action-buttons .state-form-button .action-dropdown-item[disabled],.hx-form-action-buttons .state-form-button .action-dropdown-item.is-disabled{opacity:0.55;cursor:not-allowed}.hx-form-action-buttons .state-form-button .action-dropdown-divider{height:1px;background:var(--action-dropdown-border,#e6e6e6);margin:4px 6px;border:0}.hx-form-action-buttons .profile-nav-controls{display:flex;margin-left:auto;align-items:center;background:#ffffff;border:1px solid #b3b3b3;border-radius:8px;overflow:hidden;height:100%;box-shadow:0 1px 0 rgba(0,0,0,0.06)}.hx-form-action-buttons .pl-nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 0;border:none;background:transparent;color:#0d6efd;cursor:pointer;transition:background-color 0.3s ease,color 0.12s ease,transform 0.08s ease;outline:none;flex-shrink:0;font-size:1rem;border-radius:var(--btn-border-radius);min-width:36px;line-height:0}.hx-form-action-buttons .pl-nav-btn svg{fill:currentColor;width:20px;height:20px;display:block}.hx-form-action-buttons .pl-nav-btn.pl-nav-btn-expand{color:#0d6efd;min-width:40px}.hx-form-action-buttons .pl-nav-btn[disabled],.hx-form-action-buttons .pl-nav-btn.is-disabled{color:#c0c0c0;cursor:not-allowed;opacity:1}.hx-form-action-buttons .pl-nav-btn.is-active{color:#0d6efd}.hx-form-action-buttons .pl-nav-btn:hover:not(:disabled){background-color:rgba(13,110,253,0.08);color:#0d6efd}.hx-form-action-buttons .pl-nav-btn:active:not(:disabled){transform:translateY(1px);opacity:0.95}@media (prefers-reduced-motion:reduce){.hx-form-action-buttons .state-form-button .action-dropdown-menu{transition:none}}@media (max-width:480px){.hx-form-action-buttons .state-form-button .action-dropdown-menu{min-width:70vw;right:8px;left:auto}}.desktop-only{display:none!important}@media (min-width:1024px){.desktop-only{display:inline!important}}

/** webx/static/css/views/form/form-sheet-notebook.css **/
.hx-form-sheet-notebook{background:#ffffff;border:1px solid #e1e2e3;border-radius:16px}.hx-form-sheet-notebook .sheet-tabs-list{display:flex;align-items:center;border-bottom:1.5px solid #e8e9eb;margin:0;padding:0 24px;list-style:none;min-height:48px;overflow-x:auto;overflow-y:visible;flex-wrap:nowrap;white-space:nowrap;scrollbar-width:none;cursor:grab;user-select:none;position:relative}.hx-form-sheet-notebook .sheet-tabs-list:active{cursor:grabbing}.hx-form-sheet-notebook .sheet-tabs-item{margin:0;padding:0;height:48px;display:flex;align-items:center;gap:16px;flex:0 0 auto}.hx-form-sheet-notebook .sheet-tab-btn{background:none;border:none;outline:none;padding:0 32px;height:47px;font-size:14px;font-weight:500;color:#1e1e1e;position:relative;border-radius:0;cursor:pointer;box-shadow:none;display:flex;align-items:center;justify-content:center;transition:color 0.18s}.hx-form-sheet-notebook .sheet-tab-btn::after{content:'';display:block;position:absolute;left:0;right:0;bottom:-1px;height:2px;opacity:0;transition:opacity 0.18s cubic-bezier(0.4,0,0.2,1);pointer-events:none}.hx-form-sheet-notebook .sheet-tab-btn.tab-active::after,.hx-form-sheet-notebook .sheet-tab-btn.dropdown-open::after,.hx-form-sheet-notebook .sheet-tab-btn:not(.tab-active):hover::after{opacity:1;transform:scaleX(1)}.hx-form-sheet-notebook .sheet-tab-btn.tab-active::after,.hx-form-sheet-notebook .sheet-tab-btn.dropdown-open::after{background:#006fff;height:3px}.hx-form-sheet-notebook .sheet-tab-btn:not(.tab-active):hover::after{background:#e8e9eb}.hx-form-sheet-notebook .sheet-tab-btn.dropdown-open{font-weight:600}.hx-form-sheet-notebook .sheet-tab-btn{font-weight:400}.hx-form-sheet-notebook .sheet-tab-btn .tab-label{position:relative;display:inline-flex;align-items:center;gap:6px}.hx-form-sheet-notebook .sheet-tab-btn .tab-icon{display:inline-flex;align-items:center;flex-shrink:0}.hx-form-sheet-notebook .sheet-tab-btn .tab-icon svg{display:block;fill:#0058cc}.hx-form-sheet-notebook .sheet-tab-btn .tab-label::before{content:attr(data-text);content:attr(data-text) / '';height:0;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:600;display:block}.hx-form-sheet-notebook .sheet-tab-btn.tab-active{font-weight:600}.hx-form-sheet-notebook .sheet-tabs-content{padding:24px;border:none;min-height:200px}.hx-form-sheet-notebook .sheet-tab-pane{display:none;transition:opacity 0.15s linear;opacity:0}.hx-form-sheet-notebook .sheet-tab-pane.tab-shown.tab-active{display:block;opacity:1}@keyframes skeleton-loading{0%{background-position:-200% 0}100%{background-position:200% 0}}.hx-form-sheet-notebook .form-field-lazy-placeholder{display:block;width:100%;height:36px;border-radius:8px;margin-bottom:8px;box-sizing:border-box;background:linear-gradient(90deg,#ececec,#e0e0e0,#ececec);background-size:200% 100%;animation:skeleton-loading 1.2s cubic-bezier(0.4,0,0.6,1) infinite}.hx-form-sheet-notebook .sheet-tabs-item:has(.more-tab-dropdown){position:static;overflow:visible}.hx-form-sheet-notebook .more-tab-dropdown{position:relative;height:48px;display:flex;align-items:center}.hx-form-sheet-notebook .more-dropdown-trigger{display:flex;align-items:center;gap:8px}.hx-form-sheet-notebook .more-dropdown-trigger .dropdown-icon{transition:transform 0.2s ease;margin-left:4px}.hx-form-sheet-notebook .more-dropdown-trigger .dropdown-icon.rotated{transform:rotate(180deg)}.hx-form-sheet-notebook .more-dropdown-trigger .badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;background:transparent;color:#1e1e1e;border-radius:14px;font-size:14px;font-weight:600;margin-left:8px}.hx-form-sheet-notebook .more-dropdown-trigger.dropdown-open .badge{background:#e8f2ff;color:#006fff}.more-dropdown-menu-fixed{position:fixed;min-width:280px;max-width:320px;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.08),0 2px 4px rgba(0,0,0,0.04);overflow:hidden}.hx-form-sheet-notebook .dropdown-header{display:none}.hx-form-sheet-notebook .dropdown-title{display:none}.hx-form-sheet-notebook .dropdown-list,.more-dropdown-menu-fixed .dropdown-list{list-style:none;margin:0;padding:8px 0;max-height:400px;overflow-y:auto}.hx-form-sheet-notebook .dropdown-item,.more-dropdown-menu-fixed .dropdown-item{padding:0;isolation:isolate;position:relative;z-index:0}.dropdown-item-button{display:flex;align-items:center;width:100%;padding:12px 16px;background:none;border:none;text-align:left;font:inherit;color:inherit;cursor:pointer;box-sizing:border-box}.hx-form-sheet-notebook .dropdown-item:hover,.more-dropdown-menu-fixed .dropdown-item:hover{background:#f8f9fa}.hx-form-sheet-notebook .dropdown-item.item-active,.more-dropdown-menu-fixed .dropdown-item.item-active{background:#e8f2ff}.hx-form-sheet-notebook .dropdown-item.item-active:hover,.more-dropdown-menu-fixed .dropdown-item.item-active:hover{background:#d6e8ff}.hx-form-sheet-notebook .dropdown-item .item-label,.more-dropdown-menu-fixed .dropdown-item .item-label{font-size:14px;color:#1e1e1e;font-weight:400;line-height:1.5}.hx-form-sheet-notebook .dropdown-item.item-active .item-label,.more-dropdown-menu-fixed .dropdown-item.item-active .item-label{font-weight:600;color:#006fff}.dropdown-fade-enter-active,.dropdown-fade-leave-active{transition:opacity 0.2s ease,transform 0.2s ease}.dropdown-fade-enter-from{opacity:0;transform:translateY(-8px)}.dropdown-fade-leave-to{opacity:0;transform:translateY(-8px)}.hx-form-sheet-notebook .dropdown-list::-webkit-scrollbar,.more-dropdown-menu-fixed .dropdown-list::-webkit-scrollbar{width:6px}.hx-form-sheet-notebook .dropdown-list::-webkit-scrollbar-track,.more-dropdown-menu-fixed .dropdown-list::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.hx-form-sheet-notebook .dropdown-list::-webkit-scrollbar-thumb,.more-dropdown-menu-fixed .dropdown-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.hx-form-sheet-notebook .dropdown-list::-webkit-scrollbar-thumb:hover,.more-dropdown-menu-fixed .dropdown-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}:root.dark .more-dropdown-menu-fixed{background:#1f1f1f;border-color:#3a3a3a}:root.dark .hx-form-sheet-notebook .more-dropdown-trigger .badge{background:transparent;color:#f0f0f0}:root.dark .hx-form-sheet-notebook .more-dropdown-trigger.dropdown-open .badge{background:rgba(0,111,255,0.2);color:#4a9eff}:root.dark .hx-form-sheet-notebook .dropdown-header{background:#2a2a2a;border-color:#3a3a3a}:root.dark .hx-form-sheet-notebook .dropdown-title{color:#f0f0f0}:root.dark .hx-form-sheet-notebook .dropdown-item .item-label,:root.dark .more-dropdown-menu-fixed .dropdown-item .item-label{color:#f0f0f0}:root.dark .hx-form-sheet-notebook .dropdown-item:hover,:root.dark .more-dropdown-menu-fixed .dropdown-item:hover{background:#2a2a2a}:root.dark .hx-form-sheet-notebook .dropdown-item.item-active,:root.dark .more-dropdown-menu-fixed .dropdown-item.item-active{background:rgba(0,111,255,0.15)}:root.dark .hx-form-sheet-notebook .dropdown-item.item-active:hover,:root.dark .more-dropdown-menu-fixed .dropdown-item.item-active:hover{background:rgba(0,111,255,0.25)}:root.dark .hx-form-sheet-notebook .dropdown-item.item-active .item-label,:root.dark .more-dropdown-menu-fixed .dropdown-item.item-active .item-label{font-weight:600;color:#4a9eff}.sheet-tabs-item.search-tabs-item{height:48px;background:#ffffff;margin:0 -24px 0 auto;padding:0;display:flex;align-items:center;padding-right:0;flex-shrink:0;overflow:visible;order:9999}.search-field-container{display:flex;position:relative;align-items:center;height:48px;padding:0;margin:0;overflow:visible}.search-input-wrapper{position:relative;display:flex;align-items:center;height:100%;padding:0;margin:0}.search-icon{position:absolute;right:14px;color:#6b7280;pointer-events:none}.search-field-input{width:220px;height:40px;padding:10px 40px 10px 16px;border:none;border-radius:0 16px 0 0!important;font-size:14px;font-weight:400;color:#4b5563;background:#f0f1f2;margin:0}.search-field-input:focus{outline:none;background:#f0f1f2}.search-field-input::placeholder{color:#9ca3af;font-weight:400}.search-dropdown-menu{position:fixed;min-width:400px;max-width:500px;max-height:400px;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.08),0 2px 4px rgba(0,0,0,0.04);overflow:hidden;z-index:10000}.search-dropdown-enter-active{animation:searchDropdownSlideIn 0.3s cubic-bezier(0.4,0,0.2,1)}.search-dropdown-leave-active{animation:searchDropdownSlideOut 0.2s cubic-bezier(0.4,0,0.2,1)}@keyframes searchDropdownSlideIn{from{opacity:0;transform:translateY(-8px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes searchDropdownSlideOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(0.96)}}.search-dropdown-header{padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.search-result-count{font-size:16px;font-weight:400;color:#6b7280}.search-result-count strong{font-weight:600;color:#006fff}.search-dropdown-body{max-height:350px;overflow-y:auto;padding-top:8px}.search-group{margin-bottom:6px}.search-group:last-child{margin-bottom:0}.search-group-header{display:flex;align-items:center;gap:8px;padding:8px 16px}.search-group-title{font-size:14px;font-weight:600;color:#6b7280;text-transform:none;flex:0 0 auto}.search-group-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#e5e7eb;color:#6b7280;border-radius:10px;font-size:14px;font-weight:600;flex:0 0 auto}.search-group-list{list-style:none;margin:0;padding:0}.search-group-divider{height:1px;background:#e5e7eb;width:100%}.search-result-item{padding:12px 16px;cursor:pointer;transition:background 0.15s ease;border-left:3px solid transparent}.search-result-item:hover{background:#f9fafb;border-left-color:#006fff}.search-result-field{font-size:14px;font-weight:600;color:#1e1e1e;margin-bottom:4px}.search-result-value{font-size:14px;font-weight:500;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-no-results{padding:32px 24px;text-align:center}.search-no-results svg{color:#9ca3af;margin:0 auto 16px}.no-results-text{font-size:14px;font-weight:500;color:#1e1e1e;margin:0 0 4px}.no-results-hint{font-size:13px;color:#6b7280;margin:0}.search-dropdown-body::-webkit-scrollbar{width:6px}.search-dropdown-body::-webkit-scrollbar-track{background:transparent;border-radius:4px;margin:4px 0}.search-dropdown-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.search-dropdown-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}:root.dark .sheet-tabs-item.search-tabs-item{background:#1f1f1f}:root.dark .search-field-input{background:#374151;color:#f9fafb}:root.dark .search-field-input:focus{background:#4b5563;box-shadow:none}:root.dark .search-icon{color:#9ca3af}:root.dark .search-dropdown-menu{background:#1f2937;border-color:#374151}:root.dark .search-dropdown-header{background:#111827;border-bottom-color:#374151}:root.dark .search-result-count{color:#9ca3af}:root.dark .search-result-count strong{color:#f9fafb}:root.dark .search-group-header{background:#111827;border-bottom-color:#374151}:root.dark .search-group-title{color:#9ca3af}:root.dark .search-group-badge{background:#374151;color:#d1d5db}:root.dark .search-result-item:hover{background:#111827;border-left-color:#4a9eff}:root.dark .search-result-field{color:#f9fafb}:root.dark .search-result-value{color:#9ca3af}:root.dark .search-no-results svg{color:#6b7280}:root.dark .no-results-text{color:#f9fafb}:root.dark .no-results-hint{color:#9ca3af}@media (max-width:1024px){.sheet-tabs-item.search-tabs-item{margin:0 -24px 0 auto}.search-field-input{width:180px;font-size:13px;padding:8px 36px 8px 14px}.search-dropdown-menu{min-width:350px;max-width:450px}}@media (max-width:768px){.sheet-tabs-item.search-tabs-item{margin:0 -24px 0 auto;order:9999}.search-field-input{width:160px;font-size:13px;padding:8px 36px 8px 12px}.search-dropdown-menu{min-width:calc(100vw - 32px);max-width:calc(100vw - 32px);left:16px!important;right:16px!important}}@media (max-width:480px){.sheet-tabs-item.search-tabs-item{height:44px;margin:0 -24px 0 auto;order:9999}.search-field-container{height:44px}.search-field-input{width:140px;font-size:13px;padding:8px 32px 8px 10px;height:36px}.search-icon{right:10px;font-size:14px}.search-dropdown-menu{min-width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:300px;left:8px!important;right:8px!important}.search-dropdown-header{padding:10px 12px}.search-result-count{font-size:12px}.search-group-header{padding:8px 12px}.search-group-title{font-size:14px}.search-group-badge{font-size:14px;padding:2px 6px}.search-result-item{padding:10px 12px}.search-result-field{font-size:14px}.search-result-value{font-size:14px}}@media (max-width:360px){.sheet-tabs-item.search-tabs-item{margin:0 -24px 0 auto;order:9999}.search-field-input{width:120px;font-size:12px;padding:6px 28px 6px 8px}.search-icon{right:8px;font-size:13px}.search-dropdown-menu{max-height:250px}}.hx-form-sheet-notebook .tab-transition-skeleton{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(236,236,236,0.95),rgba(224,224,224,0.95),rgba(236,236,236,0.95));background-size:200% 100%;border-radius:8px;z-index:10;pointer-events:none;animation:skeleton-loading 1.2s cubic-bezier(0.4,0,0.6,1) infinite,skeleton-fade-in 0.2s ease-out forwards}@keyframes skeleton-fade-in{from{opacity:0}to{opacity:1}}.hx-form-sheet-notebook .sheet-tabs-list.tabs-transitioning{pointer-events:none}.hx-form-sheet-notebook .sheet-tabs-item.skeleton-tab-item{pointer-events:none}.hx-form-sheet-notebook .sheet-tab-skeleton{display:flex;align-items:center;justify-content:center;padding:0 32px;height:47px}.hx-form-sheet-notebook .tab-skeleton-label{display:block;height:14px;background:linear-gradient(90deg,#e8e9eb 0%,#f5f5f5 50%,#e8e9eb 100%);background-size:200% 100%;border-radius:4px;animation:tab-skeleton-shimmer 1.5s ease-in-out infinite}.hx-form-sheet-notebook .skeleton-tab-item:nth-child(2) .tab-skeleton-label{animation-delay:0.1s}.hx-form-sheet-notebook .skeleton-tab-item:nth-child(3) .tab-skeleton-label{animation-delay:0.2s}.hx-form-sheet-notebook .skeleton-tab-item:nth-child(4) .tab-skeleton-label{animation-delay:0.3s}.hx-form-sheet-notebook .skeleton-tab-item:nth-child(5) .tab-skeleton-label{animation-delay:0.4s}.hx-form-sheet-notebook .skeleton-tab-item:nth-child(6) .tab-skeleton-label{animation-delay:0.5s}@keyframes tab-skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.hx-form-sheet-notebook .sheet-tabs-item.item-transitioning{position:relative;overflow:hidden}.hx-form-sheet-notebook .sheet-tabs-item.item-transitioning::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);background-size:200% 100%;animation:skeleton-shimmer 1s cubic-bezier(0.4,0,0.6,1) infinite}@keyframes skeleton-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.hx-form-sheet-notebook .sheet-tab-pane.tab-transitioning{position:relative;pointer-events:none}.hx-form-sheet-notebook .sheet-tab-pane.tab-transitioning>*:not(.tab-transition-skeleton){filter:blur(2px);opacity:0.5;transition:filter 0.2s ease,opacity 0.2s ease}.hx-form-sheet-notebook .sheet-tab-pane{opacity:0;transition:opacity 0.3s cubic-bezier(0.4,0,0.2,1),transform 0.3s cubic-bezier(0.4,0,0.2,1);pointer-events:none}.hx-form-sheet-notebook .sheet-tab-pane.tab-active{opacity:1;pointer-events:auto;animation:slideInTab 0.3s cubic-bezier(0.4,0,0.2,1)}@keyframes slideInTab{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.hx-form-sheet-notebook .sheet-tab-btn{transition:color 0.2s cubic-bezier(0.4,0,0.2,1)}.hx-form-sheet-notebook .sheet-tab-btn::after{transition:opacity 0.3s cubic-bezier(0.4,0,0.2,1),height 0.3s cubic-bezier(0.4,0,0.2,1),background 0.2s cubic-bezier(0.4,0,0.2,1);transform-origin:center}

/** webx/static/css/views/form/form-sheet-summary.css **/
.hx-form-sheet-summary{display:flex;gap:16px;align-items:stretch}.hx-form-sheet-summary .hx-task-summary-card{border:1px solid #e5e7eb;border-radius:14px;padding:24px;background:#ffffff;transition:all 0.2s ease;flex:1 1 0;min-width:0}.hx-form-sheet-summary .hx-task-summary-card:hover{box-shadow:0 6px 20px rgba(0,0,0,0.06)}.hx-form-sheet-summary .hx-task-summary-header h3{font-size:16px;font-weight:600;color:#374151;margin-bottom:18px}.hx-form-sheet-summary .hx-task-summary-body{display:flex;gap:24px;align-items:flex-start}.hx-form-sheet-summary .hx-task-icon{width:72px;height:72px;min-width:72px;border-radius:50%;background:#e0ecff;display:flex;align-items:center;justify-content:center;font-size:30px}.hx-form-sheet-summary .hx-task-icon svg{width:26px;height:26px;fill:#3b82f6}.hx-form-sheet-summary .hx-task-content{flex:1}.hx-form-sheet-summary .hx-task-title{font-size:18px;font-weight:600;margin:0;color:#111827}.hx-form-sheet-summary .hx-task-sub{margin-top:6px;font-size:14px;color:#6b7280;display:flex;align-items:center;gap:6px}.hx-form-sheet-summary .hx-task-sub svg{width:15px;height:15px}.hx-form-sheet-summary .hx-task-meta{display:flex;gap:48px;margin-top:18px}.hx-form-sheet-summary .hx-meta-item{display:flex;gap:10px;align-items:flex-start;font-size:14px}.hx-form-sheet-summary .hx-meta-item svg{width:15px;height:15px}.hx-form-sheet-summary .hx-meta-item i{font-size:16px;color:#9ca3af;margin-top:2px}.hx-form-sheet-summary .hx-meta-item small{display:block;font-size:12px;color:#9ca3af}.hx-form-sheet-summary .hx-meta-item div>div{font-size:14px;font-weight:500;margin-top:2px}.hx-form-sheet-summary .hx-priority-high{color:#ef4444;font-weight:600}.hx-form-sheet-summary .hx-priority-medium{color:#f59e0b;font-weight:600}.hx-form-sheet-summary .hx-priority-low{color:#10b981;font-weight:600}.hx-form-sheet-summary .hx-priority-very-high{color:#b91c1c;font-weight:600}.hx-form-sheet-summary .hx-priority-very-low{color:#047857;font-weight:600}.hx-form-sheet-summary .hx-task-summary-title{font-size:20px;font-weight:600;color:#333333;margin-bottom:10px;padding:5px 10px;text-transform:capitalize}.hx-form-sheet-summary .hx-task-summary-key-info{width:320px;flex-shrink:0;border:1px solid #e5e7eb;border-radius:14px;padding:24px;background:#ffffff;transition:all 0.2s ease}.hx-form-sheet-summary .hx-task-summary-key-info:hover{box-shadow:0 6px 20px rgba(0,0,0,0.06)}.hx-form-sheet-summary .ki-grid{display:flex;flex-wrap:wrap;gap:12px;padding:4px 6px 0;justify-content:center;align-items:center}.hx-form-sheet-summary .ki-item{display:flex;flex-direction:column;align-items:center;gap:10px}.hx-form-sheet-summary .ki-chart{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.hx-form-sheet-summary .ki-ring{width:100%;height:100%;transform:rotate(-90deg)}.hx-form-sheet-summary .ki-ring-track,.hx-form-sheet-summary .ki-ring-progress{fill:none}.hx-form-sheet-summary .ki-ring-track{stroke:rgba(148,163,184,0.2)}.hx-form-sheet-summary .ki-ring-progress{stroke:#6fa8ff;stroke-linecap:round}.hx-form-sheet-summary .ki-percentage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:#0f172a}.hx-form-sheet-summary .ki-label{font-weight:500;font-size:14px;color:#374151;text-align:center}.hx-form-sheet-summary .ki-info-item{display:flex;gap:10px;align-items:flex-start;padding:10px 6px;border-top:1px solid #f3f4f6;width:100%}.hx-form-sheet-summary .ki-info-icon{width:15px;height:15px;flex-shrink:0;margin-top:2px;color:#9ca3af}.hx-form-sheet-summary .ki-info-text small{display:block;font-size:12px;color:#9ca3af}.hx-form-sheet-summary .ki-info-text span{font-size:14px;font-weight:500;color:#111827;margin-top:2px;display:block}

/** webx/static/css/views/form/form-sheet.css **/
.hx-form-sheet{display:flex;flex-direction:column;gap:1rem;flex:1 1 0;min-width:0}@media (max-width:700px){.hx-form-sheet{flex:1 1 auto;width:100%}}

/** webx/static/css/views/form/form-sheet-comment-activity.css **/
.hx-form-sheet-comment-activity .comment-input{width:95%!important}.hx-form-sheet-comment-activity .comment-list{display:flex;flex-direction:column;gap:18px;font-size:14px;line-height:1.35}.hx-form-sheet-comment-activity .comment-item{gap:12px;align-items:flex-start}.hx-form-sheet-comment-activity .comment-body{flex:1;font-size:14px;color:#222;line-height:1.45}.hx-form-sheet-comment-activity .comment-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.hx-form-sheet-comment-activity .comment-header strong{font-weight:600;font-size:14px}.hx-form-sheet-comment-activity .comment-header .time{font-size:12px;color:#888}.hx-form-sheet-comment-activity .comment-actions{display:flex;gap:20px;margin-top:10px}.hx-form-sheet-comment-activity .comment-actions button{background:none;border:none;padding:0;font-size:14px;color:#666;cursor:pointer;display:flex;align-items:center;gap:6px}.hx-form-sheet-comment-activity .comment-actions button svg{fill:currentColor}.hx-form-sheet-comment-activity .comment-actions .btn-like.active{color:#2563eb}.hx-form-sheet-comment-activity .comment-actions .btn-dislike.active{color:#dc2626}.hx-form-sheet-comment-activity .comment-actions button .smart-buttons{font-size:18px}.hx-form-sheet-comment-activity .comment-actions button:hover{color:#000}.hx-form-sheet-comment-activity .comment-hint{font-size:12px;color:#888;margin-top:4px;user-select:none}.hx-form-sheet-comment-activity .comment-avatar{min-width:32px;width:32px;height:32px;object-fit:cover}.hx-form-sheet-comment-activity .comment-input-body{display:flex;flex-direction:column;width:100%}.hx-form-sheet-comment-activity .comment-input-body textarea{margin-top:0;padding:8px 14px;line-height:1.35;font-size:14px;width:100%;border-radius:10px;border:1px solid #cacbcc;background-color:#fff;transition:border-color 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease,transform 0.15s ease}.hx-form-sheet-comment-activity .comment-input-body textarea:focus{border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 2px rgba(37,99,235,0.12);outline:none;transform:translateY(-1px)}.hx-form-sheet-comment-activity .comment-input-body textarea::placeholder{font-size:14px;color:#3d3d3d;opacity:1;transition:color 0.2s ease,opacity 0.2s ease}.hx-form-sheet-comment-activity .comment-input-body textarea:focus::placeholder{opacity:0.6}.hx-form-sheet-comment-activity .comment-input-body textarea::-webkit-input-placeholder{font-size:14px}.hx-form-sheet-comment-activity .comment-input-body textarea:-ms-input-placeholder{font-size:14px}.hx-form-sheet-comment-activity .comment-input-body textarea::-ms-input-placeholder{font-size:14px}.hx-form-sheet-comment-activity .mention-dropdown{position:absolute;top:30%;left:0;z-index:1000;background:#fff;border:1px solid #ddd;border-radius:6px;min-width:220px;max-height:200px;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,0.08);margin-bottom:3px;list-style:none;padding-left:0}.hx-form-sheet-comment-activity .mention-dropdown li{padding:0.5rem 1rem;cursor:pointer;font-size:14px}.hx-form-sheet-comment-activity .mention-dropdown li:hover{background:#f5f5f5}

/** webx/static/css/views/form/form-sheet-title.css **/
.hx-form-sheet-title{display:flex;justify-content:space-between;align-items:stretch;font-family:'Plus Jakarta Sans',sans-serif;color:#222;box-sizing:border-box;flex-wrap:wrap}.hx-form-sheet-title .title-badge-row{display:flex;flex-direction:row;align-items:center;gap:16px;height:32px;width:100%;box-sizing:border-box}.hx-form-sheet-title .title{margin:0;font-weight:600;font-size:24px;line-height:32px;color:#1e1e1e;white-space:nowrap}.hx-form-sheet-title .title-badge{display:flex;justify-content:center;align-items:center;padding:6px 12px;gap:4px;height:24px;background:#e0e0e0;border-radius:999px;font-weight:600;font-size:12px;line-height:12px;color:#424242;user-select:none;box-sizing:border-box;transition:background-color 0.2s ease,color 0.2s ease}.hx-form-sheet-title .title-badge.badge-draft{background:#f0f1f2;color:#585959}.hx-form-sheet-title .title-badge.badge-waiting{background:#fff3e0;color:#e65100}.hx-form-sheet-title .title-badge.badge-confirmed{background:#e8f5e9;color:#2e7d32}.hx-form-sheet-title .title-badge.badge-closed{background:#e1f5fe;color:#0277bd}.hx-form-sheet-title .title-badge.badge-rejected{background:#ffebee;color:#c62828}.hx-form-sheet-title .title-badge.badge-progress{background:#f3e5f5;color:#6a1b9a}.hx-form-sheet-title .title-badge.badge-na{background:#f5f5f5;color:#757575}.hx-form-sheet-title .subtitle-row{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;font-weight:400;font-size:16px;line-height:32px;color:#757575;box-sizing:border-box;flex-wrap:wrap}.hx-form-sheet-title .last-edited{flex-shrink:1;white-space:nowrap}.hx-form-sheet-title .dot-separator{width:6px;height:6px;background:#757575;border-radius:50%;flex-shrink:0;align-self:center}.hx-form-sheet-title .datatype,.hx-form-sheet-title .by{white-space:nowrap;flex-shrink:1}.hx-form-sheet-title .user{font-weight:700;text-decoration-line:underline;color:#1e1e1e;flex-shrink:1;white-space:nowrap;word-break:normal}.hx-form-sheet-title[data-uniq='hx-form-sheet-title_basepartner']{display:none}[data-uniq='hx-form-view_basepartner'] .pl-bottom{display:none!important}

/** webx/static/css/views/form/form-header-actions.css **/
.hx-form-header-actions,.form-header-actions{display:flex;align-items:center;gap:8px;margin-left:16px}.hx-form-header-actions .btn-action,.form-header-actions .btn-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e1e2e3;border-radius:6px;background:#ffffff;cursor:pointer;transition:all 0.2s ease;padding:0}.hx-form-header-actions .btn-action:hover,.form-header-actions .btn-action:hover{border-color:#d1d5db;background:#f9fafb}.hx-form-header-actions .btn-action:active,.form-header-actions .btn-action:active{transform:scale(0.95)}.hx-form-header-actions .btn-action:disabled,.form-header-actions .btn-action:disabled{opacity:0.5;cursor:not-allowed;transform:none}.hx-form-header-actions .btn-action:disabled:hover,.form-header-actions .btn-action:disabled:hover{border-color:#e8e9eb;background:#ffffff}.hx-form-header-actions .action-icon,.form-header-actions .action-icon{width:16px;height:16px;color:#6b7280;transition:color 0.2s ease}.hx-form-header-actions .btn-copy:hover .action-icon,.form-header-actions .btn-copy:hover .action-icon{color:#3b82f6}.hx-form-header-actions .btn-delete:hover,.form-header-actions .btn-delete:hover{border-color:#fca5a5;background:#fef2f2}.hx-form-header-actions .btn-delete:hover .action-icon,.form-header-actions .btn-delete:hover .action-icon{color:#dc2626}@media (max-width:768px){.hx-form-header-actions,.form-header-actions{gap:6px;margin-left:12px}.hx-form-header-actions .btn-action,.form-header-actions .btn-action{width:28px;height:28px}.hx-form-header-actions .action-icon,.form-header-actions .action-icon{width:14px;height:14px}}

/** webx/static/css/views/form/form-sheet-log-activity.css **/
.hx-form-sheet-log-activity{font-family:'Plus Jakarta Sans',sans-serif;display:flex;flex-direction:column;gap:24px;max-height:400px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.hx-form-sheet-log-activity .date-section{display:flex;flex-direction:column;gap:12px;margin:14px 0}.hx-form-sheet-log-activity .date-section:not(:first-child)::before{content:'';height:1px;background-color:var(--sidebar-line,#e8e9eb);margin:0 -12px 16px}.hx-form-sheet-log-activity .date-header{font-weight:500;font-size:12px;color:#1a1a1a}.hx-form-sheet-log-activity .timeline-item{display:flex;align-items:flex-start;position:relative;gap:12px}.hx-form-sheet-log-activity .timeline-dot{width:12px;height:12px;background-color:#99c3ff;border-radius:50%;margin-top:6px;flex-shrink:0;position:relative;z-index:2}.hx-form-sheet-log-activity .timeline-item:not(:last-of-type)::after{content:'';position:absolute;top:12px;left:5.5px;transform:translateX(-50%);width:2px;height:calc(100% + 16px);background-color:#c2dbff;z-index:0}.hx-form-sheet-log-activity .timeline-content{flex:1;min-width:0}.hx-form-sheet-log-activity .activity-text{font-size:14px;color:#1e1e1e;display:flex;flex-direction:column;gap:4px}.hx-form-sheet-log-activity .activity-title-line{display:flex;flex-wrap:wrap;gap:3px;align-items:baseline;font-size:14px;line-height:1.35}.hx-form-sheet-log-activity .log-title{font-weight:900;color:#1e1e1e}.hx-form-sheet-log-activity .log-action{color:#2b2b2b}.hx-form-sheet-log-activity .log-user-inline{color:#1e1e1e}.hx-form-sheet-log-activity .change-line{line-height:20px;word-break:break-word;white-space:normal;overflow-wrap:break-word;font-size:13px;color:#222}.hx-form-sheet-log-activity .log-field{font-weight:900;color:#1e1e1e}.hx-form-sheet-log-activity .log-value{font-style:italic;color:#3d3d3d}.hx-form-sheet-log-activity .log-user{margin-top:2px;font-size:13px;color:#4a4a4a}.hx-form-sheet-log-activity .log-user .username{text-transform:capitalize}.hx-form-sheet-log-activity .activity-meta{display:flex;align-items:center;gap:10px;margin-top:6px}.hx-form-sheet-log-activity .timestamp{font-size:13px;line-height:18px;color:#5a5c60}.hx-form-sheet-log-activity .see-more-btn{display:flex;align-items:center;background-color:#e8e9eb;border:none;border-radius:16px;padding:2px 8px;font-weight:600;font-size:12px;line-height:18px;color:#3d3d3d;cursor:pointer;transition:background-color 0.2s ease}.hx-form-sheet-log-activity .see-more-btn:hover{background-color:#e8eaed}.hx-form-sheet-log-activity .log-toggle-btn{gap:6px;padding:2px 9px;border:1px solid #e3e5e8;background-color:#f1f2f5;font-size:12px;line-height:18px;border-radius:12px;position:relative}.hx-form-sheet-log-activity .log-toggle-btn:hover{background-color:#e7e9ee;border-color:#d8dce2}.hx-form-sheet-log-activity .see-more-btn .toggle-icon{width:20px!important;height:20px!important;color:#3d3d3d}.hx-form-sheet-log-activity .log-toggle-btn .toggle-icon{width:14px!important;height:14px!important;color:#3d3d3d;transition:transform 0.3s ease;transform:rotate(0deg)}.hx-form-sheet-log-activity .log-toggle-btn[aria-expanded='true'] .toggle-icon{transform:rotate(180deg)}.hx-form-sheet-log-activity .log-toggle-btn__text{opacity:0;position:absolute;left:10px;pointer-events:none}.hx-form-sheet-log-activity .log-toggle-btn::before{content:attr(data-label-show);display:inline-block;min-width:34px;text-align:left}.hx-form-sheet-log-activity .log-toggle-btn[aria-expanded='true']::before{content:attr(data-label-hide)}.hx-form-sheet-log-activity .activity-empty{display:grid;place-items:center;text-align:center;min-height:120px}.hx-form-sheet-log-activity .activity-empty .empty-illustration{width:64px;height:64px;object-fit:contain;margin-bottom:12px;opacity:0.9}.hx-form-sheet-log-activity .activity-empty .empty-title{margin:0 0 6px 0;font-size:16px;font-weight:600;color:var(--text-default,#1e1e1e)}.hx-form-sheet-log-activity .activity-empty .empty-subtitle{margin:0;margin-bottom:8px;font-size:13px;color:var(--text-muted,#666)}.hx-form-sheet-log-activity .timeline-expand-btn{width:fit-content}.hx-form-sheet-log-activity .activity-details{margin-top:10px;padding-left:2px;display:grid;gap:6px;font-size:13px}.hx-form-sheet-log-activity .no-details{font-size:13px;color:#6b7280}.hx-form-sheet-log-activity .log-detail-collapse-enter-active,.hx-form-sheet-log-activity .log-detail-collapse-leave-active{transition:max-height 0.3s ease,opacity 0.3s ease,transform 0.3s ease;overflow:hidden}.hx-form-sheet-log-activity .log-detail-collapse-enter-from,.hx-form-sheet-log-activity .log-detail-collapse-leave-to{max-height:0;opacity:0;transform:translateY(-6px)}.hx-form-sheet-log-activity .log-detail-collapse-enter-to,.hx-form-sheet-log-activity .log-detail-collapse-leave-from{max-height:600px;opacity:1;transform:translateY(0)}.hx-form-sheet-log-activity .hx-activity-tabs,.hx-quick-view__activity .hx-activity-tabs{display:flex;gap:8px}.hx-form-sheet-log-activity .hx-activity-tabs .tab-btn,.hx-quick-view__activity .hx-activity-tabs .tab-btn{padding:6px 14px;font-size:14px;font-weight:500;border-radius:999px;border:none;background:#f2f3f5;color:#444;cursor:pointer;transition:all 0.2s ease}.hx-form-sheet-log-activity .hx-activity-tabs .tab-btn:hover,.hx-quick-view__activity .hx-activity-tabs .tab-btn:hover{background:#e6e7ea}.hx-form-sheet-log-activity .hx-activity-tabs .tab-btn.active,.hx-quick-view__activity .hx-activity-tabs .tab-btn.active{background:var(--bs-gray-700,#383838);color:#fff}

/** webx/static/css/views/form/form-sheet-groups-v2.css **/
.hx-form-sheet-groups-v2{font-family:'Plus Jakarta Sans',sans-serif;color:#1e1e1e;line-height:1.4;display:flex;flex-direction:column;gap:8px}.hx-form-sheet-groups-v2 *,.hx-form-sheet-groups-v2 *::before,.hx-form-sheet-groups-v2 *::after{box-sizing:border-box}.hx-trigger-conditions-widget{display:flex;flex-direction:column;gap:8px}.hx-trigger-header{display:flex;align-items:center;gap:8px}.hx-trigger-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#1e1e1e;margin:0}.hx-trigger-info-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.info-icon{color:#1e1e1e;fill:currentColor}.hx-trigger-container{border:1px solid #d9d9d9;border-radius:16px;padding:0 0 8px 0;background:#ffffff;overflow:visible}.hx-trigger-group{padding:16px;display:flex;flex-direction:column;gap:16px}.hx-trigger-table-header{display:flex;align-items:center;padding:12px 16px;background:#f5f5f5;gap:20px;border-bottom:1px solid #d9d9d9}.hx-header-cell{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:16px;line-height:1.5;text-align:center;color:#1e1e1e}.property-header{flex:1;min-width:0}.operation-header{width:200px;flex-shrink:0}.value-header{width:200px;flex-shrink:0}.actions-header{width:100px;flex-shrink:0}.hx-trigger-row{display:flex;align-items:center;padding:20px 16px;gap:20px}.hx-trigger-cell{display:flex;align-items:center;position:relative;width:100%}.hx-trigger-cell.property-cell{flex:1;min-width:0}.hx-trigger-cell.operation-cell{width:200px;flex-shrink:0}.hx-trigger-cell.value-cell{width:200px;flex-shrink:0}.hx-trigger-cell.actions-cell{width:100px;flex-shrink:0;justify-content:center}.hx-trigger-input-wrapper{position:relative;display:flex;align-items:center;width:100%;background:#ffffff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 40px 8px 12px;cursor:pointer}.hx-trigger-input-wrapper:focus-within{border-color:#0d6efd;outline:none}.hx-trigger-input{flex:1;border:none;outline:none;background:transparent;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#1e1e1e;padding:0}.hx-trigger-input::placeholder{color:#999999}.hx-trigger-dropdown-icon{position:absolute;top:50%;right:12px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:#1e1e1e;pointer-events:none}.hx-trigger-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;width:100%;margin:0;padding:4px 0;list-style:none;background:#ffffff;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.12);z-index:1000;max-height:220px;overflow-y:auto}.hx-trigger-dropdown-item{padding:8px 12px;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:1.5;color:#1e1e1e;cursor:pointer;transition:background-color 0.15s ease}.hx-trigger-dropdown-item:hover{background-color:#f5f5f5}.hx-trigger-dropdown-item.is-active{background-color:#e8f1ff;color:#0d6efd}.hx-delete-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;padding:0;border-radius:4px;transition:background-color 0.2s ease}.hx-delete-btn:hover{background-color:#f8f9fa}.hx-delete-icon{color:#d9534f;fill:currentColor}.hx-logic-indicator{display:flex;align-items:center;gap:12px;margin-left:16px}.hx-logic-badge{display:inline-flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:12px;letter-spacing:0.5px;text-transform:uppercase;padding:4px 10px;border-radius:999px}.hx-logic-badge--and{background:rgba(13,110,253,0.12);color:#0d6efd}.hx-logic-badge--or{background:rgba(220,53,69,0.12);color:#dc3545}.hx-logic-helper{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;color:#6c757d}.and-indicator{position:relative;padding:12px 0 0 16px;margin-left:32px}.and-indicator::before{content:'';position:absolute;left:0;top:-8px;bottom:12px;width:2px;background:rgba(13,110,253,0.18);border-radius:2px}.or-separator{display:flex;justify-content:center;align-items:center;width:100%;position:relative}.hx-separator-line{height:1px;background-color:#d9d9d9}.left-line{width:48px}.right-line{flex:1}.hx-separator-content{display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;background:#ffffff;border-radius:999px;box-shadow:0 4px 12px rgba(13,110,253,0.08)}.hx-trigger-actions{display:flex;gap:10px;padding:12px 16px}.hx-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:1px solid #e6e6e6;border-radius:8px;background:#f5f5f5;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#1e1e1e;cursor:pointer;transition:all 0.2s ease}.hx-action-btn:hover{background:#e9ecef;border-color:#dee2e6}.hx-action-btn:focus{outline:none;border-color:#0d6efd}.btn-icon{color:#1e1e1e;fill:currentColor}.hx-group-actions{display:flex;justify-content:flex-start;padding-left:16px}.group-hx-action-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px dashed #0d6efd;border-radius:8px;background:rgba(13,110,253,0.05);color:#0d6efd;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:13px;cursor:pointer;transition:background-color 0.2s ease,border-color 0.2s ease}.group-hx-action-btn:hover{background:rgba(13,110,253,0.12);border-color:#0b5ed7}.sheet-tabs-content .hx-form-sheet-groups-v2 .form-container-row,.sheet-tabs-content .hx-form-sheet-groups-v2 .form-single-row{background-color:none;border:none;border-radius:0;padding:0}.hx-form-sheet-groups-v2 .form-container-row{display:flex;flex-wrap:nowrap;gap:1rem;align-items:flex-start;background-color:#ffffff;border:1px solid #e1e2e3;border-radius:16px;padding:1rem 1rem;position:relative}.hx-form-sheet-groups-v2 .form-container-row>.ribbon-widget-wrapper{position:absolute;top:0;right:0;margin:0}.hx-form-sheet-groups-v2 .form-container-row.has-group-header{flex-wrap:wrap}.hx-form-sheet-groups-v2 .form-container-row.hx-split-cards-row{background:none!important;border:none!important;border-radius:0!important;padding:0!important}.hx-form-sheet-groups-v2 .form-container-row.hx-split-cards-row>.form-container-cols-wrapper>.form-container-col>.form-card{background:#ffffff!important;border:1px solid #e1e2e3!important;border-radius:16px!important;padding:1rem!important}.hx-form-sheet-groups-v2 .form-container-row.hx-split-cards-row>.form-container-cols-wrapper>.form-container-col + .form-container-col>.form-card{margin-left:12px}.hx-form-sheet-groups-v2 .form-container-row.has-group-header .form-container-group-header{flex:0 0 100%;width:100%}.hx-form-sheet-groups-v2 .form-container-col{flex:1 1 0;min-width:0;max-width:100%;display:flex;padding:0;box-sizing:border-box}.hx-form-sheet-groups-v2 .form-single-row{background-color:#ffffff;border:1px solid #e1e2e3;border-radius:16px;padding:1rem 1rem}.hx-form-sheet-groups-v2 .form-single-col{width:100%;display:flex;box-sizing:border-box}.hx-form-sheet-groups-v2 .form-card{border:none;flex:1;display:flex;flex-direction:column;width:100%;position:relative}.hx-form-sheet-groups-v2 .form-container-row{display:flex;flex-wrap:nowrap;gap:1rem;align-items:flex-start;background-color:#ffffff;border:1px solid #e1e2e3;border-radius:16px;padding:1rem 1rem;position:relative}.hx-form-sheet-groups-v2 .form-card-body{flex-grow:1;display:flex;flex-direction:column;width:100%;gap:1rem}.hx-form-sheet-groups-v2 .form-card-header{display:flex;align-items:center}.hx-form-sheet-groups-v2 .form-group-heading{font-size:1.125rem;font-weight:600;margin:0;line-height:1.2;color:#3a3a3a}.hx-form-sheet-groups-v2 .form-header-divider{flex-grow:1;height:1px;background-color:#dee2e6;border:none;margin-left:0.5rem}.hx-form-sheet-groups-v2 .form-field-wrapper{display:flex;flex-direction:column;gap:2px;min-height:64px}.hx-form-sheet-groups-v2 .form-field-label-wrapper{display:flex;gap:6px;width:100%}.hx-form-sheet-groups-v2 .form-field-label{display:inline-block;user-select:none;width:fit-content;max-width:100%;font-size:16px;line-height:24px;font-weight:600}.hx-form-sheet-groups-v2 .form-field-required{display:inline;white-space:nowrap}.hx-form-sheet-groups-v2 .form-field-trailing-helper{border:none;padding:0;margin:0;display:inline-block;vertical-align:middle;z-index:2;position:relative;width:fit-content;height:100%;background:none;cursor:help}.hx-form-sheet-groups-v2 .form-field-trailing-helper.disabled{cursor:not-allowed}.hx-form-sheet-groups-v2 .form-field-trailing-icon{display:inline-block;vertical-align:middle;pointer-events:none}.hx-form-sheet-groups-v2 .form-field-required{color:#bd210f}.hx-form-sheet-groups-v2 .form-field-value{display:block}.hx-form-sheet-groups-v2 .form-field-value:not(:has(input,textarea,select,.hx-datetime-field,.hx-date-field,.hx-relation-field,.hx-many2many-v2-field,.hx-many2one-field,.hx-many2many-field,.hx-org-widget,button)){min-height:44px;display:flex;align-items:flex-start}.hx-form-sheet-groups-v2 .form-field-value:has(.date-field-view) .date-field-view{display:flex;align-items:flex-start;min-height:44px;padding:0;border:none;border-radius:0;background:transparent}.hx-form-sheet-groups-v2 .form-paragraph{color:#6a6a6a;font-size:1rem;margin:0}.hx-form-sheet-groups-v2 .form-btn-primary{background-color:#0d6efd;border:none;color:#fff;font-weight:600;font-size:1rem;padding:0.5rem 1rem;border-radius:0.375rem;cursor:pointer;transition:background-color 0.2s ease-in-out}.hx-form-sheet-groups-v2 .form-btn-primary:hover,.hx-form-sheet-groups-v2 .form-btn-primary:focus{background-color:#0b5ed7;outline:none}.hx-form-sheet-groups-v2 .form-hx-separator-wrapper{margin:0.75rem 0}.hx-form-sheet-groups-v2 .form-hx-separator-header{display:flex;align-items:center}.hx-form-sheet-groups-v2 .form-hx-separator-title{font-weight:600;font-size:1rem;color:#6c757d;margin:0;margin-right:0.5rem}.hx-form-sheet-groups-v2 .form-hx-separator-divider{flex-grow:1;height:1px;background-color:#dee2e6;border:none}@media (max-width:768px){.hx-form-sheet-groups-v2 .form-container-row{flex-wrap:wrap}.hx-form-sheet-groups-v2 .form-container-col{flex:1 1 100%;min-width:auto}.hx-form-sheet-groups-v2 .form-container-row.hx-split-cards-row>.form-container-cols-wrapper>.form-container-col + .form-container-col>.form-card{margin-left:0}.hx-trigger-table-header,.hx-trigger-row{flex-direction:column;gap:12px}.hx-header-cell,.hx-trigger-cell{width:100%!important}.hx-trigger-actions{flex-direction:column}.or-separator{flex-direction:column;gap:8px}.left-line,.right-line{width:100%}}

/** webx/static/css/views/form/form-view.css **/
.form-header-right{display:flex;align-items:center;gap:10px}.form-header-right .profile-nav-controls,.hx-action-manager-buttons .button-right .profile-nav-controls{display:flex;align-items:center;background:#ffffff;border:1px solid #75aaf0;border-radius:8px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,0.06)}.form-header-right .pl-nav-btn,.hx-action-manager-buttons .button-right .pl-nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 0;border:none;background:transparent;color:#2a5ea2;cursor:pointer;transition:background-color 0.3s ease,color 0.12s ease,transform 0.08s ease;outline:none;flex-shrink:0;font-size:1rem;border-radius:var(--btn-border-radius);min-width:34px;line-height:0}.form-header-right .pl-nav-btn svg,.hx-action-manager-buttons .button-right .pl-nav-btn svg{fill:currentColor;width:20px;height:20px;display:block}.form-header-right .pl-nav-btn.pl-nav-btn-expand,.hx-action-manager-buttons .button-right .pl-nav-btn.pl-nav-btn-expand{color:#2a5ea2;min-width:34px}.form-header-right .pl-nav-btn[disabled],.form-header-right .pl-nav-btn.is-disabled,.hx-action-manager-buttons .button-right .pl-nav-btn[disabled],.hx-action-manager-buttons .button-right .pl-nav-btn.is-disabled{color:#c0c0c0;cursor:not-allowed;opacity:1}.form-header-right .pl-nav-btn.is-active,.hx-action-manager-buttons .button-right .pl-nav-btn.is-active{color:#0d6efd}.form-header-right .pl-nav-btn:hover:not(:disabled),.hx-action-manager-buttons .button-right .pl-nav-btn:hover:not(:disabled){background-color:rgba(13,110,253,0.08);color:#0d6efd}.form-header-right .pl-nav-btn:active:not(:disabled),.hx-action-manager-buttons .button-right .pl-nav-btn:active:not(:disabled){transform:translateY(1px);opacity:0.95}.hx-form-view{display:flex;flex-direction:column;gap:1rem}.hx-form-view .form-header{display:flex;flex-direction:row;justify-content:space-between;align-items:end;width:100%;gap:16px}.hx-form-view .form-header-left{display:flex;flex-direction:column;gap:24px;flex:1;min-width:0;min-height:74px;justify-content:center}.hx-form-view .form-header-right{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:320px;flex-shrink:0}@media (max-width:1024px){.hx-form-view .form-header{flex-direction:column;align-items:stretch}.hx-form-view .form-header-right{width:100%;align-items:flex-start;margin-top:8px}}@media (max-width:768px){.hx-form-view .form-header{gap:12px}.hx-form-view .form-header-left{gap:12px}.hx-form-view .form-header-right{margin-top:4px}}.hx-form-view .form-content{display:flex;gap:16px;width:100%;box-sizing:border-box}@media (max-width:700px){.hx-form-view .form-content{flex-direction:column}}.hx-form-view .form-sidebar{display:flex;flex-direction:column;flex-wrap:wrap;align-items:stretch;background-color:#ffffff;border:1px solid #e1e2e3;border-radius:16px;height:fit-content;width:320px;max-width:50%;min-width:0;padding:16px;gap:12px;position:sticky;top:calc(var(--hx-topbar-height,0px));align-self:flex-start;z-index:3;transition:width 0.25s ease,padding 0.2s ease,border-color 0.2s ease}@media (max-width:700px){.hx-form-view .form-sidebar{display:none}}.hx-form-view .form-sidebar-title{display:flex;align-items:center;gap:12px;flex:1 0 0;color:#000;font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:24px}.hx-form-view .form-sidebar-title--with-toggle{justify-content:space-between;gap:10px}.hx-form-view .form-sidebar-title__left{display:inline-flex;align-items:center;gap:12px}.hx-form-view .form-sidebar-toggle{width:32px;height:32px;border-radius:8px;border:none;background:#ffffff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color 0.3s ease,border-color 0.3s ease;padding:0}.hx-form-view .form-sidebar-toggle:hover{background-color:#f6f7fb;border-color:#d7deeb}.hx-form-view .form-sidebar-toggle-icon{width:18px;height:18px;color:#1e1e1e;transform:rotate(180deg);transition:transform 0.3s ease}.hx-form-view .form-sidebar-toggle[aria-expanded='false'] .form-sidebar-toggle-icon{transform:rotate(0deg)}.hx-form-view .form-sidebar-activity-panel{overflow:hidden}.hx-form-view .form-activity-collapse-enter-active,.hx-form-view .form-activity-collapse-leave-active{transition:max-height 0.3s ease,opacity 0.3s ease,transform 0.3s ease;overflow:hidden}.hx-form-view .form-activity-collapse-enter-from,.hx-form-view .form-activity-collapse-leave-to{max-height:0;opacity:0;transform:translateY(-6px)}.hx-form-view .form-activity-collapse-enter-to,.hx-form-view .form-activity-collapse-leave-from{max-height:800px;opacity:1;transform:translateY(0)}.hx-form-view .form-sidebar-icon{display:inline-block;font-size:24px;width:1em;height:1em;stroke-width:0;stroke:#111111;fill:#111111}.hx-form-view .form-sidebar-divider{background-color:#e8e9eb;border:0;height:1px;margin:8px 0 12px}.hx-form-view .form-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.25rem;font-weight:600;color:#24292f;letter-spacing:0.01em;line-height:1.3}.hx-form-view .form-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 0 0 0;border-top:1px solid #e1e2e3;background:#fff;position:relative;z-index:1}.hx-form-view .form-footer button{min-width:120px;font-size:1rem;font-weight:600;padding:10px 24px;border-radius:8px;border:none;cursor:pointer;transition:background 0.18s;outline:none;box-shadow:none;font-family:'Plus Jakarta Sans',sans-serif}.hx-form-view .form-footer button:active{opacity:0.94}.hx-form-sheet-groups .table-responsive.list-box.overflow-x-auto.w-full{max-height:250px}.hx-form-view .field-validation-error{border-color:#dc6545!important;box-shadow:0 0 0 0.2rem rgba(220,101,69,0.25)!important}.hx-form-view .field-validation-error:focus{border-color:#dc6545!important;box-shadow:0 0 0 0.25rem rgba(220,101,69,0.25)!important}.hx-form-view .field-required-indicator{color:#dc6545;font-weight:bold;margin-left:2px}.hx-form-view .field-error-message{color:#dc6545;font-size:12px;margin-top:4px;display:block}.hx-form-view .field-group.has-error label{color:#dc6545}.hx-form-view .form-field-wrapper.has-error .field-error-message{color:#f5d9d5}.hx-form-view .form-field-wrapper.has-error label{color:#b91c1c}.hx-form-view .form-field-value.has-error input,.hx-form-view .form-field-value.has-error select,.hx-form-view .form-field-value.has-error textarea{border-color:#b91c1c!important;box-shadow:0 0 0 2px rgba(185,28,28,0.12)!important}.hx-form-view .form-field-wrapper.has-error .form-control{border-color:#b91c1c!important;box-shadow:0 0 0 2px rgba(185,28,28,0.12)!important}.hx-form-view .form-field-wrapper.has-error .hx-select2-selection,.hx-form-view .form-field-wrapper.has-error .hx-relation-field .tags-chips,.hx-form-view .form-field-wrapper.has-error .multiselect__tags,.hx-form-view .form-field-wrapper.has-error .hx-many2one-field,.hx-form-view .form-field-wrapper.has-error .hx-many2many-v2-field{border-color:#b91c1c!important;box-shadow:0 0 0 2px rgba(185,28,28,0.12)!important}.hx-form-view input[required]:placeholder-shown{border-color:#dc6545!important}.hx-form-view select[required]:invalid{border-color:#dc6545!important}.hx-form-view .field-validation-success{border-color:#28a745!important;box-shadow:0 0 0 0.2rem rgba(40,167,69,0.25)!important}.hx-form-view .validation-tooltip{position:absolute;background:rgba(220,101,69,0.9);color:white;padding:4px 8px;border-radius:4px;font-size:11px;z-index:1000;white-space:nowrap;transform:translateY(-100%);margin-top:-8px;left:0}.hx-form-view .validation-tooltip::after{content:'';position:absolute;top:100%;left:12px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(220,101,69,0.9)}.hx-validation-error-popup{position:fixed;top:8px;right:8px;background:linear-gradient(135deg,#dc3545,#c82333);color:white;padding:6px 8px;border-radius:5px;box-shadow:0 2px 8px rgba(220,53,69,0.2);z-index:9999;min-width:180px;max-width:250px;transform:translateX(100%);opacity:0;transition:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);font-size:11px}.hx-validation-error-popup.show{transform:translateX(0);opacity:1}.hx-validation-error-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:3px}.hx-validation-error-popup-title{font-weight:600;font-size:11px;color:white;display:flex;align-items:center;gap:4px}.hx-validation-error-popup-close{background:none;border:none;color:#000!important;font-size:12px;font-weight:bold;cursor:pointer;padding:1px 3px;border-radius:3px;transition:background-color 0.2s;line-height:1}.hx-validation-error-popup-close:hover{background-color:rgba(0,0,0,0.1);color:#000!important}.hx-validation-error-popup-content{font-size:10px;line-height:1.3}.hx-validation-error-popup ul{margin:3px 0 0 0;padding-left:12px}.hx-validation-error-popup li{margin-bottom:3px;color:rgba(255,255,255,0.95);font-size:10px}.hx-validation-error-popup-icon{font-size:11px;color:white}.hx-snackbar{position:fixed;left:50%;top:calc(var(--hx-topbar-height,56px) + 10px);transform:translate(-50%,-12px);display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border-radius:14px;background:#111111;color:#ffffff;border:1px solid rgba(17,17,17,0.08);z-index:9999;font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;line-height:22px;max-width:min(960px,96vw);min-width:min(700px,95vw);transition:transform 220ms ease,opacity 220ms ease;will-change:transform,opacity}.hx-snackbar i{font-size:18px}.hx-snackbar__icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.hx-snackbar.is-success{background:#178255;color:#ffffff}.hx-snackbar.is-dark{background:#111111;color:#ffffff}.hx-snackbar.is-info{background:#2563eb}.hx-snackbar.is-warning{background:#f59e0b}.hx-snackbar.is-danger{background:linear-gradient(90deg,#81160f 0%,#9b1f17 100%);border-color:#5f100c}.hx-snackbar__message{white-space:pre-line!important;overflow:visible!important;overflow-wrap:anywhere!important;word-break:break-word!important;max-width:80vw;flex:1 1 auto;display:block;max-height:140px;overflow-y:auto}.hx-snackbar__close{appearance:none;border:0;background:transparent;color:currentColor;font-size:18px;line-height:1;cursor:pointer;padding:0 2px}.hx-snackbar.is-success,.hx-snackbar.is-danger,.hx-snackbar.is-error{animation:hx-snackbar-drop 260ms cubic-bezier(0.2,0.8,0.2,1) both}.hx-snackbar.is-success i,.hx-snackbar.is-danger i,.hx-snackbar.is-error i,.hx-snackbar.is-danger .hx-snackbar__icon,.hx-snackbar.is-error .hx-snackbar__icon,.hx-snackbar.is-success .hx-snackbar__icon{font-size:20px}@keyframes hx-snackbar-drop{0%{opacity:0;transform:translate(-50%,-20px)}100%{opacity:1;transform:translate(-50%,0)}}.hx-snackbar.snackbar-slide-leave-active{animation:none!important}.hx-snackbar.snackbar-slide-leave-active.snackbar-slide-leave-to{transform:translate(-50%,-24px)!important;opacity:0!important}.snackbar-slide-enter-active,.snackbar-slide-leave-active{transition:all 260ms cubic-bezier(0.2,0.8,0.2,1)}.snackbar-slide-enter-from,.snackbar-slide-leave-to{opacity:0;transform:translate(-50%,-26px)}.snackbar-slide-leave-from{opacity:1;transform:translate(-50%,0)}.hx-form-view .form-sidebar .sidebar-toggle{position:absolute;top:8px;left:-20px;width:38px;height:38px;border-radius:999px;border:1px solid #e1e2e3;background:#fff;display:grid;place-items:center;cursor:pointer;z-index:2;box-shadow:0 2px 8px rgba(17,17,17,0.06);transition:box-shadow 0.2s ease,transform 0.06s ease}@media (hover:hover) and (pointer:fine){.hx-form-view .form-sidebar .sidebar-toggle{opacity:0;pointer-events:none;transition:opacity 0.2s ease,transform 0.06s ease}.hx-form-view .form-sidebar:hover .sidebar-toggle{opacity:1;pointer-events:auto}.hx-form-view .form-sidebar .sidebar-toggle:focus-visible{opacity:1;pointer-events:auto}.hx-form-view .form-sidebar.is-collapsed .sidebar-toggle{opacity:0;pointer-events:none}.hx-form-view .form-sidebar.is-collapsed:hover .sidebar-toggle,.hx-form-view .form-sidebar.is-collapsed .sidebar-toggle:focus-visible{opacity:1;pointer-events:auto}@supports selector(:has(*)){.hx-form-view .form-sidebar:not(:hover):not(:has(.sidebar-toggle:focus-visible)) .sidebar-toggle{opacity:0;pointer-events:none}}}.hx-form-view .form-sidebar .sidebar-toggle:hover{opacity:1;pointer-events:auto}.hx-form-view .form-sidebar.is-collapsed .sidebar-toggle:hover{opacity:1;pointer-events:auto}.hx-form-view .form-sidebar .sidebar-toggle:active{transform:translateY(1px)}.hx-form-view .form-sidebar .sidebar-toggle .toggle-icon{width:24px;height:24px;transition:filter 0.2s ease;transform:rotate(270deg)}.hx-form-view .form-sidebar .sidebar-toggle:hover .toggle-icon{filter:brightness(0) saturate(100%) invert(32%) sepia(96%) saturate(2218%) hue-rotate(203deg) brightness(95%) contrast(102%)}.hx-form-view .form-sidebar .sidebar-body{display:flex;flex-direction:column;flex-wrap:wrap;align-items:stretch;height:fit-content;gap:12px;width:100%}.hx-form-view .form-sidebar.is-collapsed .sidebar-toggle .toggle-icon{transform:rotate(90deg)}.hx-form-view .form-sidebar.is-collapsed{width:72px;min-width:72px;padding:8px}.hx-form-view .form-sidebar.is-collapsed .sidebar-body{display:none}.hx-form-view .form-sidebar .sidebar-rail{display:none;flex-direction:column;align-items:center;gap:8px;height:100%}.hx-form-view .form-sidebar.is-collapsed .sidebar-rail{display:flex}.hx-form-view .form-sidebar .rail-btn{position:relative;width:48px;height:48px;border:none;border-radius:8px;background:none;display:grid;place-items:center;cursor:pointer;overflow:hidden;transition:background 0.18s ease,border-color 0.18s ease,transform 0.05s ease}.hx-form-view .form-sidebar .rail-btn:hover{background:#f4f6f8}.hx-form-view .form-sidebar .rail-icon{width:22px;transition:filter 0.2s ease}.hx-form-view .form-sidebar .rail-badge{position:absolute;top:2px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e11d48;color:#ffffff;font-size:12px;font-weight:700;line-height:18px;text-align:center;pointer-events:none}@media (max-width:700px){.hx-form-view .form-sidebar.is-collapsed{display:none}}.hx-form-view:has(.hmx_form_configsettings) .hx-form-sheet-title,.hx-form-view:has(.hmx_form_configsettings) .form-sidebar-title,.hx-form-view:has(.hmx_form_configsettings) .hx-form-sheet-smart-buttons,.hx-form-view:has(.hmx_form_configsettings) .rail-btn:not([title='Activity Log']),.hx-form-view:has(.hmx_form_configsettings) .hx-form-sheet-smart-buttons-rail,.hx-form-view:has(.hmx_form_configsettings) .form-sidebar-divider{display:none}

/** webx/static/css/views/form/form-sheet-profile.css **/
.hx-form-sheet-profile{--hx-profile-root-col:12;--hx-profile-col:12;display:flex;gap:12px;align-items:stretch;flex-wrap:nowrap;color:#111827;box-sizing:border-box;width:100%;max-width:calc(100% / 12 * var(--hx-profile-root-col))}.hx-form-sheet-profile.profile-root-col-1{--hx-profile-root-col:1}.hx-form-sheet-profile.profile-root-col-2{--hx-profile-root-col:2}.hx-form-sheet-profile.profile-root-col-3{--hx-profile-root-col:3}.hx-form-sheet-profile.profile-root-col-4{--hx-profile-root-col:4}.hx-form-sheet-profile.profile-root-col-5{--hx-profile-root-col:5}.hx-form-sheet-profile.profile-root-col-6{--hx-profile-root-col:6}.hx-form-sheet-profile.profile-root-col-7{--hx-profile-root-col:7}.hx-form-sheet-profile.profile-root-col-8{--hx-profile-root-col:8}.hx-form-sheet-profile.profile-root-col-9{--hx-profile-root-col:9}.hx-form-sheet-profile.profile-root-col-10{--hx-profile-root-col:10}.hx-form-sheet-profile.profile-root-col-11{--hx-profile-root-col:11}.hx-form-sheet-profile.profile-root-col-12{--hx-profile-root-col:12}.hx-form-sheet-profile .profile-col-1{--hx-profile-col:1}.hx-form-sheet-profile .profile-col-2{--hx-profile-col:2}.hx-form-sheet-profile .profile-col-3{--hx-profile-col:3}.hx-form-sheet-profile .profile-col-4{--hx-profile-col:4}.hx-form-sheet-profile .profile-col-5{--hx-profile-col:5}.hx-form-sheet-profile .profile-col-6{--hx-profile-col:6}.hx-form-sheet-profile .profile-col-7{--hx-profile-col:7}.hx-form-sheet-profile .profile-col-8{--hx-profile-col:8}.hx-form-sheet-profile .profile-col-9{--hx-profile-col:9}.hx-form-sheet-profile .profile-col-10{--hx-profile-col:10}.hx-form-sheet-profile .profile-col-11{--hx-profile-col:11}.hx-form-sheet-profile .profile-col-12{--hx-profile-col:12}@media (max-width:992px){.hx-form-sheet-profile{flex-wrap:wrap!important;max-width:100%!important}.hx-form-sheet-profile .profile_left,.hx-form-sheet-profile .profile_right{flex:1 1 100%!important;flex-basis:100%!important;max-width:100%!important;min-width:100%!important}}.hx-form-sheet-profile .profile_left{display:flex;flex:1 1 calc(100% / 12 * var(--hx-profile-col,12));max-width:calc(100% / 12 * var(--hx-profile-col,12));min-width:0;box-sizing:border-box}.hx-form-sheet-profile .profile_left .pl-card{height:100%;width:100%;display:flex;flex-direction:column;border:1px solid #e7e9ee;border-radius:12px;background:#fff;padding:12px;box-shadow:0 1px 0 rgba(16,24,40,0.02)}.hx-form-sheet-profile .profile_left .pl-title{margin-bottom:12px;font-weight:700;font-size:20px;color:#0f172a;display:flex;justify-content:space-between;align-items:center;gap:12px}.hx-form-sheet-profile .profile_left .pl-content{border:1px solid #e7e9ee;border-radius:12px;overflow:hidden}.hx-form-sheet-profile .profile_left .pl-top{display:grid;grid-template-columns:75px 1fr;gap:12px;align-items:center;padding:12px}.hx-form-sheet-profile .profile_left .pl-avatar{position:relative;overflow:hidden;width:75px;height:75px;border-radius:12px;background:#e8f0ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:28px;letter-spacing:0.5px;cursor:default;user-select:none}.hx-form-sheet-profile .profile_left .pl-avatar.pl-avatar-clickable{cursor:pointer!important;transition:all 0.2s ease}.hx-form-sheet-profile .profile_left .pl-avatar.pl-avatar-clickable:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(37,99,235,0.25)}.hx-form-sheet-profile .profile_left .pl-avatar.pl-avatar-clickable:hover .pl-avatar-upload-overlay{opacity:1}.hx-form-sheet-profile .profile_left .pl-avatar.pl-avatar-readonly{cursor:default!important}.hx-form-sheet-profile .profile_left .pl-avatar-upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7);opacity:0;transition:opacity 0.25s ease;pointer-events:none;border-radius:12px;z-index:10}.hx-form-sheet-profile .profile_left .pl-avatar-upload-overlay .upload-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;color:#ffffff;display:block}.hx-form-sheet-profile .profile_left .pl-avatar.has-img{background:transparent}.hx-form-sheet-profile .profile_left .pl-avatar .pl-avatar-img{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;border-radius:inherit}.hx-form-sheet-profile .profile_left .pl-avatar .pl-avatar-img img,.hx-form-sheet-profile .profile_left .pl-avatar .pl-avatar-img picture,.hx-form-sheet-profile .profile_left .pl-avatar .pl-avatar-img canvas,.hx-form-sheet-profile .profile_left .pl-avatar .pl-avatar-img video,.hx-form-sheet-profile .profile_left .pl-avatar .pl-avatar-img svg{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:inherit;background:transparent!important;box-shadow:none!important;border:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important}.hx-form-sheet-profile .profile_left .pl-avatar .pl-avatar-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block;border-radius:inherit}.hx-form-sheet-profile .profile_left .pl-avatar .pl-avatar-img :is(picture,video,canvas,svg){width:100%;height:100%}.hx-form-sheet-profile .profile_left .pl-avatar>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.hx-form-sheet-profile .profile_left .pl-identity{min-width:0}.hx-form-sheet-profile .profile_left .pl-name-row{display:flex;align-items:baseline;gap:8px;margin-bottom:4px;flex-wrap:wrap}.hx-form-sheet-profile .profile_left .pl-name,.hx-form-sheet-profile .profile_left .pl-title{font-weight:600;font-size:18px;color:#0f172a}.hx-form-sheet-profile .profile_left .pl-sep{color:#9ca3af}.hx-form-sheet-profile .profile_left .pl-id{color:#9ca3af;font-weight:600}.hx-form-sheet-profile .profile_left .pl-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}.hx-form-sheet-profile .profile_left .pl-meta-item{display:inline-flex;align-items:center;gap:8px;min-width:0;color:#4b5563;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-form-sheet-profile .profile_left .toggle-icon{width:20px;height:20px;color:#99a1af}.hx-form-sheet-profile .profile_left span[title='entity_type'] span{text-transform:capitalize}.hx-form-sheet-profile .profile_left span.pl-meta-value.pl-meta-box-value{background:#e8f0ff;color:#2563eb;font-weight:bold;padding:8px 12px;border-radius:8px}.hx-form-sheet-profile .profile_left .icon-qr-code{width:30px!important;height:30px!important;color:#3d3d3d}.hx-form-sheet-profile .profile_left .pl-bottom{background:#e8f2ff;border-top:1px solid #e7e9ee;padding:10px 18px;display:grid;grid-template-columns:1fr auto;align-items:center}.hx-form-sheet-profile .profile_left .pl-job-title{color:#374151;margin-bottom:2px}.hx-form-sheet-profile .profile_left .pl-division span{color:#0f172a!important;font-weight:500!important}@media (max-width:520px){.hx-form-sheet-profile .profile_left .pl-meta{grid-template-columns:1fr}}.hx-form-sheet-profile .profile_right{display:flex;flex:1 1 calc(100% / 12 * var(--hx-profile-col,12));max-width:calc(100% / 12 * var(--hx-profile-col,12));min-width:0;flex-direction:column;gap:12px}.hx-form-sheet-profile .profile_right .pr-card{border:1px solid #e7e9ee;border-radius:12px;background:#fff;padding:12px;box-shadow:0 1px 0 rgba(16,24,40,0.02);display:flex;flex-direction:column;gap:12px}.hx-form-sheet-profile .profile_right .pr-header{display:flex;align-items:center;justify-content:space-between}.hx-form-sheet-profile .profile_right .pr-title{font-weight:600;font-size:18px;color:#0f172a}.hx-form-sheet-profile .profile_right .pr-grid{display:flex;gap:16px;flex-wrap:nowrap;width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:6px;scrollbar-width:thin;scroll-snap-type:x proximity}.hx-form-sheet-profile .profile_right .pr-grid::-webkit-scrollbar{height:6px}.hx-form-sheet-profile .profile_right .pr-grid::-webkit-scrollbar-thumb{background:rgba(148,163,184,0.4);border-radius:999px}.hx-form-sheet-profile .profile_right .pr-grid::-webkit-scrollbar-track{background:transparent}.hx-form-sheet-profile .profile_right .pr-item{border:1px solid #e7e9ee;border-radius:12px;background:#fff;padding:18px 16px;box-shadow:0 2px 4px rgba(15,23,42,0.04);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:0 0 clamp(150px,calc((100% - 48px) / 4),220px);max-width:clamp(150px,calc((100% - 48px) / 4),220px);text-align:center;min-height:170px;scroll-snap-align:start}.hx-form-sheet-profile .profile_right .pr-chart{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.hx-form-sheet-profile .profile_right .pr-ring{width:100%;height:100%;transform:rotate(-90deg)}.hx-form-sheet-profile .profile_right .pr-ring-track,.hx-form-sheet-profile .profile_right .pr-ring-progress{fill:none}.hx-form-sheet-profile .profile_right .pr-ring-track{stroke:rgba(148,163,184,0.2)}.hx-form-sheet-profile .profile_right .pr-ring-progress{stroke-linecap:round}.hx-form-sheet-profile .profile_right .pr-percentage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:#0f172a}.hx-form-sheet-profile .profile_right .pr-label{font-weight:500;font-size:14px;color:#374151}@media (max-width:768px){.hx-form-sheet-profile .profile_right .pr-grid{gap:12px}.hx-form-sheet-profile .profile_right .pr-item{flex:0 0 clamp(140px,calc((100% - 36px) / 3),200px);max-width:clamp(140px,calc((100% - 36px) / 3),200px)}}@media (max-width:520px){.hx-form-sheet-profile .profile_right .pr-grid{gap:12px}.hx-form-sheet-profile .profile_right .pr-item{flex:0 0 clamp(130px,calc((100% - 24px) / 2),180px);max-width:clamp(130px,calc((100% - 24px) / 2),180px)}}.hx-form-sheet-profile .profile_left .pl-card-v2{height:100%;width:100%;display:flex;flex-direction:column;border:1px solid #cbd4f2;border-radius:16px;background:#fcfeff;overflow:hidden;box-shadow:0 1px 3px rgba(16,24,40,0.06)}.hx-form-sheet-profile .profile_left .pl-v2-header{display:flex;flex-direction:row;align-items:center;padding:16px;gap:16px;min-height:72px;background:linear-gradient(91.75deg,#e0eeff -0.56%,#c2dbff 100.75%);flex-shrink:0}.hx-form-sheet-profile .profile_left .pl-v2-avatar{position:relative;width:48px;height:48px;border-radius:8px;background:#cacbcc;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;letter-spacing:0.5px;user-select:none}.hx-form-sheet-profile .profile_left .pl-v2-avatar.has-img{background:transparent}.hx-form-sheet-profile .profile_left .pl-v2-avatar .pl-avatar-img{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;border-radius:inherit}.hx-form-sheet-profile .profile_left .pl-v2-avatar .pl-avatar-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:inherit}.hx-form-sheet-profile .profile_left .pl-v2-avatar.pl-v2-avatar-clickable{cursor:pointer;transition:all 0.2s ease}.hx-form-sheet-profile .profile_left .pl-v2-avatar.pl-v2-avatar-clickable:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(37,99,235,0.25)}.hx-form-sheet-profile .profile_left .pl-v2-avatar .pl-avatar-upload-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.55);opacity:0;transition:opacity 0.2s ease;pointer-events:none;border-radius:inherit;display:flex;align-items:center;justify-content:center}.hx-form-sheet-profile .profile_left .pl-v2-avatar.pl-v2-avatar-clickable:hover .pl-avatar-upload-overlay{opacity:1}.hx-form-sheet-profile .profile_left .pl-v2-avatar .pl-avatar-upload-overlay .upload-icon{width:22px;height:22px;color:#ffffff}.hx-form-sheet-profile .profile_left .pl-v2-title{flex:1 0 0;font-weight:700;font-size:20px;line-height:30px;color:#1c4f92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.hx-form-sheet-profile .profile_left .pl-v2-body{flex:1;padding:24px 16px;background:#fcfeff;border-top:1px solid #cbd4f2}.hx-form-sheet-profile .profile_left .pl-v2-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.hx-form-sheet-profile .profile_left .pl-v2-item{display:flex;flex-direction:column;gap:2px;min-width:0}.hx-form-sheet-profile .profile_left .pl-v2-label{font-size:14px;font-weight:400;line-height:21px;color:#585959;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-form-sheet-profile .profile_left .pl-v2-value{font-size:14px;font-weight:600;line-height:21px;color:#585959;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-form-sheet-profile .form-container-cols-wrapper{display:flex;gap:16px;flex-wrap:nowrap;width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:6px;scrollbar-width:thin;scroll-snap-type:x proximity}.hx-form-sheet-profile .form-container-col{min-width:200px!important}.hx-form-sheet-profile .hx-dashboard-standalone-preview__panel{border:0;box-shadow:none;padding:0}@media (max-width:520px){.hx-form-sheet-profile .profile_left .pl-v2-grid{grid-template-columns:1fr}}

/** webx/static/css/views/form/form-breadcrumb.css **/
.hx-form-breadcrumb{padding:0;box-sizing:border-box}.hx-form-breadcrumb .list{display:flex;flex-direction:row;align-items:center;padding:0;list-style:none;margin:0;gap:10px;font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;line-height:24px;height:24px;color:#B3B3B3;white-space:nowrap}.hx-form-breadcrumb .item{display:flex;align-items:center;gap:6px;font-weight:400;margin:0}.hx-form-breadcrumb .item[aria-current="page"]{font-weight:600;color:#1E1E1E;line-height:0}.hx-form-breadcrumb .navigate-back{cursor:pointer;color:#B3B3B3;text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap;font-weight:400;line-height:0;transition:text-decoration 0.2s ease;padding:0;margin:0}.hx-form-breadcrumb .navigate-back>*{display:inline}.hx-form-breadcrumb .item:not(:last-child)::after{content:"/";margin-left:10px;color:#B3B3B3;font-weight:400;font-size:16px;line-height:0}

/** webx/static/css/views/form/form-sheet-smart-buttons.css **/
.hx-form-sheet-smart-buttons{display:flex;flex-direction:column;gap:8px;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.hx-form-sheet-smart-buttons .smart-buttons-list{display:flex;flex-direction:column;align-items:stretch;height:100%;width:100%}.hx-form-sheet-smart-buttons .smart-buttons-icon-row-wrapper{position:relative;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:visible;-webkit-overflow-scrolling:touch;padding:6px 0 8px;margin:0}.hx-form-sheet-smart-buttons .smart-buttons-icon-row{display:inline-flex;flex-direction:row;align-items:center;flex-wrap:nowrap;justify-content:flex-start;gap:8px;width:max-content;max-width:none;min-width:min-content;box-sizing:border-box;white-space:nowrap}.hx-form-sheet-smart-buttons .smart-buttons-list:has(>:nth-child(2)),.hx-form-sheet-smart-buttons .smart-buttons-icon-row:has(>:nth-child(2)){gap:8px}.hx-form-sheet-smart-buttons .smart-buttons-icon-row-wrapper::-webkit-scrollbar{height:6px}.hx-form-sheet-smart-buttons .smart-buttons-icon-row-wrapper::-webkit-scrollbar-button,.hx-form-sheet-smart-buttons .smart-buttons-icon-row-wrapper::-webkit-scrollbar-button:single-button,.hx-form-sheet-smart-buttons .smart-buttons-icon-row-wrapper::-webkit-scrollbar-button:horizontal:decrement,.hx-form-sheet-smart-buttons .smart-buttons-icon-row-wrapper::-webkit-scrollbar-button:horizontal:increment{display:none!important;width:0!important;height:0!important}.hx-form-sheet-smart-buttons .smart-icon-btn{display:flex;justify-content:center;align-items:center;flex:0 0 auto;border-radius:8px;height:40px;width:40px;border:1px solid #edeef0;background:#f7f8fa;transition:background 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease,transform 0.3s ease;overflow:visible;color:#111111}.hx-form-sheet-smart-buttons .smart-icon{display:inline-block;width:20px;height:20px;stroke-width:1}.hx-form-sheet-smart-buttons .smart-button{display:flex;padding:6px 12px;flex-direction:row;align-items:center;justify-content:space-between;min-height:56px;align-self:stretch;border:none;border-radius:8px;background:#f7f8fa;color:#000;width:100%;transition:all 0.3s ease}.hx-form-sheet-smart-buttons .smart-button-dropdown{position:relative;display:flex;flex-direction:column;width:100%}.hx-form-sheet-smart-buttons .smart-button--dropdown{width:100%}.hx-form-sheet-smart-buttons .smart-button-dropdown.is-open .smart-button--dropdown{border-bottom-left-radius:0;border-bottom-right-radius:0}.hx-form-sheet-smart-buttons .smart-button-label{display:flex;align-items:center;justify-content:flex-start;gap:12px;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.hx-form-sheet-smart-buttons .smart-button-label>span{display:inline-flex;align-items:center}.hx-form-sheet-smart-buttons .smart-button-label>span::after{content:'';display:inline-block;width:8px;height:8px;margin-left:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;border-radius:1px;transform:rotate(-45deg);opacity:0.85;transition:transform 0.15s ease,opacity 0.15s ease;vertical-align:middle}.hx-form-sheet-smart-buttons .smart-button--dropdown .smart-button-label>span::after{transform:rotate(-45deg)}.hx-form-sheet-smart-buttons .smart-button-dropdown.is-open .smart-button-label>span::after{transform:rotate(45deg)}.hx-form-sheet-smart-buttons .smart-button:hover .smart-button-label>span::after{opacity:1}.hx-form-sheet-smart-buttons .smart-button-icon{display:inline-block;width:20px;height:20px;stroke-width:1}.hx-form-sheet-smart-buttons .smart-button-counter{display:flex;justify-content:center;align-items:center;padding:0 12px;min-width:33px;height:24px;background:#edeef0;border-radius:999px;box-sizing:border-box}.hx-form-sheet-smart-buttons .smart-button-counter-label{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:14px;line-height:18px;text-align:center;color:#004099;min-width:9px;min-height:18px;display:inline-block}.hx-form-sheet-smart-buttons .smart-button-dropdown-menu{position:static;display:block;padding:8px;background:#f7f8fa;border:0;border-radius:0 0 12px 12px;box-shadow:none}.hx-form-sheet-smart-buttons .smart-button-dropdown-list{display:flex;flex-direction:column;gap:4px}.hx-form-sheet-smart-buttons .smart-button-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;background:transparent;padding:6px 8px;border-radius:8px;text-align:left;font-size:13px;color:#1f2937;cursor:pointer}.hx-form-sheet-smart-buttons .smart-button-dropdown-item:hover,.hx-form-sheet-smart-buttons .smart-button-dropdown-item:focus-visible{background:#f3f4f6;outline:none}.hx-form-sheet-smart-buttons .smart-button-dropdown-item-name{flex:1;min-width:0;font-weight:600;color:#2f2f2f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-form-sheet-smart-buttons .smart-button-dropdown-item:hover .smart-button-dropdown-item-name,.hx-form-sheet-smart-buttons .smart-button-dropdown-item:focus-visible .smart-button-dropdown-item-name{color:#1d4ed8}.hx-form-sheet-smart-buttons .smart-button-dropdown-item-time{font-size:12px;color:#9aa4b2;white-space:nowrap}.hx-form-sheet-smart-buttons .smart-button-dropdown-empty{padding:6px 8px;font-size:12px;color:#9aa4b2}.hx-form-sheet-smart-buttons .smart-button-dropdown-more{width:100%;margin-top:6px;padding:8px;border:0;border-radius:8px;background:transparent;color:#1d4ed8;font-weight:600;font-size:13px;line-height:18px;text-align:left;cursor:pointer}.hx-form-sheet-smart-buttons .smart-button-dropdown-more:hover{background:#eff6ff}.hx-form-sheet-smart-buttons .smart-button-dropdown-more:disabled{color:#9aa4b2;cursor:not-allowed}.hx-form-sheet-smart-buttons .smart-icon-btn:hover{background:#edf2fa;border-color:#b6d0f9;box-shadow:0 2px 8px 0 rgba(42,94,162,0.08);cursor:pointer;transition:background 0.15s,border-color 0.15s,box-shadow 0.15s}.hx-form-sheet-smart-buttons .smart-button:hover{background:linear-gradient(90deg,#e0ebfa 60%,#c9e2ff 100%);box-shadow:0 2px 8px 0 rgba(42,94,162,0.1);filter:brightness(1.03);cursor:pointer;transition:all 0.3s ease}.hx-form-sheet-smart-buttons .smart-icon-btn.is-danger .smart-icon,.hx-form-sheet-smart-buttons-rail .rail-btn.is-danger .rail-icon{color:#ea384d;stroke-width:1;fill:#ea384d}.hx-form-sheet-smart-buttons .smart-print-dropdown,.hx-form-sheet-smart-buttons-rail .smart-print-dropdown{position:relative;display:flex;align-items:center}.hx-form-sheet-smart-buttons .smart-print-dropdown .action-dropdown-menu,.hx-form-sheet-smart-buttons-rail .smart-print-dropdown .action-dropdown-menu{position:absolute;right:0;top:calc(100% + 6px);display:block;min-width:200px;max-width:320px;max-height:60vh;overflow-y:auto;padding:8px;margin:0;list-style:none;background:var(--action-dropdown-bg,#ffffff);border:1px solid var(--action-dropdown-border,#e6e6e6);border-radius:8px;box-shadow:0 6px 12px -4px rgba(0,0,0,0.25);z-index:4000}.hx-form-sheet-smart-buttons .smart-print-dropdown .action-dropdown-menu::before,.hx-form-sheet-smart-buttons-rail .smart-print-dropdown .action-dropdown-menu::before{content:'';position:absolute;right:14px;top:-6px;width:10px;height:10px;transform:rotate(45deg);background:var(--action-dropdown-bg,#ffffff);border-left:1px solid var(--action-dropdown-border,#e6e6e6);border-top:1px solid var(--action-dropdown-border,#e6e6e6)}.hx-form-sheet-smart-buttons .smart-print-dropdown .action-dropdown-item,.hx-form-sheet-smart-buttons-rail .smart-print-dropdown .action-dropdown-item{appearance:none;-webkit-appearance:none;background:transparent;border:0;width:100%;text-align:left;padding:10px 12px;margin:0;font:inherit;color:var(--text-default,#1e1e1e);cursor:pointer;border-radius:6px;white-space:pre-wrap}.hx-form-sheet-smart-buttons .smart-print-dropdown .action-dropdown-item:hover,.hx-form-sheet-smart-buttons .smart-print-dropdown .action-dropdown-item:focus-visible,.hx-form-sheet-smart-buttons-rail .smart-print-dropdown .action-dropdown-item:hover,.hx-form-sheet-smart-buttons-rail .smart-print-dropdown .action-dropdown-item:focus-visible{outline:none;background:var(--action-dropdown-hover,#f0f0f0);box-shadow:0 0 0 2px rgba(42,94,162,0.15)}.hx-form-sheet-smart-buttons .smart-button-dropdown-enter-active,.hx-form-sheet-smart-buttons .smart-button-dropdown-leave-active{transition:opacity 0.15s ease,transform 0.15s ease}.hx-form-sheet-smart-buttons .smart-button-dropdown-enter-from,.hx-form-sheet-smart-buttons .smart-button-dropdown-leave-to{opacity:0;transform:translateY(-4px)}.hx-form-sheet-smart-buttons-rail .rail-btn{transition:background 0.3s ease,border-color 0.3s ease,transform 0.3s ease;color:#111111}.hx-form-sheet-smart-buttons-rail .rail-icon{width:20px;height:20px;stroke-width:1}

/** webx/static/css/views/form/validation-popup.css **/
.hx-validation-error-popup{position:fixed;top:calc(var(--hx-topbar-height,56px) + 12px);left:50%;right:auto;transform:translate(-50%,-8px);width:min(80vw,320px);max-width:320px;min-width:200px;z-index:9999;transition:transform 0.3s cubic-bezier(0.21,1.02,0.73,1),opacity 0.28s ease-out;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:11px;opacity:0;transform-origin:top center}.hx-validation-error-popup.show{transform:translate(-50%,0);opacity:1}.hx-validation-error-content{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%);border-radius:5px;box-shadow:0 4px 8px -2px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.04),0 0 0 1px rgba(255,255,255,0.1);color:white;overflow:hidden;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);font-size:11px}.hx-validation-error-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}.hx-validation-error-title{display:flex;align-items:center;font-weight:600;font-size:11px;gap:4px}.hx-validation-error-title i{font-size:11px;animation:pulse 2s infinite}.hx-validation-error-close{background:none;border:none;color:white;cursor:pointer;padding:1px;border-radius:3px;transition:background-color 0.2s ease;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.hx-validation-error-close:hover{background:rgba(255,255,255,0.2)}.hx-validation-error-close i{font-size:10px}.hx-validation-error-body{padding:6px 8px}.hx-validation-error-message{margin:0 0 4px 0;font-size:10px;opacity:0.95;line-height:1.3}.hx-validation-error-list{list-style:none;padding:0;margin:0}.hx-validation-error-list li{padding:3px 5px;margin-bottom:3px;background:rgba(255,255,255,0.15);border-radius:3px;font-size:10px;line-height:1.2;border-left:2px solid rgba(255,255,255,0.6);backdrop-filter:blur(5px);animation:slideInUp 0.3s ease forwards;opacity:0;transform:translateY(10px)}.hx-validation-error-list li:nth-child(1){animation-delay:0.1s}.hx-validation-error-list li:nth-child(2){animation-delay:0.2s}.hx-validation-error-list li:nth-child(3){animation-delay:0.3s}.hx-validation-error-list li:nth-child(4){animation-delay:0.4s}.hx-validation-error-list li:nth-child(5){animation-delay:0.5s}.hx-validation-error-list li:last-child{margin-bottom:0}@keyframes pulse{0%{opacity:1}50%{opacity:0.7}100%{opacity:1}}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hx-validation-error-popup{width:min(92vw,320px);max-width:92vw;min-width:200px;left:50%;right:auto;top:calc(var(--hx-topbar-height,56px) + 8px);transform:translate(-50%,-8px)}.hx-validation-error-popup.show{transform:translate(-50%,0)}.hx-validation-error-header{padding:3px 5px}.hx-validation-error-body{padding:5px 6px}.hx-validation-error-title{font-size:10px}}.hx-validation-error-popup:focus-within{outline:2px solid rgba(255,255,255,0.5);outline-offset:2px}.hx-validation-error-popup.hiding{opacity:0;transform:translate(-50%,-12px);transition:transform 0.25s ease-in,opacity 0.25s ease-in}@media (prefers-color-scheme:dark){.hx-validation-error-content{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);box-shadow:0 20px 25px -5px rgba(0,0,0,0.3),0 10px 10px -5px rgba(0,0,0,0.2),0 0 0 1px rgba(255,255,255,0.05)}}.hx-validation-error-popup.show .hx-validation-error-content{animation:bounceIn 0.5s cubic-bezier(0.68,-0.55,0.265,1.55)}@keyframes bounceIn{0%{transform:scale(0.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1);opacity:1}}

/** webx/static/css/views/form/form-sheet-state.css **/
.hx-form-sheet-state{position:relative;display:flex;flex-direction:column;font-family:'Plus Jakarta Sans',sans-serif;color:#222;box-sizing:border-box;background-color:#ffffff;border:1px solid #e1e2e3;user-select:none;width:100%;border-radius:16px;max-width:400px;box-shadow:0 1px 0 rgba(16,24,40,0.02);transition:border-radius 0.3s ease}.hx-form-sheet-state.expanded{border-radius:16px 16px 0 0!important}.hx-form-sheet-state .status-header{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-radius:16px 16px 0 0;transition:background-color 0.2s}.hx-form-sheet-state.expanded .status-header{transition:background-color 0.2s}.hx-form-sheet-state .status-header-icon{width:48px;height:48px;border-radius:12px;background:#f97316;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.3s ease,transform 0.2s ease}.hx-form-sheet-state .status-header-icon .header-icon{width:32px;height:32px;fill:#ffffff;transition:transform 0.2s ease}.hx-form-sheet-state .status-header-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.hx-form-sheet-state .status-header-step{font-size:12px;font-weight:400;color:#6b7280;line-height:1.4}.hx-form-sheet-state .status-header-title{font-size:14px;font-weight:600;color:#1e1e1e;line-height:1.4}.hx-form-sheet-state .status-toggle-btn{display:flex;align-items:center;gap:4px;width:92px;justify-content:space-between;padding:8px 12px;background:#f3e8ff;border:none;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:500;color:#7c3aed;cursor:pointer;transition:background-color 0.2s;flex-shrink:0;border-radius:28px}.hx-form-sheet-state .toggle-chevron{width:16px;height:16px;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}.hx-form-sheet-state .toggle-chevron.rotated{transform:rotate(180deg)}.hx-form-sheet-state .status-body{position:absolute;z-index:10;top:72px;width:100%;background-color:#ffffff;display:flex;flex-direction:column;padding:16px 20px;gap:0;max-height:320px;overflow-y:auto;box-shadow:1px 12px 10px 0px rgba(0,0,0,0.15);border-top:1px solid #e1e2e3;border-radius:0 0 16px 16px}.status-body-transition-enter-active{transition:opacity 0.3s cubic-bezier(0.4,0,0.2,1),transform 0.3s cubic-bezier(0.4,0,0.2,1)}.status-body-transition-leave-active{transition:opacity 0.25s cubic-bezier(0.4,0,0.2,1),transform 0.25s cubic-bezier(0.4,0,0.2,1)}.status-body-transition-enter-from{opacity:0;transform:translateY(-10px)}.status-body-transition-leave-to{opacity:0;transform:translateY(-10px)}.hx-form-sheet-state .status-body::-webkit-scrollbar{width:6px}.hx-form-sheet-state .status-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.hx-form-sheet-state .status-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.hx-form-sheet-state .status-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.hx-form-sheet-state .status-item{position:relative;display:flex;flex-direction:row;align-items:center;width:100%;font-weight:600;font-size:14px;box-sizing:border-box;gap:16px;padding:12px 0;will-change:transform,opacity}.hx-form-sheet-state .status-item:hover{transform:translateX(2px);transition:transform 0.2s ease}.status-item-stagger-move{transition:transform 0.3s ease}.hx-form-sheet-state .status-connector{position:absolute;top:36px;left:9px;width:4px;height:calc(100% - 12px);background:#d1e0fa;border-radius:2px;z-index:0;pointer-events:none;transition:background 0.3s ease}.hx-form-sheet-state .status-connector.complete{background:#2563eb}.hx-form-sheet-state .status-dot-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:22px;height:32px;flex-shrink:0;z-index:1}.hx-form-sheet-state .status-dot{width:22px;height:22px;border-radius:50%;border:3px solid #2563eb;background:#ffffff;position:relative;z-index:1;transition:background 0.4s cubic-bezier(0.4,0,0.2,1),border 0.4s cubic-bezier(0.4,0,0.2,1),transform 0.2s ease;box-sizing:border-box}.hx-form-sheet-state .status-item.active .status-dot{position:relative;width:22px;height:22px;border-radius:50%;background:linear-gradient(to right,#2563eb 50%,#ffffff 50%);border:none}.hx-form-sheet-state .status-item.active .status-dot::after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(#2563eb 0deg 24deg,transparent 22deg 40deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}.hx-form-sheet-state .status-item.active .status-dot::before{content:'';position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:0;background-color:#2563eb;transform:translate(-50%,-50%);z-index:2}.hx-form-sheet-state .status-item.active:last-child .status-dot{background:#2563eb;border-color:#2563eb}.hx-form-sheet-state .status-item.active:last-child .status-dot::after{display:none}.hx-form-sheet-state .status-item.inactive .status-dot{background:#ffffff;border-color:#2563eb}.hx-form-sheet-state .status-item.complete .status-dot{background:#2563eb;border-color:#2563eb}.hx-form-sheet-state .status-content{display:flex;position:relative;flex-direction:column;gap:2px;flex:1;min-width:0}.hx-form-sheet-state .status-step{font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:12px;color:#6b7280;line-height:1.4}.hx-form-sheet-state .status-label{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:16px;color:#1e1e1e;line-height:1.4}.hx-form-sheet-state .status-date{position:absolute;top:0;right:0;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;color:#9ca3af;line-height:1.4;flex-shrink:0}

/** webx/static/css/views/form/form-skeleton.css **/
:root{--skeleton-color-light:#ececec;--skeleton-color-dark:#e0e0e0}@keyframes skeleton-loading{0%{background-position:-200% 0}100%{background-position:200% 0}}.hx-form-skeleton{height:100%;min-height:0;display:flex;flex-direction:column;width:100%;box-sizing:border-box;background:transparent;gap:24px}.hx-form-skeleton .skeleton-header{display:flex;flex-direction:column;gap:8px}.hx-form-skeleton .skeleton-breadcrumb{height:24px;width:200px;border-radius:8px;background:linear-gradient(90deg,var(--skeleton-color-light),var(--skeleton-color-dark),var(--skeleton-color-light));background-size:200% 100%;animation:skeleton-loading 1.2s cubic-bezier(0.4,0,0.6,1) infinite}.hx-form-skeleton .skeleton-title-row{display:flex;align-items:center;gap:16px}.hx-form-skeleton .skeleton-title{width:200px;height:32px;border-radius:8px;background:linear-gradient(90deg,var(--skeleton-color-light),var(--skeleton-color-dark),var(--skeleton-color-light));background-size:200% 100%;animation:skeleton-loading 1.2s cubic-bezier(0.4,0,0.6,1) infinite}.hx-form-skeleton .skeleton-badge{width:48px;height:32px;border-radius:8px;background:linear-gradient(90deg,#f5e6bb 60%,#f7efce 80%,#f5e6bb 100%);background-size:200% 100%;animation:skeleton-loading 1.2s cubic-bezier(0.4,0,0.6,1) infinite}.hx-form-skeleton .skeleton-meta-line{width:280px;height:24px;border-radius:8px;background:linear-gradient(90deg,var(--skeleton-color-light),var(--skeleton-color-dark),var(--skeleton-color-light));background-size:200% 100%;animation:skeleton-loading 1.2s cubic-bezier(0.4,0,0.6,1) infinite}.hx-form-skeleton .skeleton-toolbar-row{display:flex;align-items:center;gap:8px}.hx-form-skeleton .skeleton-toolbar-btn{width:80px;height:38px;border-radius:8px;background:linear-gradient(90deg,var(--skeleton-color-light),var(--skeleton-color-dark),var(--skeleton-color-light));background-size:200% 100%;animation:skeleton-loading 1.2s cubic-bezier(0.4,0,0.6,1) infinite}.hx-form-skeleton .skeleton-toolbar-icon{width:38px;height:38px;border-radius:8px;background:linear-gradient(90deg,var(--skeleton-color-light),var(--skeleton-color-dark),var(--skeleton-color-light));background-size:200% 100%;animation:skeleton-loading 1.2s cubic-bezier(0.4,0,0.6,1) infinite}.hx-form-skeleton .skeleton-sheet{height:100%;min-height:0;flex:1 1 0;display:flex;align-items:flex-start;gap:16px;width:100%;box-sizing:border-box}.hx-form-skeleton .skeleton-field-full{height:100%;min-height:0;flex:1 1 0;border-radius:8px;background:linear-gradient(90deg,var(--skeleton-color-light),var(--skeleton-color-dark),var(--skeleton-color-light));background-size:200% 100%;animation:skeleton-loading 1.2s cubic-bezier(0.4,0,0.6,1) infinite}.hx-form-skeleton .skeleton-sheet-card{display:flex;flex-direction:column;flex-wrap:wrap;align-items:stretch;background-color:#ffffff;border:1px solid #e1e2e3;border-radius:16px;height:fit-content;width:100%;padding:12px;gap:12px}.hx-form-skeleton .skeleton-fields-row{display:flex;gap:1rem}.hx-form-skeleton .skeleton-field{height:100px;border-radius:8px;flex:1 1 0;background:linear-gradient(90deg,var(--skeleton-color-light),var(--skeleton-color-dark),var(--skeleton-color-light));background-size:200% 100%;animation:skeleton-loading 1.2s cubic-bezier(0.4,0,0.6,1) infinite}.hx-form-skeleton .skeleton-sidebar-card{display:flex;flex-direction:column;flex-wrap:wrap;align-items:stretch;background-color:#ffffff;border:1px solid #e1e2e3;border-radius:16px;height:fit-content;min-width:30%;padding:12px;gap:8px}.hx-form-skeleton .skeleton-sidebar-icons{display:flex;gap:8px}.hx-form-skeleton .skeleton-sidebar-icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(90deg,var(--skeleton-color-light),var(--skeleton-color-dark),var(--skeleton-color-light));background-size:200% 100%;animation:skeleton-loading 1.2s cubic-bezier(0.4,0,0.6,1) infinite}.hx-form-skeleton .skeleton-sidebar-btn{width:90%;height:56px;border-radius:8px;background:linear-gradient(90deg,var(--skeleton-color-light),var(--skeleton-color-dark),var(--skeleton-color-light));background-size:200% 100%;animation:skeleton-loading 1.2s cubic-bezier(0.4,0,0.6,1) infinite}.hx-form-skeleton .skeleton-sidebar-section-title{width:78px;height:24px;border-radius:8px;background:linear-gradient(90deg,var(--skeleton-color-light),var(--skeleton-color-dark),var(--skeleton-color-light));background-size:200% 100%;animation:skeleton-loading 1.2s cubic-bezier(0.4,0,0.6,1) infinite}.hx-form-skeleton .skeleton-sidebar-log{width:99%;height:24px;border-radius:8px;background:linear-gradient(90deg,var(--skeleton-color-light),var(--skeleton-color-dark),var(--skeleton-color-light));background-size:200% 100%;animation:skeleton-loading 1.2s cubic-bezier(0.4,0,0.6,1) infinite}

/** webx/static/css/views/form/form-groups.css **/
.hx-form-groups{font-family:'Plus Jakarta Sans',sans-serif;color:#2c2c2c;line-height:1.4;display:flex;flex-direction:column;gap:24px}.hx-form-groups *,.hx-form-groups *::before,.hx-form-groups *::after{box-sizing:border-box}.hx-form-groups .form-container-row{display:flex;flex-wrap:nowrap;gap:1rem;align-items:flex-start;background:none;border:none;border-radius:0;padding:0 1rem;position:relative}.hx-form-groups .form-container-row>.ribbon-widget-wrapper{position:absolute;top:0;right:0;margin:0}.hx-form-groups .form-container-row.has-group-header{flex-wrap:wrap}.hx-form-groups .form-container-row.hx-split-cards-row{background:none!important;border:none!important;border-radius:0!important;padding:0!important}.hx-form-groups .form-container-row.hx-split-cards-row>.form-container-cols-wrapper>.form-container-col>.form-card{background:#ffffff!important;border:1px solid #e1e2e3!important;border-radius:16px!important;padding:1rem!important}.hx-form-groups .form-container-row.hx-split-cards-row>.form-container-cols-wrapper>.form-container-col + .form-container-col>.form-card{margin-left:12px}.hx-form-groups .form-container-row.has-group-header .form-container-group-header{flex:0 0 100%;width:100%}.hx-form-groups .hx-group-collapse-button{border:none;background:transparent;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:#111827;cursor:pointer;flex-shrink:0;padding:0}.hx-form-groups .hx-group-collapse-icon{width:18px;height:18px;fill:currentColor;transition:transform 0.25s ease}.hx-form-groups .hx-group-collapse-icon.is-collapsed{transform:rotate(-180deg)}.hx-form-groups .form-container-cols-wrapper.is-collapsed{display:none;transform:all 0.3s ease}.hx-form-groups .form-container-row:has(.hx-org-widget){gap:1.25rem;margin-inline:0;padding-inline:0;box-sizing:border-box}.hx-form-groups .form-container-row:has(.hx-org-widget) .form-container-col{padding-inline:0;box-sizing:border-box}.hx-form-groups .form-field-wrapper:has(.hx-org-widget){padding:0;gap:0;box-sizing:border-box}.hx-form-groups .form-container-col{flex:1 1 0;min-width:0;max-width:100%;display:flex;flex-wrap:wrap;padding:0}.hx-form-groups .form-container-col-1{flex:1 1 calc(100% / 12 * 1);max-width:calc(100% / 12 * 1)}.hx-form-groups .form-container-col-2{flex:1 1 calc(100% / 12 * 2);max-width:calc(100% / 12 * 2)}.hx-form-groups .form-container-col-3{flex:1 1 calc(100% / 12 * 3);max-width:calc(100% / 12 * 3)}.hx-form-groups .form-container-col-4{flex:1 1 calc(100% / 12 * 4);max-width:calc(100% / 12 * 4)}.hx-form-groups .form-container-col-5{flex:1 1 calc(100% / 12 * 5);max-width:calc(100% / 12 * 5)}.hx-form-groups .form-container-col-6{flex:1 1 calc(100% / 12 * 6);max-width:calc(100% / 12 * 6)}.hx-form-groups .form-container-col-7{flex:1 1 calc(100% / 12 * 7);max-width:calc(100% / 12 * 7)}.hx-form-groups .form-container-col-8{flex:1 1 calc(100% / 12 * 8);max-width:calc(100% / 12 * 8)}.hx-form-groups .form-container-col-9{flex:1 1 calc(100% / 12 * 9);max-width:calc(100% / 12 * 9)}.hx-form-groups .form-container-col-10{flex:1 1 calc(100% / 12 * 10);max-width:calc(100% / 12 * 10)}.hx-form-groups .form-container-col-11{flex:1 1 calc(100% / 12 * 11);max-width:calc(100% / 12 * 11)}.hx-form-groups .form-container-col-12{flex:1 1 100%;max-width:100%}.hx-form-groups .form-single-row{background:none;border:none;border-radius:0;padding:0 1rem}@media (max-width:700px){.hx-form-groups .form-container-row:has(.hx-org-widget) .form-container-col{padding-inline:0}.hx-form-groups .form-field-wrapper:has(.hx-org-widget){padding-inline:0}}.hx-form-groups .form-single-col{width:100%;display:flex}.hx-form-groups:has(.form-card) .form-container-row,.hx-form-groups.appearance-sheet .form-container-row{background-color:#ffffff;border:1px solid #e1e2e3;border-radius:16px;padding:1rem 1rem}.hx-form-groups:has(.form-card) .form-single-row,.hx-form-groups.appearance-sheet .form-single-row{background-color:#ffffff;border:1px solid #e1e2e3;border-radius:16px;padding:1rem 1rem}.sheet-tabs-content .hx-form-groups .form-container-row,.sheet-tabs-content .hx-form-groups .form-single-row{background:none;border:none;border-radius:0;padding:0}.hx-form-groups .form-card{border:none;flex:1;display:flex;flex-direction:column;width:100%;position:relative}.hx-form-groups .form-card-body{flex-grow:1;display:flex;flex-direction:column;width:100%;gap:1rem}.hx-form-groups .form-card-body:has(.hx-org-widget){gap:0}.hx-form-groups .form-group{flex:1;display:flex;flex-direction:column;width:100%;gap:1rem;padding:0;background:none}.hx-form-groups .form-group .form-card-body{gap:1rem}.hx-form-groups .form-card-header{display:flex;align-items:center}.hx-form-groups .form-group-heading{font-size:1.125rem;font-weight:600;margin:0;line-height:1.2;color:#3a3a3a}.hx-form-groups .form-header-divider{flex-grow:1;height:1px;background-color:#dee2e6;border:none;margin-left:0.5rem}.hx-form-groups .hx-group-header--placeholder{min-height:calc(1.125rem * 1.2);visibility:hidden}.hx-form-groups .form-container-row.has-group-header .hx-group-title,.hx-form-groups .form-container-group-header .hx-group-title{display:flex;justify-content:center;align-items:flex-end;gap:8px}.hx-form-groups .form-container-group-header .hx-group-title .hx-group-header-icon *{fill:#0058cc}.hx-form-groups .form-container-group-header .hx-group-header-row{display:flex;justify-content:space-between;width:100%;padding-bottom:16px;border-bottom:1px solid #e1e2e3}.hx-form-groups .form-container-row.has-group-header .hx-group-header-row:has(.hx-group-collapse-icon.is-collapsed),.hx-form-groups .form-container-group-header .hx-group-header-row:has(.hx-group-collapse-icon.is-collapsed){border-bottom:none}.hx-form-groups .form-group-title{display:flex;align-items:center;margin-bottom:0.25rem}.hx-form-groups .form-heading{font-size:1.125rem;font-weight:600;margin:0;line-height:1.2;color:#3a3a3a}.hx-form-groups .form-divider{flex-grow:1;height:1px;background-color:#dee2e6;border:none;margin-left:0.5rem}.hx-form-groups .form-field-wrapper{display:flex;flex-direction:column;gap:6px}.hx-form-groups.edit-mode .form-field-wrapper{min-height:64px}.hx-form-groups.view-mode .form-field-wrapper{min-height:47px}.hx-form-groups:has(.form-card) .form-field-wrapper,.hx-form-groups.appearance-sheet .form-field-wrapper{gap:2px}.hx-form-groups .form-field-wrapper.nolabel{gap:0}.hx-form-groups .form-field-label-wrapper{display:flex;gap:6px;width:100%}.hx-form-groups .form-field-label{display:inline-block;user-select:none;width:fit-content;min-height:21px;height:auto;max-width:100%;font-size:16px!important;white-space:normal;word-break:break-word;line-height:1.3}.hx-form-groups .form-field-required,.hx-form-groups .form-required{display:inline;white-space:nowrap}.hx-form-groups .form-field-trailing-helper,.hx-form-groups .form-helper{border:none;padding:0;margin:0;display:inline-block;vertical-align:middle;position:relative;width:fit-content;height:100%;background:none;cursor:help}.hx-form-groups .form-field-trailing-helper.disabled,.hx-form-groups .form-helper.disabled{cursor:not-allowed}.hx-form-groups .form-field-trailing-icon,.hx-form-groups .form-helper-icon{display:inline-block;vertical-align:middle;pointer-events:none}.hx-form-groups .form-field-required,.hx-form-groups .form-required{color:#bd210f}.hx-form-groups .form-field-value{display:block}.hx-form-groups .form-field-value:not(:has(input,textarea,select,.hx-datetime-field,.hx-date-field,.hx-relation-field,.hx-many2many-v2-field,.hx-many2one-field,.hx-many2many-field,.hx-org-widget,button)){min-height:24px;display:flex;align-items:flex-start}.hx-form-groups .form-field-value:has(.date-field-view) .date-field-view{display:flex;align-items:flex-start;min-height:24px;padding:0;border:none;border-radius:0;background:transparent}.hx-form-groups .form-paragraph{color:#6a6a6a;font-size:1rem;margin:0}.hx-form-groups .form-button-wrapper,.hx-form-groups .form-btn-wrapper{margin:0.5rem 0 0 0}.hx-form-groups .form-btn-primary,.hx-form-groups .form-flat-btn-primary{background-color:#0d6efd;border:none;color:#fff;font-weight:600;font-size:1rem;padding:0.5rem 1rem;border-radius:0.375rem;cursor:pointer;transition:background-color 0.2s ease-in-out}.hx-form-groups .form-btn-primary:hover,.hx-form-groups .form-btn-primary:focus,.hx-form-groups .form-flat-btn-primary:hover,.hx-form-groups .form-flat-btn-primary:focus{background-color:#0b5ed7;outline:none}.hx-form-groups .form-separator-wrapper{margin:0.75rem 0}.hx-form-groups .form-separator-header{display:flex;align-items:center}.hx-form-groups .form-separator-title{font-weight:600;font-size:1rem;color:#6c757d;margin:0;margin-right:0.5rem}.hx-form-groups .form-separator-divider{flex-grow:1;height:1px;background-color:#dee2e6;border:none}@media (max-width:768px){.hx-form-groups .form-container-row{flex-wrap:wrap}.hx-form-groups .form-container-col{flex:1 1 100%;min-width:auto;max-width:100%}.hx-form-groups .form-container-row.hx-split-cards-row>.form-container-cols-wrapper>.form-container-col + .form-container-col>.form-card{margin-left:0}}.hx-form-groups.appearance-flat .form-container-row,.hx-form-groups.appearance-flat .form-single-row{background:none;border:none;border-radius:0;padding:0}.hx-form-groups.appearance-sheet .form-container-row,.hx-form-groups.appearance-sheet .form-single-row{background-color:#ffffff;border:1px solid #e1e2e3;border-radius:16px;padding:1rem 1rem}@keyframes skeleton-loading{0%{background-position:-200% 0}100%{background-position:200% 0}}.hx-form-groups .form-field-lazy-placeholder{display:block;width:100%;height:36px;border-radius:8px;box-sizing:border-box;background:linear-gradient(90deg,#ececec,#e0e0e0,#ececec);background-size:200% 100%;animation:skeleton-loading 1.2s cubic-bezier(0.4,0,0.6,1) infinite}.hx-form-groups .form-group-lazy-placeholder .form-card-body{position:relative;width:100%;height:360px;overflow:hidden;border-radius:12px;background:linear-gradient(90deg,#ececec,#e0e0e0,#ececec);background-size:200% 100%;animation:skeleton-loading 1.2s cubic-bezier(0.4,0,0.6,1) infinite}.hx-form-groups .form-group-lazy-placeholder .form-field-lazy-placeholder{width:100%;height:100%;border-radius:8px;background:inherit;animation:inherit}.hx-form-groups .hx_group_tab{background:none;border:none;padding:0;gap:20px}.hx-form-groups .hx_group_tab .form-container-col{padding:0}.hx-form-groups .hx_group_tab .form-card{border:1px solid #e5e7ee;border-radius:14px;background:#ffffff;box-shadow:0 8px 24px rgba(15,23,42,0.06)}.hx-form-groups .hx_group_tab .form-card-body{gap:6px}.hx-form-groups .hx_group_tab .form-field-wrapper{padding:5px 16px 5px 26px;background:transparent}.hx-form-groups .hx_group_tab .hx-group-header{display:flex;flex-direction:column;padding:14px 0 10px;text-align:left;gap:6px;width:100%}.hx-form-groups .hx_group_tab .hx-group-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 16px;margin-top:0;width:100%}.hx-form-groups .hx_group_tab .hx-group-header-content{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;text-align:left;align-items:flex-start}.hx-form-groups .hx_group_tab .hx-group-title{display:flex;align-items:center;gap:8px}.hx-form-groups .hx_group_tab .hx-group-header-icon{width:28px;height:28px;border-radius:999px;background:none;display:inline-flex;align-items:center;justify-content:center;color:#2643e9}.hx-form-groups .hx_group_tab .hx-group-header-icon svg{width:20px;height:20px;fill:currentColor}.hx-form-groups .hx_group_tab .hx-group-description{margin:0;color:#6b7280;font-size:13px;line-height:1.4}.hx-form-groups .hx_group_tab .hx-group-info-button{border:none;background:transparent;border-radius:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:#111827;cursor:pointer;flex-shrink:0;margin-left:auto;padding:0}.hx-form-groups .hx_group_tab .hx-group-info-button svg{width:20px;height:20px;fill:currentColor}.hx-form-groups .hx_group_tab .hx-group-banner-stack{width:100%;padding:0}.hx-form-groups .hx_group_tab .hx-group-banner{width:100%;background:#eef4ff;border-radius:0 0 14px 14px;color:#111827;font-weight:600;padding:12px 8px}.hx-group-banner-stack{display:flex;flex-direction:column;gap:8px;width:fit-content}.hx-group-banner-stack--top{margin-bottom:4px}.hx-group-banner-stack--bottom{margin-top:12px}.hx-group-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#eef4ff;color:#1f2a44;font-size:14px;font-weight:500}.hx-group-banner-stack--long{width:100%}.hx-group-banner[data-type='info']{background:#eef4ff;color:#1d3f72}.hx-group-banner[data-type='warning']{background:#fff7ed;color:#b45309}.hx-group-banner[data-type='success']{background:#ecfdf3;color:#166534}.hx-group-banner[data-type='danger']{background:#fef2f2;color:#b91c1c}.hx-group-banner-icon{width:28px;height:28px;border-radius:999px;background:none;display:inline-flex;align-items:center;justify-content:center;color:inherit}.hx-group-banner-icon svg{width:20px;height:20px;fill:currentColor}.hx-group-banner-icon i{font-size:16px}.hx-group-banner-message{flex:1}.hx-form-groups .hx_group_tab .hx_subtotal_footer{border:1px solid #e7e9f2;border-radius:12px;background:#ffffff;box-shadow:0 6px 18px rgba(15,23,42,0.05);overflow:hidden}.hx-form-groups .hx_group_tab .hx_subtotal_footer .form-card-body{gap:0;padding:0}.hx-form-groups .hx_group_tab .hx_subtotal_footer .hx-group-header{padding:14px 0 10px;border-bottom:1px solid #eef1f6}.hx-form-groups .hx_group_tab .hx_subtotal_footer .hx-group-header-row{align-items:flex-start;gap:10px;padding:0 16px}.hx-form-groups .hx_group_tab .hx_subtotal_footer .hx-group-header-icon{width:18px;height:18px;border-radius:6px;background:none;color:#2563eb;box-shadow:none}.hx-form-groups .hx_group_tab .hx_subtotal_footer .hx-group-title{gap:8px}.hx-form-groups .hx_group_tab .hx_subtotal_footer .hx-group-info-button,.hx-form-groups .hx_group_tab .hx_subtotal_footer .hx-group-header-divider{display:none}.hx-form-groups .hx_group_tab .hx_subtotal_footer .form-field-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:5px 16px;min-height:48px;background:transparent}.hx-form-groups .hx_group_tab .hx_subtotal_footer .form-field-wrapper:last-of-type{border-bottom:none;border-radius:0 0 8px;background:#eaf1ff;border-top:1px solid #e0e8f6;align-items:center;background-clip:padding-box}.hx-form-groups .hx_group_tab .hx_subtotal_footer .form-field-label-wrapper{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:500;color:#0f172a;max-width:50%}.hx-form-groups .hx_group_tab .hx_subtotal_footer .form-field-label{font-size:14px!important;font-weight:500;line-height:20px;color:inherit}.hx-form-groups .hx_group_tab .hx_subtotal_footer .form-field-value{min-width:0;max-width:55%;display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:0;margin:0;text-align:right;white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:14px;font-weight:600;line-height:20px;color:#0f172a;font-variant-numeric:tabular-nums}.hx-form-groups .hx_group_tab .hx_subtotal_footer .form-field-value .hx-float-field,.hx-form-groups .hx_group_tab .hx_subtotal_footer .form-field-value .hx-float-field-view{width:100%;min-width:0;justify-content:flex-end}.hx-form-groups .hx_group_tab .hx_subtotal_footer .form-field-value .hx-float-field-view .float-field{width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;word-wrap:break-word}.hx-form-groups .hx_group_tab .hx_subtotal_footer .form-field-wrapper:last-of-type .form-field-value{font-size:14px;font-weight:700;line-height:20px;display:flex;align-items:center}.hx-form-groups .hx_group_tab .hx_subtotal_footer .form-field-value .hx-float-field .hx-float-field-view .float-field{font-weight:400!important;color:#0f172a!important}.hx-form-groups .hx_group_tab .hx_subtotal_footer .form-field-wrapper:last-of-type .form-field-value .hx-float-field .hx-float-field-view .float-field{color:#1c4f92!important}.hx-form-groups .hx_group_tab .hx_subtotal_footer .form-field-wrapper:last-of-type .form-field-label-wrapper{color:#0f172a}.hx-form-groups .hx_group_tab .hx_subtotal_footer .form-field-wrapper:last-of-type .form-field-label-wrapper .form-field-label{font-weight:600}.hx-form-groups .hx_group_tab .hx-group-header-divider{height:1px;background:#edeff4;border:none;width:100%;margin-top:10px;display:block}.hx-form-groups.groups-transitioning{position:relative;pointer-events:none}.hx-form-groups.groups-transitioning>*:not(.groups-transition-skeleton){filter:blur(2px);opacity:0.5;transition:filter 0.2s ease,opacity 0.2s ease}.hx-form-groups .groups-transition-skeleton{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(236,236,236,0.9),rgba(224,224,224,0.9),rgba(236,236,236,0.9));background-size:200% 100%;border-radius:8px;z-index:10;pointer-events:none;animation:groups-skeleton-loading 1.2s cubic-bezier(0.4,0,0.6,1) infinite,groups-skeleton-fade-in 0.2s ease-out forwards}@keyframes groups-skeleton-loading{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes groups-skeleton-fade-in{from{opacity:0}to{opacity:1}}.hx-form-groups .form-single-row:has(.form-group-fullwidth-no-card){background:#ffffff;border:1px solid #e1e2e3;border-top:none;border-radius:0 0 16px 16px;margin-top:-24px;padding:0 1rem 1rem 1rem}.hx-form-groups .form-container-row:has(+ .form-single-row:has(.form-group-fullwidth-no-card)){border-radius:16px 16px 0 0}.hx-form-groups .form-single-row:has(.form-group-fullwidth-no-card) .form-card{background:none;border:none;box-shadow:none}.hx-form-groups .form-single-row:has(.form-group-fullwidth-no-card) .form-card-body{padding:0}

/** webx/static/css/views/kanban/kanban-group-header.css **/
.kanban-group-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px;gap:10px;height:76px;background:#5b9df2;border-radius:8px;margin-bottom:16px;min-width:0;min-height:0;transition:width 0.3s,height 0.3s,border-radius 0.3s;box-sizing:border-box}.kanban-group-header.folded{flex-direction:column;align-items:center;justify-content:flex-start;width:96px;min-width:76px;max-width:120px;height:100%;min-height:100vh;border-radius:8px;margin-bottom:0;padding:24px 0;box-sizing:border-box;position:relative;gap:8px}.kanban-group-header.folded .card-content,.kanban-group-header.folded .header-section,.kanban-group-header.folded .progress-section{display:none!important}.vertical-content{display:flex;flex-direction:column;align-items:center;width:100%;gap:12px}.vertical-icon{margin-bottom:12px}.vertical-icon img{width:28px;height:28px;object-fit:contain;display:block}.vertical-title{writing-mode:vertical-lr;font-family:'Poppins',sans-serif;font-size:1.4em;font-weight:600;color:#fff;letter-spacing:0.02em;display:block;white-space:nowrap}.counter-badge{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 10px;width:auto;height:24px;min-width:32px;min-height:28px;border-radius:999px;gap:0;background:#fff6;color:#5b9df2}.counter-text{font-family:'Inter',sans-serif;font-style:normal;font-weight:600;font-size:16px;line-height:22px;color:#fff;padding:0 2px}.card-content{display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:12px;margin:0 auto;width:100%;height:52px}.header-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%}.title-section{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:10px}.kanban-group-header .title{font-family:'Poppins',sans-serif;font-style:normal;font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;color:#ffffff}.kanban-group-header .group-icon,.kanban-group-header .vertical-icon{display:flex;align-items:center;color:#ffffff}.kanban-group-header .group-icon svg,.kanban-group-header .vertical-icon svg{fill:currentColor;color:#ffffff}.kanban-group-header .group-icon i,.kanban-group-header .vertical-icon i{color:#ffffff}.header-buttons{position:relative;display:flex;align-items:center;gap:8px;margin-left:12px}.arrow-btn,.menu-dots{background:none;border:none;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.15s}.arrow-btn:hover,.menu-dots:hover{background:#ffffff20}.menu-dots{transform:rotate(90deg)}.menu-dots svg{width:20px;height:20px;fill:#fff}.arrow-btn svg,.menu-dots svg{width:16px;height:16px;fill:#fff}.arrow-btn-icon,.menu-dots-icon{display:inline-block;width:1em;height:1em;font-size:24px;fill:#fff;stroke-width:0}.arrow-btn:disabled,.menu-dots:disabled{pointer-events:none;background:none!important;cursor:not-allowed;opacity:0.5}.arrow-btn:disabled:hover,.menu-dots:disabled:hover{background:none!important}.menu-dots-pop{position:absolute;right:0;top:28px;z-index:30}.progress-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0px;gap:12px;height:20px;width:100%}.kanban-group-header .progress-container{position:relative;width:200px;height:10px}.progress-background{position:absolute;width:100%;height:10px;left:0px;top:0px;background:#ffffff;border-radius:4px}.kanban-group-header .progress-fill{position:absolute;height:10px;left:0px;top:0px;background:#255892;border-radius:4px}.kanban-group-header:has(.hx-kanban-stage-chips){height:auto;min-height:76px}.kanban-group-header:has(.hx-kanban-stage-chips) .card-content{height:auto}.amount{height:20px;font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:600;font-size:12px;line-height:20px;display:flex;align-items:center;color:#ffffff}

/** webx/static/css/views/kanban/hx-kanban-next-activity.css **/
.hx-kanban-next-activity{display:flex;flex-direction:row;align-items:flex-start;padding:4px 8px;gap:32px}.hx-kanban-next-activity .hx-kanban-next-activity__left{display:flex;flex-direction:column;flex:1;min-width:0}.hx-kanban-next-activity .hx-kanban-next-activity__label{font-size:12px;font-weight:500;color:#585959;line-height:18px}.hx-kanban-next-activity .hx-kanban-next-activity__row{display:flex;align-items:center;gap:8px}.hx-kanban-next-activity .hx-kanban-next-activity__icon{width:16px;height:16px;flex-shrink:0;color:#1e1e1e;fill:currentColor}.hx-kanban-next-activity .hx-kanban-next-activity__name{font-size:14px;font-weight:600;color:#19191a;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.hx-kanban-next-activity .hx-kanban-next-activity__right{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.hx-kanban-next-activity .hx-kanban-next-activity__date{font-size:12px;font-weight:500;color:#2a5ea2;line-height:18px;white-space:nowrap}.hx-kanban-next-activity .hx-kanban-next-activity__time{font-size:12px;font-weight:600;color:#2a5ea2;line-height:18px;white-space:nowrap}

/** webx/static/css/views/kanban/kanban-card-approval-rule.css **/
.hx-kanban-view:has(.hx-kanban-card-approval-rule) .hx-kanban-grid-v2,.hx-kanban-grid-v2:has(.hx-kanban-card-approval-rule){--hx-kanban-col:auto!important;grid-template-columns:repeat(auto-fill,320px)!important;gap:16px!important;justify-content:start!important}.hx-kanban-grid-v2:has(.hx-kanban-card-approval-rule) .hx-kanban-card-wrapper{display:flex;align-items:stretch;width:320px}.hx-kanban-card-approval-rule{background:#ffffff;border-radius:12px;border:1px solid #e5e7eb;padding:20px;display:flex;flex-direction:column;gap:12px;font-family:'Plus Jakarta Sans','Nunito',sans-serif;width:320px;max-width:320px;min-width:320px;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,0,0,0.04);transition:box-shadow 0.2s ease,transform 0.2s ease;position:relative;cursor:pointer}.hx-kanban-card-approval-rule:hover{box-shadow:0 8px 24px rgba(0,0,0,0.08);transform:translateY(-2px)}.hx-kanban-card-approval-rule .ar-card-menu-btn{position:absolute;top:16px;right:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;color:#9ca3af;cursor:pointer;opacity:0;transition:opacity 0.15s ease,background 0.15s ease;z-index:2}.hx-kanban-card-approval-rule:hover .ar-card-menu-btn{opacity:1}.hx-kanban-card-approval-rule .ar-card-menu-btn:hover{background:#f3f4f6;color:#374151}.hx-kanban-card-approval-rule .ar-card-title{font-size:16px;font-weight:700;color:#1f2937;margin:0;padding-right:32px;line-height:1.3;word-break:break-word;cursor:pointer;transition:color 0.15s ease}.hx-kanban-card-approval-rule:hover .ar-card-title{color:#2563eb}.hx-kanban-card-approval-rule .ar-card-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hx-kanban-card-approval-rule .ar-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.hx-kanban-card-approval-rule .ar-badge-model{background:#ffffff;color:#374151;border:1.5px solid #d1d5db}.hx-kanban-card-approval-rule .ar-badge-draft{background:#f3f4f6;color:#6b7280;border:1.5px solid #e5e7eb}.hx-kanban-card-approval-rule .ar-badge-active{background:#ecfdf5;color:#059669;border:1.5px solid #a7f3d0}.hx-kanban-card-approval-rule .ar-badge-archived{background:#fef2f2;color:#dc2626;border:1.5px solid #fecaca}.hx-kanban-card-approval-rule .ar-card-description{font-size:13px;color:#6b7280;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.hx-kanban-card-approval-rule .ar-card-description.empty{font-style:italic;color:#9ca3af}.hx-kanban-card-approval-rule .ar-card-levels{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.hx-kanban-card-approval-rule .ar-levels-label{font-size:13px;font-weight:500;color:#6b7280}.hx-kanban-card-approval-rule .ar-levels-value{display:flex;align-items:center;gap:6px}.hx-kanban-card-approval-rule .ar-levels-icon{width:18px;height:18px;color:#6366f1;flex-shrink:0}.hx-kanban-card-approval-rule .ar-levels-count{font-size:14px;font-weight:700;color:#374151}.hx-kanban-card-approval-rule .ar-card-footer{margin-top:auto;padding-top:12px;border-top:1px solid #f3f4f6}.hx-kanban-card-approval-rule .ar-modified-text{font-size:12px;color:#9ca3af;font-weight:400}@media screen and (max-width:768px){.hx-kanban-card-approval-rule{min-width:100%;width:100%;max-width:100%}.hx-kanban-grid-v2:has(.hx-kanban-card-approval-rule){grid-template-columns:1fr!important}.hx-kanban-grid-v2:has(.hx-kanban-card-approval-rule) .hx-kanban-card-wrapper{width:100%}}

/** webx/static/css/views/kanban/kanban-card.css **/
.hx-kanban-card{font-family:'Plus Jakarta Sans',sans-serif;box-sizing:border-box;width:100%;min-width:0;background:#ffffff;border:1px solid #d9d9d9;border-radius:10px;position:relative;display:flex;flex-direction:column}.hx-kanban-icons-container{position:absolute;top:8px;right:8px;display:flex;flex-direction:row;gap:4px;z-index:1}.hx-kanban-top-icon-btn{width:18px;height:18px;padding:0;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease}.hx-kanban-top-icon-btn.hx-kanban-heart-btn svg use{fill:#d9534f}.hx-kanban-top-icon-btn.hx-kanban-settings-btn svg use{fill:#3082ed}.hx-kanban-top-icon-btn:hover{transform:scale(1.1)}.hx-kanban-data-container{display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding:12px 12px 6px;gap:6px}.hx-kanban-main-container{display:flex;flex-direction:row;align-items:center;gap:16px;width:100%;box-sizing:border-box;flex-wrap:nowrap}.hx-kanban-image-container{display:flex;justify-content:center;align-items:center;width:40px;height:40px;overflow:hidden;flex-shrink:0}.hx-kanban-image{width:40px;height:40px;object-fit:cover;border-radius:999px}.hx-kanban-content-container{display:flex;flex-direction:column;gap:4px;flex-grow:1;border-radius:7px;min-width:0}.hx-kanban-text-content{display:flex;flex-direction:row;gap:4px;width:100%;min-width:0}.hx-kanban-text-group{display:flex;flex-direction:column;gap:8px;flex-grow:1;min-width:0}.hx-kanban-heading-container{display:flex;flex-direction:column;width:100%;min-width:0}.hx-kanban-card .hx-kanban-title{font-weight:600;font-size:14px;line-height:20px;color:#2a3547;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-kanban-subtitle{font-weight:400;font-size:12px;line-height:20px;color:#2a3547;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-kanban-price{font-weight:400;font-size:12px;line-height:20px;color:#000000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.circle-icon{width:16px;height:16px;background:#eaeaea;border-radius:50%;flex-shrink:0}.hx-kanban-card .hx-kanban-progress-container{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:16px}.hx-kanban-progress-group{flex-grow:1;height:10px;position:relative}.hx-kanban-progress-bar-bg{position:absolute;width:100%;height:10px;background:#ffffff;border:0.5px solid #b3b3b3;border-radius:4px}.hx-kanban-progress-bar-fill{position:absolute;height:10px;background:#0050ac;border-radius:4px;width:32%}.hx-kanban-progress-text{font-weight:400;font-size:12px;line-height:20px;color:#000000;white-space:nowrap}.hx-kanban-actions-container{display:flex;justify-content:space-between;width:100%;border-top:1px solid #d9d9d9;box-sizing:border-box;padding:6px 12px 12px}.hx-kanban-buttons-group{display:flex;flex-wrap:wrap;gap:8px}.hx-kanban-action-btn{position:relative;overflow:hidden;width:28px;height:28px;border-radius:4px;border:none;transition:background-color 0.2s ease;cursor:pointer}.hx-kanban-action-btn::after{content:'';position:absolute;inset:0;background-color:transparent;transition:background-color 0.2s ease;pointer-events:none;border-radius:4px}.hx-kanban-action-btn:hover::after{background-color:rgba(0,0,0,0.15)}.hx-kanban-action-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;fill:#ffffff;pointer-events:none}.hx-kanban-quick-view-btn{position:relative;overflow:hidden;width:100%;height:28px;border-radius:4px;border:none;transition:background-color 0.2s ease;cursor:pointer}.hx-kanban-quick-view-btn::after{content:'';position:absolute;inset:0;background-color:transparent;transition:background-color 0.2s ease;pointer-events:none;border-radius:4px}.hx-kanban-quick-view-btn:hover::after{background-color:rgba(0,0,0,0.15)}.hx-kanban-bg-primary-blue{background-color:#5b9df2}.bg-accent-orange{background-color:#f79b4b}.bg-hot-pink{background-color:#e95484}.bg-sky-blue{background-color:#3dc8e8}.bg-mint-green{background-color:#44c08a}.bg-sun-yellow{background-color:#f2c94c}.bg-lavender-purple{background-color:#a58ee2}.bg-teal{background-color:#4ba3a3}.bg-light-mint{background-color:#69d4ac}.bg-soft-brown{background-color:#d0a574}.bg-deep-rose{background-color:#c85a8e}.bg-cool-purple{background-color:#6d87db}.hx-kanban-extra-info{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#2a3547;line-height:1.4;word-break:break-word}.hx-kanban-extra-info .hx-kanban-info-item{display:flex;justify-content:space-between;gap:8px;white-space:nowrap}.hx-kanban-extra-info .hx-kanban-info-key{font-weight:500;color:#6c757d;min-width:80px;flex-shrink:0}.hx-kanban-extra-info .hx-kanban-info-value{font-weight:400;color:#2a3547;text-align:right;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}

/** webx/static/css/views/kanban/kanban-view.css **/
.hx-kanban-view{height:100%;display:flex;flex-direction:column}.hx-kanban-view .kanban-container{overflow-x:hidden;overflow-y:auto;flex:1;min-height:0}.hx-kanban-view .kanban-container-v2{background:#f5f6f7;padding:15px;border-radius:20px}.hx-kanban-view .kanban-v2-header{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px;background:#ffffff;border:1px solid #e1e2e3;border-radius:16px;padding:8px 10px}.hx-kanban-view .kanban-v2-header.kanban-v2-header--simple{background:transparent;border:none;padding:0;gap:0;justify-content:flex-start;align-items:flex-start;margin-bottom:12px}.hx-kanban-view .kanban-v2-header-group{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;justify-content:space-between;width:100%}.hx-kanban-view .kanban-category-container{flex:1;min-width:300px;position:relative}.hx-kanban-view .kanban-category-tabs{display:flex;align-items:center;gap:0;overflow-x:hidden;padding:0 8px;width:100%;min-height:48px;border:none;background:transparent;border-radius:12px;scrollbar-width:none}.hx-kanban-view .kanban-category-tabs::-webkit-scrollbar{display:none}.hx-kanban-view .kanban-category-tab{border:none;background:transparent;padding:0 20px;height:47px;font-size:14px;font-weight:400;color:#1e1e1e;position:relative;cursor:pointer;white-space:nowrap;background:transparent;transition:color 0.3s ease}.hx-kanban-view .kanban-category-tab:disabled{opacity:0.6;cursor:not-allowed}.hx-kanban-view .kanban-category-tab::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;opacity:0;transition:opacity 0.3s ease,transform 0.3s ease,background 0.3s ease;pointer-events:none}.hx-kanban-view .kanban-category-tab.active{font-weight:600}.hx-kanban-view .kanban-category-tab.active::after{background:#006fff;height:3px;opacity:1}.hx-kanban-view .kanban-category-tab:not(.active):hover::after{background:#e8e9eb;opacity:1}.hx-kanban-view .kanban-more-dropdown-enter-active,.hx-kanban-view .kanban-more-dropdown-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.hx-kanban-view .kanban-more-dropdown-enter-from,.hx-kanban-view .kanban-more-dropdown-leave-to{opacity:0;transform:translateY(-6px)}.hx-kanban-view .kanban-category-more{position:relative}.hx-kanban-view .kanban-category-more-btn{display:inline-flex;align-items:center;gap:6px}.hx-kanban-view .kanban-more-dropdown{position:fixed;top:auto;right:auto;background:#ffffff;border:1px solid #e1e2e3;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,0.08);padding:6px 0;min-width:200px;z-index:5;margin-top:5px}.hx-kanban-view .kanban-more-item{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;padding:10px 16px;font-size:14px;color:#1e1e1e;cursor:pointer}.hx-kanban-view .kanban-more-item:hover{background:#f8f9fa}.hx-kanban-view .kanban-more-item.active{background:#e8f2ff;font-weight:600}.hx-kanban-view .kanban-category-count{margin-left:6px;font-weight:600;color:#6b7280;font-size:13px}.hx-kanban-view .kanban-header-actions{display:flex;justify-content:flex-end;flex:1;min-width:240px;gap:8px;align-items:center}.hx-kanban-view .kanban-v2-header .kanban-filter-bar{margin-bottom:0}.hx-kanban-view .kanban-v2-header--simple .kanban-filter-bar{margin-bottom:0}.hx-kanban-view .hx-kanban-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.hx-kanban-view .hx-kanban-grid.hx-kanban-grid-v2{--hx-kanban-col:3;grid-template-columns:repeat(var(--hx-kanban-col),minmax(260px,1fr));gap:20px;justify-content:flex-start;width:100%;min-width:0}.hx-kanban-view .hx-kanban-grid.hx-kanban-grid-wizard{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;align-content:start;width:100%;min-width:0}.hx-action-manager .kanban-with-form.is-form-active .hx-kanban-grid.hx-kanban-grid-v2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hx-kanban-view .hx-kanban-grid.hx-kanban-grid-v2{grid-auto-rows:1fr}.hx-kanban-view .kanban-filter-bar{display:inline-flex;align-items:center;gap:12px;padding:8px 14px;border:1px solid #adadad;border-radius:10px;background:#ffffff;width:max-content;position:relative;margin-bottom:15px}.hx-kanban-view .kanban-filter-main{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.hx-kanban-view .kanban-filter-toggle,.hx-kanban-view .kanban-filter-toggle-static{border:none;background:transparent;padding:0;font-size:15px;color:#1c2340;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:6px}.hx-kanban-view .kanban-filter-toggle span,.hx-kanban-view .kanban-filter-toggle-static span{font-size:14px;color:#4b4b4b}.hx-kanban-view .kanban-filter-toggle strong,.hx-kanban-view .kanban-filter-toggle-static strong{font-size:15px;font-weight:600}.hx-kanban-view .kanban-filter-arrow{width:12px;height:12px;display:inline-flex;justify-content:center;align-items:center;color:#5c5c5c;transition:transform 0.25s ease;fill:currentColor}.hx-kanban-view .kanban-filter-arrow.is-open{transform:rotate(180deg)}.hx-kanban-view .kanban-filter-order{background:#ffffff;border:none;padding:0;justify-content:center;align-items:center;display:inline-flex;transition:border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease}.hx-kanban-view .kanban-filter-order:hover,.hx-kanban-view .kanban-filter-order:focus-visible{border-color:#676767;transform:translateY(-1px)}.hx-kanban-view .kanban-filter-order .sort-order-icon{font-size:18px;color:#1f1f1f;--sort-rot:0deg;transform:rotate(var(--sort-rot));transition:transform 0.25s ease,color 0.2s ease;fill:currentColor}.hx-kanban-view .kanban-filter-order.sort-desc .sort-order-icon{--sort-rot:180deg}.hx-kanban-view .kanban-filter-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;background:#fff;border:1px solid #dfe3eb;border-radius:10px;padding:6px 0;box-shadow:0 12px 24px rgba(19,39,74,0.08);z-index:10;min-width:0;box-sizing:border-box}.hx-kanban-view .kanban-filter-dropdown-enter-active,.hx-kanban-view .kanban-filter-dropdown-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.hx-kanban-view .kanban-filter-dropdown-enter-from,.hx-kanban-view .kanban-filter-dropdown-leave-to{opacity:0;transform:translateY(-8px)}.hx-kanban-view .kanban-filter-dropdown .kanban-filter-option{border:none;background:transparent;border-radius:0;padding:8px 20px;font-size:14px;display:block;margin-top:0;text-align:left;width:100%;box-sizing:border-box}.hx-kanban-view .kanban-filter-dropdown .kanban-filter-option.active{background:#eef3ff;color:#1b4dd2}.hx-kanban-view .hx-kanban-grid.hx-kanban-grid-v2 .hx-kanban-card-wrapper{width:100%;cursor:pointer}@media (max-width:1100px){.hx-kanban-view .hx-kanban-grid.hx-kanban-grid-v2{grid-template-columns:repeat(min(var(--hx-kanban-col),2),minmax(240px,1fr))}}@media (max-width:720px){.hx-kanban-view .hx-kanban-grid.hx-kanban-grid-v2{grid-template-columns:repeat(1,minmax(220px,1fr))}}.hx-kanban-view .kanban-column-header{background-color:#5b9df2;padding:12px;border-radius:8px;margin-bottom:16px;color:#ffffff}.hx-kanban-view .column-title{font-size:16px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-kanban-view .kanban-column-body{display:flex;flex-direction:column;background-color:#f8f8f8;border-radius:8px;gap:16px;overflow-y:auto}.hx-kanban-view .hx-kanban-card-wrapper{position:relative;border-radius:8px;min-width:0}.hx-kanban-view .kanban-empty-group-message{display:flex;justify-content:center;align-items:center;min-height:100px;color:#cccccc;font-size:16px;border-radius:8px;margin:8px 0;text-align:center;border:1.5px dashed #cccccc}.hx-kanban-view .kanban-empty-state{grid-column:1 / -1;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #dfe3eb;border-radius:12px;color:#6b7280;background:#f9fbff;padding:24px;text-align:center}.hx-kanban-view .kanban-empty-title{font-weight:700;color:#1f2937;margin-bottom:6px}.hx-kanban-view .kanban-empty-subtitle{font-size:14px;color:#6b7280}.hx-kanban-view .state-installed::before,.hx-kanban-view .state-uninstalled::before,.hx-kanban-view .state-to\ install::before,.hx-kanban-view .state-to\ remove::before{content:'';position:absolute;top:0;left:0;width:0;height:0;border-style:solid;border-width:32px 32px 0 0;border-color:transparent transparent transparent transparent;z-index:1;border-top-left-radius:8px}.hx-kanban-view .state-installed::before{border-top-color:#10b981}.hx-kanban-view .state-uninstalled::before{border-top-color:#f59e0b}.hx-kanban-view .state-to\ install::before{border-top-color:#3b82f6}.hx-kanban-view .state-to\ remove::before{border-top-color:#ef4444}.hx-kanban-view .kanban-group-header-skeleton{box-sizing:border-box;width:100%;max-width:320px;min-width:240px;height:76px;margin-bottom:8px;border-radius:8px 8px 0 0;background:#e9ecef;position:relative;overflow:hidden;display:flex;align-items:center;padding-left:16px}.hx-kanban-view .kanban-group-header-skeleton::after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(233,236,239,0) 0%,rgba(233,236,239,0.6) 50%,rgba(233,236,239,0) 100%);animation:placeholder-glow 1.4s linear infinite}.hx-kanban-view .hx-kanban-card-skeleton{box-sizing:border-box;width:100%;height:213px;margin-bottom:16px;border-radius:8px;background:#e9ecef;position:relative;overflow:hidden}.hx-kanban-view .hx-kanban-card-skeleton::after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(233,236,239,0) 0%,rgba(233,236,239,0.6) 50%,rgba(233,236,239,0) 100%);animation:placeholder-glow 1.4s linear infinite}@keyframes placeholder-glow{0%{left:-100%}100%{left:100%}}.hx-kanban-view .kanban-board{display:flex;gap:24px;overflow-x:auto}.hx-kanban-view .kanban-column{width:auto;max-width:320px;display:flex;flex-direction:column;flex-shrink:0;max-height:100%}.hx-kanban-view .kanban-column-body{display:flex;flex-direction:column;background-color:#f8f8f8;border-radius:8px;gap:16px;overflow-y:auto}.hx-kanban-view .kanban-empty-group-message{padding:16px;text-align:center;color:#9ca3af;font-size:13px}

/** webx/static/css/views/kanban/hx-kanban-m2o-avatar.css **/
.hx-kanban-m2o-avatar{display:flex;align-items:center;gap:12px;padding:4px 0 8px}.hx-kanban-m2o-avatar .hx-kanban-m2o-avatar__avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#e8f0fe;display:flex;align-items:center;justify-content:center}.hx-kanban-m2o-avatar .hx-kanban-m2o-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.hx-kanban-m2o-avatar .hx-kanban-m2o-avatar__initials{font-size:16px;font-weight:700;color:#3b82f6;line-height:1}.hx-kanban-m2o-avatar .hx-kanban-m2o-avatar__info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.hx-kanban-m2o-avatar .hx-kanban-m2o-avatar__name{font-size:14px;font-weight:700;color:#19191a;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-kanban-m2o-avatar .hx-kanban-m2o-avatar__website{font-size:12px;font-weight:400;color:#6a7282;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/** webx/static/css/views/kanban/kanban-card-wizard.css **/
.hx-kanban-view .hx-kanban-card-wizard{position:relative;display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid #e4e7ec;background:#ffffff;box-shadow:0 1px 2px rgba(16,24,40,0.06);transition:border-color 0.18s ease,box-shadow 0.18s ease;width:100%;min-width:0}.hx-kanban-view .hx-kanban-card-wizard.hx-kanban-card-wizard--no-avatar{align-items:center}.hx-kanban-view .hx-kanban-card-wizard:hover{border-color:#93c5fd;box-shadow:0 8px 20px rgba(15,23,42,0.12)}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-card-status-dot{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;border:2px solid #ffffff;background:#22c55e}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-status--success{background:#22c55e}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-status--warning{background:#f59e0b}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-status--danger{background:#ef4444}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-status--neutral{background:#94a3b8}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-card-avatar{width:64px;height:64px;flex:0 0 64px;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;background:#f8fafc;display:flex;align-items:center;justify-content:center}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-card-avatar-img{width:100%;height:100%;object-fit:cover}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-card-avatar-placeholder svg{width:28px;height:28px;color:#9aa4b2}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-card-content{display:flex;flex-direction:column;min-width:0;gap:4px}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-card-name{font-size:14px;font-weight:800;color:#1f2937;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:5px}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-card-badge,.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-card-tag{display:inline-flex;align-items:center;width:fit-content;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;color:#2563eb;background:#e8f2ff}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-card-subtitle{font-size:14px;color:#6b7280;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-card-meta{font-size:11px;color:#9aa4b2;letter-spacing:0.3px}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-card-footer{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-card-footer-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #d0d5dd;background:#ffffff;color:#1f2937;font-size:12px;font-weight:600;padding:4px 10px;border-radius:8px;cursor:pointer}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-card-footer-btn svg{width:14px;height:14px}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-card-footer-btn.btn-primary{background:#1d4ed8;border-color:#1d4ed8;color:#ffffff}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-card-footer-btn.btn-secondary{background:#f8fafc;border-color:#d0d5dd;color:#1f2937}@media (max-width:768px){.hx-kanban-view .hx-kanban-card-wizard{padding:10px 12px;gap:10px}.hx-kanban-view .hx-kanban-card-wizard .hx-wizard-card-avatar{width:56px;height:56px;flex-basis:56px}}

/** webx/static/css/views/kanban/kanban-group-header-pop.css **/
.kanban-group-header-pop{background:#fff;border-radius:4px;border:1px solid #E6E6E6;width:140px;padding:6px;display:flex;flex-direction:column;gap:10px;font-family:'Plus Jakarta Sans',sans-serif}.menu-item{display:flex;align-items:center;gap:10px;padding:6px;cursor:pointer;border-radius:4px;font-size:12px;color:#2A3547;min-height:20px;transition:background 0.12s}.menu-item:hover{background:#f4f7fa}.icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px}.smart-buttons{width:20px;height:20px;fill:#1E1E1E}.label{font-weight:400;color:#2A3547;font-size:12px;line-height:20px;display:flex;align-items:center}

/** webx/static/css/views/kanban/hx-kanban-activity.css **/
.hx-kanban-activity{margin:6px 0 2px;border-radius:20px;background:var(--color-surface-soft,#f3f4f6);overflow:hidden}.hx-kanban-activity .hx-kanban-activity__header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;user-select:none}.hx-kanban-activity .hx-kanban-activity__header-left{display:flex;align-items:center;gap:6px}.hx-kanban-activity .hx-kanban-activity__icon{width:15px;height:15px;flex-shrink:0;color:var(--color-text-secondary,#6b7280);fill:currentColor}.hx-kanban-activity .hx-kanban-activity__label{font-size:12px;font-weight:500;color:var(--color-text-primary,#374151);line-height:1}.hx-kanban-activity .hx-kanban-activity__header-right{display:flex;align-items:center;gap:5px}.hx-kanban-activity .hx-kanban-activity__ago{font-size:11px;color:var(--color-text-secondary,#6b7280);line-height:1}.hx-kanban-activity .hx-kanban-activity__chevron{width:14px;height:14px;flex-shrink:0;color:var(--color-text-secondary,#6b7280);fill:currentColor}.hx-kanban-activity .hx-kanban-activity__body{padding:0 8px 8px}.hx-kanban-activity .hx-kanban-activity__add{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:none;border:none;cursor:pointer;color:var(--color-text-primary,#374151);font-size:13px;font-weight:600}.hx-kanban-activity .hx-kanban-activity__add svg{width:16px;height:16px;color:var(--color-text-secondary,#6b7280);fill:currentColor;flex-shrink:0}.hx-kanban-activity .hx-kanban-activity__item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.06);margin-bottom:6px}.hx-kanban-activity .hx-kanban-activity__item:last-child{margin-bottom:0}.hx-kanban-activity .hx-kanban-activity__type-icon{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center}.hx-kanban-activity .hx-kanban-activity__type-icon svg{width:16px;height:16px;color:#3b82f6;fill:currentColor}.hx-kanban-activity .hx-kanban-activity__item-info{display:flex;flex-direction:column;gap:3px;min-width:0}.hx-kanban-activity .hx-kanban-activity__item-name{font-size:12px;font-weight:600;color:var(--color-text-primary,#111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-kanban-activity .hx-kanban-activity__item-meta{font-size:11px;color:#3b82f6;line-height:1.3}.hx-kanban-activity .hx-kanban-activity__empty{text-align:center;padding:10px;font-size:11px;color:var(--color-text-secondary,#9ca3af);font-style:italic}.hx-kanban-activity .hx-kanban-activity__loading{display:flex;justify-content:center;align-items:center;gap:5px;padding:14px 10px}.hx-kanban-activity .hx-kanban-activity__loading-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-text-secondary,#9ca3af);animation:hx-activity-dot-pulse 1.2s ease-in-out infinite}.hx-kanban-activity .hx-kanban-activity__loading-dot:nth-child(2){animation-delay:0.2s}.hx-kanban-activity .hx-kanban-activity__loading-dot:nth-child(3){animation-delay:0.4s}@keyframes hx-activity-dot-pulse{0%,80%,100%{opacity:0.25;transform:scale(0.85)}40%{opacity:1;transform:scale(1)}}

/** webx/static/css/views/kanban/hx-kanban-score-member.css **/
.hx-kanban-score-member{display:flex;align-items:center;gap:12px;padding:8px;border-radius:16px;background:#f5f9ff;margin:6px 0 2px}.hx-kanban-score-member .hx-kanban-score-member__donut{position:relative;width:50px;height:50px;flex-shrink:0}.hx-kanban-score-member .hx-kanban-score-member__svg{width:50px;height:50px;display:block}.hx-kanban-score-member .hx-kanban-score-member__circle-bg{stroke:#e1e2e3}.hx-kanban-score-member .hx-kanban-score-member__circle-fill{transition:stroke-dashoffset 0.4s ease,stroke 0.3s ease}.hx-kanban-score-member .hx-kanban-score-member__score-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:0.02em;color:#1e1e1e;line-height:20px}.hx-kanban-score-member .hx-kanban-score-member__info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.hx-kanban-score-member .hx-kanban-score-member__score-info{display:flex;flex-direction:column;gap:0;flex-shrink:0}.hx-kanban-score-member .hx-kanban-score-member__score-label{font-size:12px;font-weight:500;color:#6a7282;line-height:18px;white-space:nowrap}.hx-kanban-score-member .hx-kanban-score-member__score-level{font-size:14px;font-weight:600;line-height:21px}.hx-kanban-score-member .hx-kanban-score-member__divider{width:1px;height:32px;background:#c2dbff;flex-shrink:0}.hx-kanban-score-member .hx-kanban-score-member__member-side{display:flex;flex-direction:column;gap:0;flex:1;min-width:0}.hx-kanban-score-member .hx-kanban-score-member__member-label{font-size:12px;font-weight:500;color:#6a7282;line-height:18px}.hx-kanban-score-member .hx-kanban-score-member__member-identity{display:flex;align-items:center;gap:6px}.hx-kanban-score-member .hx-kanban-score-member__avatar{width:14px;height:14px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#dbeafe;display:flex;align-items:center;justify-content:center}.hx-kanban-score-member .hx-kanban-score-member__avatar-img{width:100%;height:100%;object-fit:cover;display:block}.hx-kanban-score-member .hx-kanban-score-member__avatar-initials{font-size:7px;font-weight:700;color:#3b82f6;line-height:1}.hx-kanban-score-member .hx-kanban-score-member__member-name{font-size:12px;font-weight:600;color:#19191a;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

/** webx/static/css/views/kanban/kanban-card-v2.css **/
.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2{background:#fdfdfd;border-radius:20px;border:1px solid #d9dee6;padding:15px;display:flex;flex-direction:column;gap:12px;font-family:'Plus Jakarta Sans','Nunito',sans-serif;min-width:220px;height:100%;position:relative}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_subtask_badge{width:fit-content;align-self:flex-start;margin:16px 0 2px 40px;font-size:12px;padding:4px 10px;border-radius:10px}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_subtask_badge.parent{background:#e5e7eb;color:#374151}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_subtask_badge.child{background:#f3e8ff;color:#7c3aed}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_subtask_badge.none{display:none}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_card_header,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_card_header{display:flex;justify-content:space-between;align-items:center;gap:12px}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_reference_badge,.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_card_header .hx_name,.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_card_header .hx_unique,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_reference_badge,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_card_header .hx_name,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_card_header .hx_unique{background:#e0e0e0;color:#313538;font-weight:600;font-size:14px;padding:0 10px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px;display:inline-block}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_card_header .hx_unique,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_card_header .hx_unique{background:#e0e0e0;color:#313538}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_reference_tag,.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_card_header .hx_statusbar,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_reference_tag,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_card_header .hx_statusbar{font-weight:600;font-size:14px;padding:0 10px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px;display:inline-block}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_statusbar-default,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_statusbar-default{background:#dff0ff;color:#1e63d4;border-color:transparent}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_statusbar-approved,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_statusbar-approved{background:#d5f6d9;color:#1f8a2f;border-color:transparent}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_statusbar-waiting,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_statusbar-waiting{background:#ffe1c6;color:#c66015;border-color:transparent}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_card_media,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_card_media{width:100%;border:1px solid #e1e6ef;background:#ffffff;border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:center;max-height:170px;aspect-ratio:4 / 3;overflow:hidden;box-sizing:border-box}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_card_media_img,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_card_media_img{width:100%;height:100%;object-fit:contain;object-position:center}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_card_media_placeholder,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_card_media_placeholder{width:100%;height:100%;border-radius:12px;color:#6f7c94;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:#ffffff;box-sizing:border-box}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_card_media_icon,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_card_media_icon{width:150px;height:150px;--hx-icon-fill:#9aa6b8;--hx-icon-stroke:#9aa6b8}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2>.hx_name,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2>.hx_name{font-size:14px;font-weight:800;color:#2c2f38;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_card_body,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_card_body{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #dfe5ef;padding-bottom:8px;margin-bottom:6px}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_card_line,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_card_line{display:flex;align-items:center;gap:10px;color:#3c4048;font-size:14px;line-height:1.4;min-width:0}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_icon_circle,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_icon_circle{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_icon_circle svg,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_icon_circle svg{width:20px;height:20px;--hx-icon-fill:#3c4048;--hx-icon-stroke:#3c4048}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_icon_circle--brand svg,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_icon_circle--brand svg{--hx-icon-fill:#ffffff;--hx-icon-stroke:#ffffff}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_line_text,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_line_text{flex:1;display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_card_footer,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_card_footer{display:flex;align-items:center;gap:12px}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_footer_identity,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_footer_identity{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_footer_avatar,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_footer_avatar{width:42px;height:42px;border-radius:8px;background:#e8e9eb;display:flex;align-items:center;justify-content:center}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_footer_avatar svg,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_footer_avatar svg{width:22px;height:22px;--hx-icon-fill:#0b47de;--hx-icon-stroke:#0b47de}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_footer_name,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_footer_name{font-weight:700;font-size:15px;color:#05060a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;flex:1;min-width:0}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_footer_initials,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_footer_initials{width:32px;height:32px;border-radius:12px;background:#d9e7ff;color:#0a3dc2;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_quick_view_btn,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_quick_view_btn{border:1px solid #7ca7f8;background:#ffffff;color:#1b52dd;padding:5px 10px;font-weight:600;border-radius:10px;display:inline-flex;align-items:center;gap:6px;font-size:14px;flex-shrink:0}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_quick_view_btn svg,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_quick_view_btn svg{width:16px;height:16px;--hx-icon-fill:#1f4dd1;--hx-icon-stroke:#1f4dd1;margin-right:-5px}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_quick_view_btn:hover,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_quick_view_btn:hover{background:#1b52dd;color:#ffffff;transition:background 0.3s,color 0.3s}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_quick_view_btn:hover svg,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_quick_view_btn:hover svg{--hx-icon-fill:#ffffff;--hx-icon-stroke:#ffffff;transition:--hx-icon-fill 0.3s,--hx-icon-stroke 0.3s}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_button_icon,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_button_icon{display:inline-flex;align-items:center;margin-right:6px}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_quick_initials,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_quick_initials{width:22px;height:22px;border-radius:6px;background:#d7e6ff;font-weight:600;font-size:12px;color:#1c4dd3;display:inline-flex;align-items:center;justify-content:center}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_footer_avatar--icon,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_footer_avatar--icon{background:#f1f5f9;border:1px solid #d4d9e3}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_footer_avatar--initials,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_footer_avatar--initials{background:#d7e6ff}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_footer_avatar--image,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_footer_avatar--image{background:none;padding:0}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_footer_avatar_img,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_footer_avatar_img{width:100%;height:100%;border-radius:8px;object-fit:cover}@media screen and (max-width:900px){.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_footer_name,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_footer_name{max-width:50px}}@media screen and (max-width:768px){.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_footer_name,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_footer_name{max-width:max-content}}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_card_icons,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_card_icons{position:absolute;top:12px;right:12px;display:flex;flex-direction:row;align-items:center;gap:6px;z-index:1}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_card_icon_btn,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_card_icon_btn{width:26px;height:26px;border:none;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background 0.15s}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_card_icon_btn:hover,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_card_icon_btn:hover{background:#f1f4f9}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_card_icon_btn svg,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_card_icon_btn svg{width:16px;height:16px}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_card_icon_btn--heart svg,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_card_icon_btn--heart svg{--hx-icon-fill:#d9534f;--hx-icon-stroke:#d9534f}.hx-kanban-grid.hx-kanban-grid-v2 .hx_kanban_card.hx-kanban-card-v2 .hx_card_icon_btn--settings svg,.kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2 .hx_card_icon_btn--settings svg{--hx-icon-fill:#3082ed;--hx-icon-stroke:#3082ed}

/** webx/static/css/views/kanban/hx-kanban-stage-chips.css **/
.hx-kanban-stage-chips{width:100%}.hx-kanban-stage-chips .timeline-chips-wrap{display:flex;width:100%;border-radius:8px;overflow:hidden;background-color:white}.hx-kanban-stage-chips .timeline-chip{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;height:28px}.hx-kanban-stage-chips .timeline-chip-icon{width:14px;height:14px;flex-shrink:0}.hx-kanban-stage-chips .timeline-chip-count{font-family:'Inter',sans-serif;font-size:12px;font-weight:600;color:#1f2937;line-height:1}

/** webx/static/css/views/kanban/kanban-card-selectable.css **/
.hx-kanban-card-selectable{background:#ffffff;border-radius:12px;border:1.5px solid #d9dee6;padding:12px 14px;display:flex;align-items:center;gap:10px;font-family:'Plus Jakarta Sans','Nunito',sans-serif;cursor:pointer;transition:border-color 0.15s,box-shadow 0.15s}.hx-kanban-card-selectable:hover{border-color:#b0bcd4}.hx-kanban-card-selectable.is-selected{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.18)}.hx-kanban-card-selectable .sel-checkbox{width:17px;height:17px;border:2px solid #c5cdd9;border-radius:4px;flex-shrink:0;margin:6px;display:flex;align-items:center;justify-content:center;background:#ffffff;transition:background 0.12s,border-color 0.12s}.hx-kanban-card-selectable .sel-checkbox.checked{background:#3b82f6;border-color:#3b82f6}.hx-kanban-card-selectable .sel-checkbox-check{width:10px;height:9px}.hx-kanban-card-selectable .sel-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.hx-kanban-card-selectable .sel-title-row{align-items:center;gap:8px;min-width:0}.hx-kanban-card-selectable .sel-name{font-weight:700;font-size:14px;color:#1a1d23;white-space:nowrap;margin-right:6px;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.hx-kanban-card-selectable .sel-badge{background:#e8e9eb;color:#4a4f5a;font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;white-space:nowrap;flex-shrink:0;letter-spacing:0.01em}.hx-kanban-card-selectable .sel-line{display:flex;align-items:center;gap:6px;color:#5a6070;font-size:13px;min-width:0}.hx-kanban-card-selectable .sel-line-icon{width:14px;height:14px;flex-shrink:0;--hx-icon-fill:#6b7280;--hx-icon-stroke:#6b7280}.hx-kanban-card-selectable .sel-line-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-kanban-card-selectable .sel-groups{display:flex;flex-direction:column;gap:3px}.hx-kanban-card-selectable .sel-group{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.hx-kanban-card-selectable .sel-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;overflow:hidden;background-color:#f2f4fc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='11 11 25 25'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 13.25C18.3766 13.25 16.25 15.3766 16.25 18C16.25 20.6234 18.3766 22.75 21 22.75C23.6234 22.75 25.75 20.6234 25.75 18C25.75 15.3766 23.6234 13.25 21 13.25ZM17.75 18C17.75 16.2051 19.2051 14.75 21 14.75C22.7949 14.75 24.25 16.2051 24.25 18C24.25 19.7949 22.7949 21.25 21 21.25C19.2051 21.25 17.75 19.7949 17.75 18Z' fill='%232A5EA2'/%3E%3Cpath d='M27 14.25C26.5858 14.25 26.25 14.5858 26.25 15C26.25 15.4142 26.5858 15.75 27 15.75C28.2426 15.75 29.25 16.7574 29.25 18C29.25 19.2426 28.2426 20.25 27 20.25C26.5858 20.25 26.25 20.5858 26.25 21C26.25 21.4142 26.5858 21.75 27 21.75C29.0711 21.75 30.75 20.0711 30.75 18C30.75 15.9289 29.0711 14.25 27 14.25Z' fill='%232A5EA2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6781 25.5204C17.0775 24.7208 18.9607 24.25 21 24.25C23.0393 24.25 24.9225 24.7208 26.3219 25.5204C27.7 26.3079 28.75 27.5101 28.75 29C28.75 30.4899 27.7 31.6921 26.3219 32.4796C24.9225 33.2792 23.0393 33.75 21 33.75C18.9607 33.75 17.0775 33.2792 15.6781 32.4796C14.3 31.6921 13.25 30.4899 13.25 29C13.25 27.5101 14.3 26.3079 15.6781 25.5204ZM16.4224 26.8228C15.267 27.483 14.75 28.2807 14.75 29C14.75 29.7193 15.267 30.517 16.4224 31.1772C17.5565 31.8253 19.1733 32.25 21 32.25C22.8267 32.25 24.4435 31.8253 25.5776 31.1772C26.733 30.517 27.25 29.7193 27.25 29C27.25 28.2807 26.733 27.483 25.5776 26.8228C24.4435 26.1747 22.8267 25.75 21 25.75C19.1733 25.75 17.5565 26.1747 16.4224 26.8228Z' fill='%232A5EA2'/%3E%3Cpath d='M30.1607 25.2674C29.7561 25.1787 29.3561 25.4347 29.2674 25.8393C29.1787 26.2439 29.4347 26.6439 29.8393 26.7326C30.6317 26.9064 31.2649 27.2048 31.6829 27.5468C32.1014 27.8892 32.25 28.2237 32.25 28.5C32.25 28.7507 32.1294 29.045 31.7969 29.3539C31.462 29.665 30.9475 29.9524 30.2838 30.1523C29.8871 30.2717 29.6624 30.69 29.7818 31.0867C29.9013 31.4833 30.3196 31.708 30.7162 31.5886C31.5388 31.3409 32.2743 30.9578 32.8178 30.4529C33.3637 29.9457 33.75 29.2786 33.75 28.5C33.75 27.6352 33.2758 26.912 32.6328 26.3859C31.9893 25.8593 31.1225 25.4783 30.1607 25.2674Z' fill='%232A5EA2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:40%}.hx-kanban-card-selectable .sel-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.hx-kanban-card-selectable .hx_kanban_card.hx_kanban_card--selectable{align-items:center}.hx-kanban-card-selectable.layout-member{background:#ffffff;border:1.5px solid #e8edf4;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;cursor:default;transition:border-color 0.15s}.hx-kanban-card-selectable.layout-member:hover{border-color:#b0bcd4}.hx-kanban-card-selectable.layout-member .mem-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;overflow:hidden;background-color:#f2f4fc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='11 11 25 25'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 13.25C18.3766 13.25 16.25 15.3766 16.25 18C16.25 20.6234 18.3766 22.75 21 22.75C23.6234 22.75 25.75 20.6234 25.75 18C25.75 15.3766 23.6234 13.25 21 13.25ZM17.75 18C17.75 16.2051 19.2051 14.75 21 14.75C22.7949 14.75 24.25 16.2051 24.25 18C24.25 19.7949 22.7949 21.25 21 21.25C19.2051 21.25 17.75 19.7949 17.75 18Z' fill='%232A5EA2'/%3E%3Cpath d='M27 14.25C26.5858 14.25 26.25 14.5858 26.25 15C26.25 15.4142 26.5858 15.75 27 15.75C28.2426 15.75 29.25 16.7574 29.25 18C29.25 19.2426 28.2426 20.25 27 20.25C26.5858 20.25 26.25 20.5858 26.25 21C26.25 21.4142 26.5858 21.75 27 21.75C29.0711 21.75 30.75 20.0711 30.75 18C30.75 15.9289 29.0711 14.25 27 14.25Z' fill='%232A5EA2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6781 25.5204C17.0775 24.7208 18.9607 24.25 21 24.25C23.0393 24.25 24.9225 24.7208 26.3219 25.5204C27.7 26.3079 28.75 27.5101 28.75 29C28.75 30.4899 27.7 31.6921 26.3219 32.4796C24.9225 33.2792 23.0393 33.75 21 33.75C18.9607 33.75 17.0775 33.2792 15.6781 32.4796C14.3 31.6921 13.25 30.4899 13.25 29C13.25 27.5101 14.3 26.3079 15.6781 25.5204ZM16.4224 26.8228C15.267 27.483 14.75 28.2807 14.75 29C14.75 29.7193 15.267 30.517 16.4224 31.1772C17.5565 31.8253 19.1733 32.25 21 32.25C22.8267 32.25 24.4435 31.8253 25.5776 31.1772C26.733 30.517 27.25 29.7193 27.25 29C27.25 28.2807 26.733 27.483 25.5776 26.8228C24.4435 26.1747 22.8267 25.75 21 25.75C19.1733 25.75 17.5565 26.1747 16.4224 26.8228Z' fill='%232A5EA2'/%3E%3Cpath d='M30.1607 25.2674C29.7561 25.1787 29.3561 25.4347 29.2674 25.8393C29.1787 26.2439 29.4347 26.6439 29.8393 26.7326C30.6317 26.9064 31.2649 27.2048 31.6829 27.5468C32.1014 27.8892 32.25 28.2237 32.25 28.5C32.25 28.7507 32.1294 29.045 31.7969 29.3539C31.462 29.665 30.9475 29.9524 30.2838 30.1523C29.8871 30.2717 29.6624 30.69 29.7818 31.0867C29.9013 31.4833 30.3196 31.708 30.7162 31.5886C31.5388 31.3409 32.2743 30.9578 32.8178 30.4529C33.3637 29.9457 33.75 29.2786 33.75 28.5C33.75 27.6352 33.2758 26.912 32.6328 26.3859C31.9893 25.8593 31.1225 25.4783 30.1607 25.2674Z' fill='%232A5EA2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:40%}.hx-kanban-card-selectable.layout-member .mem-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.hx-kanban-card-selectable.layout-member .mem-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.hx-kanban-card-selectable.layout-member .mem-title-row{display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:4px}.hx-kanban-card-selectable.layout-member .mem-name{font-weight:700;font-size:13px;color:#1a1d23;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'Plus Jakarta Sans',sans-serif}.hx-kanban-card-selectable.layout-member .mem-badge{background:#e8e9eb;color:#4a4f5a;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap;flex-shrink:0;letter-spacing:0.01em}.hx-kanban-card-selectable.layout-member .mem-line{display:flex;align-items:center;gap:5px;color:#5a6070;font-size:12px;min-width:0}.hx-kanban-card-selectable.layout-member .mem-line-icon{width:12px;height:12px;flex-shrink:0;--hx-icon-fill:#6b7280;--hx-icon-stroke:#6b7280}.hx-kanban-card-selectable.layout-member .mem-line-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-kanban-card-selectable.layout-member .mem-group.separator{gap:0;flex-wrap:nowrap}.hx-kanban-card-selectable.layout-member .mem-group.separator .mem-line{gap:0;color:#6b7280;font-size:12px}.hx-kanban-card-selectable.layout-member .mem-group.separator .mem-line:not(:first-child)::before{content:'•';margin:0 5px;color:#d1d5db}.hx-kanban-card-selectable.layout-member .mem-groups{display:flex;flex-direction:column;gap:3px}.hx-kanban-card-selectable.layout-member .mem-group{display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.hx-kanban-card-selectable.layout-member .mem-remove{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s,color 0.15s}.hx-kanban-card-selectable.layout-member .mem-remove:hover{background:#fee2e2;color:#ef4444}.hx-kanban-card-selectable.layout-grid{background:#fff;border:1.5px solid #e8edf4;border-radius:14px;padding:20px 14px 16px;display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;text-align:center;cursor:default;transition:border-color 0.15s}.hx-kanban-card-selectable.layout-grid:hover{border-color:#b0bcd4}.hx-kanban-card-selectable.layout-grid .sel-grid-remove{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s,color 0.15s}.hx-kanban-card-selectable.layout-grid .sel-grid-remove:hover{background:#fee2e2;color:#ef4444}.hx-kanban-card-selectable.layout-grid .sel-grid-photo{width:72px;height:72px;border-radius:12px;overflow:hidden;background:#f2f4fc;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hx-kanban-card-selectable.layout-grid .sel-grid-photo-img{width:100%;height:100%;object-fit:cover;display:block}.hx-kanban-card-selectable.layout-grid .sel-grid-badge{background:#e8e9eb;color:#4b5563;font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;white-space:nowrap}.hx-kanban-card-selectable.layout-grid .sel-grid-name{font-weight:700;font-size:13px;color:#1a1d23;font-family:'Plus Jakarta Sans',sans-serif;margin:0;line-height:1.35;word-break:break-word}.hx-kanban-card-selectable.layout-grid .sel-grid-line{display:flex;align-items:center;justify-content:center;gap:5px;color:#6b7280;font-size:12px;max-width:100%;min-width:0}.hx-kanban-card-selectable.layout-grid .sel-grid-line-icon{width:12px;height:12px;flex-shrink:0;--hx-icon-fill:#6b7280;--hx-icon-stroke:#6b7280}.hx-kanban-card-selectable.layout-grid .sel-grid-line-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-kanban-card-selectable .mem-line-icon--count{color:#6b7280;flex-shrink:0;margin-right:3px}.hx-kanban-card-selectable .sel-grid-line-icon--count{color:#6b7280;flex-shrink:0}.hx-kanban-card-selectable .sub-rel-row{display:flex;align-items:center;flex-wrap:wrap;gap:3px;margin-top:5px;padding-top:5px;border-top:1px solid #f1f5f9;font-size:12px;min-width:0;width:100%}.hx-kanban-card-selectable .sub-rel-icon{width:13px;height:13px;flex-shrink:0;--hx-icon-fill:#2a5ea2;--hx-icon-stroke:#2a5ea2}.hx-kanban-card-selectable .sub-rel-label{color:#2a5ea2;font-weight:600;white-space:nowrap;flex-shrink:0}.hx-kanban-card-selectable .sub-rel-chip{color:#2a5ea2}.hx-kanban-card-selectable .sub-rel-chip:not(:last-child)::after{content:',';color:#2a5ea2}

/** webx/static/css/views/kanban/kanban-board-draggable.css **/
.hx-kanban-board-draggable{position:relative;width:100%;flex:1;display:flex;flex-direction:column}.hx-kanban-view .hx-kanban-board-draggable .kanban-board{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;flex:1}.hx-kanban-view .hx-kanban-board-draggable .kanban-column{width:auto;max-width:288px;min-width:288px;display:flex;flex-direction:column;flex-shrink:0;will-change:transform}.hx-kanban-view .hx-kanban-board-draggable .kanban-column-body{display:flex;flex-direction:column;background-color:#f8f8f8;border-radius:10px;gap:16px;overflow-y:auto;padding:16px}.hx-kanban-board-draggable .title-section{flex:1;min-width:0;overflow:hidden}.hx-kanban-board-draggable .kanban-group-header .title{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-kanban-view .kanban-container-v2:has(.hx-kanban-board-draggable){background:#ffffff;padding:24px;border-radius:10px;border:#f4f4f4 solid 1px;box-shadow:0 0 10px 0 rgba(223,223,223,0.15);max-height:calc(100vh - 200px);overflow-y:auto;display:flex;flex-direction:column}.hx-kanban-board-draggable .kanban-column .hx-kanban-card-wrapper .hx_kanban_card.hx-kanban-card-v2{border-radius:10px}.hx-kanban-board-draggable .hx-kanban-card-wrapper.hx-is-dragging{opacity:0}.hx-kanban-board-draggable .kanban-column-body.hx-kanban-drop-active{background-color:#eaeaea;transition:background-color 0.15s ease}.hx-kanban-board-draggable .hx-kanban-card-wrapper{cursor:grab;position:relative;will-change:transform}.hx-kanban-board-draggable .hx-kanban-card-wrapper:hover{cursor:grab;box-shadow:0 4px 12px rgba(0,0,0,0.08);background-color:transparent}.hx-kanban-board-draggable .hx-kanban-card-wrapper img{-webkit-user-drag:none;user-drag:none;pointer-events:none}.hx-kanban-board-draggable .hx-kanban-card-wrapper:active{cursor:grabbing}.hx-kanban-board-draggable .kanban-column-body.hx-is-empty{min-height:100px;border-radius:8px}.hx-kanban-board-draggable .hx-kanban-drag-ghost{position:fixed;z-index:10000;pointer-events:none;filter:none!important;opacity:1!important;overflow:hidden}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx-kanban-card-v2{background:#fdfdfd;border-radius:20px;border:1px solid #d9dee6;padding:15px;display:flex;flex-direction:column;gap:12px;font-family:'Plus Jakarta Sans','Nunito',sans-serif;width:280px;filter:none!important;opacity:1!important}.hx-kanban-board-draggable .hx-kanban-drag-ghost:not(.hx-is-column-ghost){overflow:visible;transform:rotate(-5deg);transform-origin:top center;filter:drop-shadow(8px 16px 24px rgba(0,0,0,0.28))!important}.hx-kanban-board-draggable .hx-kanban-drag-ghost.hx-is-column-ghost{overflow:visible;transform:rotate(-5deg);transform-origin:top center;filter:drop-shadow(8px 16px 24px rgba(0,0,0,0.28))!important}.hx-kanban-board-draggable .hx-kanban-drag-ghost.hx-is-column-ghost .hx-kanban-card-v2{width:100%;box-sizing:border-box}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_card_media{width:100%;border:1px solid #e1e6ef;background:#ffffff;border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:center;max-height:170px;aspect-ratio:4 / 3;overflow:hidden;box-sizing:border-box}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_card_media_img{width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%;max-height:100%;display:block}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_card_media_placeholder{width:100%;height:100%;border-radius:12px;color:#6f7c94;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:#ffffff;box-sizing:border-box}.hx-kanban-board-draggable .hx-kanban-drag-ghost *{filter:none!important;opacity:1!important}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_card_header{display:flex;justify-content:space-between;align-items:center;gap:12px}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_reference_badge,.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_unique{background:#e0e0e0;color:#313538;font-weight:600;font-size:14px;padding:0 10px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px;display:inline-block}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_statusbar{font-weight:600;font-size:14px;padding:0 10px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;display:inline-block}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_statusbar-default{background:#dff0ff;color:#1e63d4}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_statusbar-approved{background:#d5f6d9;color:#1f8a2f}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_statusbar-waiting{background:#ffe1c6;color:#c66015}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_card_body{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #dfe5ef;padding-bottom:8px;margin-bottom:6px}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_card_line{display:flex;align-items:center;gap:10px;color:#3c4048;font-size:14px;line-height:1.4;min-width:0}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_icon_circle{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_icon_circle svg{width:20px;height:20px}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_icon_circle--brand svg{--hx-icon-fill:#0b47de;--hx-icon-stroke:#0b47de}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_line_text{flex:1;display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_card_footer{display:flex;align-items:center;gap:12px;background:transparent;padding:0;margin:0}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_footer_identity{display:flex;align-items:center;gap:10px;flex:1;min-width:0;max-width:100%;background:transparent;padding:0}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_footer_avatar{width:42px;height:42px;border-radius:8px;background:#e8e9eb;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;margin:0;overflow:hidden}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_footer_avatar_img{width:100%;height:100%;border-radius:8px;object-fit:cover;display:block}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_footer_avatar--initials{background:#d7e6ff}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_footer_initials{width:32px;height:32px;border-radius:12px;background:#d9e7ff;color:#0a3dc2;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_footer_name{font-weight:700;font-size:15px;color:#05060a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;flex:1;min-width:0;background:transparent;padding:0;margin:0}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_quick_view_btn{border:1px solid #7ca7f8;background:#ffffff;color:#1b52dd;padding:5px 10px;font-weight:600;border-radius:10px;display:inline-flex;align-items:center;gap:6px;font-size:14px;flex-shrink:0;cursor:pointer;transition:background 0.3s,color 0.3s}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_quick_view_btn svg{width:16px;height:16px;--hx-icon-fill:#1f4dd1;--hx-icon-stroke:#1f4dd1;margin-right:-5px;transition:--hx-icon-fill 0.3s,--hx-icon-stroke 0.3s}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_quick_view_btn:hover{background:#1b52dd;color:#ffffff}.hx-kanban-board-draggable .hx-kanban-drag-ghost .hx_quick_view_btn:hover svg{--hx-icon-fill:#ffffff;--hx-icon-stroke:#ffffff}.hx-kanban-board-draggable.hx-is-dragging-active .kanban-column-body{overflow-y:visible}.hx-kanban-board-draggable.hx-is-dragging-active .kanban-column-body:not(.hx-kanban-drop-active){opacity:0.7;transition:opacity 0.2s ease}.hx-kanban-board-draggable .kanban-column.hx-kanban-column-dragging{opacity:0;cursor:grabbing;position:relative;z-index:10}.hx-kanban-board-draggable .kanban-column.hx-kanban-column-drop-target{}

/** webx/static/css/views/quick/quick-activity.css **/
.hx-quick-view__activity{margin:12px 0 8px}.hx-quick-view__activity-empty{margin-top:8px}.hx-quick-view__activity-empty-box{border:1px solid #eef2f7;background:#ffffff;border-radius:14px;padding:12px 14px;display:grid;place-items:center;text-align:center;min-height:120px}.hx-quick-view__activity-empty-img{width:64px;height:64px;object-fit:contain;margin-bottom:12px;opacity:.9}.hx-quick-view__activity-empty-title{margin:0 0 6px 0;font-size:16px;font-weight:600;color:#0f172a}.hx-quick-view__activity-empty-subtitle{margin:0 0 8px 0;font-size:13px;color:#666}.hx-quick-view__activity-body{border:1px solid #eef2f7;background:#ffffff;border-radius:14px;padding:12px 14px;max-height:400px;overflow-y:auto;overscroll-behavior:contain;margin-top:8px;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;touch-action:pan-y}.hx-quick-view__activity-date-group{display:flex;flex-direction:column;gap:12px}.hx-quick-view__activity-date{font-weight:500;font-size:12px;color:#1a1a1a}.hx-quick-view__activity-item{display:flex;align-items:flex-start;position:relative;gap:12px}.hx-quick-view__activity-dot{width:12px;height:12px;background-color:#99C3FF;border-radius:50%;margin-top:6px;flex-shrink:0;position:relative;z-index:2}.hx-quick-view__activity-item:not(:last-of-type)::after{content:'';position:absolute;top:12px;left:5.5px;transform:translateX(-50%);width:2px;height:calc(100% + 16px);background-color:#C2DBFF;z-index:0}.hx-quick-view__activity-content{flex:1;min-width:0}.hx-quick-view__activity-text{font-size:14px;color:#1E1E1E;display:flex;flex-direction:column;gap:4px}.hx-quick-view__activity-line{line-height:20px;word-break:break-word;overflow-wrap:break-word}.hx-quick-view__activity-field{font-weight:900;color:#1E1E1E}.hx-quick-view__activity-value{font-style:italic;color:#3D3D3D}.hx-quick-view__activity-user{margin-top:2px;font-size:13px;color:#4a4a4a}.hx-quick-view__activity-username{text-transform:capitalize}.hx-quick-view__activity-meta{display:flex;align-items:center;gap:12px}.hx-quick-view__activity-time{font-size:14px;line-height:20px;color:#585959}.hx-quick-view__activity-more{display:flex;align-items:center;background-color:#E8E9EB;border:none;border-radius:16px;padding:2px 8px;font-weight:600;font-size:12px;line-height:18px;color:#3D3D3D;cursor:pointer;transition:background-color .2s ease}.hx-quick-view__activity-more:hover{background-color:#e8eaed}.hx-quick-view__activity-more .icon-alt{width:20px;height:20px;color:#3D3D3D}.hx-quick-view__activity-expand-btn{width:fit-content}.hx-quick-view__activity-date-group:not(:first-child)::before{content:'';height:1px;background-color:#E8E9EB;margin:8px -14px 16px}

/** webx/static/css/views/quick/quick-footer.css **/
.hx-quick-view__footer{margin-top:auto;padding:12px 16px;border-top:1px solid #eef2f7;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;background:#ffffff;box-sizing:border-box}.hx-footer-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:6px 14px;border:1px solid transparent;border-radius:6px;background:#f8f9fb;color:#333;cursor:pointer;transition:background 0.2s,box-shadow 0.2s}.hx-footer-btn:hover{background:#eef2f7}.hx-footer-btn.is-primary{background:#007bff;color:#fff}.hx-footer-btn.is-danger{background:#dc3545;color:#fff}.hx-footer-btn.is-ghost{background:transparent;border-color:#d0d5dd}.hx-footer-btn:disabled{opacity:0.6;cursor:not-allowed}.footer-btn-icon{width:16px;height:16px;fill:currentColor}

/** webx/static/css/views/quick/quick-state.css **/
.hx-quick-state{position:relative;display:flex;flex-direction:column;width:100%;background:#ffffff;border:1px solid #e8e9eb;border-radius:16px;box-shadow:0 4px 14px rgba(15,23,42,0.06);overflow:visible}.hx-quick-state.expanded{border-radius:16px 16px 0 0}.hx-quick-state .status-header{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:#ffffff;border:0;border-radius:16px 16px 0 0;cursor:pointer;text-align:left}.hx-quick-state .status-header-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hx-quick-state .status-header-icon .header-icon{width:24px;height:24px;fill:#ffffff}.hx-quick-state .status-header-content{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.hx-quick-state .status-header-step{font-size:11px;font-weight:500;line-height:1.4;color:#64748b}.hx-quick-state .status-header-title{font-size:14px;font-weight:700;line-height:1.35;color:#0f172a}.hx-quick-state .status-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#eef4ff;color:#2563eb;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}.hx-quick-state .toggle-chevron{width:14px;height:14px;transition:transform 0.25s ease}.hx-quick-state .toggle-chevron.rotated{transform:rotate(180deg)}.hx-quick-state .status-body{position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:20;display:flex;flex-direction:column;gap:0;padding:12px 16px 14px;background:#ffffff;border:1px solid #e8e9eb;border-top:0;border-radius:0 0 16px 16px;box-shadow:0 16px 28px rgba(15,23,42,0.12);max-height:280px;overflow-y:auto}.hx-quick-state .status-item{position:relative;display:flex;align-items:center;gap:14px;min-height:56px;padding:10px 0}.hx-quick-state .status-connector{position:absolute;top:36px;left:9px;width:4px;height:calc(100% - 8px);border-radius:999px;background:#dbe6f7}.hx-quick-state .status-connector.complete{background:#2563eb}.hx-quick-state .status-dot-wrapper{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:22px;height:32px;flex-shrink:0}.hx-quick-state .status-dot{width:18px;height:18px;border-radius:50%;background:#ffffff;border:3px solid #2563eb}.hx-quick-state .status-item.complete .status-dot{background:#2563eb}.hx-quick-state .status-item.active .status-dot{background:linear-gradient(to right,#2563eb 50%,#ffffff 50%)}.hx-quick-state .status-item.active:last-child .status-dot{background:#2563eb}.hx-quick-state .status-content{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.hx-quick-state .status-step{font-size:11px;font-weight:500;line-height:1.4;color:#64748b}.hx-quick-state .status-label{font-size:14px;font-weight:600;line-height:1.4;color:#0f172a}.status-body-transition-enter-active,.status-body-transition-leave-active{transition:opacity 0.22s ease,transform 0.22s ease}.status-body-transition-enter-from,.status-body-transition-leave-to{opacity:0;transform:translateY(-8px)}

/** webx/static/css/views/quick/quick-view.css **/
.hx-quick-view{display:flex;flex-direction:column;height:100%;color:#0f172a;border-radius:16px;overflow:hidden;border:1px solid #cacbcc}.hx-quick-view.is-loading{opacity:0.75;pointer-events:none}.hx-quick-view.is-editing{border-color:#3b82f6}.hx-quick-view.is-editing .hx-quick-view-header{background:linear-gradient(to bottom,#eff6ff,#fff)}.hx-quick-view__body{display:flex;flex-direction:column;flex:1;overflow:auto;padding:16px;gap:16px;background-color:#ffffff}.hx-quick-view__no-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;gap:16px;flex:1}.hx-quick-view__no-layout-icon{font-size:48px;color:#94a3b8}.hx-quick-view__no-layout-icon i{display:block}.hx-quick-view__no-layout-title{font-size:18px;font-weight:600;color:#334155}.hx-quick-view__no-layout-message{font-size:14px;color:#64748b;max-width:320px;line-height:1.5}.hx-quick-view__no-layout-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:#3b82f6;color:#ffffff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color 0.2s ease;margin-top:8px}.hx-quick-view__no-layout-btn:hover{background-color:#2563eb}.hx-quick-view__no-layout-btn i{font-size:16px}

/** webx/static/css/views/quick/quick-party-header.css **/
.hx-quick-party-header{display:flex;flex-direction:row;align-items:center;gap:16px;background:transparent;border:0;box-shadow:none;border-radius:0;padding:16px 0;box-sizing:border-box;color:#1a1a1a}.hx-quick-party-header__avatarwrap{flex-shrink:0;width:88px;height:88px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.hx-quick-party-header__avatar{position:relative;width:88px;height:88px;border-radius:50%;background:#d9d9d9;overflow:hidden;box-sizing:border-box;line-height:0;flex-shrink:0}.hx-quick-party-header__avatar-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;line-height:0;border-radius:50%}.hx-quick-party-header__avatar-initials{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#ffffff;background:#2563eb;border-radius:50%}.hx-quick-party-header__info{min-width:0;flex:1 1 auto;display:flex;gap:8px;flex-direction:column}.hx-quick-party-header__name{font-size:20px;font-weight:600;line-height:1.3;color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.hx-quick-party-header__badges{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:8px;margin:0;padding:0;list-style:none;min-width:0}.hx-quick-party-header__badge{display:flex;flex-direction:row;align-items:center;min-width:0;gap:4px;font-size:18px;font-weight:500;line-height:1.3;color:#3a3a3a}.hx-quick-party-header__badge-icon{flex-shrink:0;width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;color:#000}.hx-quick-party-header__badge-icon>i{font-style:normal;line-height:1}.hx-quick-party-header__badge-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.3;color:#3a3a3a}@media (max-width:480px){.hx-quick-party-header{padding:12px 0;gap:12px}.hx-quick-party-header__avatarwrap{width:64px;height:64px}.hx-quick-party-header__avatar{width:64px;height:64px}.hx-quick-party-header__name{font-size:18px}.hx-quick-party-header__badge{font-size:16px}.hx-quick-party-header__badge-icon{width:22px;height:22px;font-size:13px}}

/** webx/static/css/views/quick/quick-tabs.css **/
.hx-quick-view-tabs{margin:8px 0 16px}.hx-quick-view__tabbar{display:flex;gap:20px;border-bottom:1px solid #eef2f7;padding:0 4px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;cursor:grab;user-select:none}.hx-quick-view__tabbar::-webkit-scrollbar{display:none}.hx-quick-view__tabbar.is-grabbing{cursor:grabbing}.hx-quick-view__tab{position:relative;padding:10px 2px;color:#64748b;font-weight:600;cursor:pointer;outline:none}.hx-quick-view__tab.is-active{color:#0f172a}.hx-quick-view__tab.is-active::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#2563eb;border-radius:2px 2px 0 0}.hx-quick-view__tab.is-disabled{color:#cbd5e1;cursor:not-allowed}.hx-quick-view__tabpanes{padding-top:14px}.hx-quick-view__tabpane{display:none}.hx-quick-view__tabpane.is-active{display:block}.hx-quick-view__skeleton{width:100%;height:14px;border-radius:6px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;animation:hx-qv-skel 1.2s ease-in-out infinite}@keyframes hx-qv-skel{0%{background-position:100% 0}100%{background-position:0 0}}.hx-qv-tab-error{display:flex;align-items:center;gap:10px;padding:8px 0;color:#b91c1c}.hx-qv-tab-empty{color:#94a3b8}

/** webx/static/css/views/quick/quick-contact-box.css **/
.hx-quick-contact-box{display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid rgba(0,0,0,0.06);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,0.04);padding:20px;box-sizing:border-box}.hx-quick-contact-box__col{display:flex;flex-direction:column;gap:14px}.hx-quick-contact-box__row{display:grid;grid-template-columns:160px 1fr;align-items:flex-start;gap:12px}.hx-quick-contact-box__labelwrap{display:flex;align-items:center;gap:8px;color:#6b6b6b}.hx-quick-contact-box__icon{width:18px;height:18px;flex-shrink:0;fill:#6b6b6b}.hx-quick-contact-box__label{font-size:13px;font-weight:500;color:#6b6b6b;line-height:1.4}.hx-quick-contact-box__value{font-size:14px;font-weight:500;color:#1a1a1a;line-height:1.5;word-break:break-word}.hx-quick-contact-box__value.is-editing{display:flex;align-items:center}.hx-quick-contact-box__input{width:100%;padding:8px 12px;font-size:14px;font-weight:500;color:#1a1a1a;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;outline:none;transition:all 0.15s ease;box-sizing:border-box}.hx-quick-contact-box__input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.hx-quick-contact-box__input:hover:not(:focus){border-color:#cbd5e1}.hx-quick-contact-box__input::placeholder{color:#9ca3af;font-weight:400}.hx-quick-contact-box__checkbox{width:18px;height:18px;padding:0;cursor:pointer;accent-color:#3b82f6}.hx-quick-contact-box__link{color:#0073e6;text-decoration:none}.hx-quick-contact-box__link:hover{text-decoration:underline}.hx-quick-contact-box__badge{display:inline-block;background:#f3f6fb;border-radius:6px;padding:3px 8px;font-size:13px;color:#1a1a1a;margin:2px 4px 2px 0}@media (max-width:600px){.hx-quick-contact-box__row{grid-template-columns:1fr}.hx-quick-contact-box__labelwrap{margin-bottom:2px}}

/** webx/static/css/views/quick/quick-sections.css **/
.hx-quick-view__section{padding:14px}.hx-quick-view__section-title{font-weight:700;font-size:14px;color:#0f172a;margin:2px 0 12px}.hx-quick-view__grid{display:grid;gap:8px}.hx-quick-view__grid-row{display:grid;grid-template-columns:repeat(var(--qv-cols,2),1fr);gap:16px}.hx-quick-view__row[role="rowgroup"]{border:0;padding:6px 0;display:grid;grid-template-columns:140px 1fr;gap:10px;min-width:0}.hx-quick-view__cell-label{font-size:12px;color:#64748b;line-height:1.25;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-quick-view__cell-value{font-size:14px;color:#0f172a;min-height:20px;display:inline-flex;align-items:center;min-width:0}.hx-quick-view__cell-value.is-empty{color:#94a3b8}.hx-qv-text{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-qv-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 10px;font-size:12px;line-height:1.4;border:1px solid transparent}.hx-qv-pill[data-variant="success"]{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.hx-qv-pill[data-variant="muted"]{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.hx-qv-chips{display:inline-flex;flex-wrap:wrap;gap:6px}.hx-qv-chip{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:12px;line-height:1.3;background:#f8fafc;border:1px solid #e2e8f0;color:#0f172a;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-qv-chip--more{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}.hx-qv-html{display:block;white-space:normal;line-height:1.4}.hx-quick-view__skeleton{width:100%;height:14px;border-radius:6px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;animation:hx-qv-skel 1.2s ease-in-out infinite}@keyframes hx-qv-skel{0%{background-position:100% 0}100%{background-position:0 0}}@media (max-width:960px){.hx-quick-view__grid-row{grid-template-columns:1fr}.hx-quick-view__row[role="rowgroup"]{grid-template-columns:120px 1fr}}@media (max-width:560px){.hx-quick-view__row[role="rowgroup"]{grid-template-columns:100px 1fr}}

/** webx/static/css/views/quick/quick-smart-buttons.css **/
.hx-quick-smart-buttons{display:flex;flex-direction:column;gap:8px}.hx-quick-smart-buttons .smart-buttons-list{display:flex;flex-direction:column;align-items:stretch;gap:8px}.hx-quick-smart-buttons .smart-icon,.hx-quick-smart-buttons .smart-button-icon,.hx-quick-smart-buttons .rail-icon{display:inline-block;width:1em;height:1em;font-size:24px;stroke-width:0;stroke:#111;fill:#111}.hx-quick-smart-buttons .smart-button{display:flex;padding:6px 12px;flex-direction:row;align-items:center;justify-content:space-between;min-height:56px;border:none;border-radius:8px;background:#f7f8fa;color:#000;width:100%;transition:background 0.15s,box-shadow 0.15s,filter 0.1s}.hx-quick-smart-buttons .smart-button:hover{background:linear-gradient(90deg,#e0ebfa 60%,#c9e2ff 100%);box-shadow:0 2px 8px 0 rgba(42,94,162,0.1);filter:brightness(1.03)}.hx-quick-smart-buttons .smart-button.is-disabled{opacity:0.5;cursor:not-allowed;filter:grayscale(0.2)}.hx-quick-smart-buttons .smart-button-dropdown{position:relative;display:flex;flex-direction:column;width:100%}.hx-quick-smart-buttons .smart-button--dropdown{width:100%}.hx-quick-smart-buttons .smart-button-dropdown.is-open .smart-button--dropdown{border-bottom-left-radius:0;border-bottom-right-radius:0}.hx-quick-smart-buttons .smart-button-label{display:flex;align-items:center;gap:12px;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:600;line-height:20px}.hx-quick-smart-buttons .smart-button-label>span::after{content:'';display:inline-block;width:8px;height:8px;margin-left:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;border-radius:1px;transform:rotate(-45deg);opacity:0.85;transition:transform 0.15s ease,opacity 0.15s ease;vertical-align:middle}.hx-quick-smart-buttons .smart-button-dropdown.is-open .smart-button-label>span::after{transform:rotate(45deg)}.hx-quick-smart-buttons .smart-button:hover .smart-button-label>span::after{opacity:1}.hx-quick-smart-buttons .smart-button-counter{display:inline-flex;align-items:center;justify-content:center;padding:0 12px;min-width:33px;height:24px;background:#edeef0;border-radius:999px;box-sizing:border-box}.hx-quick-smart-buttons .smart-button-counter-label{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:14px;line-height:18px;text-align:center;color:#004099}.hx-quick-smart-buttons .smart-button-dropdown-menu{position:static;display:block;padding:8px;background:#f7f8fa;border:0;border-radius:0 0 12px 12px;box-shadow:none}.hx-quick-smart-buttons .smart-button-dropdown-list{display:flex;flex-direction:column;gap:4px}.hx-quick-smart-buttons .smart-button-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;background:transparent;padding:6px 8px;border-radius:8px;text-align:left;font-size:13px;color:#1f2937;cursor:pointer}.hx-quick-smart-buttons .smart-button-dropdown-item:hover,.hx-quick-smart-buttons .smart-button-dropdown-item:focus-visible{background:#f3f4f6;outline:none}.hx-quick-smart-buttons .smart-button-dropdown-item-name{flex:1;min-width:0;font-weight:600;color:#2f2f2f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-quick-smart-buttons .smart-button-dropdown-item:hover .smart-button-dropdown-item-name,.hx-quick-smart-buttons .smart-button-dropdown-item:focus-visible .smart-button-dropdown-item-name{color:#1d4ed8}.hx-quick-smart-buttons .smart-button-dropdown-item-time{font-size:12px;color:#9aa4b2;white-space:nowrap}.hx-quick-smart-buttons .smart-button-dropdown-empty{padding:6px 8px;font-size:12px;color:#9aa4b2}.hx-quick-smart-buttons .smart-button-dropdown-more{width:100%;margin-top:6px;padding:8px;border:0;border-radius:8px;background:transparent;color:#1d4ed8;font-weight:600;font-size:13px;line-height:18px;text-align:left;cursor:pointer}.hx-quick-smart-buttons .smart-button-dropdown-more:hover{background:#eff6ff}.hx-quick-smart-buttons .smart-button-dropdown-more:disabled{color:#9aa4b2;cursor:not-allowed}.hx-quick-smart-buttons .smart-button-dropdown-enter-active,.hx-quick-smart-buttons .smart-button-dropdown-leave-active{transition:opacity 0.15s ease,transform 0.15s ease}.hx-quick-smart-buttons .smart-button-dropdown-enter-from,.hx-quick-smart-buttons .smart-button-dropdown-leave-to{opacity:0;transform:translateY(-4px)}

/** webx/static/css/views/quick/quick-view-header.css **/
.hx-quick-view-header{display:flex;flex-direction:column;background:#fff;border-bottom:1px solid #eef2f7}.hx-quick-view-header .hx-qh__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background-color:#f5f6f7}.hx-quick-view-header .hx-qh__left,.hx-quick-view-header .hx-qh__right{display:flex;align-items:center;gap:12px}.hx-quick-view-header .hx-qh__doc-icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#f1f5f9;color:#475569;font-size:14px}.hx-quick-view-header .hx-qh__title-wrap{max-width:42ch}.hx-quick-view-header .hx-qh__title{font-weight:700;font-size:16px;line-height:1.2;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-quick-view-header .hx-qh__status-wrap{display:flex;align-items:center;gap:8px}.hx-quick-view-header .hx-qh__pill{font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;background:#f8fafc;color:#334155}.hx-quick-view-header .hx-qh__pill.is-approved,.hx-quick-view-header .hx-qh__pill.is-success{background:#e8faf0;color:#1a7f4b}.hx-quick-view-header .hx-qh__pill.is-info{background:#eff6ff;color:#2563eb}.hx-quick-view-header .hx-qh__pill.is-pending{background:#fff7ed;color:#c2410c}.hx-quick-view-header .hx-qh__pill.is-rejected{background:#fef2f2;color:#b91c1c}.hx-quick-view-header .hx-btn{height:32px;padding:0 12px;border-radius:8px;border:1px solid #e5e7eb;background:#ffffff;color:#0f172a;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px;line-height:1;transition:all 0.15s ease}.hx-quick-view-header .hx-btn:hover{background:#f8fafc}.hx-quick-view-header .hx-btn--primary{background:#1d4ed8;border-color:#1d4ed8;color:#ffffff}.hx-quick-view-header .hx-btn--primary:hover{filter:brightness(0.98)}.hx-quick-view-header .hx-btn--danger{border-color:#fca5a5;color:#b91c1c;background:#fff}.hx-quick-view-header .hx-btn--danger:hover{background:#fef2f2}.hx-quick-view-header .hx-btn--ghost{background:#fff;color:#0f172a;border-color:#e5e7eb}.hx-quick-view-header .hx-qh__action-buttons{display:flex;align-items:center;gap:8px;--form-button-gradient:linear-gradient(90deg,#2a5ea2 40%,#1c4f92 100%);--form-button-gradient-hover:linear-gradient(90deg,#1c4f92 40%,#2a5ea2 100%)}.hx-quick-view-header .btn-save,.hx-quick-view-header .btn-edit,.hx-quick-view-header .btn-discard{display:flex;padding:6px 20px;justify-content:center;align-items:center;gap:4px;border-radius:8px;height:32px;font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:all 0.3s ease}.hx-quick-view-header .btn-edit{background:#afd0fd;color:#2a5ea2;border:1px solid transparent}.hx-quick-view-header .btn-edit:disabled{opacity:0.5;cursor:not-allowed}.hx-quick-view-header .btn-edit:hover:not(:disabled){background:#95bdfb;border:1px solid transparent;color:#2a5ea2;box-shadow:0px 4px 7px -1px rgba(0,0,0,0.48)}.hx-quick-view-header .btn-edit-icon{width:16px;height:16px}.hx-quick-view-header .btn-save{color:#ffffff;background:transparent;position:relative;overflow:hidden;z-index:0;border:none}.hx-quick-view-header .btn-save::before,.hx-quick-view-header .btn-save::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;z-index:-1;opacity:0;transition:opacity 0.3s ease,background 0.3s ease;pointer-events:none}.hx-quick-view-header .btn-save::before{background:var(--form-button-gradient);opacity:1}.hx-quick-view-header .btn-save::after{background:var(--form-button-gradient-hover)}.hx-quick-view-header .btn-save:hover:not(:disabled){color:#ffffff;box-shadow:0px 4px 7px -1px rgba(0,0,0,0.48)}.hx-quick-view-header .btn-save:hover:not(:disabled)::after{opacity:1}.hx-quick-view-header .btn-save:disabled{opacity:0.65;cursor:not-allowed;pointer-events:none}.hx-quick-view-header .btn-save-icon{width:16px;height:16px}.hx-quick-view-header .btn-discard{background:#ffffff;color:#2a5ea2;border:1px solid #a8c3ff}.hx-quick-view-header .btn-discard:hover{background:#95bdfb;border:1px solid transparent;color:#2a5ea2;box-shadow:0px 4px 7px -1px rgba(0,0,0,0.48)}.hx-quick-view-header .btn-cancel-icon{width:14px;height:14px}.hx-quick-view-header .button-icon{display:inline-block;width:1em;height:1em;vertical-align:middle;stroke-width:0;fill:currentColor;stroke:currentColor;transition:color 0.15s ease,fill 0.15s ease,stroke 0.15s ease}.hx-quick-view-header .hx-icon-btn{width:32px;height:32px;padding:0;border-radius:8px;border:1px solid #e5e7eb;background:#ffffff;color:#0f172a;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.hx-quick-view-header .hx-icon-btn:hover{background:#f8fafc}.hx-quick-view-header .hx-qh__toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px}.hx-quick-view-header .qh-action-dropdown-group{position:relative;flex:0 0 auto;height:32px}.hx-quick-view-header .qh-action-dropdown-toggle{min-width:36px;line-height:1}.hx-quick-view-header .qh-action-dropdown-menu{position:absolute;right:0;top:calc(100% + 6px);display:none;min-width:220px;max-width:320px;max-height:60vh;overflow-y:auto;padding:8px;margin:0;list-style:none;background:#ffffff;border:1px solid #e6e6e6;border-radius:6px;box-shadow:0 6px 12px -4px rgba(0,0,0,0.2);z-index:4000}.hx-quick-view-header .qh-action-dropdown-group.is-open .qh-action-dropdown-menu{display:block}.hx-quick-view-header .qh-action-dropdown-menu-enter-active,.hx-quick-view-header .qh-action-dropdown-menu-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.hx-quick-view-header .qh-action-dropdown-menu-enter-from,.hx-quick-view-header .qh-action-dropdown-menu-leave-to{opacity:0;transform:translateY(-8px)}.hx-quick-view-header .qh-action-dropdown-item{appearance:none;-webkit-appearance:none;background:transparent;border:0;width:100%;text-align:left;padding:0.5rem 0.75rem;margin:0;font:inherit;color:#0f172a;cursor:pointer;border-radius:6px}.hx-quick-view-header .qh-action-dropdown-item:hover,.hx-quick-view-header .qh-action-dropdown-item:focus-visible{outline:none;background:#f8fafc}.hx-quick-view-header .qh-action-dropdown-item.hx-btn--primary{background:#1d4ed8;color:#fff;border:0}.hx-quick-view-header .qh-action-dropdown-item.hx-btn--danger{color:#b91c1c;background:#fef2f2}.desktop-only{display:none!important}@media (min-width:1024px){.desktop-only{display:inline!important}}@media (max-width:480px){.hx-quick-view-header .qh-action-dropdown-menu{min-width:70vw;right:8px;left:auto}}.hx-quick-view-header .static-form-button{display:flex;align-items:center;gap:8px;margin-left:auto}.hx-quick-view-header .static-form-button .btn-state{width:32px;height:32px;border-radius:8px;border:1px solid #e5e7eb;background:#ffffff;color:#0f172a;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:all 0.15s ease}.hx-quick-view-header .static-form-button .btn-state:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 1px 3px rgba(0,0,0,0.08)}.hx-quick-view-header .static-form-button .button-icon{width:1em;height:1em;fill:currentColor;stroke:currentColor}

/** webx/static/css/views/pivot/pivot-view.css **/
.hx-pivot-view{display:flex;position:relative;padding:20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;height:100vh;flex-direction:column;overflow:hidden}.hx-pivot-view .pivot-sub-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.hx-pivot-view .pivot-table-wrapper{overflow-y:auto;overflow-x:auto;background:white;margin-right:2.5rem;margin-top:1rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);border:1px solid #e1e5e9;position:relative;max-height:calc(100vh - 140px);min-height:0}.hx-pivot-view .pivot-table{width:100%;border-collapse:separate;border-spacing:0;background:white;min-width:max-content}.hx-pivot-view .pivot-table th,.hx-pivot-view .pivot-table td{padding:12px 16px;border-right:1px solid #e1e5e9;border-bottom:1px solid #e1e5e9}.hx-pivot-view .pivot-table th{background-color:#f5f5f5;color:rgb(0,0,0);text-align:left;font-family:'SF Mono',Monaco,'Cascadia Code',monospace}.hx-pivot-view .pivot-row-header.sub-row{background-color:#f5f5f5!important;font-weight:300;padding-left:24px;color:#495057}.hx-pivot-view .pivot-table thead th{position:sticky;top:0;z-index:2;background-color:#f5f5f5}.hx-pivot-view .pivot-table thead tr:nth-child(2) th{top:40px}.hx-pivot-view .pivot-table tbody tr.pivot-sticky-parent th,.hx-pivot-view .pivot-table tbody tr.pivot-sticky-parent td{position:sticky;top:85px;z-index:2;background-color:#ffffff;border-top:1px solid #dee2e6;border-bottom:1px solid #dee2e6}.hx-pivot-view .pivot-table thead th:hover{background-color:#acbac8;cursor:pointer}.hx-pivot-view .pivot-table tbody th:hover{background-color:#acbac8;cursor:pointer}.hx-pivot-view .pivot-table tbody tr{height:52px}.hx-pivot-view .pivot-table tbody tr:hover .pivot-row-header.sub-row{background-color:#b3d1ee!important}.hx-pivot-view .pivot.expand-btn{border:none;visibility:hidden;opacity:0;transition:opacity 0.2s ease,visibility 0.2s ease}.hx-pivot-view .pivot.expand-btn:hover{scale:1.1}.hx-pivot-view .pivot-table tbody th:hover .pivot.expand-btn,.hx-pivot-view .pivot-table tbody tr:hover .pivot.expand-btn{visibility:visible;opacity:1}.hx-pivot-view .pivot-table thead th:hover .pivot.expand-btn{background-color:#acbac8;visibility:visible;opacity:1}@media (max-width:1200px){.hx-pivot-view .pivot-table{font-size:12px}.hx-pivot-view .pivot-table th,.hx-pivot-view .pivot-table td{padding:8px 12px}}@media (max-width:768px){.hx-pivot-view{padding:16px}.hx-pivot-view .pivot-table{font-size:11px;overflow-x:auto;display:block;white-space:nowrap}.hx-pivot-view .pivot-table thead,.hx-pivot-view .pivot-table tbody,.hx-pivot-view .pivot-table tr{display:table;width:100%;table-layout:fixed}.hx-pivot-view .pivot-table th,.hx-pivot-view .pivot-table td{padding:6px 8px}.hx-pivot-view .pivot-title{font-size:20px}}.hx-pivot-view .pivot-scroll-container{max-height:100%;overflow-y:auto}.hx-pivot-view .pivot-table tbody tr.pivot-load-more-row td{background-color:#f8f9fa;border-top:1px solid #dee2e6;border-bottom:1px solid #dee2e6}.hx-pivot-view .pivot-load-more-btn{padding:4px 12px;border-radius:16px;border:1px solid #6c757d;background:white;color:#6c757d;font-size:12px}.hx-pivot-view .pivot-load-more-btn:hover{background-color:#e9ecef}

/** webx/static/css/views/pivot/pivot-right-sidebar.css **/
.hx-pivot-right-sidebar{position:fixed;display:flex;right:0;top:3.3rem;transition:transform 0.4s ease-in-out;background:#f0f0f0;z-index:1000}.hx-pivot-right-sidebar.closed{transform:translateX(calc(100% - 48px))}.hx-pivot-right-sidebar .pivot.sidebar-toggle-btn{position:absolute;left:-3.3rem;top:40%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.2s;z-index:100}.hx-pivot-right-sidebar .pivot.sidebar-toggle-btn:hover{background:#f1f5fa}.hx-pivot-right-sidebar .pivot.sidebar-toggle-btn.alt-row-btn{transform:rotate(90deg);width:5rem;background:#ffffff;border-right:solid 1px #b6bec6;border-bottom:solid 1px #b6bec6;border-left:solid 1px #b6bec6;border-top:1px solid #ffffff;border-radius:0px 0px 5px 5px}.hx-pivot-right-sidebar .pivot.sidebar-toggle-btn.alt-row-btn svg use{fill:#639bd4;transform:scale(1.2)}.hx-pivot-right-sidebar .pivot.sidebar-icon-bar{width:48px;min-width:48px;background:#ffffff;border-right:1px solid #b6bec6;border-left:1px solid #b6bec6;display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:12px;transition:transform 0.8s ease-in-out}.hx-pivot-right-sidebar .pivot-icon-btn{height:40px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background 0.2s,color 0.2s;background:white}.hx-pivot-right-sidebar .pivot-icon-btn:hover{background:#e3f0ff}.hx-pivot-right-sidebar .pivot-icon-btn.active{background:#e3f0ff;color:white}.hx-pivot-right-sidebar .pivot-icon-btn.chart-btn svg use{fill:#357abd}.hx-pivot-right-sidebar .pivot-icon-btn.pie-btn svg use{fill:#357abd}.hx-pivot-right-sidebar .pivot-icon-btn.layer-btn svg use{fill:#357abd}.hx-pivot-right-sidebar .pivot-icon-btn.stack-btn svg use{fill:#3498db}.hx-pivot-right-sidebar .pivot-icon-btn.grid-btn svg use{fill:#3498db}.hx-pivot-right-sidebar .pivot-icon-btn.pivot-v2-btn svg use{fill:#3498db}.hx-pivot-right-sidebar .pivot-icon-btn.kanban-btn svg use{fill:#3498db}.hx-pivot-right-sidebar .pivot-icon-btn.list-btn svg use{fill:#3498db}.hx-pivot-right-sidebar .pivot-right-sidebar{width:280px;background:#ffffff;border-left:1px solid #e1e5e9;height:100vh;padding:16px;box-sizing:border-box;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;transition:transform 0.3s ease-in-out}.hx-pivot-right-sidebar .pivot.section-header{display:flex;align-items:center;margin-bottom:12px;margin-top:12px}.hx-pivot-right-sidebar .pivot.section-icon{color:#6c757d;display:flex;align-items:center}.hx-pivot-right-sidebar .pivot.section-title{font-size:12px;font-weight:600;color:#000000;letter-spacing:0.5px;text-transform:uppercase}.hx-pivot-right-sidebar .pivot.custom-options{display:flex;flex-direction:column;gap:12px;padding-left:1rem;padding-bottom:1rem}.hx-pivot-right-sidebar .pivot.custom-option{display:flex;align-items:center;gap:12px;justify-content:space-between}.hx-pivot-right-sidebar .pivot.option-label,.hx-pivot-right-sidebar .pivot.expand-label{font-weight:bold;font-size:18px;color:#2c3e50;font-weight:400}.hx-pivot-right-sidebar .pivot.measure-options{display:flex;flex-direction:column;gap:8px;padding-left:1rem}.hx-pivot-right-sidebar .pivot.measure-option{display:flex;align-items:center}.hx-pivot-right-sidebar .pivot.toggle-switch{position:relative;right:11px;display:inline-block;width:40px;height:20px}.pivot.toggle-switch input{opacity:0;width:0;height:0}.hx-pivot-right-sidebar .pivot.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4a90e2;transition:transform 0.3s ease-in-out;border-radius:20px}.hx-pivot-right-sidebar .pivot.toggle-slider:before{position:absolute;content:'';height:16px;width:16px;left:2px;bottom:2px;background-color:white;transition:transform 0.3s ease-in-out;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.hx-pivot-right-sidebar .pivot.toggle-switch input:checked + .toggle-slider:before{transform:translateX(20px)}.hx-pivot-right-sidebar .pivot.toggle-switch input:not(:checked) + .toggle-slider{background-color:#ccc}.hx-pivot-right-sidebar .pivot.checkbox-container{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 0;width:100%}.hx-pivot-right-sidebar .pivot.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.hx-pivot-right-sidebar .pivot.checkmark{height:16px;width:16px;background-color:#ffffff;border:2px solid #d1d5db;border-radius:3px;position:relative;transition:all 0.2s ease}.hx-pivot-right-sidebar .pivot.checkbox-container input:checked ~ .checkmark{background-color:#4a90e2;border-color:#4a90e2}.hx-pivot-right-sidebar .pivot.checkmark:after{content:'';position:absolute;display:none;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.hx-pivot-right-sidebar .pivot.checkbox-container input:checked ~ .checkmark:after{display:block}.hx-pivot-right-sidebar .pivot.checkbox-label{font-size:14px;color:#2c3e50;line-height:1.4;user-select:none}.hx-pivot-right-sidebar .pivot.checkbox-container:hover .checkmark{border-color:#4a90e2;box-shadow:0 0 0 2px rgba(74,144,226,0.1)}.hx-pivot-right-sidebar .pivot.checkbox-container:hover .checkbox-label{color:#1a252f}@media (max-width:1024px){.hx-pivot-right-sidebar .pivot-right-sidebar{width:260px;position:fixed;right:0;top:0;z-index:1000;box-shadow:-2px 0 8px rgba(0,0,0,0.1);transform:translateX(100%);transition:transform 0.3s ease-in-out}.hx-pivot-right-sidebar .pivot-right-sidebar.open{transform:translateX(0)}}@media (max-width:768px){.hx-pivot-right-sidebar{position:fixed;right:0;top:0;bottom:0;width:100%;max-width:320px;transform:translateX(100%);transition:transform 0.3s ease-in-out}.hx-pivot-right-sidebar.closed{transform:translateX(0)}.hx-pivot-right-sidebar .pivot-right-sidebar{width:100%;max-width:320px}.hx-pivot-right-sidebar .pivot.section-title{font-size:11px}.hx-pivot-right-sidebar .pivot.checkbox-label,.hx-pivot-right-sidebar .pivot.option-label{font-size:13px}.hx-pivot-right-sidebar .pivot.sidebar-toggle-btn{left:-40px;right:100%;top:50%;transform:none}}

/** webx/static/css/views/pivot/pivot-view-action-bar.css **/
.hx-pivot-view-action-bar{display:flex;flex:0 0 auto;justify-content:space-between;align-items:center;min-height:60px;box-sizing:border-box;margin-right:2.4rem;padding:0 0 16px 0;position:sticky;top:0;z-index:10}.hx-pivot-view-action-bar.action-left{display:flex;align-items:center;flex:1}.hx-pivot-view-action-bar.action-right{display:flex;flex-direction:row;gap:12px}.hx-pivot-view-action-bar.pivot-title{color:#2c3e50;margin:0;font-size:24px;font-weight:600;line-height:1.2}.hx-pivot-view-action-bar .action-bar-item{max-height:40px;position:relative}.action-bar-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease;min-height:36px;box-sizing:border-box;white-space:nowrap}.action-bar-button.clear-all-button{background-color:transparent;color:#dc3545;border-color:#dc3545}.action-bar-button.clear-all-button:hover{background-color:#dc3545;color:white;transform:scaleX(0.9)}.action-bar-button.swap-button{background-color:#4a90e2;color:white;border-color:#4a90e2}.action-bar-button.swap-button:hover{background-color:#357abd;border-color:#357abd;transform:scaleX(0.9)}.action-bar-button.swap-button svg use{fill:white}.action-bar-button.export-button{background-color:#4a90e2;color:white;border-color:#4a90e2}.action-bar-button.export-button:hover{background-color:#357abd;border-color:#357abd;transform:scaleX(0.9)}.action-bar-button.export-button svg use{fill:white}@media (max-width:768px){.hx-pivot-view-action-bar{flex-direction:column;gap:16px;align-items:stretch;padding:16px}.hx-pivot-view-action-bar.action-left{justify-content:center;width:100%}.hx-pivot-view-action-bar.action-right{justify-content:center;width:100%;gap:8px}.hx-pivot-view-action-bar.pivot-title{font-size:20px;text-align:center}}@media (max-width:480px){.hx-pivot-view-action-bar{flex-direction:column;gap:12px;align-items:stretch;padding:12px}.hx-pivot-view-action-bar.action-left{gap:8px;width:100%;justify-content:center}.hx-pivot-view-action-bar.action-right{flex-direction:column;gap:8px;width:100%}.hx-pivot-view-action-bar.action-bar-button{width:100%;min-width:0;box-sizing:border-box;justify-content:center;padding:12px 16px}.hx-pivot-view-action-bar.pivot-title{font-size:18px;text-align:center}}@media (max-width:320px){.hx-pivot-view-action-bar{padding:8px}.hx-pivot-view-action-bar.action-bar-button{padding:10px 12px;font-size:13px}.hx-pivot-view-action-bar.pivot-title{font-size:16px}}

/** webx/static/css/views/pivot/pivot-view-popup.css **/
.pivot.popup-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh}.pivot.modern-popup{position:fixed;min-width:250px;max-width:300px;background-color:white;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.15);z-index:40;border:1px solid #e1e5e9;overflow:hidden;animation:popupFadeIn 0.3s ease-out}.pivot.search-wrapper{position:relative;display:inline-block;padding-left:1rem;padding-top:1rem;margin-bottom:1rem}.pivot.search-wrapper .search-icon{position:absolute;left:1.8rem;top:1.5rem;transform:translateY(-50%);pointer-events:none}.pivot.search-wrapper input{padding-left:2.5rem;border-radius:8px;height:36px;border:1px solid #ccc}.pivot.highlighted-row{background-color:#e8f4fd!important;border:2px solid #4a90e2}.pivot.highlighted-row .pivot-row-header{background-color:#e8f4fd!important}@keyframes popupFadeIn{from{opacity:0;transform:scale(0.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.pivot.popup-content{max-height:200px;overflow-y:auto}.pivot.menu-item{padding:10px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f3f4;position:relative;transition:background-color 0.2s ease}.pivot.menu-item:hover{background-color:#f8f9fa}.pivot.menu-item:last-child{border-bottom:none}.pivot.menu-label{font-size:14px;color:#2c3e50}.pivot.menu-arrow{color:#6c757d;font-size:12px;transition:transform 0.2s ease}.pivot.menu-item.expandable:hover .pivot.menu-arrow{transform:translateX(2px)}.pivot.submenu-popup{position:fixed;min-width:200px;max-width:240px;z-index:1001}.pivot.submenu-item{padding:8px 12px;font-size:13px;color:#2c3e50;cursor:pointer;border-bottom:1px solid #f1f3f4}.pivot.submenu-item:hover{background-color:#a5cff9}.pivot.submenu-item:last-child{border-bottom:none}.pivot.submenu-item.active{background-color:#e3f2fd;color:#1565c0;font-weight:500}.pivot.submenu-item.disabled{color:#adb5bd;cursor:not-allowed}.pivot.submenu-item.disabled:hover{background-color:transparent}@media (max-width:768px){.pivot.modern-popup{position:fixed;bottom:0;left:0;right:0;top:auto;border-radius:16px 16px 0 0;max-height:80vh;animation:popupSlideUp 0.3s ease-out}@keyframes popupSlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.pivot.submenu-popup{position:relative;left:0;top:0;width:100%;border:none;border-top:1px solid #e1e5e9;border-radius:0;box-shadow:none;margin-top:0}}

/** webx/static/css/views/pivot/pivot-v2/pivot-view-popup-v2.css **/
.hx-pivot-view-popup-v2{position:fixed;background-color:white;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.15);z-index:40;border:1px solid #e1e5e9;overflow:hidden;animation:popupFadeIn 0.3s ease-out;padding:1rem}.hx-pivot-view-popup-v2 .search-wrapper{display:flex;padding:8px;border:1px solid #ccc;border-radius:8px}.hx-pivot-view-popup-v2 .search-wrapper input{border:none}

/** webx/static/css/views/pivot/pivot-v2/pivot-view-table-v2.css **/
.hx-pivot-view-table-v2{padding:2%;margin-right:4rem;overflow-y:auto;overflow-x:auto;position:relative;height:100vh;max-height:80vh}.hx-pivot-view-table-v2 .pivot-table-v2{border:2px solid #e1e5e9;border-radius:8px;width:100%;border-collapse:separate;background:white;text-wrap:nowrap}.hx-pivot-view-table-v2 .pivot-table-v2 th{background-color:#f5f5f5}.pivot-table-v2 tbody tr:first-child th,.pivot-table-v2 tbody tr:first-child td{border-top:2px solid #e1e5e9}.pivot-table-v2 thead tr:last-child th{position:sticky;z-index:2;top:0}.hx-pivot-view-table-v2 .pivot-table-v2 thead th{padding:12px;border:1px solid #e1e5e9;text-align:left;vertical-align:top;font-weight:600}.hx-pivot-view-table-v2 .pivot-table-v2 tbody th{text-align:left;vertical-align:top;font-weight:600;padding:12px;border-right:1px solid #e1e5e9;border-bottom:1px solid #e1e5e9}.hx-pivot-view-table-v2 .pivot-table-v2 th:hover{background-color:#acbac8;cursor:pointer}.hx-pivot-view-table-v2 .pivot-table-v2 th:hover .pivot.expand-btn{background-color:#acbac8;cursor:pointer;visibility:visible}.hx-pivot-view-table-v2 .pivot-table-v2 td{padding:8px;border-right:1px solid #e1e5e9;border-bottom:1px solid #e1e5e9}.hx-pivot-view-table-v2 .pivot.expand-btn{fill:rgb(29,29,33);visibility:hidden}.hx-pivot-view-table-v2 .pivot-v2-details{margin-top:18px;font-weight:400;margin-bottom:18px;margin-left:24px}

/** webx/static/css/views/pivot/pivot-v2/pivot-view-action-bar-v2.css **/
.hx-pivot-view-action-bar-v2{display:flex;flex:0 0 auto;justify-content:space-between;align-items:center;padding:1rem 2rem 0 1rem}.hx-pivot-view-action-bar-v2 .custom-option{display:flex;gap:8px}.hx-pivot-view-action-bar-v2 .pivot-v2.label-slider{position:relative;width:40px;height:21px}.hx-pivot-view-action-bar-v2 .pivot-v2.label-slider input:checked + .toggle-slider:before{transform:translateX(20px)}.hx-pivot-view-action-bar-v2 .pivot-v2.label-slider input:not(:checked) + .toggle-slider{background-color:#ccc}.hx-pivot-view-action-bar-v2 .pivot-v2.toggle-slider{position:absolute;cursor:pointer;top:0;left:-2px;right:0;bottom:0;background-color:#4a90e2;transition:transform 0.3s ease-in-out;border-radius:20px}.hx-pivot-view-action-bar-v2 .pivot-v2.toggle-slider:before{position:absolute;content:'';height:17px;width:17px;left:2px;bottom:2px;background-color:white;transition:transform 0.3s ease-in-out;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.2)}

/** webx/static/css/views/pivot/pivot-v2/pivot-view-v2.css **/
.hx-pivot-view-v2{display:flex;position:relative;padding:20px}

/** webx/static/css/views/gantt/gant-view.css **/
.gantt-view-container{width:100%;height:100%;overflow:hidden}.gantt-view{flex:1;min-height:0}

/** webx/static/css/views/calendar/calendar-view.css **/
.hx-calendar-view{display:flex;flex-direction:column;width:100%;height:100%}.hx-calendar-panel{background:var(--action-bar-bg,#ffffff);border:1px solid var(--action-bar-border,#e6e6e6);border-radius:12px;padding:12px}.hx-calendar-canvas{min-height:640px}.hx-calendar-empty{margin-top:12px;font-size:12px;color:#667085}.hx-calendar-view .fc{--fc-border-color:var(--action-bar-border,#e6e6e6);--fc-page-bg-color:transparent;--fc-neutral-bg-color:#f8fafc;--hx-calendar-gap-color:var(--action-bar-bg,#ffffff);--hx-timegrid-more-width:84px;--hx-timegrid-more-gap:6px;--fc-button-text-color:#ffffff;--fc-button-bg-color:#2a5ea2;--fc-button-border-color:#2a5ea2;--fc-button-hover-bg-color:#1c4f92;--fc-button-hover-border-color:#1c4f92;--fc-button-active-bg-color:#173f73;--fc-button-active-border-color:#173f73;--fc-event-bg-color:#2a5ea2;--fc-event-border-color:#2a5ea2;--fc-event-text-color:#ffffff;color:var(--action-bar-text,#1e1e1e);font-family:inherit}.hx-calendar-view .fc .fc-toolbar-title{font-size:20px;font-weight:600;color:var(--action-bar-text,#1e1e1e)}.hx-calendar-view .fc .fc-button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;text-transform:capitalize;box-shadow:none;height:36px;padding:0 14px;font-size:14px;line-height:1;transition:background-color 0.3s ease,border-color 0.3s ease,color 0.3s ease,box-shadow 0.3s ease}.hx-calendar-view .fc .fc-button .fc-icon{font-size:20px;line-height:1}.hx-calendar-view .fc .fc-button.fc-prev-button,.hx-calendar-view .fc .fc-button.fc-next-button{width:36px;padding:0}.hx-calendar-view .fc .fc-button-primary:not(:disabled){background:var(--fc-button-bg-color);border-color:var(--fc-button-border-color)}.hx-calendar-view .fc .fc-button-primary:not(:disabled):hover{background:var(--fc-button-hover-bg-color);border-color:var(--fc-button-hover-border-color)}.hx-calendar-view .fc .fc-button-primary:not(:disabled):active,.hx-calendar-view .fc .fc-button-primary:not(:disabled).fc-button-active{background:var(--fc-button-active-bg-color);border-color:var(--fc-button-active-border-color);box-shadow:0 2px 6px rgba(23,63,115,0.25),inset 0 0 0 1px rgba(255,255,255,0.25)}.hx-calendar-view .fc .fc-button:focus{box-shadow:0 0 0 2px rgba(42,94,162,0.2)}.hx-calendar-view .fc a{color:inherit;text-decoration:none}.hx-calendar-view .fc a[data-navlink]:hover{color:var(--action-bar-text,#1e1e1e);text-decoration:none}.hx-calendar-view .fc .fc-event,.hx-calendar-view .fc .fc-list-event{cursor:pointer;transition:filter 0.3s ease,box-shadow 0.3s ease,transform 0.3s ease}.hx-calendar-view .fc .fc-event:hover,.hx-calendar-view .fc .fc-list-event:hover{filter:brightness(0.96)}.hx-calendar-view .fc .fc-timegrid-col-events .fc-timegrid-event-harness{padding:0 6px;box-sizing:border-box}.hx-calendar-view .fc .fc-timegrid-event-harness>.fc-timegrid-event{left:6px;right:calc(6px + var(--hx-timegrid-more-width) + var(--hx-timegrid-more-gap))}.hx-calendar-view .fc .fc-timegrid-col-events .fc-timegrid-event{margin-bottom:6px}.hx-calendar-view .fc .fc-timegrid-axis{width:72px}.hx-calendar-view .fc .fc-timegrid-axis-cushion{min-width:72px;padding:0 8px;white-space:nowrap;word-break:keep-all;overflow-wrap:normal}.hx-calendar-view .fc .fc-timegrid-event{box-shadow:0 0 0 2px var(--hx-calendar-gap-color)}.hx-calendar-view .fc .fc-popover{background:var(--action-bar-bg,#ffffff);border:1px solid var(--action-bar-border,#e6e6e6);border-radius:12px;overflow:hidden;box-shadow:0 16px 32px rgba(15,23,42,0.12);z-index:20;opacity:0;transform:translateY(6px);animation:hx-calendar-popover-in 0.3s ease forwards}.hx-calendar-view .fc .fc-popover-header{padding:10px 12px;border-bottom:1px solid var(--action-bar-border,#e6e6e6);border-top-left-radius:12px;border-top-right-radius:12px}.hx-calendar-view .fc .fc-popover-title{font-size:14px;font-weight:600;color:var(--action-bar-text,#1e1e1e)}.hx-calendar-view .fc .fc-popover-close{color:#98a2b3;opacity:1}.hx-calendar-view .fc .fc-popover-close:hover{color:var(--action-bar-text,#1e1e1e)}.hx-calendar-view .fc .fc-popover-body{padding:8px 10px 12px;max-height:320px;overflow:auto;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.hx-calendar-view .fc .fc-daygrid-event-harness + .fc-daygrid-event-harness{margin-top:6px}.hx-calendar-view .fc .fc-daygrid-dot-event{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px}.hx-calendar-view .fc .fc-daygrid-dot-event:hover{background:rgba(42,94,162,0.08)}.hx-calendar-view .fc .fc-timegrid-all-day .fc-timegrid-axis-cushion{white-space:nowrap}.hx-calendar-view .fc .fc-daygrid-event-dot{border-color:var(--fc-event-bg-color)}.hx-calendar-view .fc .fc-popover-body .fc-event-title{font-weight:500;line-height:1.35;color:var(--action-bar-text,#1e1e1e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-calendar-view .fc .fc-more-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;min-height:28px;border-radius:999px;background:rgba(42,94,162,0.12);color:#1c4f92;font-size:12px;font-weight:600;line-height:1;text-decoration:none;transition:background-color 0.3s ease,color 0.3s ease;margin-left:12px}.hx-calendar-view .fc .fc-timegrid-col-events{overflow:visible;box-sizing:border-box}.hx-calendar-view .fc .fc-timegrid-more-link{z-index:15;left:auto!important;right:6px!important;display:inline-flex;align-items:center;justify-content:center;width:var(--hx-timegrid-more-width);height:100%;min-height:28px;padding:4px 10px;border-radius:999px;background:rgba(42,94,162,0.12);color:#173f73;font-size:12px;font-weight:600;line-height:1;box-shadow:0 0 0 2px var(--hx-calendar-gap-color);box-sizing:border-box;white-space:nowrap;transition:background-color 0.3s ease,color 0.3s ease}.hx-calendar-view .fc .fc-timegrid-more-link:hover{background:rgba(42,94,162,0.2)}.hx-calendar-view .fc .fc-timegrid-more-link::after{content:' more';font-weight:500}.hx-calendar-view .fc .fc-popover-body .fc-event{background:#f2f4f7!important;border:1px solid #e4e7ec!important;color:var(--action-bar-text,#1e1e1e);border-radius:8px;padding:6px 8px;box-shadow:none}.hx-calendar-view .fc .fc-popover-body .fc-event + .fc-event{margin-top:6px}.hx-calendar-view .fc .fc-popover-body .fc-event-time{color:#667085;font-size:12px;margin-right:6px}.hx-calendar-view .fc .fc-popover-body .fc-event-main{color:var(--action-bar-text,#1e1e1e)}.hx-calendar-view .fc .fc-more-link:hover{background:rgba(42,94,162,0.2);color:#173f73}.hx-calendar-view .fc .fc-more-link:focus-visible{outline:2px solid rgba(42,94,162,0.35);outline-offset:2px}.hx-calendar-popover-ghost{position:absolute;pointer-events:none;margin:0;border-radius:12px;background:var(--action-bar-bg,#ffffff);border:1px solid var(--action-bar-border,#e6e6e6);box-shadow:0 16px 32px rgba(15,23,42,0.12);transform-origin:top left;animation:hx-calendar-popover-out 0.3s ease forwards}@keyframes hx-calendar-popover-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes hx-calendar-popover-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}.hx-calendar-view .fc a[data-navlink],.hx-calendar-view .fc .fc-daygrid-day-frame,.hx-calendar-view .fc .fc-col-header-cell-cushion{transition:color 0.3s ease,background-color 0.3s ease}.hx-calendar-view .fc .fc-col-header-cell-cushion,.hx-calendar-view .fc .fc-daygrid-day-number{color:var(--action-bar-text,#1e1e1e);font-weight:500}.hx-calendar-view .fc .fc-day-other .fc-daygrid-day-number{color:#98a2b3}.hx-calendar-error{margin-top:12px;font-size:12px;color:#b42318}

/** webx/static/css/views/list/fields/list-view-field-text.css **/
.hx-list-view-field-text .diff-text{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;line-height:1.4;min-width:0}.hx-list-view-field-text .diff-json{margin:0;white-space:pre-wrap;font-family:monospace}

/** webx/static/css/views/list/fields/list-view-field-integer.css **/
.hx-list-view-field-integer{display:flex;align-items:center}.hx-list-view-field-integer .widget-handle-drag-active{position:relative}.hx-list-view-field-integer .widget-handle-handle{cursor:grab;width:45px;height:45px;background:transparent;border:1px solid transparent;padding:10px;position:relative}.hx-list-view-field-integer .widget-handle-handle .widget-handle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hx-list-view-field-integer .widget-handle-handle .widget-handle-icon img{display:block;pointer-events:none;width:25px;height:25px}.hx-list-view .widget-handle-dragging{opacity:0;display:none}.hx-list-view .icon-drag-handle{width:20px;height:20px}.hx-list-view .widget-handle-placeholder{outline:2px dashed #00aaff;background:#e0f7ff}.hx-list-view .widget-handle-drag-clone{position:absolute;left:0;right:0;pointer-events:none;background:#fff;border:1px solid #999;opacity:0.9;box-shadow:0 3px 6px rgba(0,0,0,0.2);z-index:10}body.widget-handle-no-select,body.widget-handle-no-select *{user-select:none!important;cursor:grabbing!important}

/** webx/static/css/views/list/fields/list-view-field-many2one.css **/
.hx-list-view-field-many2one .widget-many2one_avatar .many2one_avatar{display:flex;align-items:center}.hx-list-view-field-many2one .widget-many2one_avatar .many2one_avatar_image{border-radius:50%;width:19px;height:19px;object-fit:cover;margin-right:4px}

/** webx/static/css/views/list/fields/list-view-field-many2many.css **/
.hx-list-view-field-many2many{position:relative;display:flex;flex-direction:column;gap:4px;width:100%}.hx-list-view-field-many2many .m2m2-input-wrapper{position:relative;width:100%}.hx-list-view-field-many2many .m2m2-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:40px;width:100%;box-sizing:border-box;padding:6px 36px 6px 10px;border:1px solid #CACBCC;border-radius:8px;background:#FFFFFF}.hx-list-view-field-many2many .m2m2-chips.readonly{background:#E8E9EB;color:#6D6D6E;cursor:not-allowed;opacity:1}.hx-list-view-field-many2many .m2m2-chips:not(.readonly){background-image:linear-gradient(#FFFFFF,#f7f8fa);cursor:pointer;transition:box-shadow .05s ease-in-out}.hx-list-view-field-many2many .m2m2-chips:not(.readonly):hover,.hx-list-view-field-many2many .m2m2-chips:not(.readonly):focus-within{box-shadow:0 1px 4px rgba(49,101,212,0.06),0 0.5px 0.5px rgba(30,42,61,0.03) inset}.hx-list-view-field-many2many .field-mode-read .m2m2-chips:not(.readonly){background:none;cursor:default;min-height:auto;height:auto;padding:0;margin:0;border:none;box-shadow:none!important}.hx-list-view-field-many2many .m2m2-chips.readonly .m2m2-chip{background:#D1D5DB;color:#6D6D6E}.hx-list-view-field-many2many .m2m2-overflow-trigger{background:#F5F5F5!important;color:#666666!important;border:1px solid #E0E0E0!important;cursor:pointer;font-weight:500;font-style:italic}.hx-list-view-field-many2many .m2m2-overflow-trigger:hover{background:#EEEEEE!important;color:#333333!important}.hx-list-view-field-many2many .m2m2-chips.readonly .m2m2-overflow-trigger{background:#F5F5F5!important;color:#9E9E9E!important;border:1px solid #E0E0E0!important;cursor:not-allowed}.hx-list-view-field-many2many .m2m2-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:16px;background:#F0F4FF;color:#1F1F1F;font-size:14px;line-height:20px;transition:background 150ms ease,box-shadow 150ms ease,opacity 150ms ease,transform 150ms ease}.hx-list-view-field-many2many .m2m2-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#FFFFFF;color:#1F1F1F;border:1px solid #CACBCC;cursor:pointer;font-size:12px}.hx-list-view-field-many2many .m2m2-input{flex:1 1 auto;min-width:120px;border:none;outline:none;padding:6px 6px;font-size:16px;line-height:24px;color:#585959}.hx-list-view-field-many2many .m2m2-input:disabled{background:#E8E9EB;color:#6D6D6E;cursor:not-allowed;opacity:1}.hx-list-view-field-many2many .m2m2-chips:has(.m2m2-input:read-only:not(:disabled)){background-image:linear-gradient(#FFFFFF,#f7f8fa);cursor:pointer;transition:box-shadow .05s ease-in-out}.hx-list-view-field-many2many .m2m2-chips:has(.m2m2-input:read-only:not(:disabled)):hover,.hx-list-view-field-many2many .m2m2-chips:has(.m2m2-input:read-only:not(:disabled)):focus-within{box-shadow:0 1px 4px rgba(49,101,212,0.06),0 0.5px 0.5px rgba(30,42,61,0.03) inset}.hx-list-view-field-many2many .m2m2-chips:focus-within{border-color:#80B5FF}.hx-list-view-field-many2many .m2m2-toggle-btn{position:absolute;top:6px;right:6px;border:none;background:transparent;cursor:pointer;padding:2px;display:inline-flex;align-items:center;justify-content:center;transform-origin:center}.hx-list-view-field-many2many .m2m2-toggle-btn.is-up svg{transform:rotate(180deg)}.m2m2-chip-enter-active,.m2m2-chip-leave-active{transition:opacity 150ms ease,transform 150ms ease}.m2m2-chip-enter-from,.m2m2-chip-leave-to{opacity:0;transform:scale(0.95)}.m2m2-chip-move{transition:transform 150ms ease}.hx-list-view-field-many2many .m2m2-dropdown{position:absolute;left:0;top:100%;width:100%;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.08);border-radius:10px;border:1px solid #CACBCC;border-top:none;z-index:1000;padding:0;margin:0;max-height:280px;overflow-y:auto}.hx-list-view-field-many2many .m2m2-dropdown-item{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;font-size:16px;color:#353535;background:#FFFFFF;transition:background 0.18s;min-height:44px;box-sizing:border-box}.hx-list-view-field-many2many .m2m2-dropdown-item .m2m2-check{opacity:0;margin-left:12px;color:currentColor}.hx-list-view-field-many2many .m2m2-dropdown-item.is-selected .m2m2-check{opacity:1}.hx-list-view-field-many2many .m2m2-dropdown-item:hover{background:#FFFFFF}.hx-list-view-field-many2many .m2m2-dropdown-item.is-active{background:#FFFFFF}.hx-list-view-field-many2many .m2m2-dropdown-item.is-selected{background:#F0F4FF;color:#353535}.hx-list-view-field-many2many .m2m2-dropdown-item.is-selected:hover{background:#F0F4FF}.hx-list-view-field-many2many .m2m2-check{width:16px;height:16px}.hx-list-view-field-many2many .m2m2-dropdown-footer{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#fff;border-top:1px solid #E1E2E3}.hx-list-view-field-many2many .m2m2-select-all-btn{border:none;background:transparent;color:#3165D4;border-radius:6px;height:28px;padding:0 12px;cursor:pointer}.hx-list-view-field-many2many .m2m2-reset-btn{border:none;background:transparent;color:#3165D4;border-radius:6px;height:28px;padding:0 12px;cursor:pointer}.hx-list-view-field-many2many .m2m2-apply-btn{border:none;background:#3165D4;color:#fff;border-radius:6px;height:28px;padding:0 14px;cursor:pointer;margin-left:8px}.hx-list-view-field-many2many .m2m2-apply-btn:disabled{background:#E8E9EB;color:#6D6D6E;cursor:not-allowed}

/** webx/static/css/views/list/fields/list-view-field-image.css **/
.hx-list-view-field-image{display:flex;align-items:center}.hx-list-view-field-image .hx-list-view-image{display:flex;align-items:center;margin:auto}.hx-list-view-field-image .hx-list-view-image-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#e9edf2;border:1px solid #e3e6eb}.hx-list-view-field-image .hx-list-view-image-avatar.is-fallback{opacity:0.7}

/** webx/static/css/views/list/fields/list-view-field-m2m-user-count.css **/
.hx-list-view-field-m2m-user-count{display:inline-flex;align-items:center;gap:6px}.hx-list-view-field-m2m-user-count .hx-tmc-icon{display:inline-flex;align-items:center;opacity:0.75}.hx-list-view-field-m2m-user-count .hx-tmc-count{font-size:13px;font-weight:500;min-width:16px;text-align:right}

/** webx/static/css/views/list/fields/list-view-field-m2m-avatar.css **/
.hx-list-view-field-m2m-avatar .hx-m2m-avatar-item{width:28px;height:28px;border-width:3px;border-color:#75aaf0}.hx-list-view-field-m2m-avatar .hx-m2m-avatar-item + .hx-m2m-avatar-item{margin-left:-8px}.hx-list-view-field-m2m-avatar .hx-m2m-avatar-overflow-text{font-size:10px}

/** webx/static/css/views/list/fields/list-view-field-boolean.css **/
.hx-list-view-field-boolean{min-width:200px}.hx-list-view-field-boolean .toggle-switch{width:42px;height:26px;background:#d1d5db;border-radius:13px;display:inline-block;position:relative;transition:background 0.2s;vertical-align:middle}.hx-list-view-field-boolean .toggle-switch.checked{background:#2563eb}.hx-list-view-field-boolean .toggle-switch.disabled{opacity:0.5;pointer-events:none}.hx-list-view-field-boolean .toggle-slider{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.07);transition:left 0.2s}.hx-list-view-field-boolean .toggle-switch.checked .toggle-slider{left:19px}

/** webx/static/css/views/list/list-view-skeleton.css **/
:root{--skeleton-color-light:#ececec;--skeleton-color-dark:#e0e0e0}@keyframes skeleton-loading{0%{background-position:-200% 0}100%{background-position:200% 0}}.hx-list-view-skeleton{height:302px;display:flex;flex-direction:column;width:100%;box-sizing:border-box;background:transparent;gap:16px;padding:0}.hx-list-view-skeleton .skeleton-block{flex:1 1 0;min-height:200px;border-radius:8px;background:linear-gradient(90deg,var(--skeleton-color-light),var(--skeleton-color-dark),var(--skeleton-color-light));background-size:200% 100%;animation:skeleton-loading 1.2s cubic-bezier(.4,0,.6,1) infinite}

/** webx/static/css/views/list/list-view-group-records.css **/
.hx-list-view-group-records>tr{cursor:pointer}.hx-list-view-group-records>tr:hover{background:#FCFCFC;transition:background 0.15s}

/** webx/static/css/views/list/list-view-header-group.css **/
.hx-list-view-header-group .list-v2-header{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px;background:#ffffff;border:1px solid #e1e2e3;border-radius:16px;padding:8px 10px}.hx-list-view-header-group .list-v2-header-group{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap;justify-content:space-between;width:100%}.hx-list-view-header-group .list-category-container{flex:1;min-width:0;position:relative;overflow:hidden}.hx-list-view-header-group .list-category-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.hx-list-view-header-group .list-category-tabs::-webkit-scrollbar{display:none}.hx-list-view-header-group .list-category-tab{border:none;background:transparent;padding:0 20px;height:47px;font-size:14px;font-weight:400;color:#1e1e1e;position:relative;cursor:pointer;white-space:nowrap;transition:color 0.3s ease}.hx-list-view-header-group .list-category-tab:disabled{opacity:0.6;cursor:not-allowed}.hx-list-view-header-group .list-category-tab::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;opacity:0;transition:opacity 0.3s ease,transform 0.3s ease,background 0.3s ease;pointer-events:none}.hx-list-view-header-group .list-category-tab.active{font-weight:600}.hx-list-view-header-group .list-category-tab.active::after{background:#006fff;height:3px;opacity:1}.hx-list-view-header-group .list-category-tab:not(.active):hover::after{background:#e8e9eb;opacity:1}.hx-list-view-header-group .list-more-dropdown-enter-active,.hx-list-view-header-group .list-more-dropdown-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.hx-list-view-header-group .list-more-dropdown-enter-from,.hx-list-view-header-group .list-more-dropdown-leave-to{opacity:0;transform:translateY(-6px)}.hx-list-view-header-group .list-category-more{position:relative}.hx-list-view-header-group .list-category-more-btn{display:inline-flex;align-items:center;gap:6px}.hx-list-view-header-group .list-more-dropdown{position:fixed;top:auto;right:auto;background:#ffffff;border:1px solid #e1e2e3;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,0.08);padding:6px 0;min-width:200px;z-index:5;margin-top:5px}.hx-list-view-header-group .list-more-item{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;padding:10px 16px;font-size:14px;color:#1e1e1e;cursor:pointer}.hx-list-view-header-group .list-more-item:hover{background:#f8f9fa}.hx-list-view-header-group .list-more-item.active{background:#e8f2ff;font-weight:600}.hx-list-view-header-group .list-category-count{margin-left:6px;font-weight:600;color:#6b7280;font-size:13px}.hx-list-view-header-group .list-header-search{position:relative;display:flex;align-items:center;max-width:300px}.hx-list-view-header-group .list-header-search-input{border:1px solid #e1e2e3;border-radius:8px;padding:10px 16px;padding-left:40px;font-size:14px;color:#1e1e1e;width:100%;transition:border-color 0.3s ease}.hx-list-view-header-group .list-header-search-input:focus{outline:none;border-color:#006fff}.hx-list-view-header-group .search-icon{position:absolute;left:16px;width:16px;height:16px;color:#6b7280}

/** webx/static/css/views/list/list-view-skeleton-loading.css **/
:root{--skeleton-color-light:#ececec;--skeleton-color-dark:#e0e0e0}@keyframes hx-skeleton-loading{0%{background-position:-200% 0}100%{background-position:200% 0}}tr.hx-list-view-skeleton-loading td{padding:10px 12px}.hx-list-view-skeleton-loading .skeleton-line{width:100%;display:block}.hx-list-view-skeleton-loading .skeleton-bar{display:block;width:100%;height:14px;border-radius:8px;background:linear-gradient(90deg,var(--skeleton-color-light),var(--skeleton-color-dark),var(--skeleton-color-light));background-size:200% 100%;animation:hx-skeleton-loading 1.2s cubic-bezier(.4,0,.6,1) infinite}

/** webx/static/css/views/list/list-view.css **/
:root.light{--list-bg:#ffffff;--list-border:#e6e6e6;--list-text:#1e1e1e;--list-header-bg:#f5f5f5;--list-header-bg-hover:#ebebeb;--list-sort-icon:#1e1e1e;--list-checkbox-border:#e6e6e6;--input-bg:#ffffff;--input-text:#1e1e1e;--input-border:#d9d9d9;--input-placeholder:#9aa0a6;--focus-ring:#3b82f6;--chip-bg:#eef2f7}:root.dark{--list-bg:#1e1e1e;--list-border:#444444;--list-text:#f0f0f0;--list-header-bg:#2a2a2a;--list-header-bg-hover:#333333;--list-sort-icon:#f0f0f0;--list-checkbox-border:#444444;--input-bg:#222222;--input-text:#f2f2f2;--input-border:#555555;--input-placeholder:#a1a1a1;--focus-ring:#60a5fa;--chip-bg:#2f3336}.hx-list-view-waiting-process-action-state{width:100%;height:1301px}.hx-list-view{display:flex;flex-direction:column;background-color:var(--list-bg);border:1px solid var(--list-border);border-radius:8px;overflow:visible;position:relative;--list-checkbox-size:16px;--list-cell-padding-inline:16px;--list-checkbox-col-padding-inline:var(--list-cell-padding-inline);--list-checkbox-col-width:56px}.hx-list-view .hx-list-view-table-wrapper{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}.hx-list-view .hx-list-view-thead-scroll{position:sticky;top:0;z-index:6;overflow-x:auto;overflow-y:hidden;max-width:100%;min-width:0;background:var(--list-header-bg);padding-right:var(--hx-list-body-scrollbar-w,0px);scrollbar-width:none;-ms-overflow-style:none}.hx-list-view.is-head-floating{padding-top:0}.hx-list-view .hx-list-view-thead-scroll.is-head-floating{position:fixed;top:var(--hx-topbar-height,56px);z-index:10;background:var(--list-header-bg)}.hx-list-view .hx-list-view-thead-scroll.is-suggestions-open{padding-bottom:0}.hx-list-view .hx-list-view-thead-scroll::-webkit-scrollbar{height:0}.hx-list-view .hx-list-view-table-scroll{position:relative;overflow-x:auto;overflow-y:visible;min-width:0;min-height:0;max-width:100%}.hx-list-view .hx-list-view-table-scroll.is-resized{overflow-y:auto;resize:none}.hx-action-wizard .hx-list-view .hx-list-view-table-scroll{overflow-y:auto}.hx-list-view .hx-list-view-resize-handle{height:14px;cursor:ns-resize;background:color-mix(in srgb,var(--list-border) 25%,transparent);border-top:1px solid var(--list-border);border-bottom-left-radius:8px;border-bottom-right-radius:8px;position:relative;user-select:none;touch-action:none;z-index:4;pointer-events:auto;display:block}.hx-list-view .hx-list-view-resize-handle::before{content:'';position:absolute;left:50%;top:50%;width:56px;height:4px;transform:translate(-50%,-50%);border-radius:999px;background:color-mix(in srgb,var(--list-border) 85%,transparent)}.hx-action-wizard .hx-list-view .hx-list-view-resize-handle{display:none}body.hx-list-view--resizing{cursor:ns-resize!important}.hx-list-view .hx-list-view-floating-scrollbar{position:sticky;bottom:0;z-index:3;height:14px;overflow-x:auto;overflow-y:hidden;background:var(--list-bg);border-top:1px solid var(--list-border);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.hx-list-view .hx-list-view-floating-scrollbar.is-floating{position:fixed;bottom:0;z-index:12;border-radius:0}.hx-action-wizard .hx-list-view .hx-list-view-floating-scrollbar{display:none}.hx-list-view .hx-list-view-floating-scrollbar.is-hidden{display:none}.hx-list-view .hx-list-view-floating-scrollbar-inner{height:1px}.hx-list-view .data-table{table-layout:fixed;width:100%;border-collapse:collapse;text-align:left;min-width:600px}.hx-list-view .data-table thead{background-color:var(--list-header-bg);position:sticky;top:0;z-index:2;text-transform:capitalize}.hx-list-view .data-table th,.hx-list-view .data-table td{padding:12px var(--list-cell-padding-inline);font-size:14px;color:var(--list-text);border-bottom:1px solid var(--list-border);white-space:nowrap;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.hx-list-view .data-table th{--icon-ty:0;background-color:var(--list-header-bg);position:relative;text-transform:capitalize}.hx-list-view .data-table{overflow:visible}.hx-list-view .table-wrapper{overflow-x:auto;overflow-y:visible}.hx-list-view .hx-list-view-loading-overlay{position:fixed;background:color-mix(in srgb,var(--list-bg) 90%,transparent);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:12;border-radius:8px;filter:drop-shadow(0 8px 24px rgba(0,0,0,0.08));will-change:transform,width,height}.hx-list-view .hx-list-view-loading-spinner{width:44px;height:44px;border:3px solid color-mix(in srgb,var(--list-border) 80%,rgba(0,0,0,0.1) 20%);border-top-color:var(--focus-ring);border-radius:50%;animation:hxListViewSpinner 800ms linear infinite}.hx-list-view .data-table tbody tr:last-child td{border-bottom:none}.hx-list-view .col-wide{min-width:200px}.hx-list-view .col-narrow{width:40px;text-align:center}.hx-list-view .col-action{width:100px;text-align:right}.hx-list-view .sortable-header{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;padding-right:28px}.hx-list-view .sortable-header.is-numeric-header{justify-content:flex-end;text-align:right;padding-right:0;padding-left:0}.hx-list-view .sortable-header.is-numeric-header .body2-semibo{order:2}.hx-list-view .sortable-header.is-numeric-header .smart-buttons{order:1}.hx-list-view .data-table th.is-numeric-header{padding-left:calc(var(--list-cell-padding-inline) + 32px)}.hx-list-view th.is-numeric-header .pin-btn{left:8px!important;right:auto!important}.hx-list-view .sort-icon{color:var(--list-sort-icon);opacity:0.4;transition:opacity 160ms ease}.hx-list-view .data-table th:hover{background-color:var(--list-header-bg-hover);cursor:pointer}.hx-list-view .sort-icon.sort-active{opacity:1}.hx-list-view .sort-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.hx-list-view .sort-icon-wrap .sort-icon-glyph{position:absolute;inset:0;width:100%;height:100%;display:block;will-change:opacity,transform}.hx-list-view .sort-icon-wrap .sort-icon-glyph:not(.sort-desc){transform:rotate(0deg)}.hx-list-view .sort-icon-wrap .sort-icon-glyph.sort-desc{transform:rotate(180deg)}.hx-list-view .sort-icon-wrap .sort-fade-enter-active,.hx-list-view .sort-icon-wrap .sort-fade-leave-active{transition:opacity 280ms cubic-bezier(0.22,1,0.36,1)}.hx-list-view .sort-icon-wrap .sort-fade-enter-from,.hx-list-view .sort-icon-wrap .sort-fade-leave-to{opacity:0}.hx-list-view .sort-icon-wrap .sort-fade-enter-to,.hx-list-view .sort-icon-wrap .sort-fade-leave-from{opacity:1}.hx-list-view .checkbox{width:16px;height:16px;cursor:pointer;border-radius:3px;border:1px solid var(--list-checkbox-border)}.hx-list-view .badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;white-space:nowrap}.hx-list-view .badge-default{background-color:#e0e0e0;color:#616161}.hx-list-view .badge-blue{background-color:#2196f3;color:white}.hx-list-view .badge-green{background-color:#4caf50;color:white}.hx-list-view .badge-orange{background-color:#ff9800;color:white}.hx-list-view .badge-red{background-color:#f44336;color:white}.hx-list-view .badge-black{background-color:#212121;color:white}.hx-list-view .resizable-th{position:relative}.hx-list-view .resize-grip{position:absolute;top:0;right:0;bottom:0;width:8px;cursor:col-resize;z-index:2;user-select:none;background:transparent;display:flex;align-items:stretch;justify-content:flex-end}.hx-list-view .resize-grip:hover{background-color:var(--list-border)}.hx-list-view .resize-grip .resize-bar{width:2px;height:100%;background-color:var(--list-border);border-radius:2px;pointer-events:none}.hx-list-view .resize-grip:hover .resize-bar{background-color:transparent}.hx-list-view .data-table thead{position:sticky;top:0;z-index:40;background-color:var(--list-header-bg)}.hx-list-view .data-table th{position:relative;background-color:var(--list-header-bg)}.hx-list-view .data-table td.is-sticky{position:sticky;left:0;z-index:60;background:#ffffff}.hx-list-view .data-table th.is-sticky{position:sticky;left:0;top:0;z-index:70;background:var(--list-header-bg)}.hx-list-view .data-table .pinned-divider{box-shadow:inset -1px 0 0 rgba(0,0,0,0.08)}.hx-list-view .data-table th .pin-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);z-index:80;opacity:0;border:0;outline:none;background:transparent;cursor:pointer}.hx-list-view .data-table th:hover .pin-btn{opacity:1}.hx-list-view .data-table th .smart-buttons.sort-icon{opacity:0;transform:translateY(var(--icon-ty));pointer-events:none;padding:2px;transition:background-color 140ms ease,opacity 160ms ease,transform 180ms ease}.hx-list-view .data-table th .pin-btn{opacity:0;transform:translateY(-50%) translateY(var(--icon-ty));pointer-events:none;padding:2px;transition:background-color 140ms ease,opacity 160ms ease,transform 180ms ease}.hx-list-view .data-table th .smart-buttons.search-icon-outline{opacity:0;transform:translateY(var(--icon-ty));pointer-events:none;padding:5px;transition:background-color 140ms ease,opacity 160ms ease,transform 180ms ease}.hx-list-view .data-table th:hover,.hx-list-view .data-table th:focus-within{--icon-ty:0px}.hx-list-view .data-table th:hover .smart-buttons,.hx-list-view .data-table th:focus-within .smart-buttons,.hx-list-view .data-table th:hover .pin-btn,.hx-list-view .data-table th:focus-within .pin-btn{opacity:0.4;pointer-events:auto}.hx-list-view .data-table th .sort-icon.sort-active,.hx-list-view .data-table th .search-icon-outline.is-active,.hx-list-view .data-table th .pin-btn.is-active{opacity:1!important;pointer-events:auto;background-color:#d4d5d6;border-radius:6px}.hx-list-view .data-table th .smart-buttons.sort-icon{transform:translateY(var(--icon-ty));transition:opacity 800ms cubic-bezier(0.22,1,0.36,1),background-color 140ms ease;will-change:opacity}.hx-list-view .data-table th .smart-buttons:hover,.hx-list-view .data-table th .smart-buttons:focus-visible,.hx-list-view .data-table th .pin-btn:hover,.hx-list-view .data-table th .pin-btn:focus-visible{background-color:#d4d5d6;border-radius:6px}.hx-list-view .data-table th.th--search-active{background-color:var(--list-header-bg);--icon-ty:0;overflow:visible!important;position:relative;z-index:150!important}.hx-list-view .th-search-wrap{position:relative;display:flex;align-items:center;gap:4px;width:100%;min-width:0;overflow:visible!important;z-index:151!important}.hx-list-view .th-search-input{flex:1 1 auto;min-width:0;height:32px;line-height:1.2;padding:6px 32px 6px 8px;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--input-text);font-size:13px;outline:none;transition:border-color 150ms ease,box-shadow 150ms ease,background-color 150ms ease}.hx-list-view .th-search-input::placeholder{color:var(--input-placeholder)}.hx-list-view .th-search-input:focus-visible{border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 30%,transparent)}.hx-list-view .th-search-date-input{cursor:pointer}.hx-list-view .th-search-date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(0.5)}.hx-list-view .th-search-date-input::-webkit-calendar-picker-indicator:hover{filter:invert(0.3)}.hx-list-view .th-search-select-input{cursor:pointer;background-color:var(--input-bg);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px 12px;padding-right:32px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.hx-list-view .th-search-select-input:hover{border-color:var(--input-border)}.hx-list-view .th-search-select-input:focus{border-color:var(--focus-ring);outline:none;box-shadow:0 0 0 2px rgba(59,130,246,0.1)}.hx-list-view .th-search-select-input option{background-color:var(--input-bg);color:var(--input-text);padding:8px}@media (max-width:768px){.hx-list-view .th-search-input{font-size:12px;padding:6px 28px 6px 6px}.hx-list-view .sortable-header{gap:6px;padding-right:22px}}.hx-list-view .th-search-wrap .dp__main{flex:1 1 auto;min-width:0;width:100%;position:relative}.hx-list-view .th-search-wrap .dp__input_wrap{flex:1 1 auto;min-width:0;width:100%;position:relative}.hx-list-view .th-search-wrap .dp__input,.hx-list-view .th-search-wrap .dp__input_wrap input{flex:1 1 auto;min-width:0;width:100%!important;height:32px!important;line-height:1.2!important;padding:6px 32px 6px 8px!important;border:1px solid var(--input-border)!important;border-radius:8px!important;background:var(--input-bg)!important;color:var(--input-text)!important;font-size:13px!important;font-family:inherit!important;font-weight:400!important;box-sizing:border-box!important;transition:border-color 150ms ease,box-shadow 150ms ease!important}.hx-list-view .th-search-wrap .dp__input:hover,.hx-list-view .th-search-wrap .dp__input_wrap input:hover{border-color:var(--input-border-hover,var(--input-border))!important}.hx-list-view .th-search-wrap .dp__input:focus,.hx-list-view .th-search-wrap .dp__input_wrap input:focus{border-color:var(--focus-ring)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 30%,transparent)!important;outline:none!important}.hx-list-view .th-search-wrap .dp__input::placeholder,.hx-list-view .th-search-wrap .dp__input_wrap input::placeholder{color:var(--input-placeholder)!important;opacity:0.7}.hx-list-view .th-search-wrap .dp__input_icon,.hx-list-view .th-search-wrap .dp__input_icon_pad{display:none!important}.hx-list-view .th-search-wrap .dp__clear_icon,.hx-list-view .th-search-wrap .dp__action_button{display:none!important}.hx-list-view .th-search-wrap .dp__input_icons{display:none!important}.hx-list-view .th-search-wrap .dp__menu_wrapper{position:fixed!important;z-index:99999!important}.hx-list-view .th-search-wrap .dp__menu{margin-top:4px!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,0.15)!important;border:1px solid var(--dropdown-border,#e0e0e0)!important;z-index:99999!important;min-width:280px!important;max-width:320px!important}.hx-list-view .th-search-wrap .dp__menu_inner{overflow:visible!important}.hx-list-view .th-search-wrap .dp__calendar{width:100%!important}.hx-list-view .th-search-wrap .dp__overlay{z-index:99998!important}.hx-list-view .th-search-wrap .dp__outer_menu_wrap{overflow:visible!important}@media (max-width:768px){.hx-list-view .th-search-wrap .dp__menu{min-width:260px!important;max-width:300px!important;font-size:13px!important}.hx-list-view .th-search-wrap .dp__input,.hx-list-view .th-search-wrap .dp__input_wrap input{font-size:12px!important;padding:6px 28px 6px 6px!important}}.hx-list-view .th-search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);height:24px;width:24px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer;border-radius:4px;padding:0;z-index:10}.hx-list-view .th-search-clear:hover,.hx-list-view .th-search-clear:focus-visible{background:var(--chip-bg)}.hx-list-view .th-search-clear .smart-buttons,.hx-list-view .th-search-clear svg{width:16px;height:16px;pointer-events:none}.hx-list-suggestions-overlay{position:fixed;min-width:200px;max-height:240px;overflow-y:auto;background:var(--dropdown-bg,#ffffff);border:1px solid var(--dropdown-border,#e0e0e0);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:10050;display:block!important}.hx-list-suggestions-overlay .suggestions-list{list-style:none;margin:0;padding:4px 0}.hx-list-suggestions-overlay .suggestion-item{padding:8px 12px;cursor:pointer;transition:background-color 150ms ease;color:var(--text-primary,#333);font-size:14px;line-height:1.5}.hx-list-suggestions-overlay .suggestion-item:hover{background-color:var(--hover-bg,#f5f5f5)}.hx-list-suggestions-overlay .suggestion-item.is-selected{background-color:var(--selected-bg,#e3f2fd);color:var(--selected-text,#1976d2)}.hx-list-suggestions-overlay .suggestion-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-list-view .data-table th.th--search-active .pin-btn,.hx-list-view .data-table th.th--search-active .smart-buttons.sort-icon,.hx-list-view .data-table th.th--search-active .smart-buttons.search-icon-outline{opacity:0!important;pointer-events:none!important}.hx-list-view .data-table th.th--search-active .resize-grip{opacity:0;pointer-events:none}.hx-list-view .data-table th.search-divider::after,.hx-list-view .data-table td.search-divider::after{content:'';position:absolute;top:0;right:-1px;width:2px;height:100%;background:linear-gradient(to bottom,color-mix(in srgb,var(--list-border) 80%,transparent),color-mix(in srgb,var(--list-border) 80%,transparent));box-shadow:1px 0 0 color-mix(in srgb,var(--list-border) 60%,transparent);z-index:90}.hx-list-view .data-table td.is-sticky{background-color:var(--list-bg)}.hx-list-view .data-table thead{box-shadow:0 1px 0 var(--list-border)}.hx-list-view .data-table th .smart-buttons{border-radius:6px;min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center}.hx-list-view .data-table th:hover .smart-buttons,.hx-list-view .data-table th:focus-within .smart-buttons,.hx-list-view .data-table th:hover .pin-btn,.hx-list-view .data-table th:focus-within .pin-btn{opacity:0.6}.hx-list-view .data-table th .smart-buttons.search-icon-outline.is-active,.hx-list-view .data-table th .pin-btn.is-active,.hx-list-view .data-table th .sort-icon.sort-active{opacity:1!important;background-color:color-mix(in srgb,var(--list-border) 60%,transparent)}.hx-list-view .data-table th .sortable-header>.body2-semibo{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-list-view .data-table th,.hx-list-view .data-table td{min-width:0}.hx-list-view .data-table td.btn-icon-only-column{padding:0}.hx-list-view::-webkit-scrollbar{height:10px;width:10px}.hx-list-view::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--list-border) 80%,transparent);border-radius:8px}.hx-list-view::-webkit-scrollbar-track{background:transparent}.hx-list-view .data-table th.list-view-checkbox{width:56px!important;min-width:56px!important;max-width:56px!important;padding-left:0!important;padding-right:0!important;padding-top:0!important;padding-bottom:0!important;text-align:center;border-right:1px solid var(--list-border)}.hx-list-view .data-table td.list-view-checkbox{width:56px!important;min-width:56px!important;max-width:56px!important;padding-left:0!important;padding-right:0!important;padding-top:0!important;padding-bottom:0!important;text-align:center;border-right:none}.hx-list-view .data-table th.list-view-checkbox .resize-grip{display:none}.hx-list-view col.list-view-checkbox-col{width:56px!important;min-width:56px!important;max-width:56px!important;flex:0 0 56px}.only_have_2_column col.list-view-checkbox-col{width:56px!important}.hx-list-view .data-table th.hx-list-view-detail-view,.hx-list-view .data-table td.hx-list-view-detail-view{width:7%!important;min-width:100px}@media (max-width:1200px){.hx-list-view .data-table th.hx-list-view-detail-view,.hx-list-view .data-table td.hx-list-view-detail-view{width:10%!important;min-width:100px!important}}.hx-list-view .data-table:has(th:nth-child(10)) th.hx-list-view-detail-view,.hx-list-view .data-table:has(th:nth-child(10)) td.hx-list-view-detail-view{width:100px!important;min-width:100px!important;max-width:100px!important}.hx-list-view-detail-view{min-width:100px}@keyframes thFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes hxListViewSpinner{to{transform:rotate(360deg)}}.hx-list-view .data-table th.th--search-active .th-search-wrap{animation:thFadeIn 160ms ease}.hx-list-view .data-table th:not(.th--search-active) .sortable-header{animation:thFadeIn 160ms ease}.hx-list-view .data-table thead,.hx-list-view .data-table th{transition:background-color 160ms ease,box-shadow 160ms ease}.hx-list-view .data-table th .smart-buttons,.hx-list-view .data-table th .pin-btn{transition:opacity 150ms ease,transform 150ms ease,background-color 150ms ease}@media (prefers-reduced-motion:reduce){.hx-list-view .data-table th.th--search-active .th-search-wrap,.hx-list-view .data-table th:not(.th--search-active) .sortable-header,.hx-list-view .data-table thead,.hx-list-view .data-table th,.hx-list-view .data-table th .smart-buttons,.hx-list-view .data-table th .pin-btn{animation:none!important;transition:none!important}}.hx-list-view .btn svg.list-view-btn-icon{width:25px;height:25px}.hx-list-view-field-float,.hx-list-view-field-integer{width:100%}.hx-list-view-field-float .widget-default,.hx-list-view-field-integer .widget-default{width:100%;text-align:right}.hx-list-view-field-float .field-mode-read,.hx-list-view-field-integer .field-mode-read{width:100%;text-align:right}.hx-list-view-field-float input.float-field,.hx-list-view-field-integer input.integer-field{text-align:right}.hx-list-view tfoot td.list-view-aggregate-cell.is-numeric,.hx-list-view tfoot td.list-view-aggregate-cell.is-numeric .list-view-aggregate-value{text-align:right}

/** webx/static/css/views/list/list-view-skeleton-field.css **/
.hx-list-view-skeleton-field{height:10px;display:flex;flex-direction:column;width:100%;box-sizing:border-box;background:transparent;gap:16px;padding:0}.hx-list-view-skeleton-field .skeleton-block{flex:1 1 0;min-height:10px;border-radius:8px;background:linear-gradient(90deg,var(--skeleton-color-light),var(--skeleton-color-dark),var(--skeleton-color-light));background-size:200% 100%;animation:skeleton-loading 1.2s cubic-bezier(.4,0,.6,1) infinite}

/** webx/static/css/views/list/list-view-records.css **/
:root.light{--list-border:#e6e6e6;--list-text:#1e1e1e;--list-checkbox-border:#e6e6e6}:root.dark{--list-border:#444444;--list-text:#f0f0f0;--list-checkbox-border:#444444}.hx-list-view-records>tr{cursor:pointer}.hx-list-view-records>tr:hover{background:#fcfcfc;transition:background 0.15s}.hx-list-view-records td{padding:12px var(--list-cell-padding-inline,16px);font-size:14px;color:var(--list-text);border-bottom:1px solid var(--list-border);white-space:nowrap;vertical-align:middle}.hx-list-view-checkbox{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.hx-list-view-checkbox-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden}.hx-list-view-checkbox-box{width:var(--list-checkbox-size,16px);height:var(--list-checkbox-size,16px);border-radius:5px;border:1.5px solid #d0d5dd;background:#ffffff;display:inline-flex;align-items:center;justify-content:center;color:#98a2b3;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease;box-sizing:border-box;position:relative}.hx-list-view-checkbox-input:focus-visible + .hx-list-view-checkbox-box{box-shadow:0 0 0 2px rgba(21,112,239,0.35);border-color:var(--checkbox-accent,#006fff)}.hx-list-view-checkbox-input:checked + .hx-list-view-checkbox-box{background:var(--checkbox-accent,#006fff);border-color:#1570ef;color:#ffffff}.hx-list-view-checkbox-icon{width:12px;height:12px;display:block;transform:translate(-10%,-20%) scale(1);transform-origin:center;opacity:0;transition:opacity 0.15s ease,transform 0.15s ease;pointer-events:none}.hx-list-view-checkbox-input:checked + .hx-list-view-checkbox-box .hx-list-view-checkbox-icon{opacity:1;transform:translate(-10%,-15%) scale(1)}.hx-list-view-checkbox.is-disabled{cursor:default;pointer-events:none;opacity:0.6}.hx-list-view .list-view-checkbox-control{display:flex;align-items:center;justify-content:center;min-height:24px;width:16px;min-width:16px;max-width:16px;margin:0 auto}.hx-list-view-button-detail-view{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 12px;gap:4px;width:69px;height:28px;background:#fcfeff;border:1px solid #afd0fd;border-radius:999px;color:#2a5ea2;font-size:12px;font-weight:600}

/** webx/static/css/views/list/list-view-group-paging.css **/
:root.light{--pagger-bg:#ffffff;--pagger-border:#d0d5dd;--pagger-light-text:#98a2b3;--pagger-dropdown-hover:#edeff2;--pagger-nav-text:#667085;--pagger-nav-hover-bg:#f9fafb;--pagger-nav-disabled:#757575;--pagger-text-color:#1e1e1e;--pagger-shadow:rgba(0,0,0,0.1);--pagger-input-bg:transparent}:root.dark{--pagger-bg:#1e1e1e;--pagger-border:#444444;--pagger-light-text:#a0a0a0;--pagger-dropdown-hover:#2d2d2d;--pagger-nav-text:#d0d0d0;--pagger-nav-hover-bg:#2a2a2a;--pagger-nav-disabled:#757575;--pagger-text-color:#f0f0f0;--pagger-shadow:rgba(0,0,0,0.4);--pagger-input-bg:transparent}.hx-list-view-group-paging{display:flex;align-items:center;gap:12px;color:var(--pagger-text-color);flex-wrap:wrap}.hx-list-view-group-paging .pagination-controls{display:flex;align-items:center;border:none;border-radius:8px;overflow:visible;text-transform:none;background-color:transparent}.hx-list-view-group-paging .per-page-selector{position:relative;display:flex;align-items:center;gap:6px;min-width:125px;padding:8px 12px;border:1px solid var(--pagger-border);border-radius:8px;background-color:var(--pagger-bg);cursor:pointer;user-select:none}.hx-list-view-group-paging .per-page-selector:hover{background-color:var(--pagger-dropdown-hover)}.hx-list-view-group-paging .light-text{color:var(--pagger-light-text);margin:0 4px;white-space:nowrap}.hx-list-view-group-paging .dropdown-menux{position:absolute;left:0;width:100%;background-color:var(--pagger-bg);border:1px solid var(--pagger-border);border-radius:8px;box-shadow:0 4px 8px var(--pagger-shadow);z-index:100}.hx-list-view-group-paging .dropdown-menux-top{bottom:105%;margin-top:4px}.hx-list-view-group-paging .dropdown-menux-bottom{top:105%;margin-bottom:4px}.hx-list-view-group-paging .dropdown-itemx{transition:opacity 0.3s ease,transform 0.3s ease}.hx-list-view-group-paging .per-page-dropdown-enter-active,.hx-list-view-group-paging .per-page-dropdown-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.hx-list-view-group-paging .per-page-dropdown-enter-from,.hx-list-view-group-paging .per-page-dropdown-leave-to{opacity:0;transform:translateY(-8px)}.hx-list-view-group-paging .dropdown-itemx{padding:6px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.hx-list-view-group-paging .dropdown-itemx:hover{background-color:var(--pagger-dropdown-hover)}.hx-list-view-group-paging .dropdown-itemx.selected{background-color:rgba(0,0,0,0.05)}:root.dark .hx-list-view-group-paging .dropdown-itemx.selected{background-color:rgba(255,255,255,0.08)}.hx-list-view-group-paging .per-page-dropdown .checkmark{margin-left:8px}.hx-list-view-group-paging .pagination-controls{display:flex;align-items:center;background-color:transparent;border:none;border-radius:8px;overflow:visible}.hx-list-view-group-paging .page-info{padding:8px 16px;display:flex;align-items:center;gap:4px;min-width:82px;border-right:1px solid var(--pagger-border)}.hx-list-view-group-paging .page-info .input-range{width:32px;text-align:center;background:var(--pagger-input-bg);color:var(--pagger-text-color);border:none;outline:none}.hx-list-view-group-paging .navigation-buttons{display:flex}.hx-list-view-group-paging .nav-button{background:transparent;border:none;padding:6px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--pagger-nav-text)}.hx-list-view-group-paging .nav-button svg{width:16px;height:16px}.hx-list-view-group-paging .nav-button:hover:not(:disabled){background-color:var(--pagger-nav-hover-bg)}.hx-list-view-group-paging .nav-button:disabled{color:var(--pagger-nav-disabled);cursor:not-allowed}.hx-list-view-group-paging .nav-button:disabled svg{opacity:0.2}.hx-list-view-group-paging .prev{border-right:none}.hx-list-view-group-paging .pages{display:flex;align-items:center;gap:6px;padding:0 8px}.hx-list-view-group-paging .page-number{min-width:28px;height:28px;padding:0 6px;border:1px solid var(--pagger-border);border-radius:6px;background:transparent;color:var(--pagger-text-color);cursor:pointer}.hx-list-view-group-paging .page-number:hover{border-color:#2a5ea2}.hx-list-view-group-paging .page-number.active{background:#2a5ea2;border-color:#2a5ea2;color:#ffffff}.hx-list-view-group-paging .ellipsis{color:var(--pagger-light-text);padding:0 4px}.hx-list-view-group-paging .pagination-meta{display:flex;align-items:center;gap:8px;padding:0 6px 0 8px;margin-left:4px;border-left:none;background:transparent}.hx-list-view-group-paging .pagination-meta .meta-sep{color:var(--pagger-light-text)}.hx-list-view-group-paging .range-editor{position:relative;display:flex;align-items:center;gap:2px;padding:2px 4px;border-left:none;cursor:text;user-select:text}.hx-list-view-group-paging .range-dropdown{position:absolute;bottom:105%;right:0;left:auto!important;width:max-content;min-width:140px;box-shadow:0 6px 12px var(--pagger-shadow)}.hx-list-view-group-paging .range-inputs{display:flex;align-items:center;gap:6px;padding:6px 8px}.hx-list-view-group-paging .range-inputs .input-range{width:44px;height:28px;border:1px solid var(--pagger-border);border-radius:6px;background:var(--pagger-input-bg)}.hx-list-view-group-paging .range-editor .input-range{width:38px;height:24px;padding:0 2px;text-align:center;border:none;border-radius:0;background:transparent;outline:none;box-shadow:none}.hx-list-view-group-paging .range-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin-left:4px;background:transparent;border:none;cursor:pointer}.hx-list-view-group-paging .range-toggle svg{width:16px;height:16px}.hx-list-view-group-paging .range-editor.open,.hx-list-view-group-paging .range-editor:hover{background:transparent}@media (max-width:860px){.hx-list-view-group-paging .pagination-bar{align-items:stretch;gap:10px}.hx-list-view-group-paging .per-page-selector{font-size:15px;padding:6px 10px;min-width:0;border-radius:7px}.hx-list-view-group-paging .pagination-controls{gap:8px;background:var(--pagger-bg);border:1px solid var(--pagger-border);border-radius:7px;flex-direction:row;justify-content:space-between}.hx-list-view-group-paging .page-info{display:none}.hx-list-view-group-paging .page-info .input-range{width:24px;font-size:14px;padding:1px 2px}.hx-list-view-group-paging .nav-button{padding:6px 6px;font-size:18px}.hx-list-view-group-paging .dropdown-menux{left:0;min-width:70px;width:max-content;z-index:99}}.hx-list-view-group-paging .per-page-control{position:relative;display:flex;align-items:center;gap:4px;padding:6px;min-width:28px;min-height:28px;border-radius:6px;margin-left:4px;cursor:pointer;user-select:none}.hx-list-view-group-paging .per-page-control:hover{background:var(--pagger-nav-hover-bg)}.hx-list-view-group-paging .per-page-control svg{pointer-events:none}.hx-list-view-group-paging .per-page-dropdown{position:absolute;bottom:105%;right:0;left:auto!important;width:max-content;min-width:160px;box-shadow:0 6px 12px var(--pagger-shadow);z-index:200}.hx-list-view-group-paging .per-page-dropdown .custom-per-page .input-range{width:64px;height:28px;text-align:center;border:1px solid var(--pagger-border);border-radius:6px;background:var(--pagger-bg);outline:none}.hx-list-view-group-paging .per-page-dropdown .custom-per-page .btn-apply{display:none}.hx-list-view-group-paging .dropdown-itemx.selected{background-color:rgba(0,0,0,0.06)}.hx-list-view-group-paging .per-page-dropdown .custom-per-page{display:flex;align-items:center;gap:6px}.hx-list-view-group-paging .per-page-dropdown .custom-per-page .input-range{width:64px;height:28px;text-align:center;border:none;background:transparent;outline:none}.hx-list-view-group-paging .per-page-dropdown .custom-per-page .btn-apply{padding:0 6px;font-size:12px;border:none;background:transparent;color:var(--pagger-text-color);cursor:pointer}

/** webx/static/css/views/list/list-view-optional-column.css **/
:root.light{--oc-surface:#fff;--oc-border:#E5E7EB;--oc-text:#1e1e1e;--oc-muted:#757575;--oc-shadow:0 4px 20px rgba(0,0,0,.12);--oc-chip-bg:#fff;--oc-chip-border:#E5E7EB;--oc-hover:rgba(0,0,0,.04);--oc-switch-off:#E5E7EB;--oc-switch-on:#3B82F6;--oc-switch-knob:#fff}:root.dark{--oc-surface:#1e1e1e;--oc-border:#2A2A2A;--oc-text:#f0f0f0;--oc-muted:#B3B3B3;--oc-shadow:0 4px 20px rgba(0,0,0,.3);--oc-chip-bg:#232323;--oc-chip-border:#333;--oc-hover:rgba(255,255,255,.06);--oc-switch-off:#3A3A3A;--oc-switch-on:#3B82F6;--oc-switch-knob:#fff}.hx-list-view-optional-column{position:relative}.oc-item{position:relative}.oc-item.drop-below::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#3082ED;border-radius:2px}.oc-drag-handle{cursor:grab}.oc-drag-handle:active{cursor:grabbing}.hx-list-view-optional-column .column-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:260px;width:300px;max-height:400px;background:var(--oc-surface);border:1px solid var(--oc-border);border-radius:12px;box-shadow:var(--oc-shadow);padding:10px;z-index:100}.column-dropdown-enter-active,.column-dropdown-leave-active{transition:all 0.3s ease}.column-dropdown-enter-from,.column-dropdown-leave-to{opacity:0;transform:translateY(-8px)}.oc-searchbar{display:flex;align-items:center;background:var(--oc-chip-bg);border:1px solid var(--oc-chip-border);border-radius:10px;padding:6px 8px;gap:8px;margin-bottom:10px}.oc-search-icon{display:inline-flex}.oc-search-input{flex:1;border:none;outline:none;font-size:13px;color:var(--oc-text);background:transparent}.oc-refresh-btn{border:none;background:transparent;padding:4px;cursor:pointer}.oc-list{list-style:none;padding:0;margin:0;max-height:300px;overflow:auto}.oc-item{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:8px;padding:8px 6px;border-radius:10px;transition:all 0.3s ease}.oc-item:hover{background:var(--oc-hover)}.oc-toggle{position:relative;display:inline-flex;align-items:center}.oc-toggle input{position:absolute;opacity:0;pointer-events:none}.oc-switch{width:38px;height:22px;border-radius:999px;background:var(--oc-switch-off);position:relative;transition:background .18s ease}.oc-switch::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--oc-switch-knob);transition:transform .18s ease;box-shadow:0 1px 2px rgba(0,0,0,.15)}.oc-toggle input:checked + .oc-switch{background:var(--oc-switch-on)}.oc-toggle input:checked + .oc-switch::after{transform:translateX(16px)}.oc-field-chip{height:32px;display:flex;align-items:center;padding:0 10px;background:var(--oc-chip-bg);border:1px solid var(--oc-chip-border);border-radius:8px;font-size:13px;color:var(--oc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-move-btn{border:none;background:transparent;padding:4px;cursor:pointer}.oc-move-btn:disabled{opacity:.4;cursor:not-allowed}

/** webx/static/css/views/list/list-view-group.css **/
:root.light{--list-row-group-bg:#f5f5f5;--list-row-group-bg-hover:#ebebeb;--list-row-group-pagination-bg:#ffffff;--list-row-group-pagination-bg-hover:#ffffff}:root.dark{--list-row-group-bg:#2a2a2a;--list-row-group-bg-hover:#333333;--list-row-group-pagination-bg:#ffffff;--list-row-group-pagination-bg-hover:#ffffff}.hx-list-view-group .row-content{display:flex;align-items:center;justify-content:space-between}.hx-list-view-group>tr.row-group .icon-caret{position:relative;padding-left:20px}.hx-list-view-group>tr.row-group .icon-caret:before{content:"";content:'';display:block;position:absolute;top:4px;left:0;height:15px;width:15px;background:url('/static/img/icons/caret-right-fill.svg') no-repeat;background-size:100%;background-position:center}.hx-list-view-group>tr.row-group.open_group .icon-caret:before{transform:rotate(90deg)}.hx-list-view-group>tr.row-group .row-group-label{padding-left:calc(var(--list-view-group-level,0) * 15px)}.hx-list-view-group>tr.row-group>th{background-color:var(--list-row-group-bg)}.hx-list-view-group>tr.row-group:hover>th{background-color:var(--list-row-group-bg-hover)}.hx-list-view-group>tr.row-group-pagination>th{padding:6px 16px;background-color:var(--list-row-group-pagination-bg)}.hx-list-view-group>tr.row-group-pagination>th:hover{background-color:var(--list-row-group-pagination-bg-hover);cursor:default}

/** webx/static/css/views/hierarchy/hierarchy-view.css **/
.hx-hierarchy-view{padding:1rem;display:flex;flex-direction:column}.hx-hierarchy-view .floating-icon{position:fixed;top:217px;right:44px;z-index:2;display:flex;flex-direction:column;gap:8px;padding:8px}.hx-hierarchy-view .action-bar-button svg use{fill:#2a5ea2}.hx-hierarchy-view .action-bar-button:hover svg use{fill:#ffffff}.hx-hierarchy-view .right-header .action-bar-button:hover{background-color:#2a5ea2}.hx-hierarchy-view .floating-icon .action-bar-button{background-color:#ffffff;border-color:#6e6e6e}.hx-hierarchy-view .floating-icon .action-bar-button:hover{background-color:#2a5ea2}.hx-hierarchy-view .floating-icon .action-bar-button.current-view{color:#2a5ea2;width:59px;font-size:17px;font-weight:600}.hx-hierarchy-view .floating-icon .action-bar-button.current-view:hover{color:#ffffff;background-color:#2a5ea2}.hx-hierarchy-view .hierarchy-header{display:flex;justify-content:space-between;align-items:center;z-index:2}.hx-hierarchy-view .right-header{display:flex;flex-direction:row;flex-wrap:wrap;gap:0.5rem;margin-right:20px}.hx-hierarchy-view .search-wrapper{position:relative;display:inline-block;padding-left:1rem;padding-top:1rem;margin-bottom:1rem}.hx-hierarchy-view .search-wrapper .search-icon{position:absolute;left:1.8rem;top:1.5rem;transform:translateY(-50%);pointer-events:none}.hx-hierarchy-view .search-wrapper input{padding-left:2.5rem;border-radius:8px;height:36px;width:20rem;border:1px solid #ccc}.hx-hierarchy-view .right-header .action-bar-button{background-color:#ffffff;color:#000000;border-color:#6e6e6e}.hx-hierarchy-view .right-header .action-bar-button.swap-button svg use{fill:#2a5ea2}.hx-hierarchy-view .right-header .float-icon{display:flex;flex-direction:column}.hx-hierarchy-view .orgchart-container{width:100%;height:600px;border-top:1px solid #ccc;overflow:auto;text-align:center}.hx-hierarchy-view .orgchart-container .orgchart .node{border-radius:4px}.hx-hierarchy-view .orgchart-container .orgchart .node .title .parentNodeSymbol{display:none}.hx-hierarchy-view .orgchart-container .orgchart .node .title{border-radius:4px;border-style:solid;border-color:#2a5ea2;border-width:1px;background-color:#ddedfd;font-weight:normal;color:black;height:2rem;width:10rem;padding:5px;cursor:pointer}.hx-hierarchy-view .orgchart-container .orgchart .node:hover .title{background-color:#fcecd8;border-color:#f59e0b;color:#1f2937}.orgchart ul li .node:hover{background-color:transparent}.hx-hierarchy-view .orgchart-container .orgchart .node:hover{background-color:none}.hx-hierarchy-view .orgchart-container .orgchart{background:none;position:absolute;top:50%;left:60%;transform:translate(-50%,-50%)}.hx-hierarchy-view .orgchart .node.focused{background-color:transparent}.hx-hierarchy-view .orgchart .node:not(:only-child)::after{position:absolute;bottom:-12px;left:calc(50% - 1px);width:1px;height:10px;background-color:rgba(95,68,67,0.8)}.hx-hierarchy-view .orgchart .hierarchy.isSiblingsCollapsed.right-sibs::before,.orgchart .hierarchy:last-child::before{width:calc(50% + 0px)}.hx-hierarchy-view .orgchart .hierarchy.isSiblingsCollapsed.left-sibs::before,.orgchart .hierarchy:first-child::before{width:calc(50% + 0px)}.hx-hierarchy-view .orgchart .hierarchy::before{position:absolute;top:-11px;height:1px;border-top:1px solid #6b7280;box-sizing:border-box}.hx-hierarchy-view .orgchart>ul>li>ul li>.node::before{position:absolute;top:var(--top,-12px);width:1px;height:var(--height,10px);background-color:#6b7280}.hx-hierarchy-view .orgchart-container .orgchart .level2 .title{background-color:#ddf8ed;border-color:#209c6b;color:#1f2937}.hx-hierarchy-view .orgchart-container .orgchart .level3 .title{background-color:#fbe4ff;border-color:#6f00ff;color:#1f2937}.hx-hierarchy-view .orgchart-container .orgchart .level4 .title{background-color:#f3eafb;border-color:#8d180b;color:#1f2937}.hx-hierarchy-view .orgchart-container .orgchart .level5 .title{background-color:#fef6f6;border-color:#c2660a;color:#1f2937}.hx-hierarchy-view .orgchart-container .orgchart .level6 .title{background-color:#fff3e4;border-color:#ffbb00;color:#1f2937}.hx-hierarchy-view .orgchart-container .orgchart .level7 .title{background-color:#e4fafa;border-color:#661fad;color:#1f2937}.hx-hierarchy-view .orgchart .node.matched{background-color:rgb(27 59 227 / 18%);border-radius:20px}.hx-hierarchy-view .orgchart .hierarchy.first-shown::before{left:calc(50% - 1px);width:calc(50% + 1px)}.hx-hierarchy-view .orgchart .hierarchy.last-shown::before{width:calc(50% + 1px)}.hx-hierarchy-view .orgchart .hierarchy.first-shown.last-shown::before{width:0px}.hx-hierarchy-view .orgchart .hierarchy:not(.hidden):only-child::before{width:0px}.hx-hierarchy-view .orgchart.l2r{position:relative}.hx-hierarchy-view .orgchart.l2r .node:not(:only-child)::after{bottom:-37px}.hx-hierarchy-view .orgchart-container.l2r{text-align:left}.hx-hierarchy-view .orgchart-container .orgchart.l2r{top:30%;left:38%}.hx-hierarchy-view .orgchart.l2r .nodes{display:flex;list-style:none;padding-left:0;margin:25px}.hx-hierarchy-view .hierarchy-canvas{background-color:#f7f8fa;position:relative;width:100%;height:calc(100vh - 235px);overflow:auto}.hx-hierarchy-view .action-bar-selection{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease;width:280px;min-height:36px;box-sizing:border-box;white-space:nowrap}

/** webx/static/css/views/report_builder/report-builder-view.css **/
.hx-report-builder-view{padding:24px;min-height:100vh;color:#1e1e1e}.hx-report-builder-view .report-builder-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.hx-report-builder-view .header-left{flex:1}.hx-report-builder-view .header-title{font-size:32px;font-weight:700;color:#1e1e1e;margin:0 0 8px 0;line-height:1.2}.hx-report-builder-view .header-description{font-size:16px;color:#666666;margin:0;line-height:1.4}.hx-report-builder-view .header-right{flex-shrink:0;margin-left:340px}.hx-report-builder-view .btn-create{display:flex;align-items:center;gap:8px;background:#2563eb;color:#ffffff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.2s ease}.hx-report-builder-view .btn-create:hover{background:#1d4ed8;transform:translateY(-1px)}.hx-report-builder-view .btn-arrow{width:16px;height:16px;fill:currentColor}.hx-report-builder-view .report-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #e5e5e5;padding-bottom:16px}.hx-report-builder-view .tab{background:transparent;border:1px solid #383838;color:#1e1e1e;font-size:16px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:999px;transition:all 0.2s ease;white-space:nowrap;flex-shrink:0}.hx-report-builder-view .tab:hover{color:#1e1e1e}.hx-report-builder-view .tab.active{background:#383838;border:1px solid #383838;color:#ffffff}.hx-report-builder-view .search-container{margin-bottom:24px}.hx-report-builder-view .search-input-wrapper{position:relative;max-width:400px}.hx-report-builder-view .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;fill:#a0a0a0;pointer-events:none}.hx-report-builder-view .search-input{width:100%;padding:12px 12px 12px 44px;border:1px solid #e5e5e5;border-radius:8px;font-size:16px;color:#1e1e1e;background:#f5f5f5;transition:all 0.2s ease}.hx-report-builder-view .search-input:focus{outline:none;border-color:#2563eb;background:#ffffff}.hx-report-builder-view .search-input::placeholder{color:#a0a0a0}.hx-report-builder-view .reports-content{min-height:400px}.hx-report-builder-view .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.hx-report-builder-view .loading-spinner{width:40px;height:40px;border:3px solid #e5e5e5;border-top:3px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hx-report-builder-view .loading-state p{font-size:16px;color:#666666;margin:0}.hx-report-builder-view .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.hx-report-builder-view .error-icon{width:48px;height:48px;fill:#ef4444;margin-bottom:16px}.hx-report-builder-view .error-state p{font-size:16px;color:#666666;margin:0 0 24px 0}.hx-report-builder-view .btn-retry,.hx-report-builder-view .btn-create-empty{background:#2563eb;color:#ffffff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background 0.2s ease}.hx-report-builder-view .btn-retry:hover,.hx-report-builder-view .btn-create-empty:hover{background:#1d4ed8}.hx-report-builder-view .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.hx-report-builder-view .empty-icon{width:64px;height:64px;fill:#a0a0a0;margin-bottom:24px}.hx-report-builder-view .empty-state h3{font-size:20px;font-weight:600;color:#1e1e1e;margin:0 0 8px 0}.hx-report-builder-view .empty-state p{font-size:16px;color:#666666;margin:0 0 24px 0}.hx-report-builder-view .reports-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:24px;max-height:600px}.hx-report-builder-view .report-card{background:#ffffff;border:1px solid #e5e5e5;border-radius:12px;padding:20px;cursor:pointer;transition:all 0.2s ease;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:180px}.hx-report-builder-view .report-card:hover{border-color:#2563eb;box-shadow:0 4px 12px rgba(37,99,235,0.1);transform:translateY(-2px)}.hx-report-builder-view .card-type-badge{position:absolute;top:12px;right:12px;background:transparent;border:1px solid #383838;color:#1e1e1e;font-size:11px;font-weight:500;padding:4px 8px;border-radius:999px;white-space:nowrap}.hx-report-builder-view .card-icon{width:48px;height:48px;background:#2563eb;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:0}.hx-report-builder-view .report-icon{width:24px;height:24px;fill:#ffffff}.hx-report-builder-view .card-title{font-size:16px;font-weight:600;color:#1e1e1e;margin:0 0 8px 0;line-height:1.3}.hx-report-builder-view .card-description{font-size:13px;color:#666666;margin:0 0 12px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.hx-report-builder-view .card-created-date{font-size:12px;color:#999999;margin-top:auto}.hx-report-builder-view .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000}.hx-report-builder-view .modal-content{background:#ffffff;border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1)}.hx-report-builder-view .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e5e5}.hx-report-builder-view .modal-header h2{font-size:20px;font-weight:600;color:#1e1e1e;margin:0}.hx-report-builder-view .modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background 0.2s ease}.hx-report-builder-view .modal-close:hover{background:#f5f5f5}.hx-report-builder-view .close-icon{width:20px;height:20px;fill:#666666}.hx-report-builder-view .modal-body{padding:24px;max-height:60vh;overflow-y:auto}.hx-report-builder-view .report-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.hx-report-builder-view .report-type-card{border:1px solid #e5e5e5;border-radius:8px;padding:20px;cursor:pointer;transition:all 0.2s ease;text-align:center}.hx-report-builder-view .report-type-card:hover{border-color:#2563eb;background:#f8fafc;transform:translateY(-2px)}.hx-report-builder-view .type-card-icon{width:48px;height:48px;background:#2563eb;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.hx-report-builder-view .type-icon{width:24px;height:24px;fill:#ffffff}.hx-report-builder-view .type-card-title{font-size:16px;font-weight:600;color:#1e1e1e;margin:0 0 8px 0}.hx-report-builder-view .type-card-description{font-size:14px;color:#666666;margin:0;line-height:1.4}.hx-action-manager .hx-action-manager-buttons:has(+ * .hx-report-builder-view){display:none}.hx-action-manager:has(.hx-report-builder-view) .hx-action-manager-buttons{display:none!important}@media (max-width:768px){.hx-report-builder-view{padding:16px}.hx-report-builder-view .report-builder-header{flex-direction:column;align-items:flex-start;gap:16px}.hx-report-builder-view .header-right{width:100%}.hx-report-builder-view .btn-create{width:100%;justify-content:center}.hx-report-builder-view .reports-grid{grid-template-columns:1fr;grid-template-rows:none;max-height:none}}

/** webx/static/css/views/search/all-filters-modal.css **/
.hx-all-filters-modal-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.5)}.hx-all-filters-modal{display:flex;flex-direction:column;width:952px;max-width:95vw;height:auto;min-height:40vh;max-height:90vh;background-color:var(--dropdown-bg);border-radius:16px;box-shadow:0 25px 50px -12px var(--shadow-default);overflow:hidden;padding:16px}.hx-all-filters-header{display:flex;flex-direction:column;gap:0}.hx-all-filters-title-row{display:flex;align-items:center;justify-content:space-between;padding:0 8px;height:24px}.hx-all-filters-title{font-size:16px;color:var(--text-default,#1e1e1e)}.hx-all-filters-close-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;transition:color 0.2s}.hx-all-filters-tabs{display:flex;align-items:flex-end;padding-top:8px;border-bottom:1px solid var(--border-default)}.hx-all-filters-tab{display:flex;align-items:center;gap:8px;padding:8px 24px;cursor:pointer;border-bottom:2px solid transparent;transition:all 0.2s}.hx-all-filters-tab span{color:var(--text-secondary,#757575)}.hx-all-filters-tab.active{border-bottom-color:var(--checkbox-accent)}.hx-all-filters-tab.active span{color:var(--text-default)}.hx-all-filters-tab:hover:not(.active){background-color:var(--bg-hover)}.hx-all-filters-tab-count{display:flex;align-items:center;justify-content:center;padding:0 6px;min-width:18px;height:18px;background-color:var(--badge-bg,#ddedfd);color:var(--checkbox-accent)!important;border-radius:999px;font-size:12px}.hx-all-filters-content{display:flex;flex-direction:column;gap:12px;padding:16px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.hx-all-filters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hx-all-filters-grid.three-columns{grid-template-columns:repeat(3,1fr)}.hx-all-filters-column{display:flex;flex-direction:column;gap:4px}.hx-all-filters-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background-color:var(--dropdown-bg);border-radius:4px;cursor:pointer;transition:background-color 0.2s;height:40px}.hx-all-filters-item:hover{background-color:var(--dropdown-hover)}.hx-all-filters-item label{flex:1;cursor:pointer;color:var(--text-default);padding:4px}.hx-all-filters-item.section-toggle{width:fit-content}.hx-all-filters-item:hover .hx-all-filters-checkbox{border-color:var(--text-default)}.hx-all-filters-checkbox{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid var(--border-default);border-radius:3px;background-color:transparent;cursor:pointer;position:relative;flex-shrink:0;transition:all 0.2s}.hx-all-filters-checkbox:checked{background-color:var(--checkbox-accent);border-color:var(--checkbox-accent)}.hx-all-filters-checkbox:checked::after{content:'';position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.hx-all-filters-checkbox.indeterminate{background-color:var(--checkbox-accent);border-color:var(--checkbox-accent)}.hx-all-filters-checkbox.indeterminate::after{content:'';position:absolute;left:3px;top:5px;width:6px;height:2px;background-color:white;border:none;transform:none}.hx-all-filters-section{display:flex;flex-direction:column;gap:4px}.hx-all-filters-section-header{display:flex;align-items:center;gap:8px}.hx-all-filters-divider{height:1px;background-color:var(--border-default);margin:12px 0}.hx-all-filters-section:last-of-type .hx-all-filters-divider{display:none}.hx-all-filters-section-content{padding-top:4px}.hx-all-filters-input-group{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hx-all-filters-input-field{display:flex;align-items:center;gap:4px;padding:4px 8px;height:40px;background-color:var(--dropdown-bg);border:1px solid var(--border-default);border-radius:8px;cursor:pointer;transition:border-color 0.2s}.hx-all-filters-input-field:hover{border-color:var(--text-secondary,#a0a0a0)}.hx-all-filters-input-field span{flex:1;color:var(--text-default)}.hx-all-filters-input-field input{flex:1;border:none;outline:none;background:transparent;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;color:var(--text-default)}.hx-all-filters-input-field input::placeholder{color:var(--text-secondary,#585959)}.hx-all-filters-input-field svg{font-size:20px;color:var(--text-default);flex-shrink:0}.hx-all-filters-input-field svg.icon-calendar{color:var(--text-default)}.hx-all-filters-input-field svg.icon-chevron-down,.hx-all-filters-input-field svg.icon-chevron-right{color:var(--text-default)}.hx-all-filters-input-field.hx-filter-field-dropdown{display:flex;align-items:center;gap:8px;padding:0 12px;height:40px;box-sizing:border-box;background-color:var(--dropdown-bg);border-radius:8px}.hx-all-filters-input-field.hx-filter-field-dropdown>.body2-regular{flex:1;margin:0;padding:0;color:var(--text-default);font-size:16px;line-height:20px}.hx-all-filters-input-field.hx-filter-field-dropdown>svg{flex-shrink:0;width:20px;height:20px;color:var(--text-default)}.hx-filter-field-select{width:100%;height:40px;padding:0 40px 0 12px;border:1px solid var(--border-default);border-radius:8px;background-color:var(--dropdown-bg);color:var(--text-default);font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%233D3D3D' d='M4.47 6.47a.75.75 0 0 1 1.06 0L8 8.94l2.47-2.47a.75.75 0 0 1 1.06 1.06L8 11.06 4.47 7.53a.75.75 0 0 1 0-1.06Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;transition:border-color 0.2s,box-shadow 0.05s ease-in-out}.hx-filter-field-select:hover{border-color:var(--text-secondary,#a0a0a0)}.hx-filter-field-select:focus{border-color:var(--checkbox-accent);box-shadow:0 1px 4px rgba(49,101,212,0.06),0 0.5px 0.5px rgba(30,42,61,0.03) inset}.hx-filter-field-select option{background-color:var(--dropdown-bg);color:var(--text-default)}.hx-all-filters-input-field.hx-filter-field-dropdown .hx-filter-field-select{height:100%;padding:0 32px 0 12px;border:none;background:transparent;border-radius:inherit}.hx-all-filters-custom{min-height:50vh}.hx-all-filters-custom-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary,#757575)}.hx-all-filters-footer{display:flex;flex-direction:column}.hx-all-filters-footer .hx-all-filters-divider{margin:0 -7px 16px}.hx-all-filters-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.hx-all-filters-btn{display:flex;align-items:center;justify-content:center;min-width:64px;height:40px;padding:6px 16px;border-radius:8px;border:none;cursor:pointer;font-size:16px;transition:all 0.2s}.hx-all-filters-btn-clear{background-color:transparent;color:var(--text-default)}.hx-all-filters-btn-clear:hover{background-color:var(--bg-hover)}.hx-all-filters-btn-apply{background:var(--btn-primary-gradient,linear-gradient(90deg,#2a5ea2 32.84%,#1c4f92 82.09%));color:#ffffff}.hx-all-filters-btn-apply:hover{background:var(--btn-primary-gradient-hover,linear-gradient(90deg,#234f8a 32.84%,#173f78 82.09%))}.hx-modal-enter-active.hx-all-filters-modal-overlay,.hx-modal-leave-active.hx-all-filters-modal-overlay{transition:opacity 0.3s ease}.hx-modal-enter-from.hx-all-filters-modal-overlay,.hx-modal-leave-to.hx-all-filters-modal-overlay{opacity:0}.hx-modal-enter-active .hx-all-filters-modal,.hx-modal-leave-active .hx-all-filters-modal{transition:transform 0.3s ease,opacity 0.3s ease}.hx-modal-enter-from .hx-all-filters-modal,.hx-modal-leave-to .hx-all-filters-modal{opacity:0;transform:scale(0.95) translateY(-20px)}.hx-all-filters-custom-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 24px;text-align:center;min-height:50vh}.hx-all-filters-empty-icon{width:112px;height:140px;opacity:0.8}.hx-all-filters-custom-empty span{color:var(--text-secondary);max-width:300px}.hx-all-filters-add-condition-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(90.01deg,#bcdbfb 45.15%,#afd0fd 82.09%);border:1px solid var(--border-default);border-radius:6px;color:#006fff;cursor:pointer;transition:all 0.2s}.hx-all-filters-add-condition-btn:hover{background-color:var(--dropdown-hover);border-color:var(--checkbox-accent)}.hx-all-filters-custom-form{display:flex;flex-direction:column;gap:0;border-radius:8px;border:1px solid var(--border-default,#e8e9eb)}.hx-all-filters-custom-header{display:grid;grid-template-columns:1fr 200px 200px 40px;gap:16px;padding:12px 16px;background:var(--background-default-secondary,#f5f5f5);border-bottom:1px solid var(--border-default)}.hx-all-filters-custom-header span{color:var(--text-default)}.hx-custom-header-property{flex:1}.hx-custom-header-operator,.hx-custom-header-value{width:200px}.hx-custom-header-action{width:40px}.hx-all-filters-custom-conditions{display:flex;flex-direction:column}.hx-all-filters-custom-conditions .add-custom-filter-condition{padding:0}.hx-all-filters-custom-conditions .add-custom-filter-condition .or_filter{display:flex;align-items:center;gap:8px;padding:8px 0;width:100%;text-transform:uppercase;color:var(--text-secondary)}.hx-all-filters-custom-conditions .add-custom-filter-condition .or_filter::before,.hx-all-filters-custom-conditions .add-custom-filter-condition .or_filter::after{content:'';flex:1;height:1px;background-color:var(--border-default)}.hx-all-filters-custom-conditions .add-custom-filter-condition .or_filter::before{max-width:48px}.hx-all-filters-custom-conditions .add-custom-filter-condition:first-child .or_filter{display:none}.hx-all-filters-custom-conditions .condition-split{display:grid;grid-template-columns:1fr 200px 200px 40px;gap:16px;padding:16px;align-items:center}.hx-all-filters-custom-conditions .condition-body{display:contents}.hx-all-filters-custom-conditions .filter-input{width:100%;height:40px;padding:8px 12px;border:1px solid var(--border-default);border-radius:6px;background-color:var(--dropdown-bg);color:var(--text-default);font-size:14px}.hx-all-filters-custom-conditions .filter-input:focus{outline:none;border-color:var(--checkbox-accent)}.hx-all-filters-custom-conditions .remove_filter{display:flex;align-items:center;justify-content:center}.hx-all-filters-custom-conditions .remove_filter_icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;transition:color 0.2s}.hx-all-filters-custom-conditions .remove_filter_icon .smart-buttons use{fill:#d9534f}.hx-all-filters-modal .filter-input.fc-field{width:100%;height:40px;padding:4px 40px 4px 12px;border:1px solid #bdbebf;border-radius:8px;background:#ffffff;color:#585959;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%233D3D3D' d='M4.47 6.47a.75.75 0 0 1 1.06 0L8 8.94l2.47-2.47a.75.75 0 0 1 1.06 1.06L8 11.06 4.47 7.53a.75.75 0 0 1 0-1.06Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px}.hx-all-filters-modal .filter-input.fc-field:focus{border-color:#80b5ff;box-shadow:0 1px 4px rgba(49,101,212,0.06);outline:none}.hx-all-filters-custom-add{padding:16px}.hx-all-filters-add-alt-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--background-default-secondary,#f5f5f5);border:1px solid var(--border-default);border-radius:6px;color:var(--text-default);cursor:pointer;transition:all 0.2s}.hx-all-filters-add-alt-btn:hover{background-color:var(--dropdown-hover);border-color:var(--checkbox-accent)}@media (max-width:1024px){.hx-all-filters-modal{width:90vw}.hx-all-filters-grid{grid-template-columns:repeat(2,1fr)}.hx-all-filters-input-group{grid-template-columns:1fr}.hx-all-filters-custom-header{grid-template-columns:1fr 150px 150px 40px}.hx-all-filters-custom-conditions .condition-split{grid-template-columns:1fr 150px 150px 40px}}@media (max-width:640px){.hx-all-filters-modal{width:100vw;max-width:100vw;height:100%;min-height:40vh;max-height:100vh;border-radius:0}.hx-all-filters-grid{grid-template-columns:1fr}.hx-all-filters-custom-header{grid-template-columns:1fr;gap:8px}.hx-all-filters-custom-header span:not(.hx-custom-header-property){display:none}.hx-all-filters-custom-conditions .condition-split{grid-template-columns:1fr;gap:8px}.hx-all-filters-custom-conditions .condition-body{display:flex;flex-direction:column;gap:8px}}:root.dark .hx-all-filters-item.active{background-color:rgba(42,94,162,0.15)}

/** webx/static/css/views/search/search-filters.css **/
:root.light{--text-default:#1e1e1e;--bg-default:#f0f1f2;--bg-hover:#efefef;--dropdown-bg:#ffffff;--border-default:#e6e6e6;--dropdown-hover:#e6e6e6;--shadow-default:rgba(0,0,0,0.25);--dropdown-active:#e9edf7;--dropdown-divider:#e0e4eb}:root.dark{--text-default:#dddddd;--bg-default:#3a3a3a;--bg-hover:#555555;--dropdown-bg:#2a2a2a;--border-default:#444444;--dropdown-hover:#444444;--shadow-default:rgba(0,0,0,0.4);--dropdown-active:#32384a;--dropdown-divider:#4f5560}.hx-search-filters{}.filter-panel{position:relative;display:flex;height:40px}.filter-toggle-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;color:var(--text-default);background-color:var(--bg-default);border-radius:8px;cursor:pointer;transition:all 0.3s ease}.filter-toggle-btn:hover{background-color:rgba(0,123,255,0.1)}@media (max-width:1024px){.hx-search-filters .filter-toggle-btn-text{display:none}}.filter-dropdown{padding:2px;border-radius:8px;margin:0;color:var(--text-default);background-color:var(--dropdown-bg);border:1px solid var(--border-default);box-shadow:0 6px 12px -4px var(--shadow-default);width:100%;z-index:100}.filter-dropdown-enter-active,.filter-dropdown-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.filter-dropdown-enter-from,.filter-dropdown-leave-to{opacity:0;transform:translateY(-8px)}.filter-dropdown.root-dropdown{position:absolute;top:50px;right:0px;display:flex;flex-direction:column;min-width:188px}.filter-dropdown.nested-dropdown{position:absolute;top:-1px;right:calc(100% + 5px);display:flex;flex-direction:column;min-width:240px;width:fit-content;z-index:20}.filter-dropdown.nested-dropdown>.filter-option{min-height:35px;cursor:pointer}.filter-dropdown-item-group{display:flex;flex-direction:column;gap:4px}.filter-dropdown-item-group + .filter-dropdown-item-group{border-top:1px solid var(--dropdown-divider,var(--border-default));margin-top:6px;padding-top:6px}.filter-dropdown-item{cursor:pointer;padding:6px 8px;display:flex;align-items:center;gap:8px;height:100%;margin:2px;transition:all 0.3s ease}.filter-dropdown-item .smart-buttons{font-size:16px}.filter-dropdown-item .filter-dropdown-item-text{font-size:14px!important;padding:4px 4px 4px 0;line-height:normal}.filter-dropdown-item .body2-regular{padding:4px 4px 4px 0;line-height:normal;flex:1;cursor:pointer}.filter-dropdown-item:hover{background-color:var(--dropdown-hover);border-radius:8px}.filter-dropdown.root-dropdown>.filter-dropdown-item.active{background-color:var(--dropdown-active,var(--dropdown-hover));border-radius:6px}.filter-dropdown.root-dropdown>.filter-dropdown-item.active:hover{background-color:var(--dropdown-active,var(--dropdown-hover))}.other-groups-container{position:relative}.other-groups-panel{position:static;width:100%;box-sizing:border-box;background-color:var(--dropdown-bg);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);border-radius:0;padding:8px 12px;margin-top:4px;z-index:1;overflow-x:hidden}.other-groups-panel .other-groups-list{max-height:220px;overflow-y:auto;overflow-x:hidden;margin-top:8px}.filter-dropdown-divider{border-top:1px solid var(--dropdown-divider,var(--border-default));margin:8px 0}.filter-option{display:flex;align-items:center;gap:8px;cursor:pointer}.filter-option input[type='checkbox']{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid var(--border-default);border-radius:3px;background-color:transparent;cursor:pointer;position:relative;flex-shrink:0}.filter-option:hover input[type='checkbox']{border-color:var(--text-default)}.filter-option input[type='checkbox']:checked{background-color:var(--checkbox-accent);border-color:var(--checkbox-accent)}.filter-option input[type='checkbox']:checked::after{content:'';position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.hx-search .filter-dropdown-item .filter-dropdown-item-delete{margin-left:auto;width:20px;text-align:center}.hx-search .filter-dropdown-item .filter-dropdown-item-delete svg{font-size:16px}.filter-dropdown-item-seemore{border-top:1px solid var(--border-default);margin-top:4px;padding-top:4px}.filter-dropdown-item-seemore .filter-dropdown-item{color:var(--text-default);transition:background-color 0.2s}.filter-dropdown-item-seemore:hover{background-color:var(--dropdown-hover)}.filter-dropdown-item-seemore svg{font-size:16px}.filter-dropdown-nested-content{padding:8px 12px;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);overflow:visible}.filter-dropdown-nested-content .hx-date-field .datepicker-popover{position:fixed;width:300px;z-index:9999}.filter-dropdown-nested-content .hx-datetime-field .datepicker-popover{position:fixed;width:480px;max-width:calc(100vw - 24px);z-index:9999}.filter-dropdown-nested-content .hx-date-field .datepicker-popover.is-bottom,.filter-dropdown-nested-content .hx-date-field .datepicker-popover.is-top,.filter-dropdown-nested-content .hx-datetime-field .datepicker-popover.is-bottom,.filter-dropdown-nested-content .hx-datetime-field .datepicker-popover.is-top{top:auto!important;bottom:auto!important}.filter-dropdown-nested-content .hx-all-filters-input-group{display:flex;flex-direction:column;gap:8px}.filter-dropdown-nested-content .hx-all-filters-input-field{display:flex;align-items:center;gap:8px}.filter-dropdown-nested-content .hx-all-filters-input-field input{width:100%;padding:4px 8px;border:none;border-radius:4px;background:var(--dropdown-bg);color:var(--text-default)}.filter-dropdown-nested-content .hx-all-filters-grid.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.filter-dropdown-nested-content .hx-all-filters-column{display:flex;flex-direction:column;gap:4px}.filter-dropdown-nested-content .hx-all-filters-item{display:flex;align-items:center;gap:8px;cursor:pointer}.filter-dropdown-item .icon-chevron-down{margin-left:auto;transition:transform 0.2s ease}.filter-dropdown-item .icon-chevron-down.rotate-180{transform:rotate(180deg)}.filter-dropdown-nested-content .search-field{position:relative;margin-bottom:8px}.filter-dropdown-nested-content .search-field .icon-search{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#999;font-size:16px}.filter-dropdown-nested-content .search-field input{padding-left:32px!important}.other-groups-list{display:flex;flex-direction:column}.other-groups-list .filter-dropdown-item{padding:4px 0}.hx-filter-field-select{width:100%;height:32px;padding:4px 8px;border:1px solid var(--border-default);border-radius:4px;background-color:var(--dropdown-bg);color:var(--text-default);cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px;margin-bottom:8px}.hx-filter-field-select:hover{border-color:var(--text-secondary,#a0a0a0)}.hx-filter-field-select option{background-color:var(--dropdown-bg);color:var(--text-default)}

/** webx/static/css/views/search/add-custom-basefilters.css **/
:root.light{--or-text:#888888;--input-background:none;--input-border:#cccccc;--input-color:#333333;--input-focus-border:#1e88e5;--input-focus-gradient-1:#2e3d52;--input-focus-gradient-2:#475972}:root.dark{--or-text:#F0F0F0;--input-background:#2A2A2A;--input-border:#444444;--input-color:#F0F0F0;--input-focus-border:#F0F0F0;--input-focus-gradient-1:#3a4d66;--input-focus-gradient-2:#5c7a9c}.hx-add-custom-basefilters{display:flex;flex-direction:column;gap:10px;width:100%}.hx-add-custom-basefilters .filter-input{width:100%;box-sizing:border-box;flex:1 1 auto;padding:8px 12px;background-color:var(--input-background);border:1px solid var(--input-border);border-radius:4px;font-size:14px;color:var(--input-color);transition:border-color 0.2s}.hx-add-custom-basefilters .filter-input:focus{outline:none;border-color:var(--input-focus-border);background-image:linear-gradient(var(--input-focus-gradient-1),var(--input-focus-gradient-1)),linear-gradient(var(--input-focus-gradient-2),var(--input-focus-gradient-2));background-size:100% 2px,100% 1px;background-repeat:no-repeat;background-position:bottom,bottom}.hx-add-custom-basefilters .saved-button{padding:8px 16px;font-weight:500;border-radius:4px;cursor:pointer;transition:background-color 0.2s ease;background-color:var(--btn-apply-bg);border:none;color:#FFFFFF}.hx-add-custom-basefilters .saved-button:hover{background-color:var(--btn-apply-hover-bg)}.hx-add-custom-basefilters .filter-option{margin:0 5px}.hx-add-custom-basefilters .filter-option label{cursor:pointer}

/** webx/static/css/views/search/applied-setup-popup.css **/
.hx-applied-setup-popup{position:absolute;top:100%;left:0;right:auto;margin-top:8px;width:fit-content;max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;background:var(--background-default-default,#ffffff);border-radius:8px;box-shadow:0px 1px 5px 0px rgba(0,0,0,0.25);padding:16px;z-index:100;display:flex;flex-direction:column;gap:16px;cursor:default}.hx-applied-setup-header{display:flex;flex-direction:column;gap:4px}.hx-applied-setup-title{color:var(--text-default-default,#1e1e1e)}.hx-applied-setup-desc{color:var(--text-default-secondary,#757575)}.hx-applied-setup-section{display:flex;flex-direction:column;gap:10px}.hx-applied-setup-section-title{color:var(--text-default-default,#1e1e1e)}.hx-applied-setup-list{display:flex;flex-wrap:wrap;gap:6px}.hx-applied-setup-chip{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--background-default-secondary,#f5f5f5);border:1px solid var(--border-default-default,#e6e6e6);border-radius:999px;color:var(--text-neutral-default,#303030)}.hx-applied-setup-chip-remove{display:flex;align-items:center;justify-content:center;cursor:pointer;color:#b3b3b3}.hx-applied-setup-footer{display:flex;flex-direction:column;gap:8px}.hx-applied-setup-divider{height:1px;background:var(--border-default-default,#e6e6e6);width:100%}.hx-applied-setup-actions{display:flex;justify-content:flex-end;gap:8px}.hx-btn-outline{padding:8px 16px;border-radius:8px;border:1px solid var(--border-default-default,#e6e6e6);background:transparent;color:var(--text-default-secondary,#757575);font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:16px;cursor:pointer}.hx-btn-gradient{padding:8px 16px;border-radius:8px;border:none;background:linear-gradient(90deg,#2a5ea2 0%,#1c4f92 100%);color:var(--text-neutral-on-neutral,#ffffff);font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:16px;cursor:pointer}@media (max-width:1024px){.hx-applied-setup-popup{width:420px;max-width:calc(100vw - 24px)}}@media (max-width:768px){.hx-applied-setup-popup{position:fixed;top:calc(var(--hx-topbar-height,56px) + 8px);left:12px;right:12px;width:auto;max-width:calc(100vw - 24px);margin-top:0}}

/** webx/static/css/views/search/save-setup-popup.css **/
.hx-save-setup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000}.hx-save-setup-modal{background:var(--background-default-default,#ffffff);border-radius:8px;box-shadow:0px 1px 5px 0px rgba(0,0,0,0.25);padding:12px;width:400px;position:relative;display:flex;flex-direction:column;gap:12px}.hx-save-setup-close-btn{position:absolute;top:12px;right:12px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#1e1e1e}.hx-save-setup-content{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;margin-top:20px}.hx-save-setup-icon-wrapper{margin-bottom:8px}.hx-save-setup-text{display:flex;flex-direction:column;gap:4px}.hx-save-setup-title{color:var(--text-default-default,#1e1e1e)}.hx-save-setup-desc{color:var(--text-default-secondary,#757575)}.hx-save-setup-subdesc{color:var(--text-default-tertiary,#b3b3b3)}.hx-save-setup-form{display:flex;flex-direction:column;gap:6px}.hx-save-setup-field-label{display:flex;gap:4px;color:#2b2b2b}.hx-save-setup-field-label .required{color:#C11B11}.hx-save-setup-input-wrapper{border:1px solid #cacbcc;border-radius:8px;padding:4px 8px;height:40px;display:flex;align-items:center;background:#fff}.hx-save-setup-input{width:100%;border:none;outline:none;color:#2b2b2b;background:transparent}.hx-save-setup-actions{display:flex;gap:8px;margin-top:8px}.hx-save-setup-actions button{flex:1;display:flex;align-items:center;justify-content:center}.hx-save-setup-options{display:flex;flex-direction:column;gap:8px;margin-top:8px}.hx-save-setup-options .filter-option{display:flex;align-items:center;gap:8px;cursor:pointer}.hx-save-setup-options .filter-checkbox{width:16px;height:16px;cursor:pointer}

/** webx/static/css/views/search/add-custom-filter.css **/
:root.light{--btn-apply-bg:#4299e1;--btn-apply-hover-bg:#3182ce;--btn-add-bg:#FFFFFF;--btn-add-hover-bg:#F5F5F5;--btn-add-border:#CCCCCC;--btn-add-text:#333333}:root.dark{--btn-apply-bg:#4299e1;--btn-apply-hover-bg:#3182ce;--btn-add-bg:#2A2A2A;--btn-add-hover-bg:#3A3A3A;--btn-add-border:#444444;--btn-add-text:#F0F0F0}.add-custom-filter[data-condition-count="1"] .remove_filter{display:none}.add-custom-filter{display:flex;flex-direction:column;gap:16px;padding:6px 8px}.add-custom-filter-buttons{display:flex;gap:8px;margin-top:-8px}.add-custom-filter-button{padding:8px 16px;font-weight:500;border-radius:4px;cursor:pointer;transition:background-color 0.2s ease}.add-custom-filter-button-apply{background-color:var(--btn-apply-bg);border:none;color:#FFFFFF}.add-custom-filter-button-apply:hover{background-color:var(--btn-apply-hover-bg)}.add-custom-filter-button-add{background-color:var(--btn-add-bg);border:1px solid var(--btn-add-border);color:var(--btn-add-text);width:100%}.add-custom-filter-button-add:hover{background-color:var(--btn-add-hover-bg)}

/** webx/static/css/views/search/search.css **/
:root.light{--text-default:#1E1E1E;--border-default:#E6E6E6;--search-box-bg:#F0F1F2;--filter-badge-bg:#2A5EA2;--filter-badge-hover-bg:#1F4A80;--autocomplete-hover-bg:#E6E6E6;--shadow-default:rgba(0,0,0,0.25);--remove-btn-bg:#CCCCCC;--remove-btn-hover-bg:#333333;--remove-btn-text:#FFFFFF;--filter-color-1:#9825B8;--filter-color-2:#0B64B2;--filter-color-3:#936204;--filter-color-4:#0C7718;--filter-color-5:#C11B11}:root.dark{--text-default:#DDDDDD;--border-default:#444444;--search-box-bg:#2A2A2A;--filter-badge-bg:#3A3A3A;--filter-badge-hover-bg:#555555;--autocomplete-hover-bg:#444444;--shadow-default:rgba(0,0,0,0.4);--remove-btn-bg:#666666;--remove-btn-hover-bg:#AAAAAA;--remove-btn-text:#FFFFFF;--filter-color-1:#BD7DCE;--filter-color-2:#77A6DA;--filter-color-3:#C2A559;--filter-color-4:#5BB96F;--filter-color-5:#F27C7C}.search-container{width:100%}.search-container a{text-decoration:none;color:inherit}.search-container .search-inner{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:10px}.search-input-wrapper{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;box-sizing:border-box}.search-container .search-input-wrapper>input{padding:0;width:100%;outline:none;border:none;box-shadow:none;color:var(--text-default);background:none}.topbar-search-icon{color:var(--text-default);flex-shrink:0}.search-container .search-box{position:relative;display:flex;align-items:center;height:40px;width:100%;box-sizing:border-box;border-radius:8px;padding:0 5px;z-index:11;transition:unset;background-color:var(--search-box-bg)}.filter-badge{display:inline-flex;height:70%;align-items:center;padding:8px;margin-right:4px;font-size:12px;background-color:var(--filter-badge-bg);border:1px solid var(--border-default);border-radius:6px;color:#FFFFFF;cursor:pointer;transition:all 0.3s ease;white-space:nowrap}.filter-badge:hover{background-color:var(--filter-badge-hover-bg)}.filter-badge .smart-buttons{fill:white}.filter-badge .filter-count{margin:0 4px}.search-dropdown-container{position:absolute;z-index:8;top:40px;left:0}.search-container ul.search-autocomplete-list[data-isearch=""]{display:none}.search-container ul.search-autocomplete-list{display:flex;flex-direction:column;gap:4px;padding:8px;margin:0;color:var(--text-default);list-style:none;background-color:var(--search-box-bg);border:1px solid var(--border-default);border-radius:4px;box-shadow:0 6px 12px -4px var(--shadow-default);min-width:250px;width:fit-content;z-index:10}.search-container ul.search-autocomplete-list .autocomplete-item{cursor:pointer;padding:8px}.search-container ul.search-autocomplete-list .autocomplete-item:hover{background-color:var(--autocomplete-hover-bg)}.search-container .search-autocomplete-list-enter-active,.search-container .search-autocomplete-list-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.search-container .search-autocomplete-list-enter-from,.search-container .search-autocomplete-list-leave-to{opacity:0;transform:translateY(-8px)}.search-container ul.applied-filters-list{display:flex;flex-direction:column;gap:4px;padding:8px;margin:0;color:var(--text-default);list-style:none;background-color:var(--search-box-bg);border:1px solid var(--border-default);border-radius:4px;box-shadow:0 6px 12px -4px var(--shadow-default);min-width:250px;width:fit-content;z-index:10;max-height:250px;overflow:auto}.search-container ul.applied-filters-list .applied-filter{position:relative;cursor:pointer;padding:8px;display:inline-flex;align-items:center;gap:8px;line-height:0}.search-container ul.applied-filters-list .applied-filter:hover{background-color:var(--autocomplete-hover-bg)}.search-container ul.applied-filters-list .applied-filter:hover .remove-filter-btn{background-color:rgba(204,204,204,0.5)}.search-container ul.applied-filters-list .applied-filter:before{display:flex;content:"";width:16px;height:16px;border-radius:50%;position:relative}.search-container ul.applied-filters-list .applied-filter:nth-child(1):before{background:var(--filter-color-1)}.search-container ul.applied-filters-list .applied-filter:nth-child(2):before{background:var(--filter-color-2)}.search-container ul.applied-filters-list .applied-filter:nth-child(3):before{background:var(--filter-color-3)}.search-container .applied-filters-list-enter-active,.search-container .applied-filters-list-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.search-container .applied-filters-list-enter-from,.search-container .applied-filters-list-leave-to{opacity:0;transform:translateY(-8px)}.search-container ul.applied-filters-list .applied-filter:nth-child(4):before{background:var(--filter-color-4)}.search-container ul.applied-filters-list .applied-filter:nth-child(5):before{background:var(--filter-color-5)}.search-container ul.applied-filters-list .applied-filter .remove-filter-btn{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:auto;width:20px;height:20px;border-radius:50%;background-color:rgba(204,204,204,0.3);transition:all 0.2s ease;z-index:2}.search-container ul.applied-filters-list .applied-filter .remove-filter-btn .remove-filter-icon{width:14px;height:14px;color:#666666;transition:all 0.2s ease}.search-container ul.applied-filters-list .applied-filter .remove-filter-btn:hover{background-color:#ff4444!important;transform:scale(1.1)}.search-container ul.applied-filters-list .applied-filter .remove-filter-btn:hover .remove-filter-icon{color:#ffffff!important}@media (max-width:1024px){.search-container .search-box{max-width:240px}.filter-badge .filter-badge-text{display:none}.filter-badge{padding:6px 8px;gap:4px}}@media (max-width:768px){.search-container .search-box{max-width:180px}.filter-badge .filter-badge-text{display:none}.filter-badge{padding:4px 6px;gap:2px;min-width:unset}.filter-badge .smart-buttons{font-size:14px}}

/** webx/static/css/views/search/add-custom-filter-condition.css **/
:root.light{--or-text:#888888;--input-background:none;--input-border:#cccccc;--input-color:#333333;--input-focus-border:#1e88e5;--input-focus-gradient-1:#2e3d52;--input-focus-gradient-2:#475972}:root.dark{--or-text:#F0F0F0;--input-background:#2A2A2A;--input-border:#444444;--input-color:#F0F0F0;--input-focus-border:#F0F0F0;--input-focus-gradient-1:#3a4d66;--input-focus-gradient-2:#5c7a9c}.add-custom-filter-condition{display:flex;flex-direction:column}.add-custom-filter-condition .condition-split{display:flex}.add-custom-filter-condition .or_filter{position:relative;top:-8px;margin:auto;font-size:14px;color:var(--or-text);font-weight:500}.add-custom-filter-condition:nth-child(1) .or_filter{display:none}.condition-split .condition-body{display:flex;flex-direction:column;gap:4px;width:100%}.condition-split:has(.condition-body:nth-of-type(2)) .condition-body:not(:first-child){width:180px;flex-shrink:0}.add-custom-filter-condition .remove_filter{margin-left:8px}.add-custom-filter-condition .remove_filter_icon{display:flex;justify-content:center;align-items:center;height:36px;width:100%;opacity:.8;cursor:pointer}.add-custom-filter-condition .remove_filter_icon:hover{opacity:1}.add-custom-filter-condition .filter-input{width:100%;box-sizing:border-box;flex:1 1 auto;padding:8px 12px;background-color:var(--input-background);border:1px solid var(--input-border);border-radius:4px;font-size:14px;color:var(--input-color);transition:border-color 0.2s}.add-custom-filter-condition .filter-input:focus{outline:none;border-color:var(--input-focus-border);background-image:linear-gradient(var(--input-focus-gradient-1),var(--input-focus-gradient-1)),linear-gradient(var(--input-focus-gradient-2),var(--input-focus-gradient-2));background-size:100% 2px,100% 1px;background-repeat:no-repeat;background-position:bottom,bottom}

/** webx/static/css/views/search/add-custom-group.css **/
:root.light{--or-text:#888888;--input-background:none;--input-border:#cccccc;--input-color:#333333;--input-focus-border:#1e88e5;--input-focus-gradient-1:#2e3d52;--input-focus-gradient-2:#475972}:root.dark{--or-text:#F0F0F0;--input-background:#2A2A2A;--input-border:#444444;--input-color:#F0F0F0;--input-focus-border:#F0F0F0;--input-focus-gradient-1:#3a4d66;--input-focus-gradient-2:#5c7a9c}.hx-add-custom-group{display:flex;flex-direction:column;gap:4px;width:100%;padding:6px 8px}.hx-add-custom-group .filter-input{width:100%;box-sizing:border-box;flex:1 1 auto;padding:8px 12px;background-color:var(--input-background);border:1px solid var(--input-border);border-radius:4px;font-size:14px;color:var(--input-color);transition:border-color 0.2s}.hx-add-custom-group .filter-input:focus{outline:none;border-color:var(--input-focus-border);background-image:linear-gradient(var(--input-focus-gradient-1),var(--input-focus-gradient-1)),linear-gradient(var(--input-focus-gradient-2),var(--input-focus-gradient-2));background-size:100% 2px,100% 1px;background-repeat:no-repeat;background-position:bottom,bottom}

/** webx/static/css/import/import-slice-overview.css **/
.hx-import-slice-overview{}.hx-import-slice-overview .slice-overview-mapping{display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding-left:18px!important;padding-right:18px!important;margin-left:0!important}.slice-overview-mapping .mapping-btn{position:relative!important}.slice-header-wrapper{margin-bottom:24px;margin-left:0;padding-left:0;width:100%!important}.slice-header-content{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;height:50px;margin-left:0;padding-left:0;width:100%!important}.slice-header-left{display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important;flex:1 1 auto!important;min-width:0!important}.slice-overview-mapping .slice-header-content .btn-download-error,.mapping-btn.btn-download-error{flex-shrink:0!important;margin-left:auto!important;background:linear-gradient(90deg,#2a5ea2 40%,#1c4f92 100%)!important;border:none!important;color:#ffffff!important;padding:10px 14px!important;box-shadow:0 1px 2px rgba(42,94,162,0.2)!important;white-space:nowrap!important;position:relative!important;order:999!important}.slice-overview-mapping .slice-header-content .btn-download-error:hover,.mapping-btn.btn-download-error:hover{background:linear-gradient(90deg,#1c4f92 0%,#163d75 100%)!important;box-shadow:0 2px 4px rgba(42,94,162,0.3)!important}.slice-overview-mapping .slice-header-content .btn-download-error svg,.slice-overview-mapping .slice-header-content .btn-download-error .btn-icon svg,.slice-overview-mapping .slice-header-content .btn-download-error span svg,.mapping-btn.btn-download-error svg,.mapping-btn.btn-download-error .btn-icon svg,.mapping-btn.btn-download-error span svg{fill:#ffffff!important}.slice-overview-mapping .slice-header-content .btn-download-error svg path,.mapping-btn.btn-download-error svg path{fill:#ffffff!important}.slice-back-button{width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease}.slice-back-button:hover{transform:scale(1.1)}.slice-back-button svg{width:28px;height:28px}.slice-overview-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:20px;line-height:24px;color:#0058cc;margin:0;padding:10px 0}.slice-tab-navigation{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:0;border-bottom:1px solid #e6e6e6;margin-bottom:24px;margin-left:0;padding-left:0;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#d4d4d4 #f5f5f5;flex-wrap:nowrap}.slice-tab-navigation::-webkit-scrollbar{height:6px}.slice-tab-navigation::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.slice-tab-navigation::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:3px}.slice-tab-navigation::-webkit-scrollbar-thumb:hover{background:#b3b3b3}.slice-tab-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding:8px 0;cursor:pointer;border-bottom:2px solid transparent;transition:all 0.2s ease;flex:0 0 auto}.slice-tab-item:hover{border-bottom-color:#d4d4d4}.slice-tab-item.active{border-bottom-color:#2a5ea2}.slice-tab-container{display:flex;flex-direction:row;align-items:center;gap:8px;padding:4px 24px;border-radius:6px}.slice-tab-item.active .slice-tab-container{background:rgba(42,94,162,0.05)}.slice-tab-label{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:14px;line-height:20px;color:#757575;white-space:nowrap}.slice-tab-item.active .slice-tab-label{color:#1e1e1e}.slice-tab-counter{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 6px;background:#5a5a5a;border-radius:999px;min-width:24px;height:18px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:12px;line-height:18px;color:#ffffff}.slice-tab-counter.counter-blue{background:#3f7bca}.slice-tab-counter.counter-gray{background:#ddedfd;color:#2a5ea2}.slice-tab-counter.counter-orange{background:#ffa726;color:#ffffff}.slice-table-section{display:flex;flex-direction:column;gap:16px;width:100%}.slice-table-wrapper{width:100%;overflow-x:auto;border:1px solid #e6e6e6;border-radius:8px}.slice-data-table{width:100%;border-collapse:collapse;font-family:'Plus Jakarta Sans',sans-serif}.slice-data-table thead{background:#f5f5f5}.slice-table-header{padding:12px;text-align:left;border-bottom:1px solid #e6e6e6;font-weight:600;font-size:14px;line-height:20px;color:#1e1e1e}.slice-header-cell{display:flex;flex-direction:column;justify-content:center}.slice-header-text{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:14px;line-height:20px;color:#1e1e1e}.slice-table-row{border-bottom:1px solid #e6e6e6;transition:background-color 0.2s ease}.slice-table-row:hover{background:#f9f9f9}.slice-table-cell{padding:12px;border-bottom:1px solid #e6e6e6}.slice-cell-content{display:flex;flex-direction:column;justify-content:center}.slice-cell-text{font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#1e1e1e}.slice-pagination-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;padding-top:16px}.slice-pagination-container{display:flex;flex-direction:row;align-items:center;gap:24px}.slice-pagination-nav{display:flex;flex-direction:row;align-items:center;gap:24px}.slice-pagination-nav-group{display:flex;flex-direction:row;align-items:center;gap:12px}.slice-nav-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;cursor:pointer;color:#b3b3b3;transition:all 0.2s ease;padding:0}.slice-nav-btn:hover:not(:disabled){color:#1e1e1e;transform:scale(1.1)}.slice-nav-btn:disabled{opacity:0.3;cursor:not-allowed}.slice-nav-btn svg{width:16px;height:16px}.slice-pagination-pages{display:flex;flex-direction:row;align-items:center;gap:8px}.slice-page-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px 6px;min-width:36px;height:36px;background:#ffffff;border:1px solid #e6e6e6;border-radius:6px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#1e1e1e;cursor:pointer;transition:all 0.2s ease}.slice-page-btn:hover:not(:disabled):not(.active){background:#f5f5f5;border-color:#d4d4d4}.slice-page-btn.active{background:#2a5ea2;border-color:#2a5ea2;color:#ffffff}.slice-page-btn.ellipsis{border:none;background:transparent;cursor:default;pointer-events:none}.slice-page-btn:disabled{opacity:0.5;cursor:not-allowed}.slice-pagination-meta{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:2px 12px;background:#d9d9d9;border:1px solid #e6e6e6;border-radius:4px;min-width:180px;height:36px}.slice-pagination-meta-content{display:flex;flex-direction:row;align-items:center;gap:2px}.slice-pagination-meta-item{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:20px;color:#1e1e1e;padding:4px 2px}.slice-pagination-meta-item:first-child{font-weight:600}.slice-pagination-meta-item:nth-child(2){font-weight:400}.slice-pagination-meta-item:last-child{font-weight:600}.slice-pagination-dropdown-icon{width:16px;height:16px;margin-left:4px}@media (max-width:1024px){.slice-tab-navigation{overflow-x:auto;flex-wrap:nowrap}.slice-tab-item{flex:0 0 auto;min-width:150px}}@media (max-width:768px){.slice-overview-container{padding:16px}.slice-overview-section{padding:12px}.slice-header-content{height:auto;padding:8px 0}.slice-overview-title{font-size:18px;line-height:22px}.slice-tab-container{padding:4px 12px}.slice-tab-label{font-size:13px}.slice-table-wrapper{overflow-x:scroll}.slice-pagination-container{flex-direction:column;gap:16px}.slice-pagination-nav{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.slice-overview-container{padding:12px}.slice-header-content{flex-direction:column;align-items:flex-start;gap:8px}.slice-back-button{align-self:flex-start}.slice-tab-label{font-size:12px}.slice-pagination-pages{flex-wrap:wrap;justify-content:center}.slice-page-btn{min-width:32px;height:32px;padding:2px 4px}}.per-page-control{position:relative;cursor:pointer;padding:6px 8px;border-radius:4px;transition:background-color 0.2s ease}.per-page-control:hover{background-color:rgba(0,0,0,0.04)}.per-page-options{position:absolute;bottom:100%;right:0;margin-bottom:4px;background:#ffffff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);min-width:80px;z-index:1000;overflow:hidden}.per-page-options button{display:block;width:100%;padding:10px 16px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:14px;font-weight:400;color:#333333;transition:background-color 0.2s ease}.per-page-options button:hover{background-color:#f5f5f5}.per-page-options button.active{background-color:#e3f2fd;color:#1976d2;font-weight:600}.slice-overview-row.has-error{background-color:#ffebee!important}.slice-overview-row.has-error td{background-color:#ffebee!important}.slice-overview-row.has-error:hover{background-color:#ffcdd2!important}.slice-overview-row.has-error:hover td{background-color:#ffcdd2!important}.error-text{color:#c62828;font-weight:500}.slice-overview-cell{position:relative}.cell-content{position:relative;display:flex;align-items:center}.slice-overview-row.has-error{cursor:help}.error-tooltip-popup{position:fixed;pointer-events:none;z-index:99999;animation:tooltipFadeIn 0.2s ease-out}@keyframes tooltipFadeIn{from{opacity:0;transform:translate(-50%,calc(-100% - 10px))}to{opacity:1;transform:translate(-50%,-100%)}}.error-tooltip-popup-content{background:#ffffff;border:2px solid #ef5350;border-radius:8px;box-shadow:0 8px 24px rgba(211,47,47,0.25);padding:14px 18px;min-width:300px;max-width:500px;position:relative}.error-tooltip-popup-content::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #ffffff;filter:drop-shadow(0 3px 3px rgba(0,0,0,0.1))}.error-tooltip-popup-content::before{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #ef5350;margin-top:2px}.error-tooltip-popup-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.error-tooltip-popup-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:14px;line-height:20px;color:#d32f2f}.error-tooltip-popup-message{font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:13px;line-height:20px;color:#424242;margin:0;word-wrap:break-word;white-space:normal}

/** webx/static/css/import/import-data-modal.css **/
.hx-import-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:9999;animation:none}.hx-import-modal-container{background:white;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);max-width:600px;width:90%;max-height:90vh;overflow:hidden;animation:hx-modal-pop 0.3s ease forwards;position:relative}@keyframes hx-modal-overlay-in{from{opacity:0}to{opacity:1}}@keyframes hx-modal-overlay-out{from{opacity:1}to{opacity:0}}@keyframes hx-modal-pop{from{opacity:0;transform:translate3d(0,14px,-30px) scale(0.95)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes hx-modal-pop-out{from{opacity:1;transform:translate3d(0,0,0) scale(1)}to{opacity:0;transform:translate3d(0,12px,-18px) scale(0.96)}}.hx-import-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 0 24px;border-bottom:1px solid #e5e7eb}.hx-import-modal-header-content{flex:1;margin-right:16px}.hx-import-modal-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:20px;line-height:1.2;color:#1E1E1E;margin:0 0 8px 0}.hx-import-modal-subtitle{font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;line-height:1.4;color:#6B7280;margin:0}.hx-import-modal-close-btn{background:none;border:none;padding:8px;cursor:pointer;color:#6B7280;border-radius:6px;transition:all 0.2s ease;flex-shrink:0}.hx-import-modal-close-btn:hover{background-color:#F3F4F6;color:#374151}.hx-import-modal-body{padding:24px;max-height:60vh;overflow-y:auto}.hx-import-upload-section{text-align:left;padding:40px 20px}.hx-import-upload-content{display:flex;flex-direction:row;align-items:center;gap:32px}.hx-import-upload-icon{opacity:0.8}.hx-import-upload-icon svg{width:80px;height:96px}.hx-import-upload-text{display:flex;flex-direction:column;align-items:center;gap:16px}.hx-import-file-info{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:1.4}.hx-import-file-info .text-muted{color:#6B7280}.hx-import-file-info .text-dark{color:#1F2937}.hx-import-upload-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.hx-import-upload-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;font-weight:500;min-width:180px;justify-content:center}.hx-import-upload-separator{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;color:#6B7280;margin:8px 0}.hx-import-file-selected-section{display:flex;flex-direction:column;gap:24px}.hx-import-selected-file-info{display:flex;align-items:center;gap:12px;padding:16px;background:#F9FAFB;border:2px solid #006FFF;border-radius:8px}.hx-import-file-icon{color:#006FFF;flex-shrink:0}.hx-import-file-details{flex:1;display:flex;flex-direction:column;gap:2px}.hx-import-file-name{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:14px;color:#1F2937}.hx-import-file-size{font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;color:#6B7280}.hx-import-btn-remove-file{background:none;border:none;padding:6px;cursor:pointer;color:#DC2626;border-radius:4px;transition:all 0.2s ease}.hx-import-btn-remove-file:hover{background-color:rgba(220,38,38,0.1)}.hx-import-options{display:flex;flex-direction:column;gap:12px}.form-check{display:flex;align-items:center;gap:8px}.form-check-input{width:16px;height:16px;accent-color:#006FFF}.form-check-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;color:#374151;cursor:pointer}.hx-import-processing-section{text-align:center;padding:40px 20px}.hx-import-processing-content{display:flex;flex-direction:column;align-items:center;gap:16px}.spinner-border{width:40px;height:40px;border:3px solid #E5E7EB;border-top:3px solid #006FFF;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hx-import-processing-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:18px;color:#1F2937;margin:0}.hx-import-processing-subtitle{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;color:#6B7280;margin:0}.hx-import-progress-bar{width:100%;height:8px;background-color:#E5E7EB;border-radius:4px;overflow:hidden}.hx-import-progress-fill{height:100%;background:linear-gradient(90deg,#006FFF,#0056CC);border-radius:4px;transition:width 0.3s ease}.hx-import-error-section{margin-top:16px}.alert{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px}.alert-danger{background-color:#FEF2F2;color:#DC2626;border:1px solid #FECACA}.hx-import-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #E5E7EB;background-color:#F9FAFB}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all 0.2s ease;text-decoration:none;min-height:40px;justify-content:center}.btn:disabled{opacity:0.6;cursor:not-allowed}.btn-primary{background-color:#006FFF;color:white;border-color:#006FFF}.btn-primary:hover:not(:disabled){background-color:#0056CC;border-color:#0056CC}.btn-outline-secondary{background-color:transparent;color:#6B7280;border-color:#D1D5DB}.btn-outline-secondary:hover:not(:disabled){background-color:#F3F4F6;color:#374151;border-color:#9CA3AF}@media (max-width:768px){.hx-import-modal-container{margin:20px;width:calc(100% - 40px);max-height:calc(100vh - 40px)}.hx-import-modal-header{padding:20px 20px 0 20px}.hx-import-modal-body{padding:20px}.hx-import-modal-footer{padding:16px 20px;flex-direction:column}.hx-import-upload-section{padding:30px 15px}.hx-import-upload-icon svg{width:60px;height:72px}.hx-import-upload-actions{width:100%}.hx-import-upload-btn,.btn{width:100%}.hx-import-upload-actions{flex-direction:column}.hx-import-modal-title{font-size:18px}.hx-import-selected-file-info{padding:12px}}@media (max-width:480px){.hx-import-modal-container{margin:10px;width:calc(100% - 20px);max-height:calc(100vh - 20px)}.hx-import-upload-content{gap:20px}.hx-import-modal-header-content{margin-right:12px}}

/** webx/static/css/import/import-form.css **/
:root{--import-primary-color:#006fff;--import-primary-hover:#0056cc;--import-success-color:#10b981;--import-text-dark:#111827;--import-text-medium:#6b7280;--import-text-light:#9ca3af;--import-border-color:#e5e7eb;--import-bg-white:#ffffff;--import-bg-gray:#f9fafb;--import-bg-gray-hover:#f3f4f6;--import-shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1);--import-shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--import-radius-lg:12px;--import-radius-md:8px;--import-radius-sm:6px}.hx-import-form{}.hx-import-upload-section{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:40px 20px;background:var(--import-bg-gray);border-radius:8px}.hx-import-container{max-width:900px;width:100%;margin:0 auto}.hx-import-upload-section .hx-import-container{max-width:900px}.hx-import-card{background:var(--import-bg-white);border:1px solid var(--import-border-color);border-radius:var(--import-radius-lg);padding:48px 40px;box-shadow:var(--import-shadow-sm);transition:all 0.3s ease}.hx-import-header{display:flex;flex-direction:row;align-items:flex-start;gap:40px}.hx-import-upload-content{display:flex!important;flex-direction:row!important;align-items:center!important;gap:32px!important;padding:0!important;background:transparent!important}.hx-import-upload-content>.import-icon-section{flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;order:1!important}.import-file-icon{width:112px!important;height:134px!important;display:flex!important;align-items:center!important;justify-content:center!important}.import-file-icon svg{width:112px!important;height:134px!important;display:block!important}.hx-import-upload-content>.import-content-section,.import-content-section{display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:32px!important;width:454px!important;height:173px!important;order:2!important}.import-text-group{display:flex!important;flex-direction:column!important;gap:12px!important;width:454px!important}.import-title{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;font-size:20px!important;font-weight:500!important;line-height:1.2em!important;color:#1e1e1e!important;margin:0!important;padding:0!important;text-align:left!important;width:442px!important}.import-description{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;font-size:20px!important;font-weight:400!important;line-height:1.2em!important;color:#1e1e1e!important;margin:0!important;padding:0!important;text-align:left!important;width:100%!important}.import-file-info{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.5em!important;color:#5a5a5a!important;margin:0!important;padding:0!important;text-align:left!important;width:100%!important;height:20px!important}.import-file-info .text-muted{color:#5a5a5a!important}.import-file-info .text-dark{color:#1e1e1e!important;font-weight:400!important}.import-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:nowrap!important;width:454px!important;margin:0!important;padding:0!important;height:24px!important}.import-link.browse-link{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.5em!important;color:#006fff!important;text-decoration:none!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:none!important;border:none!important;padding:0!important;margin:0!important;width:132px!important;text-align:center!important;vertical-align:middle!important}.import-separator{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.5em!important;color:#000000!important;padding:0!important;margin:0!important;user-select:none!important;width:29px!important;text-align:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important}.import-link.template-link{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.5em!important;color:#006fff!important;text-decoration:none!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:none!important;border:none!important;padding:0!important;margin:0!important;width:157px!important;text-align:center!important;vertical-align:middle!important}.import-link{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.5em!important;color:#006fff!important;text-decoration:none!important;cursor:pointer!important;transition:all 0.2s cubic-bezier(0.4,0,0.2,1)!important;display:inline-block!important;background:none!important;border:none!important;padding:0!important;margin:0!important}.import-link:hover{color:#0056cc!important;text-decoration:underline!important;text-underline-offset:4px!important}.import-btn,.primary-btn,.secondary-btn{all:unset;font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:500;line-height:1.5;color:#006fff;text-decoration:none;cursor:pointer;background:none;border:none;padding:0;margin:0;transition:all 0.2s ease}.import-btn:hover,.primary-btn:hover,.secondary-btn:hover{color:#0056cc;text-decoration:underline}.import-btn i,.primary-btn i,.secondary-btn i{display:none}.hx-preview-section{margin-top:20px;width:100%}.hx-preview-section .hx-import-card{width:100%;max-width:none}.hx-list-view{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;min-width:100%;table-layout:auto;border-collapse:collapse}.hx-import-content,.hx-import-container{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.hx-preview-section .hx-import-container{width:100%;max-width:100%;padding:0;box-sizing:border-box;overflow-x:hidden}.hx-preview-section .hx-import-card{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.hx-action-footer{width:100%;padding:16px 0px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:none!important}.hx-control-mode{flex-shrink:0}.hx-control-pagger{flex:1;display:flex;justify-content:flex-end}.pagination-controls{display:flex;align-items:center;gap:16px}.navigation-buttons{display:flex;align-items:center;gap:8px}.nav-button{background:none;border:1px solid #e5e7eb;padding:8px 12px;border-radius:6px;cursor:pointer;color:#6b7280;font-size:14px;font-weight:500;transition:all 0.2s ease}.nav-button:disabled{opacity:0.4;cursor:not-allowed;color:#9ca3af}.nav-button:not(:disabled):hover{background-color:#f9fafb!important;border-color:#d1d5db;color:#374151}.pages{display:flex;align-items:center;gap:2px}.page-number{background:none;border:1px solid #e5e7eb;padding:8px 12px;border-radius:6px;cursor:pointer;color:#6b7280;font-size:14px;font-weight:500;min-width:36px;text-align:center;transition:all 0.2s ease}.page-number:hover{background-color:#f9fafb;border-color:#d1d5db;color:#374151}.page-number.active{background-color:#3b82f6;color:white;border-color:#3b82f6}.ellipsis{padding:8px 4px;color:#9ca3af;font-size:14px}.pagination-meta{display:flex;align-items:center;gap:12px}.range-editor{display:flex;align-items:center;gap:4px;font-size:14px}.input-range{width:48px;padding:4px 6px;border:1px solid #e5e7eb;border-radius:4px;text-align:center;font-size:14px;font-weight:500;color:#374151;background-color:#ffffff}.input-range:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.per-page-control{position:relative;cursor:pointer;padding:6px 8px;border-radius:6px;background-color:#f9fafb;border:1px solid #e5e7eb;transition:all 0.2s ease}.per-page-control:hover{background-color:#f3f4f6;border-color:#d1d5db}.per-page-dropdown{position:absolute;top:100%;right:0;background:white;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);z-index:10;min-width:120px}.per-page-option{padding:8px 12px;cursor:pointer;font-size:14px}.per-page-option:hover{background-color:#f3f4f6}.per-page-option.active{background-color:#ebf4ff;color:#3b82f6}.hx-file-selected-section{background:var(--import-bg-gray);border-radius:var(--import-radius-md)}.hx-file-selected-section .hx-import-card{background:var(--import-bg-white);border:1px solid var(--import-border-color);border-radius:var(--import-radius-md);margin-bottom:20px;overflow:hidden;transition:box-shadow 0.3s ease}.hx-file-selected-section .hx-import-card:hover{box-shadow:var(--import-shadow-md)}.unified-import-card{background:var(--import-bg-white);border:1px solid var(--import-border-color);border-radius:var(--import-radius-md);overflow:hidden;margin-bottom:0!important;box-shadow:var(--import-shadow-sm)}.section-divider{border-top:1px solid #e5e7eb;padding-top:20px}.section-divider:first-child{border-top:none;padding-top:0}.unified-import-card .file-success-content{padding:20px}.unified-import-card .sheet-selection-content,.unified-import-card .import-options-content{padding:20px}.unified-import-card .import-actions-content{padding:20px}.unified-import-card .hx-preview-section{margin-top:0;padding:0}.unified-import-card .preview-header{padding:20px;border-bottom:1px solid #e5e7eb;border-top:none}.hx-import-progress{text-align:center;padding:40px}.progress-content h5{color:#111827;margin-top:16px}.progress-content p{color:#6b7280}.file-success-card{margin-bottom:20px}.file-success-content{display:flex;align-items:center;padding:24px;gap:16px;background:linear-gradient(to right,rgba(16,185,129,0.02),transparent);border-bottom:1px solid var(--import-border-color)}.success-icon-section{flex-shrink:0;display:flex;align-items:center;justify-content:center}.success-icon{width:24px;height:24px;color:var(--import-success-color);display:flex;align-items:center;justify-content:center}.success-icon svg{width:100%;height:100%}.file-info-section{flex:1;min-width:0}.file-success-title{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;font-weight:600;color:var(--import-text-dark);margin:0 0 8px 0;letter-spacing:-0.01em}.file-details{display:flex;flex-direction:column;gap:4px}.file-name{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:600;font-size:14px;color:var(--import-text-dark);margin:0 0 4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{display:flex;align-items:center;gap:8px;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;color:var(--import-text-medium);flex-wrap:wrap}.file-size{color:var(--import-text-medium)}.file-type{color:var(--import-text-medium);text-transform:uppercase;font-size:13px;font-weight:500}.file-separator{color:#d1d5db;user-select:none}.record-count{color:var(--import-text-medium);font-weight:500}.sheet-count{color:var(--import-text-medium);font-weight:500}.file-action-section{flex-shrink:0}.import-options-content{padding:24px;border-top:1px solid var(--import-border-color)}.section-title{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:18px;font-weight:600;color:var(--import-text-dark);margin:0 0 8px 0;letter-spacing:-0.02em}.section-description{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;color:var(--import-text-medium);margin:0 0 20px 0;line-height:1.5}.import-options{display:flex;flex-direction:column;gap:12px}.import-options-horizontal{display:flex;flex-direction:row;gap:24px;flex-wrap:wrap}.option-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--import-bg-gray);border:1px solid transparent;border-radius:var(--import-radius-md);transition:all 0.2s cubic-bezier(0.4,0,0.2,1);cursor:pointer}.import-options-horizontal .option-item{flex:0 0 auto;padding:8px 12px;align-items:center;gap:8px;background:transparent}.option-item:hover{background:var(--import-bg-gray-hover);border-color:var(--import-border-color);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.import-options-horizontal .option-item:hover{background:transparent;border-color:transparent;box-shadow:none}.option-control{flex-shrink:0;margin-top:2px}.option-control .form-check-input{width:18px;height:18px;accent-color:var(--import-primary-color);cursor:pointer;border:2px solid var(--import-border-color);border-radius:4px;transition:all 0.2s ease}.option-control .form-check-input:checked{background-color:var(--import-primary-color);border-color:var(--import-primary-color)}.option-control .form-check-input:hover{border-color:var(--import-primary-color)}.option-content{flex:1}.option-label{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:500;font-size:14px;color:var(--import-text-dark);display:block;margin:0 0 4px 0;cursor:pointer;line-height:1.4}.import-options-horizontal .option-label{margin:0;font-size:13px}.option-description{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:13px;color:var(--import-text-medium);line-height:1.5;margin:0}.import-actions-content{padding:24px;background:var(--import-bg-gray);border-top:1px solid var(--import-border-color);border-radius:0 0 var(--import-radius-lg) var(--import-radius-lg)}.hx-import-card:not(.unified-import-card) .import-actions-content{border-top:1px solid var(--import-border-color)}.action-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.action-buttons .btn{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding:10px 24px;border-radius:var(--import-radius-md);font-size:14px;font-weight:500;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;line-height:1.5;text-decoration:none}.action-buttons .btn-primary{background:var(--import-primary-color);color:var(--import-bg-white);border-color:var(--import-primary-color);box-shadow:0 1px 2px rgba(0,111,255,0.15)}.action-buttons .btn-primary:hover:not(:disabled){background:var(--import-primary-hover);border-color:var(--import-primary-hover);box-shadow:0 4px 8px rgba(0,111,255,0.25);transform:translateY(-1px)}.action-buttons .btn-primary:active:not(:disabled){transform:translateY(0)}.action-buttons .btn-outline-secondary{background:var(--import-bg-white);color:var(--import-text-medium);border-color:#d1d5db}.action-buttons .btn-outline-secondary:hover:not(:disabled){background:var(--import-bg-gray);color:#374151;border-color:#9ca3af}.action-buttons .btn:disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.action-buttons .btn i{font-size:16px;width:16px;height:16px}.action-buttons .btn .fa-spinner{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.hx-preview-section{margin-top:2px}.hx-preview-section .hx-import-card{padding:0;overflow:hidden}.preview-header{padding:14px 0px!important;border-bottom:1px solid #e5e7eb;background:#ffffff}.preview-header .section-title{margin-bottom:4px}.preview-header .section-description{margin-bottom:0}.sheet-selection-content{padding:24px;border-top:1px solid var(--import-border-color)}.sheet-options{display:flex;flex-direction:column;gap:12px}.sheet-option{display:flex;align-items:center;gap:12px;padding:16px;background:var(--import-bg-gray);border:2px solid transparent;border-radius:var(--import-radius-md);cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.sheet-option:hover{background:var(--import-bg-gray-hover);border-color:var(--import-border-color)}.sheet-option.active{background:rgba(0,111,255,0.05);border-color:var(--import-primary-color)}.sheet-radio{flex-shrink:0}.sheet-radio input[type='radio']{width:18px;height:18px;accent-color:var(--import-primary-color);cursor:pointer}.sheet-info{flex:1}.sheet-name{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;font-weight:600;color:var(--import-text-dark);margin-bottom:4px}.sheet-rows{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:13px;color:var(--import-text-medium)}.import-file-icon.drag-over{transform:scale(1.05);transition:transform 0.2s ease}.import-processing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.9);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--import-radius-lg)}@media (max-width:768px){.hx-import-upload-section{min-height:60vh;padding:16px}.hx-import-card{padding:24px 20px}.hx-import-upload-content{flex-direction:column;text-align:center;padding:24px;gap:24px}.import-content-section{max-width:100%}.import-title{font-size:20px}.import-description{font-size:14px}.import-actions{justify-content:center;gap:12px;flex-direction:column;width:100%}.import-link{text-align:center;width:100%}.import-options-horizontal{flex-direction:column;gap:12px}.import-options-horizontal .option-item{width:100%;padding:12px}.header-action-buttons{flex-wrap:wrap;justify-content:center;gap:8px}.header-btn{font-size:14px;padding:8px 16px}.import-separator{display:none}.file-success-content{flex-direction:column;text-align:center;padding:20px}.action-buttons{justify-content:center;flex-direction:column;width:100%}.action-buttons .btn{width:100%;justify-content:center}}.hx-mapping-section{background:#ffffff;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:16px;align-items:flex-end}.mapping-header-wrapper{width:100%;display:flex;flex-direction:column;gap:20px}.mapping-top-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:100%}.mapping-title{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:20px;font-weight:600;line-height:1.2;margin:0;letter-spacing:-0.02em;flex-shrink:0}.sheet-template-selector{display:flex;align-items:center;gap:12px;margin-top:0;margin-bottom:0;flex-shrink:0}.sheet-label{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:#585959;margin:0;white-space:nowrap}.template-dropdown{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 16px;min-width:300px;height:36px;background:#ffffff;border:1px solid #e6e6e6;border-radius:6px;box-shadow:none;cursor:pointer;transition:all 0.2s ease;z-index:10}.template-dropdown:hover{border-color:#b3b3b3;background:#fafafa;box-shadow:none}.template-dropdown:focus{outline:none;border-color:#006fff;box-shadow:none}.template-dropdown-text{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;font-weight:400;line-height:1.43;color:#1e1e1e;flex:1}.template-dropdown-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.2s ease}.template-dropdown-icon.rotate-180{transform:rotate(180deg)}.template-dropdown-icon svg{width:20px;height:20px}.sheet-dropdown-menu{background:#ffffff;border:1px solid #e6e6e6;border-radius:6px;max-height:300px;overflow-y:auto}.sheet-dropdown-menu-enter-active,.sheet-dropdown-menu-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.sheet-dropdown-menu-enter-from,.sheet-dropdown-menu-leave-to{opacity:0;transform:translateY(-8px)}.sheet-search-input{padding:8px 12px;border-bottom:1px solid #e6e6e6;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;border:none;width:100%;box-sizing:border-box;outline:none;transition:background-color 0.2s ease}.sheet-search-input:focus{background-color:#f9fafb}.sheet-dropdown-item{padding:10px 16px;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;font-weight:400;color:#1e1e1e;cursor:pointer;transition:background-color 0.15s ease}.sheet-dropdown-item:hover{background-color:#f5f5f5}.sheet-dropdown-item.active{background-color:#e6f2ff;color:#006fff;font-weight:500}.sheet-dropdown-item:first-child{border-radius:6px 6px 0 0}.sheet-dropdown-item:last-child{border-radius:0 0 6px 6px}.mapping-middle-section{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;width:100%}.mapping-import-options{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:24px;flex-wrap:wrap;width:auto;min-height:auto}.import-option-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:auto;min-height:auto}.option-checkbox-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;width:auto}.option-checkbox-container{display:flex;flex-direction:row;align-items:center;gap:8px;flex:none}.option-checkbox-input-wrapper{display:flex;justify-content:center;align-items:center;width:44px;height:44px;flex-shrink:0}.option-checkbox-input{width:20px;height:20px;appearance:none;-webkit-appearance:none;border:1.04px solid #e6e6e6;border-radius:4px;background:#ffffff;cursor:pointer;position:relative;transition:all 0.2s ease}.option-checkbox-input:checked{background:#006fff;border-color:#006fff}.option-checkbox-input:checked::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8.33px;height:6.37px;background-image:url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L3.5 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.option-checkbox-input:hover{border-color:#006fff}.option-checkbox-label-wrapper{display:flex;flex-direction:column;justify-content:center;gap:4px;flex:1}.option-checkbox-label-container{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px;flex:1}.option-checkbox-label{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#2b2b2b;margin:0;cursor:pointer}.mapping-import-options-vertical{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%;min-height:auto}.mapping-import-options-vertical .import-option-row{width:100%}.mapping-import-options-vertical .option-checkbox-wrapper{width:100%}.mapping-middle-section:not(.error-overview-mode){display:flex;flex-direction:column;align-items:flex-start;gap:20px}.mapping-middle-section.error-overview-mode{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;width:100%}.mapping-action-buttons-bottom-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:12px;width:100%;padding-right:0}.mapping-action-buttons-bottom-right .btn-slice-overview{background:#ffffff;border:1px solid #2a5ea2;color:#0058cc}.mapping-action-buttons-bottom-right .btn-slice-overview:hover{background:#ebf4ff;border-color:#2a5ea2}.mapping-action-buttons-container{display:flex;flex-direction:row;align-items:center;gap:760px}.mapping-action-buttons{display:flex;flex-direction:row;align-items:center;gap:16px}.mapping-btn{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;font-weight:500;line-height:1.43;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all 0.2s ease;display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid #e6e6e6;background:#f5f5f5;color:#303030;height:40px;white-space:nowrap}.mapping-btn:hover{background:#ebebeb;border-color:#d9d9d9}.mapping-btn.btn-slice-overview{background:#ffffff;border:1px solid #2a5ea2;color:#0058cc}.mapping-btn.btn-slice-overview:hover{background:#ebf4ff;border-color:#2a5ea2}.mapping-btn.btn-validate,.mapping-btn.btn-replace{background:#f5f5f5;border:1px solid #e6e6e6;color:#303030}.mapping-btn.btn-import{background:linear-gradient(90deg,#2a5ea2 40%,#1c4f92 100%);border:none;color:#ffffff;padding:10px 14px;width:111px;box-shadow:0 1px 2px rgba(42,94,162,0.2)}.mapping-btn.btn-import:hover{background:linear-gradient(90deg,#1c4f92 0%,#163d75 100%);box-shadow:0 2px 4px rgba(42,94,162,0.3)}.mapping-btn.btn-import .btn-icon{width:20px;height:20px;margin-bottom:5px}.mapping-btn.btn-import .btn-icon svg{width:20px;height:20px}.mapping-btn.btn-cancel{background:#f5f5f5;border:1px solid #e6e6e6;color:#303030}.mapping-btn.btn-error-preview{background:#811836;border:1px solid #811836;color:#ffffff}.mapping-btn.btn-error-preview:hover{background:#6b1330;border-color:#6b1330;box-shadow:0 2px 8px rgba(129,24,54,0.24)}.mapping-btn.btn-error-preview:active{background:#5a0f28;border-color:#5a0f28}.mapping-btn:disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.mapping-table-container{width:100%;display:flex;flex-direction:column;gap:16px}.mapping-table-wrapper{width:100%;background:#ffffff;border:1px solid #e6e6e6;border-radius:8px;overflow:hidden;display:flex;flex-direction:row}.mapping-table-column{display:flex;flex-direction:column;min-width:176px;flex-shrink:0}.mapping-table-column.col-name{width:178px}.mapping-table-column.col-phone{width:176px}.mapping-table-column.col-relational{flex:1;min-width:200px}.mapping-table-header{display:flex;flex-direction:row;gap:12px;padding:12px;background:#f5f5f5;border-bottom:1px solid #e6e6e6;min-height:44px;align-items:center}.mapping-table-header.with-checkbox{display:flex;flex-direction:column;gap:12px;padding:12px;min-height:88px;justify-content:space-between}.mapping-table-header-text{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;font-weight:600;line-height:1.43;color:#1e1e1e}.header-checkbox-wrapper{display:flex;flex-direction:row;align-items:center;gap:8px}.header-checkbox-container{display:flex;flex-direction:row;align-items:center;gap:0}.header-checkbox-input-wrapper{display:flex;justify-content:center;align-items:center;width:20px;height:20px}.header-checkbox-input{width:20px;height:20px;appearance:none;-webkit-appearance:none;border:1.04px solid #e6e6e6;border-radius:4px;background:#ffffff;cursor:pointer;position:relative;transition:all 0.2s ease}.header-checkbox-input:checked{background:#006fff;border-color:#006fff}.header-checkbox-input:checked::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8.33px;height:6.37px;background-image:url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L3.5 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.header-checkbox-label-wrapper{display:flex;flex-direction:column;justify-content:center;flex:1}.header-checkbox-label-container{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px;flex:1}.header-checkbox-label{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:12px;font-weight:500;line-height:1.5;color:#2b2b2b;margin:0;cursor:pointer}.mapping-table-cell{display:flex;flex-direction:column;justify-content:center;padding:12px;border-bottom:1px solid #e6e6e6;min-height:44px}.mapping-table-cell:last-child{border-bottom:none}.mapping-table-cell-text{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;font-weight:400;line-height:1.43;color:#1e1e1e}.mapping-table-cell-text.bold{font-weight:600}.mapping-pagination-container{display:flex;flex-direction:row;align-items:center;gap:24px}.mapping-pagination{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.mapping-pagination-wrapper{display:flex;flex-direction:row;align-items:center;gap:24px;width:100%}.mapping-pagination-nav{display:flex;flex-direction:row;align-items:center;gap:12px}.mapping-pagination-nav-group{display:flex;flex-direction:row;align-items:center;gap:8px}.mapping-nav-btn{width:16px;height:16px;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.mapping-nav-btn:hover:not(:disabled){opacity:0.7}.mapping-nav-btn:disabled{opacity:0.3;cursor:not-allowed}.mapping-nav-btn svg{width:100%;height:100%}.mapping-pagination-pages{display:flex;flex-direction:row;align-items:center;gap:8px;width:300px}.mapping-page-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:4px 6px;width:36px;height:36px;background:#ffffff;border:1px solid #e6e6e6;border-radius:6px;cursor:pointer;transition:all 0.2s ease;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;font-weight:400;line-height:1.43;color:#1e1e1e}.mapping-page-btn:hover{background:#f5f5f5}.mapping-page-btn.active{background:#2a5ea2;border-color:#2a5ea2;color:#ffffff}.mapping-page-btn.ellipsis{border:none;cursor:default;pointer-events:none}.mapping-pagination-meta{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2px;padding:2px 12px;width:180px;height:100%;background:#d9d9d9;border:1px solid #e6e6e6;border-radius:4px}.mapping-pagination-meta-content{display:flex;flex-direction:row;align-items:center;gap:2px}.mapping-pagination-meta-item{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:4px 2px;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.43;color:#1e1e1e}.mapping-pagination-meta-item.bold{font-weight:600;padding:4px 2px 4px 0}.mapping-pagination-meta-item.of{font-weight:400;padding:4px 2px}.mapping-pagination-meta-item.total{font-weight:600;padding:4px 0 4px 2px}.mapping-pagination-dropdown-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.mapping-pagination-dropdown-icon svg{width:9.33px;height:5.33px;fill:#1e1e1e}.counter-label{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;background:#ebf4ff;border-radius:4px;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:12px;font-weight:500;color:#2a5ea2;line-height:1.5}.counter-label.primary{background:#2a5ea2;color:#ffffff}@media (max-width:1200px){.mapping-top-header{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.mapping-action-buttons-container{gap:300px}.mapping-import-options{flex-direction:column;width:100%;gap:12px}.import-option-row{width:100%}.option-checkbox-wrapper{width:100%}}@media (max-width:992px){.mapping-middle-section{flex-direction:column;align-items:flex-start}.mapping-action-buttons-container{width:100%;gap:0;justify-content:flex-end}.mapping-table-wrapper{overflow-x:auto}}@media (max-width:768px){.mapping-top-header{flex-direction:column;align-items:flex-start}.sheet-template-selector{width:100%;flex-direction:column;align-items:flex-start}.template-dropdown{width:100%}.mapping-action-buttons{flex-wrap:wrap;width:100%}.mapping-btn{flex:1 1 auto;min-width:120px}.mapping-pagination-wrapper{flex-direction:column;gap:16px}.mapping-pagination-pages{width:100%;justify-content:center}.mapping-pagination-meta{width:100%}}.slicing-error-section{width:100%;background:rgba(255,0,0,0.08);border-radius:8px;padding:12px;margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.slicing-error-alert-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.slicing-error-message-wrapper{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1}.slicing-error-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.slicing-error-icon svg{width:24px;height:24px}.slicing-error-text{font-family:'Plus Jakarta Sans',var(--import-font-family),sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#2b2b2b;margin:0;text-align:left}.btn-overview{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background:transparent;border:none;border-radius:6px;font-family:'Plus Jakarta Sans',var(--import-font-family),sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#811836;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;text-decoration:underline}.btn-overview:hover{background:rgba(129,24,54,0.08);text-decoration:underline}.btn-overview:active{background:rgba(129,24,54,0.12)}.slicing-success-section{width:100%;background:rgba(0,88,204,0.08);border-radius:8px;padding:12px;margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.slicing-success-alert-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.slicing-success-message-wrapper{display:flex;flex-direction:row;align-items:center;gap:12px;flex:1}.slicing-success-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.slicing-success-icon svg{width:24px;height:24px}.slicing-success-text{margin:0;padding:0;font-family:'Plus Jakarta Sans',var(--import-font-family),sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#0058cc;flex:1}.btn-close-success{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all 0.2s ease;flex-shrink:0}.btn-close-success svg{width:20px;height:20px}.btn-close-success:hover{background:rgba(0,88,204,0.08)}.btn-close-success:active{background:rgba(0,88,204,0.12)}@media (max-width:768px){.slicing-error-section,.slicing-success-section{padding:10px;margin-bottom:20px}.slicing-error-alert-wrapper,.slicing-success-alert-wrapper{flex-direction:column;align-items:flex-start;gap:12px}.btn-overview{align-self:flex-start;padding:6px 12px;font-size:14px}.btn-close-success{align-self:flex-start}}@media (max-width:480px){.slicing-error-message-wrapper,.slicing-success-message-wrapper{flex-direction:column;align-items:flex-start;gap:8px}.slicing-error-text,.slicing-success-text{font-size:14px}}.per-page-control{position:relative;cursor:pointer;padding:6px 8px;border-radius:4px;transition:background-color 0.2s ease}.per-page-control:hover{background-color:rgba(0,0,0,0.04)}.per-page-options{position:absolute;bottom:100%;right:0;margin-bottom:4px;background:#ffffff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);min-width:80px;z-index:1000;overflow:hidden}.per-page-options button{display:block;width:100%;padding:10px 16px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:14px;font-weight:400;color:#333333;transition:background-color 0.2s ease}.per-page-options button:hover{background-color:#f5f5f5}.per-page-options button.active{background-color:#e3f2fd;color:#1976d2;font-weight:600}.header-actions-card{padding:16px 24px!important;margin-bottom:16px}.hx-mapping-section{padding:24px!important;margin-bottom:16px;border-radius:8px;background:var(--import-bg-color,#ffffff);border:1px solid var(--import-border-color,#e5e7eb);width:100%;box-sizing:border-box;align-items:stretch;overflow-x:hidden}.header-action-buttons{display:flex;flex-direction:row;align-items:center;gap:12px;justify-content:flex-end}.header-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-family:'Plus Jakarta Sans',var(--import-font-family),sans-serif;font-size:16px;font-weight:500;line-height:1.5;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;border:1px solid transparent}.header-btn:disabled{opacity:0.5;cursor:not-allowed}.header-btn.btn-test{background:transparent;border:1px solid #d1d5db;color:#374151}.header-btn.btn-test:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.header-btn.btn-load-file{background:transparent;border:1px solid #d1d5db;color:#374151}.header-btn.btn-load-file:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.header-btn.btn-cancel-header{background:transparent;border:1px solid #d1d5db;color:#374151}.header-btn.btn-cancel-header:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.header-btn.btn-import-header{background:#006fff;border:1px solid #006fff;color:#ffffff}.header-btn.btn-import-header:hover:not(:disabled){background:#0056cc;border-color:#0056cc;box-shadow:0 2px 8px rgba(0,111,255,0.24)}.header-btn.btn-import-header:active:not(:disabled){background:#004bb3;border-color:#004bb3}.header-btn .btn-icon{display:flex;align-items:center;justify-content:center;margin-bottom:5px}.header-btn .btn-icon svg{width:20px;height:20px}.error-cards-section{position:relative;left:42px;width:calc(100% + 48px);margin-top:24px;margin-bottom:0px;padding:0}.error-cards-header{margin-bottom:20px;padding:0}.error-cards-header .section-title{font-family:'Plus Jakarta Sans',var(--import-font-family),sans-serif;font-size:20px;font-weight:600;line-height:1.4;color:#111827;margin:0 0 8px 0}.error-cards-header .section-description{font-family:'Plus Jakarta Sans',var(--import-font-family),sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:#6b7280;margin:0}.error-cards-container{position:relative;display:flex;align-items:center;gap:16px;padding:0 24px;margin-left:-24px}.error-cards-scroll-wrapper{flex:1;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.error-cards-scroll-wrapper::-webkit-scrollbar{display:none}.error-cards-list{display:flex;flex-direction:row;gap:16px;padding-bottom:8px}.error-card{flex:0 0 404px;min-height:auto;background:rgba(255,0,0,0.08);border:none;border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;transition:all 0.3s ease}.error-card:hover{background:rgba(255,0,0,0.12)}.error-card-header{display:flex;flex-direction:row;align-items:center;align-self:stretch;gap:8px}.error-card-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.error-card-icon svg{width:24px;height:24px}.error-card-title{font-family:'Plus Jakarta Sans',var(--import-font-family),sans-serif;font-size:16px;font-weight:600;line-height:1.5em;color:#2b2b2b;margin:0;flex:1}.error-card-rows{display:flex;flex-direction:column;justify-content:flex-start;align-self:stretch;gap:10px;padding:0 0 4px 32px;min-height:auto;transition:min-height 0.3s ease}.error-row-item{font-family:'Plus Jakarta Sans',var(--import-font-family),sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#2b2b2b;height:13.17px;width:100%}.error-additional-rows{display:flex;flex-direction:column;gap:10px;width:100%;animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.error-more-count{font-family:'Plus Jakarta Sans',var(--import-font-family),sans-serif;font-size:16px;font-weight:600;line-height:1.5em;color:#2b2b2b;width:100%;cursor:pointer;transition:color 0.2s ease}.error-more-count:hover{color:#8d1e3e;text-decoration:underline}.error-card-footer{display:flex;flex-direction:row;gap:12px;width:348px}.error-card-btn{display:flex;flex-direction:row;align-items:center;gap:8px;padding:0;background:transparent;border:none;font-family:'Plus Jakarta Sans',var(--import-font-family),sans-serif;font-size:16px;font-weight:600;line-height:1.5em;color:#8d1e3e;cursor:pointer;transition:all 0.2s ease}.error-card-btn:hover{text-decoration:underline;opacity:0.8}.error-card-btn:active{opacity:0.6}.error-cards-scroll-btn{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.error-cards-scroll-btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.error-cards-scroll-btn:active{background:#f3f4f6;transform:scale(0.95)}.error-cards-scroll-btn svg{width:24px;height:24px;color:#6b7280}@media (max-width:768px){.header-action-buttons{flex-wrap:wrap;gap:8px}.header-btn{padding:8px 16px;font-size:14px}.error-card{flex:0 0 360px;padding:12px}.error-card-footer{width:100%}.error-cards-scroll-btn{width:36px;height:36px}}@media (max-width:480px){.header-action-buttons{width:100%}.header-btn{flex:1;min-width:0;padding:8px 12px;font-size:13px}.error-card{flex:0 0 320px;padding:10px}.error-card-title{font-size:15px}.error-card-rows{padding:0 0 4px 24px;min-height:auto}.error-row-item,.error-more-count{font-size:14px}.error-card-footer{width:100%;flex-direction:column;gap:8px}.error-card-btn{font-size:14px;width:100%;justify-content:center}}.possible-value-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:none}.possible-value-modal{width:728px;height:676px;background:#f7f8fa;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.3);transform-origin:center;animation:hx-modal-pop 0.3s ease}.possible-value-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:216px;padding:12px 16px;background:#fcfcfc;border-bottom:1px solid #e1e2e3;border-radius:16px 16px 0 0}.possible-value-title{font-family:'Plus Jakarta Sans',var(--import-font-family),sans-serif;font-size:20px;font-weight:600;line-height:1.2;color:#0058cc;margin:0}.btn-close-modal{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background 0.2s ease;padding:10px 12px}.btn-close-modal:hover{background:rgba(0,0,0,0.05)}.btn-close-modal svg{width:28px;height:28px;color:#1e1e1e}.possible-value-toolbar{display:flex;flex-direction:row;align-items:center;gap:10px;padding:16px;background:#fcfcfc}.search-filter-wrapper{display:flex;flex-direction:row;gap:16px;flex:1}.search-input-wrapper{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 12px;background:#f0f1f2;border-radius:6px;flex:1}.search-icon{width:20px;height:20px;flex-shrink:0}.search-input{flex:1;border:none;background:transparent;font-family:'Plus Jakarta Sans',var(--import-font-family),sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#1e1e1e;outline:none}.search-input::placeholder{color:#757575}.btn-filter{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2px;padding:2px;background:#3082ed;border:none;border-radius:4px;cursor:pointer;transition:background 0.2s ease;height:24px}.btn-filter:hover{background:#2a5ea2}.btn-filter svg{width:16px;height:16px}.btn-filter span{font-family:'Plus Jakarta Sans',var(--import-font-family),sans-serif;font-size:12px;font-weight:500;line-height:1.5;color:#ffffff;padding:0 2px}.btn-export{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f0f1f2;border:none;border-radius:8px;cursor:pointer;transition:background 0.2s ease;padding:10px 12px}.btn-export:hover{background:#e1e2e3}.btn-export svg{width:20px;height:20px;color:#1e1e1e}.possible-value-table-wrapper{flex:1;overflow-y:auto;padding:16px;background:#fcfcfc}.possible-value-table{width:100%;border-collapse:collapse;background:#ffffff;border:1px solid #e6e6e6;border-radius:8px;overflow:hidden}.possible-value-table thead{background:#f5f5f5;border-bottom:1px solid #e6e6e6}.possible-value-table thead th{padding:12px;text-align:left;font-family:'Plus Jakarta Sans',var(--import-font-family),sans-serif;font-size:14px;font-weight:600;line-height:1.428571;color:#1e1e1e;border-bottom:1px solid #e6e6e6}.possible-value-table tbody tr{border-bottom:1px solid #e6e6e6;transition:background 0.2s ease}.possible-value-table tbody tr:hover{background:#f9fafb}.possible-value-table tbody tr:last-child{border-bottom:none}.possible-value-table tbody td{padding:12px;font-family:'Plus Jakarta Sans',var(--import-font-family),sans-serif;font-size:14px;font-weight:400;line-height:1.428571;color:#1e1e1e}.possible-value-table .col-checkbox{width:53px;text-align:center}.possible-value-table .col-checkbox input[type='checkbox']{width:24px;height:24px;cursor:pointer}.possible-value-table .col-display-name{width:178px;font-weight:600}.possible-value-table .col-company,.possible-value-table .col-manager,.possible-value-table .col-department{flex:1}.possible-value-footer{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;padding:16px;background:#fcfcfc;border-top:1px solid #e1e2e3;border-radius:0 0 16px 16px}.pagination-info{display:flex;flex-direction:row;align-items:center;gap:2px;padding:2px 12px;background:#d9d9d9;border:1px solid #e6e6e6;border-radius:4px}.pagination-range,.pagination-total{font-family:'Plus Jakarta Sans',var(--import-font-family),sans-serif;font-size:14px;font-weight:600;line-height:1.428571;color:#1e1e1e;padding:4px 2px}.pagination-of{font-family:'Plus Jakarta Sans',var(--import-font-family),sans-serif;font-size:14px;font-weight:400;line-height:1.428571;color:#1e1e1e;padding:4px 2px}.pagination-controls-popup{display:flex;flex-direction:row;align-items:center;gap:24px}.pagination-btn{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:opacity 0.2s ease;padding:0}.pagination-btn:disabled{opacity:0.3;cursor:not-allowed}.pagination-btn svg{width:16px;height:16px;color:#b3b3b3}.pagination-btn:not(:disabled):hover svg{color:#1e1e1e}.pagination-pages{display:flex;flex-direction:row;align-items:center;gap:8px}.pagination-page{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #e6e6e6;border-radius:6px;font-family:'Plus Jakarta Sans',var(--import-font-family),sans-serif;font-size:14px;font-weight:400;line-height:1.428571;color:#1e1e1e;cursor:pointer;transition:all 0.2s ease}.pagination-page:hover{background:#f5f5f5}.pagination-page.active{background:#2a5ea2;border-color:#2a5ea2;color:#ffffff}@media (max-width:768px){.possible-value-modal{width:90vw;height:90vh;max-width:728px}.possible-value-header{gap:20px}.possible-value-toolbar{flex-direction:column;align-items:stretch}.search-filter-wrapper{flex-direction:column}.possible-value-table-wrapper{overflow-x:auto}.pagination-controls-popup{gap:12px}}@media (max-width:480px){.possible-value-modal{width:95vw;height:95vh}.possible-value-title{font-size:18px}.btn-close-modal{width:36px;height:36px}.pagination-page{width:32px;height:32px;font-size:13px}}.header-field-mapping{display:flex;align-items:center;justify-content:flex-start;padding:0;height:100%;width:100%;margin:-12px -16px}.hx-import-view .hx-list-view .data-table th{padding:0}.hx-import-view .hx-list-view .data-table thead{position:static;top:auto}.hx-import-view .hx-list-view .data-table th.is-sticky{top:auto}.hx-import-view .hx-list-view{overflow-x:auto;max-width:100%;box-sizing:border-box;min-width:0}.hx-import-view .hx-list-view .data-table{width:max-content;min-width:100%;table-layout:auto}.hx-import-view .hx-preview-section .hx-list-view,.hx-import-view .hx-preview-section div.hx-list-view{overflow-x:auto!important;overflow-y:visible!important}.hx-import-view .hx-preview-section .hx-list-view table{width:max-content;min-width:100%;table-layout:auto}.hx-import-view .hx-list-view .list-view-checkbox{padding:0;margin:0}.hx-import-view .hx-list-view .list-view-checkbox-control{display:flex;align-items:center;justify-content:center;min-height:auto}.hx-import-view .hx-list-view thead th.list-view-checkbox,.hx-import-view .hx-list-view tbody td.list-view-checkbox{padding:0;width:16px;text-align:center}.hx-import-view .hx-list-view thead th.list-view-checkbox .list-view-checkbox-control,.hx-import-view .hx-list-view tbody td.list-view-checkbox .list-view-checkbox-control{margin:0 auto}.hx-import-view .hx-list-view .list-view-checkbox-control input,.hx-import-view .hx-list-view .list-view-checkbox-control label{margin:0}.hx-import-view .hx-list-view th.resizable-th .header-field-mapping{padding:0;margin:0;width:100%;height:100%}.hx-import-view .header-field-mapping .searchable-dropdown,.hx-import-view .header-field-mapping .dropdown-trigger,.hx-import-view .header-field-mapping .field-dropdown{width:100%;height:100%}.hx-import-view .header-field-mapping .dropdown-trigger{background:transparent}.hx-import-view .header-field-mapping .field-dropdown{border:none;border-radius:0;background-color:transparent;box-shadow:none;padding:12px 36px 12px 16px}.hx-import-view .header-field-mapping .field-dropdown:focus{box-shadow:none}.hx-import-view .header-field-mapping .searchable-dropdown.is-unmapped .field-dropdown{border:2px solid #e74c3c!important;background-color:#fff5f5}.hx-import-view .header-field-mapping .searchable-dropdown.is-unmapped .field-dropdown::placeholder{color:#e74c3c}.hx-import-view .header-field-mapping .dropdown-trigger{display:flex}.header-dropdown{width:100%;height:100%;padding:12px 16px;padding-right:36px;font-size:13px;font-weight:600;border:none;border-radius:0;background:transparent;color:var(--import-text-dark);cursor:pointer;transition:all 0.2s ease;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 9l6 6 6-6'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:20px}.header-dropdown:hover{background-color:var(--import-bg-gray-hover)}.header-dropdown:focus{outline:none;background-color:var(--import-bg-gray)}.header-dropdown option{background-color:var(--import-bg-gray);color:var(--import-text-dark);padding:8px 12px;font-size:13px;font-weight:500}.header-dropdown option:checked,.header-dropdown option:hover{background-color:var(--import-bg-gray-hover);color:var(--import-text-dark);font-weight:600}@-moz-document url-prefix(){.header-dropdown option{background-color:var(--import-bg-gray)}.header-dropdown option:checked{background-color:var(--import-primary-color);color:white}}@supports (-webkit-appearance:none){.header-dropdown option{background-color:var(--import-bg-gray)}}.header-controls{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:2px}.header-controls .sort-icon{width:12px;height:12px;opacity:0.6}.header-controls .pin-btn{padding:2px;border:none;background:none;cursor:pointer;opacity:0.6;transition:opacity 0.2s ease}.header-controls .pin-btn:hover{opacity:1}.header-controls .pin-btn svg{width:10px;height:10px}@media (max-width:768px){.header-field-mapping{gap:3px}.header-dropdown{font-size:12px;padding:4px 6px;padding-right:20px;background-size:10px}.header-dropdown option{font-size:12px;padding:6px 10px}.header-controls .sort-icon{width:10px;height:10px}.header-controls .pin-btn svg{width:8px;height:8px}}@media (max-width:480px){.header-field-mapping{gap:2px}.header-dropdown{font-size:11px;padding:3px 4px;padding-right:18px;background-size:8px}.header-dropdown option{font-size:11px;padding:5px 8px}}.header-field-mapping{position:relative;width:100%;height:100%}.header-column-wrapper{overflow:visible!important}.column-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998}.column-dropdown-menu{position:fixed;background:#ffffff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,0.2);max-height:350px;overflow-y:auto;z-index:9999;min-width:250px}.column-dropdown-overlay-enter-active,.column-dropdown-overlay-leave-active{transition:opacity 0.3s ease}.column-dropdown-overlay-enter-from,.column-dropdown-overlay-leave-to{opacity:0}.column-dropdown-menu-enter-active,.column-dropdown-menu-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.column-dropdown-menu-enter-from,.column-dropdown-menu-leave-to{opacity:0;transform:translateY(-8px)}.dropdown-trigger{display:flex;align-items:center;width:100%;cursor:pointer;font-weight:600;color:#111827}.dropdown-search{width:100%;padding:12px 14px;border:none;border-bottom:1px solid #e5e7eb;font-size:13px;outline:none;box-sizing:border-box}.dropdown-search:focus{background:#f9fafb}.dropdown-options{max-height:300px;overflow-y:auto}.dropdown-menu{background:#ffffff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 12px 32px rgba(0,0,0,0.2);z-index:100;display:block}.dropdown-menu-enter-active,.dropdown-menu-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.dropdown-menu-enter-from,.dropdown-menu-leave-to{opacity:0;transform:translateY(-8px)}.dropdown-option{padding:10px 16px;cursor:pointer;font-size:13px;color:#1e1e1e;transition:background-color 0.15s}.dropdown-option:hover{background-color:#f3f4f6}.dropdown-option.active{background-color:#e6f2ff;color:#0056cc;font-weight:600}.header-dropdown-search{padding:12px 14px;border-bottom:1px solid #e5e7eb;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:13px;border:none;width:100%;box-sizing:border-box;outline:none;background-color:#ffffff;position:sticky;top:0;z-index:1}.header-dropdown-search::placeholder{color:#9ca3af}.header-dropdown-search:focus{background-color:#f9fafb;box-shadow:inset 0 1px 2px rgba(0,0,0,0.05)}.header-dropdown-option{padding:10px 16px;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:13px;color:#1e1e1e;cursor:pointer;transition:background-color 0.15s ease;display:flex;align-items:center}.header-dropdown-option:hover{background-color:#f5f5f5}.header-dropdown-option.active{background-color:#e6f2ff;color:#006fff;font-weight:600}.header-dropdown-option:first-child{border-radius:6px 6px 0 0}.header-dropdown-option:last-child{border-radius:0 0 6px 6px}@media print{.import-actions,.action-buttons,.file-action-section,.mapping-action-buttons,.mapping-pagination,.header-action-buttons,.error-cards-scroll-btn,.possible-value-modal-overlay,.header-dropdown{display:none}}@keyframes hx-modal-overlay-in{from{opacity:0}to{opacity:1}}@keyframes hx-modal-overlay-out{from{opacity:1}to{opacity:0}}@keyframes hx-modal-pop{from{opacity:0;transform:translate3d(0,12px,-30px) scale(0.95)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes hx-modal-pop-out{from{opacity:1;transform:translate3d(0,0,0) scale(1)}to{opacity:0;transform:translate3d(0,12px,-18px) scale(0.96)}}.import-header-dropdown-menu{background:#ffffff;border:1px solid #d0d5dd;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.12),0 1px 3px rgba(0,0,0,0.08);z-index:99999;max-height:250px;overflow-y:auto;padding:4px 0}.import-header-dropdown-menu.open-up{box-shadow:0 -4px 16px rgba(0,0,0,0.12),0 -1px 3px rgba(0,0,0,0.08)}.import-header-dropdown-menu::-webkit-scrollbar{width:6px}.import-header-dropdown-menu::-webkit-scrollbar-track{background:transparent}.import-header-dropdown-menu::-webkit-scrollbar-thumb{background:#c1c8d0;border-radius:3px}.import-header-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#98a2b0}.import-header-dropdown-menu .dropdown-item{padding:8px 12px;cursor:pointer;transition:background-color 0.15s;font-size:13px;color:#344054;display:flex;align-items:center;background-color:#ffffff;border:none;border-radius:0;white-space:nowrap}.import-header-dropdown-menu .dropdown-item:hover{background-color:#f2f4f7}.import-header-dropdown-menu .dropdown-item.is-selected{background-color:#eff4ff;color:#1570ef;font-weight:500;position:relative}.import-header-dropdown-menu .dropdown-item.is-selected::after{content:'\2713';position:absolute;right:12px;font-size:14px;color:#1570ef}.import-header-dropdown-menu .dropdown-item.is-empty{color:#98a2b3;text-align:center;cursor:default;justify-content:center}.import-header-dropdown-menu .dropdown-item.is-empty:hover{background-color:transparent}.import-header-dropdown-menu .field-label{font-size:13px;line-height:1.4}

/** webx/static/css/ribbon-static.css **/
.ribbon-widget-wrapper{position:absolute;top:0;right:0;width:110px;height:110px;z-index:10;pointer-events:none;overflow:hidden}.ribbon-widget-wrapper.hx-ribbon--top-right{top:0;right:0}.ribbon-widget-wrapper.hx-ribbon--top-left{top:0;left:0}.ribbon-widget-wrapper.hx-ribbon--bottom-right{bottom:0;right:0}.ribbon-widget-wrapper.hx-ribbon--bottom-left{bottom:0;left:0}.hx-ribbon-static-wrapper--container{position:absolute;width:100%;height:100%;overflow:hidden}.hx-ribbon-static-wrapper--container.hx-ribbon--top-right{top:0;right:0}.hx-ribbon-static-wrapper--container.hx-ribbon--top-left{top:0;left:0}.hx-ribbon-static-wrapper--container.hx-ribbon--bottom-right{bottom:0;right:0}.hx-ribbon-static-wrapper--container.hx-ribbon--bottom-left{bottom:0;left:0}.hx-ribbon-static{position:absolute;display:flex;align-items:center;justify-content:center;width:140px;height:24px;padding:0 10px;color:white;font-weight:bold;text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:0.5px;line-height:1;z-index:100;box-shadow:0 2px 4px rgba(0,0,0,0.3)}.hx-ribbon-static.hx-ribbon--top-right{top:20px;right:-35px;transform:rotate(45deg)}.hx-ribbon-static.hx-ribbon--top-left{top:6px;left:-35px;transform:rotate(-45deg)}.hx-ribbon-static.hx-ribbon--bottom-right{bottom:6px;right:-35px;transform:rotate(-45deg)}.hx-ribbon-static.hx-ribbon--bottom-left{bottom:6px;left:-35px;transform:rotate(45deg)}.hx-ribbon-static.hx-ribbon--bg-info{background:#2a5ea2}.hx-ribbon-static.hx-ribbon--bg-success{background:#10b981}.hx-ribbon-static.hx-ribbon--bg-warning{background:#f59e0b;color:#fff}.hx-ribbon-static.hx-ribbon--bg-danger{background:#ef4444}.hx-ribbon-static.hx-ribbon--bg-secondary{background:#6b7280}.hx-ribbon-static.hx-ribbon--bg-primary{background:#2a5ea2}.hx-ribbon-static.hx-ribbon--bg-dark{background:#1f2937}.hx-ribbon-static.hx-ribbon--bg-light{background:#f3f4f6;color:#333}.hx-ribbon-static-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal;padding:0 5px;text-align:center}.hx-sheet-card,.hx-sheet-container,hx-sheet-container,.hx-form-sheet{position:relative}

/** webx/static/css/hx-domain-builder.css **/
.hx-domain-builder{width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#ffffff}.hx-domain-builder .hx-domain-groups{padding:12px}.hx-domain-builder .hx-domain-group{margin-bottom:12px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb}.hx-domain-builder .hx-domain-group:last-child{margin-bottom:0}.hx-domain-builder .hx-domain-group-or{border-color:#f59e0b;background:#fffbeb}.hx-domain-builder .hx-domain-group-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #e5e7eb;background:#ffffff;border-radius:6px 6px 0 0}.hx-domain-builder .hx-domain-group-or .hx-domain-group-header{border-bottom-color:#f59e0b;background:#fef3c7}.hx-domain-builder .hx-domain-group-label{font-weight:600;font-size:12px;color:#374151}.hx-domain-builder .hx-domain-group-or .hx-domain-group-label{color:#92400e}.hx-domain-builder .hx-domain-remove-group{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all 0.2s ease}.hx-domain-builder .hx-domain-remove-group:hover{background:#f3f4f6;color:#ef4444}.hx-domain-builder .hx-domain-remove-group svg{width:12px;height:12px;fill:currentColor}.hx-domain-builder .hx-domain-conditions{padding:12px}.hx-domain-builder .hx-domain-condition{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding:8px;background:#ffffff;border:1px solid #e5e7eb;border-radius:6px}.hx-domain-builder .hx-domain-condition:last-child{margin-bottom:0}.hx-domain-builder .hx-domain-condition-row{display:grid;grid-template-columns:1fr 100px 1fr 32px;gap:8px;align-items:start}.hx-domain-builder .hx-domain-condition-field,.hx-domain-builder .hx-domain-condition-operator,.hx-domain-builder .hx-domain-condition-value{display:flex;flex-direction:column}.hx-domain-builder .hx-domain-select,.hx-domain-builder .hx-domain-input{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background:#ffffff;transition:border-color 0.2s ease}.hx-domain-builder .hx-domain-select:focus,.hx-domain-builder .hx-domain-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,0.1)}.hx-domain-builder .hx-domain-textarea{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background:#ffffff;resize:vertical;min-height:50px;transition:border-color 0.2s ease}.hx-domain-builder .hx-domain-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,0.1)}.hx-domain-builder .hx-domain-condition-actions{display:flex;align-items:center;justify-content:center}.hx-domain-builder .hx-domain-remove-condition{background:none;border:none;color:#6b7280;cursor:pointer;padding:6px;border-radius:4px;transition:all 0.2s ease;font-size:12px}.hx-domain-builder .hx-domain-remove-condition:hover{background:#fef2f2;color:#ef4444}.hx-domain-builder .hx-domain-remove-condition svg{width:12px;height:12px;fill:currentColor}.hx-domain-builder .hx-domain-group-actions{display:flex;flex-direction:column;gap:8px;padding:12px;border-top:1px solid #e5e7eb}.hx-domain-builder .hx-domain-add-condition,.hx-domain-builder .hx-domain-add-group{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;background:#ffffff;border:1px solid #d1d5db;border-radius:4px;font-size:12px;color:#374151;cursor:pointer;transition:all 0.2s ease}.hx-domain-builder .hx-domain-add-condition:hover{background:#f3f4f6;border-color:#9ca3af}.hx-domain-builder .hx-domain-add-group{background:#fef3c7;border-color:#f59e0b;color:#92400e}.hx-domain-builder .hx-domain-add-group:hover{background:#fde68a;border-color:#d97706}.hx-domain-builder .hx-domain-add-condition svg,.hx-domain-builder .hx-domain-add-group svg{width:12px;height:12px;fill:currentColor}.hx-domain-builder .hx-domain-preview{border-top:1px solid #e5e7eb;background:#f9fafb}.hx-domain-builder .hx-domain-preview-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #e5e7eb;background:#ffffff}.hx-domain-builder .hx-domain-preview-header span{font-weight:600;font-size:12px;color:#374151}.hx-domain-builder .hx-domain-copy-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all 0.2s ease;font-size:12px}.hx-domain-builder .hx-domain-copy-btn:hover{background:#f3f4f6;color:#3b82f6}.hx-domain-builder .hx-domain-copy-btn svg{width:12px;height:12px;fill:currentColor}.hx-domain-builder .hx-domain-preview-content{padding:12px;font-family:'Courier New',monospace;font-size:11px;color:#374151;background:#ffffff;border-radius:0 0 8px 8px;word-break:break-all;white-space:pre-wrap;max-height:120px;overflow-y:auto}.hx-domain-builder .hx-domain-raw-editor{border-top:1px solid #e5e7eb;background:#f9fafb}.hx-domain-builder .hx-domain-raw-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #e5e7eb;background:#ffffff}.hx-domain-builder .hx-domain-raw-header span{font-weight:600;font-size:12px;color:#374151}.hx-domain-builder .hx-domain-toggle-raw{padding:4px 8px;background:#3b82f6;border:none;border-radius:4px;color:#ffffff;font-size:11px;cursor:pointer;transition:background-color 0.2s ease}.hx-domain-builder .hx-domain-toggle-raw:hover{background:#2563eb}.hx-domain-builder .hx-domain-raw-textarea{width:100%;padding:12px;border:none;background:#ffffff;font-family:'Courier New',monospace;font-size:11px;color:#374151;resize:vertical;min-height:80px;border-radius:0 0 8px 8px}.hx-domain-builder .hx-domain-raw-textarea:focus{outline:none}

/** webx/static/css/fonts.css **/
@font-face{font-family:'PlusJakartaSans-ExtraLight';src:url('../fonts/PlusJakartaSans/PlusJakartaSans-ExtraLight.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-ExtraLight.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-ExtraLight.ttf') format('truetype');font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:'PlusJakartaSans-ExtraLightItalic';src:url('../fonts/PlusJakartaSans/PlusJakartaSans-ExtraLightItalic.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-ExtraLightItalic.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-ExtraLightItalic.ttf') format('truetype');font-weight:200;font-display:swap;font-style:italic}@font-face{font-family:'PlusJakartaSans-Light';src:url('../fonts/PlusJakartaSans/PlusJakartaSans-Light.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Light.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Light.ttf') format('truetype');font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:'PlusJakartaSans-LightItalic';src:url('../fonts/PlusJakartaSans/PlusJakartaSans-LightItalic.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-LightItalic.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-LightItalic.ttf') format('truetype');font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:'PlusJakartaSans-Regular';src:url('../fonts/PlusJakartaSans/PlusJakartaSans-Regular.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Regular.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:'PlusJakartaSans-Italic';src:url('../fonts/PlusJakartaSans/PlusJakartaSans-Italic.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Italic.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Italic.ttf') format('truetype');font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:'PlusJakartaSans-Medium';src:url('../fonts/PlusJakartaSans/PlusJakartaSans-Medium.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Medium.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Medium.ttf') format('truetype');font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:'PlusJakartaSans-MediumItalic';src:url('../fonts/PlusJakartaSans/PlusJakartaSans-MediumItalic.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-MediumItalic.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-MediumItalic.ttf') format('truetype');font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:'PlusJakartaSans-SemiBold';src:url('../fonts/PlusJakartaSans/PlusJakartaSans-SemiBold.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-SemiBold.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:'PlusJakartaSans-SemiBoldItalic';src:url('../fonts/PlusJakartaSans/PlusJakartaSans-SemiBoldItalic.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-SemiBoldItalic.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-SemiBoldItalic.ttf') format('truetype');font-weight:600;font-display:swap;font-style:italic}@font-face{font-family:'PlusJakartaSans-Bold';src:url('../fonts/PlusJakartaSans/PlusJakartaSans-Bold.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Bold.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:'PlusJakartaSans-BoldItalic';src:url('../fonts/PlusJakartaSans/PlusJakartaSans-BoldItalic.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-BoldItalic.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-BoldItalic.ttf') format('truetype');font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:'PlusJakartaSans-ExtraBold';src:url('../fonts/PlusJakartaSans/PlusJakartaSans-ExtraBold.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-ExtraBold.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap;font-style:normal}@font-face{font-family:'PlusJakartaSans-ExtraBoldItalic';src:url('../fonts/PlusJakartaSans/PlusJakartaSans-ExtraBoldItalic.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-ExtraBoldItalic.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-ExtraBoldItalic.ttf') format('truetype');font-weight:800;font-display:swap;font-style:italic}@font-face{font-family:'PlusJakartaSans-Variable';src:url('../fonts/PlusJakartaSans/PlusJakartaSans-Variable.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Variable.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-Variable.ttf') format('truetype');font-weight:200 800;font-display:swap;font-style:normal}@font-face{font-family:'PlusJakartaSans-VariableItalic';src:url('../fonts/PlusJakartaSans/PlusJakartaSans-VariableItalic.woff2') format('woff2'),url('../fonts/PlusJakartaSans/PlusJakartaSans-VariableItalic.woff') format('woff'),url('../fonts/PlusJakartaSans/PlusJakartaSans-VariableItalic.ttf') format('truetype');font-weight:200 800;font-display:swap;font-style:italic}html,body{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}html{font-size:16px}@media (max-width:1024px){html{font-size:15px}}@media (max-width:768px){html{font-size:14px}}@media (max-width:480px){html{font-size:13px}}.title-regular{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:5rem;line-height:6rem}.title-medium{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:500;font-size:5rem;line-height:6rem}.title-semibold{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:600;font-size:5rem;line-height:6rem}.heading1-regular{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:4rem;line-height:4.75rem}.heading1-medium{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:500;font-size:4rem;line-height:4.75rem}.heading1-semibold{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:600;font-size:4rem;line-height:4.75rem}.heading2-regular{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:3rem;line-height:3.625rem}.heading2-medium{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:500;font-size:3rem;line-height:3.625rem}.heading2-semibold{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:600;font-size:3rem;line-height:3.625rem}.heading3-regular{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:2.25rem;line-height:2.75rem}.heading3-medium{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:500;font-size:2.25rem;line-height:2.75rem}.heading3-semibold{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:600;font-size:2.25rem;line-height:2.75rem}.heading4-regular{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:1.75rem;line-height:2rem}.heading4-medium{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:500;font-size:1.75rem;line-height:2rem}.heading4-semibold{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:600;font-size:1.75rem;line-height:2rem}.heading5-regular{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:1.25rem;line-height:1.5rem}.heading5-medium{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:500;font-size:1.25rem;line-height:1.5rem}.heading5-semibold{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:600;font-size:1.25rem;line-height:1.5rem}.body1-regular{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem}.body1-medium{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:500;font-size:1rem;line-height:1.5rem}.body1-semibold{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:600;font-size:1rem;line-height:1.5rem}.body2-regular{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem}.body2-medium{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:500;font-size:0.875rem;line-height:1.25rem}.body2-semibold{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:600;font-size:0.875rem;line-height:1.25rem}.body2-bold{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:700;font-size:0.875rem;line-height:1.625rem}.caption-regular{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:0.75rem;line-height:1.125rem}.caption-medium{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:500;font-size:0.75rem;line-height:1.125rem}.caption-semibold{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:700;font-size:0.75rem;line-height:1.125rem}.tinytext-regular{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:0.75rem;line-height:0.75rem}.tinytext-medium{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:500;font-size:0.75rem;line-height:0.75rem}.tinytext-semibold{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:600;font-size:0.75rem;line-height:0.75rem}

/** webx/static/css/web.css **/
.hx-web{}.hx-modal-enter-active,.hx-modal-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.hx-modal-enter-from,.hx-modal-leave-to{opacity:0;transform:translate3d(0,12px,-30px) scale(0.95)}.hx-modal-enter-to,.hx-modal-leave-from{opacity:1;transform:translate3d(0,0,0) scale(1)}.hx-modal-enter-active .hx-modal-target,.hx-modal-leave-active .hx-modal-target{transition:opacity 0.3s ease,transform 0.3s ease}.hx-modal-enter-from .hx-modal-target,.hx-modal-leave-to .hx-modal-target{opacity:0;transform:translate3d(0,12px,-30px) scale(0.95)}.hx-modal-enter-to .hx-modal-target,.hx-modal-leave-from .hx-modal-target{opacity:1;transform:translate3d(0,0,0) scale(1)}.hx-modal-enter-active.modal-overlay,.hx-modal-leave-active.modal-overlay,.hx-modal-enter-active.hx-mfa-modal-overlay,.hx-modal-leave-active.hx-mfa-modal-overlay,.hx-modal-enter-active.possible-value-modal-overlay,.hx-modal-leave-active.possible-value-modal-overlay,.hx-modal-enter-active.hx-import-modal-overlay,.hx-modal-leave-active.hx-import-modal-overlay,.hx-modal-enter-active.hx-import-data-backdrop,.hx-modal-leave-active.hx-import-data-backdrop,.hx-modal-enter-active.hx-company-picker-backdrop,.hx-modal-leave-active.hx-company-picker-backdrop,.hx-modal-enter-active.modal-backdrop,.hx-modal-leave-active.modal-backdrop,.hx-modal-enter-active.hx-popover-backdrop,.hx-modal-leave-active.hx-popover-backdrop,.hx-modal-enter-active.hx-action-wizard-backdrop,.hx-modal-leave-active.hx-action-wizard-backdrop,.hx-modal-enter-active.hx-form-confirm-modal-overlay,.hx-modal-leave-active.hx-form-confirm-modal-overlay,.hx-modal-enter-active.hx-export-modal-overlay,.hx-modal-leave-active.hx-export-modal-overlay,.hx-modal-enter-active.hx-popup-action-confirmation,.hx-modal-leave-active.hx-popup-action-confirmation,.hx-modal-enter-active.hx-login-modal-overlay,.hx-modal-leave-active.hx-login-modal-overlay{transition:opacity 0.3s ease}.hx-modal-enter-from.modal-overlay,.hx-modal-leave-to.modal-overlay,.hx-modal-enter-to.modal-overlay,.hx-modal-leave-from.modal-overlay,.hx-modal-enter-from.hx-mfa-modal-overlay,.hx-modal-leave-to.hx-mfa-modal-overlay,.hx-modal-enter-to.hx-mfa-modal-overlay,.hx-modal-leave-from.hx-mfa-modal-overlay,.hx-modal-enter-from.possible-value-modal-overlay,.hx-modal-leave-to.possible-value-modal-overlay,.hx-modal-enter-to.possible-value-modal-overlay,.hx-modal-leave-from.possible-value-modal-overlay,.hx-modal-enter-from.hx-import-modal-overlay,.hx-modal-leave-to.hx-import-modal-overlay,.hx-modal-enter-to.hx-import-modal-overlay,.hx-modal-leave-from.hx-import-modal-overlay,.hx-modal-enter-from.hx-import-data-backdrop,.hx-modal-leave-to.hx-import-data-backdrop,.hx-modal-enter-to.hx-import-data-backdrop,.hx-modal-leave-from.hx-import-data-backdrop,.hx-modal-enter-from.hx-company-picker-backdrop,.hx-modal-leave-to.hx-company-picker-backdrop,.hx-modal-enter-to.hx-company-picker-backdrop,.hx-modal-leave-from.hx-company-picker-backdrop,.hx-modal-enter-from.modal-backdrop,.hx-modal-leave-to.modal-backdrop,.hx-modal-enter-to.modal-backdrop,.hx-modal-leave-from.modal-backdrop,.hx-modal-enter-from.hx-popover-backdrop,.hx-modal-leave-to.hx-popover-backdrop,.hx-modal-enter-to.hx-popover-backdrop,.hx-modal-leave-from.hx-popover-backdrop,.hx-modal-enter-from.hx-action-wizard-backdrop,.hx-modal-leave-to.hx-action-wizard-backdrop,.hx-modal-enter-to.hx-action-wizard-backdrop,.hx-modal-leave-from.hx-action-wizard-backdrop,.hx-modal-enter-from.hx-form-confirm-modal-overlay,.hx-modal-leave-to.hx-form-confirm-modal-overlay,.hx-modal-enter-to.hx-form-confirm-modal-overlay,.hx-modal-leave-from.hx-form-confirm-modal-overlay,.hx-modal-enter-from.hx-export-modal-overlay,.hx-modal-leave-to.hx-export-modal-overlay,.hx-modal-enter-to.hx-export-modal-overlay,.hx-modal-leave-from.hx-export-modal-overlay,.hx-modal-enter-from.hx-popup-action-confirmation,.hx-modal-leave-to.hx-popup-action-confirmation,.hx-modal-enter-to.hx-popup-action-confirmation,.hx-modal-leave-from.hx-popup-action-confirmation,.hx-modal-enter-from.hx-login-modal-overlay,.hx-modal-leave-to.hx-login-modal-overlay,.hx-modal-enter-to.hx-login-modal-overlay,.hx-modal-leave-from.hx-login-modal-overlay{opacity:0;transform:none}.hx-modal-enter-to.modal-overlay,.hx-modal-leave-from.modal-overlay,.hx-modal-enter-to.hx-mfa-modal-overlay,.hx-modal-leave-from.hx-mfa-modal-overlay,.hx-modal-enter-to.possible-value-modal-overlay,.hx-modal-leave-from.possible-value-modal-overlay,.hx-modal-enter-to.hx-import-modal-overlay,.hx-modal-leave-from.hx-import-modal-overlay,.hx-modal-enter-to.hx-import-data-backdrop,.hx-modal-leave-from.hx-import-data-backdrop,.hx-modal-enter-to.hx-company-picker-backdrop,.hx-modal-leave-from.hx-company-picker-backdrop,.hx-modal-enter-to.modal-backdrop,.hx-modal-leave-from.modal-backdrop,.hx-modal-enter-to.hx-popover-backdrop,.hx-modal-leave-from.hx-popover-backdrop,.hx-modal-enter-to.hx-action-wizard-backdrop,.hx-modal-leave-from.hx-action-wizard-backdrop,.hx-modal-enter-to.hx-form-confirm-modal-overlay,.hx-modal-leave-from.hx-form-confirm-modal-overlay,.hx-modal-enter-to.hx-export-modal-overlay,.hx-modal-leave-from.hx-export-modal-overlay,.hx-modal-enter-to.hx-popup-action-confirmation,.hx-modal-leave-from.hx-popup-action-confirmation,.hx-modal-enter-to.hx-login-modal-overlay,.hx-modal-leave-from.hx-login-modal-overlay{opacity:1}.modal-overlay.hx-modal-enter-active .modal-dialog,.modal-overlay.hx-modal-leave-active .modal-dialog,.modal-overlay.hx-modal-enter-active .modal-content,.modal-overlay.hx-modal-leave-active .modal-content{transition:opacity 0.3s ease,transform 0.3s ease}.modal-overlay.hx-modal-enter-from .modal-dialog,.modal-overlay.hx-modal-leave-to .modal-dialog,.modal-overlay.hx-modal-enter-from .modal-content,.modal-overlay.hx-modal-leave-to .modal-content{opacity:0;transform:translate3d(0,12px,-30px) scale(0.95)}.modal-overlay.hx-modal-enter-to .modal-dialog,.modal-overlay.hx-modal-leave-from .modal-dialog,.modal-overlay.hx-modal-enter-to .modal-content,.modal-overlay.hx-modal-leave-from .modal-content{opacity:1;transform:translate3d(0,0,0) scale(1)}.possible-value-modal-overlay.hx-modal-enter-active .possible-value-modal,.possible-value-modal-overlay.hx-modal-leave-active .possible-value-modal,.hx-import-modal-overlay.hx-modal-enter-active .hx-import-modal-container,.hx-import-modal-overlay.hx-modal-leave-active .hx-import-modal-container,.hx-import-data-backdrop.hx-modal-enter-active .hx-import-data-dialog,.hx-import-data-backdrop.hx-modal-leave-active .hx-import-data-dialog,.hx-company-picker-dialog.hx-modal-enter-active,.hx-company-picker-dialog.hx-modal-leave-active,.hx-popover-backdrop.hx-modal-enter-active .hx-modal-target,.hx-popover-backdrop.hx-modal-leave-active .hx-modal-target,.hx-action-wizard-backdrop.hx-modal-enter-active .hx-action-wizard,.hx-action-wizard-backdrop.hx-modal-leave-active .hx-action-wizard,.modal-backdrop.hx-modal-enter-active .modal-content,.modal-backdrop.hx-modal-leave-active .modal-content{transition:opacity 0.3s ease,transform 0.3s ease}.possible-value-modal-overlay.hx-modal-enter-from .possible-value-modal,.possible-value-modal-overlay.hx-modal-leave-to .possible-value-modal,.hx-import-modal-overlay.hx-modal-enter-from .hx-import-modal-container,.hx-import-modal-overlay.hx-modal-leave-to .hx-import-modal-container,.hx-import-data-backdrop.hx-modal-enter-from .hx-import-data-dialog,.hx-import-data-backdrop.hx-modal-leave-to .hx-import-data-dialog,.hx-company-picker-dialog.hx-modal-enter-from,.hx-company-picker-dialog.hx-modal-leave-to,.hx-popover-backdrop.hx-modal-enter-from .hx-modal-target,.hx-popover-backdrop.hx-modal-leave-to .hx-modal-target,.hx-action-wizard-backdrop.hx-modal-enter-from .hx-action-wizard,.hx-action-wizard-backdrop.hx-modal-leave-to .hx-action-wizard,.modal-backdrop.hx-modal-enter-from .modal-content,.modal-backdrop.hx-modal-leave-to .modal-content{opacity:0;transform:translate3d(0,12px,-30px) scale(0.95)}.possible-value-modal-overlay.hx-modal-enter-to .possible-value-modal,.possible-value-modal-overlay.hx-modal-leave-from .possible-value-modal,.hx-import-modal-overlay.hx-modal-enter-to .hx-import-modal-container,.hx-import-modal-overlay.hx-modal-leave-from .hx-import-modal-container,.hx-import-data-backdrop.hx-modal-enter-to .hx-import-data-dialog,.hx-import-data-backdrop.hx-modal-leave-from .hx-import-data-dialog,.hx-company-picker-dialog.hx-modal-enter-to,.hx-company-picker-dialog.hx-modal-leave-from,.hx-popover-backdrop.hx-modal-enter-to .hx-modal-target,.hx-popover-backdrop.hx-modal-leave-from .hx-modal-target,.hx-action-wizard-backdrop.hx-modal-enter-to .hx-action-wizard,.hx-action-wizard-backdrop.hx-modal-leave-from .hx-action-wizard,.modal-backdrop.hx-modal-enter-to .modal-content,.modal-backdrop.hx-modal-leave-from .modal-content{opacity:1;transform:translate3d(0,0,0) scale(1)}.hx-action-alert-row{display:block;width:100%;margin:6px 0 8px;position:relative;z-index:25}.hx-action-manager .hx-form-validation-popup,.hx-action-manager .hx-validation-error-popup{position:fixed!important;top:calc(var(--hx-topbar-height,56px) + 12px)!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-8px);width:280px!important;max-width:70vw!important;min-width:200px!important;font-size:12px!important;box-sizing:border-box;background:linear-gradient(135deg,#dc3545,#dc3545)!important}.hx-action-manager .hx-form-validation-popup.positioned-top-center,.hx-action-manager .hx-validation-error-popup.positioned-top-center{top:calc(var(--hx-topbar-height,56px) + 12px)!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,0)!important}@keyframes popupSlideUpCenter{0%{transform:translate(-50%,-12px) scale(0.98);opacity:0}100%{transform:translate(-50%,0) scale(1);opacity:1}}.hx-action-manager .hx-form-validation-popup.show,.hx-action-manager .hx-validation-error-popup.show{animation:popupSlideUpCenter 230ms cubic-bezier(0.21,1.02,0.73,1)!important}body:not(.has-validation-errors) .hx-form-view input[required]:placeholder-shown,body:not(.has-validation-errors) .hx-form-view input[required]:invalid,body:not(.has-validation-errors) .hx-form-view select[required]:invalid,body:not(.has-validation-errors) .hx-form-view textarea[required]:invalid{border-color:#cacbcc!important;box-shadow:none!important}body.has-validation-errors .hx-form-view input[required]:invalid,body.has-validation-errors .hx-form-view select[required]:invalid,body.has-validation-errors .hx-form-view textarea[required]:invalid{border-color:#dc3545!important;box-shadow:0 0 0 2px rgba(220,53,69,0.08)!important}body.has-validation-errors .hx-form-view input[required]:invalid:focus,body.has-validation-errors .hx-form-view select[required]:invalid:focus,body.has-validation-errors .hx-form-view textarea[required]:invalid:focus{border-color:#dc3545!important;box-shadow:0 0 0 3px rgba(220,53,69,0.18)!important}:root.light{--background-color:#ffffff;--scroll-size:8px;--scroll-radius:4px;--scroll-track:#e6e6e6;--scroll-thumb-color:#bcbcbc}:root.dark{--background-color:#1e1e1e;--scroll-track:#888888;--scroll-thumb-color:#444444}html{margin:0;padding:0;height:100%}body{margin:0;padding:0;background:var(--background-color)}.hx-app{display:flex;gap:0}.hidden{display:none!important}.badge.bg-light{color:#1e1e1e}@supports not (selector(::-webkit-scrollbar-thumb)){*{scrollbar-color:var(--scroll-thumb-color,grey) var(--scroll-track,transparent);scrollbar-width:thin}}*::-webkit-scrollbar{width:var(--scroll-size);height:var(--scroll-size)}*::-webkit-scrollbar-track{background-color:var(--scroll-track);border-radius:var(--scroll-track-radius,var(--scroll-radius))}*::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb-color);background-image:var(--scroll-thumb,none);border-radius:var(--scroll-thumb-radius,var(--scroll-radius))}.loading-screen-backdrop{position:absolute;top:0;left:0;z-index:99999;width:100%;height:100%;background:rgb(0 0 0 / 83%);display:flex;align-items:center;justify-content:center}.loading-screen-backdrop .loading-screen,.loading-screen-backdrop .loading-screen:before,.loading-screen-backdrop .loading-screen:after{position:absolute;background:#ffffff;-webkit-animation:loadingBar 1s infinite ease-in-out;animation:loadingBar 1s infinite ease-in-out;width:1em!important;height:3em!important}.loading-screen-backdrop .loading-screen{display:block;color:#ffffff;text-indent:-9999em;margin:10px auto;position:relative;font-size:11px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-0.16s;animation-delay:-0.16s}.loading-screen-backdrop .loading-screen:before{content:'';display:block;left:-1.5em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.loading-screen-backdrop .loading-screen:after{content:'';display:block;left:1.5em}body.wait button.btn,body.wait button{opacity:0.5!important;cursor:default!important;pointer-events:none!important}@keyframes loadingBar{0%,80%,100%{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}.hx-form-view .hx-image-field{width:100%}.hx-form-view .hx-image-field .image-upload-v2 .image-v2-layout{display:flex;align-items:center;gap:16px}.hx-form-view .hx-image-field .image-upload-v2 .image-v2-preview{width:72px;height:72px;border-radius:4px;overflow:hidden;background:#bdbebf;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.hx-form-view .hx-image-field .image-upload-v2 .image-v2-preview .preview-image{width:100%;height:100%;object-fit:cover}.hx-form-view .hx-image-field .image-upload-v2 .image-v2-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hx-form-view .hx-image-field .image-upload-v2 .image-v2-placeholder svg{width:72px;height:72px;color:#000000}.hx-form-view .hx-image-field .image-upload-v2 .image-v2-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:72px;justify-content:center;flex:1 1 0;min-width:0}.hx-form-view .hx-image-field .image-upload-v2 .image-v2-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;line-height:24px;font-weight:600;color:#2b2b2b}.hx-form-view .hx-image-field .image-upload-v2 .image-v2-upload-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;height:32px;border:1px solid #afd0fd;border-radius:8px;background:#fcfeff;color:#2a5ea2;font-size:14px;line-height:23px;font-weight:600;cursor:pointer;user-select:none;white-space:nowrap;transition:background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease}.hx-form-view .hx-image-field .image-upload-v2 .image-v2-upload-btn:hover{background:#f3f9ff;border-color:#9ec3f8}.hx-form-view .hx-image-field .image-upload-v2 .image-v2-remove-btn{background:transparent;border:0;color:#c0392b;font-size:13px;cursor:pointer;text-decoration:underline;padding:0;margin-left:2px}.hx-form-view .image-container{position:relative;width:200px;height:200px;border:2px dashed #dee2e6;border-radius:8px;cursor:pointer;transition:all 0.3s ease;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.hx-form-view .image-container:hover{border-color:#007bff;background-color:#f0f8ff}.hx-form-view .image-container.has-image{border:2px solid #dee2e6;border-style:solid}.hx-form-view .image-container.has-image:hover{border-color:#007bff}.hx-form-view .image-container.is-dragging{border-color:#007bff;background-color:#e3f2fd;transform:scale(1.02)}.hx-form-view .preview-image{width:100%;height:100%;object-fit:cover;display:block}.hx-form-view .image-placeholder{text-align:center;color:#6c757d;padding:20px}.hx-form-view .placeholder-icon{margin-bottom:12px;opacity:0.6}.hx-form-view .placeholder-text .main-text{display:block;font-size:14px;font-weight:500;margin-bottom:4px}.hx-form-view .placeholder-text .sub-text{display:block;font-size:12px;opacity:0.7}.hx-form-view .image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;color:white}.hx-form-view .image-container:hover .image-overlay{opacity:1}.hx-form-view .overlay-content{text-align:center}.hx-form-view .overlay-content svg{display:block;margin:0 auto 8px}.hx-form-view .overlay-content span{font-size:14px;font-weight:500}.hx-form-view .remove-btn{margin-top:8px;display:inline-flex;align-items:center;gap:4px}.hx-form-view .remove-btn svg{opacity:0.7}.hx-form-view .image-preview.readonly .preview-image{max-height:60px;width:auto;border-radius:8px;border:1px solid #dee2e6}.hx-form-view .placeholder-container{width:200px;height:200px}.hx-form-view .placeholder-svg{width:200px;height:200px}.hx-form-view .hx-image-field.hx-disabled-field .image-upload-v2 .image-v2-preview,.hx-form-view .hx-image-field.hx-disabled-field .image-upload .image-container{opacity:0.7;cursor:default;pointer-events:none}.hx-form-view .hx-image-field.hx-disabled-field .image-upload-v2 .image-v2-preview.disabled,.hx-form-view .hx-image-field.hx-disabled-field .image-upload .image-container.disabled{background-color:#f5f5f5;border-color:#cacbcc}.hx-form-view .hx-image-field.hx-disabled-field .image-upload-v2 .image-v2-upload-btn.disabled{background-color:#f5f5f5;color:#9e9e9e;cursor:default;pointer-events:none;border-color:#cacbcc}.hx-form-view .hx-image-field.hx-disabled-field .image-placeholder .placeholder-text .main-text{color:#9e9e9e}.hx-form-view .hx-image-field.hx-disabled-field .image-placeholder .placeholder-icon{opacity:0.5;color:#9e9e9e}.modal-popup.modal-message .modal-content{border-radius:10px;overflow:hidden}.modal-popup.modal-message .modal-content .modal-header{padding-bottom:0;border-bottom:none;background:transparent}.modal-popup.modal-message .btn-close{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:14px;opacity:1}.modal-popup.modal-message .modal-content .modal-footer{padding-top:0;border-top:none;background:transparent}@media (max-width:576px){.hx-form-view .image-container{width:100%;max-width:300px;height:200px}}.hx-snackbar{position:fixed;top:calc(var(--hx-topbar-height,56px) + 8px);left:50%;right:auto;transform:translate(-50%,-12px);z-index:10000;display:flex;align-items:flex-start;gap:10px;background:#111111;color:#fff;padding:14px 16px;border-radius:12px;width:auto;max-width:min(960px,96vw);min-width:min(700px,95vw);border:1px solid rgba(17,17,17,0.08);transition:transform 220ms ease,opacity 220ms ease;will-change:transform,opacity}.hx-snackbar.is-success{background:#178255;border-color:#0f5c3c}.hx-snackbar.is-error{border-color:#8e1f1f}.hx-snackbar.is-warning{border-color:#b85703}.hx-snackbar.is-info{border-color:#0e4a8f}.hx-auto-snackbar.is-success{background:#178255!important;color:#fff}.hx-auto-snackbar.is-warning{background:#f59e0b!important;color:#111}.hx-auto-snackbar.is-danger{background:#dc2626!important;color:#fff}.hx-auto-snackbar.is-dark,.hx-auto-snackbar.is-info{background:#111111!important;color:#fff}.hx-snackbar__icon{flex-shrink:0;width:20px;height:20px;margin-top:0;align-self:flex-start}.hx-snackbar i{font-size:18px;line-height:1;opacity:0.95}.hx-snackbar.is-error,.hx-snackbar.is-danger{background:#fde5e3;border:1px solid #f7a9a1;color:#111111}.hx-snackbar.is-error .hx-snackbar__icon,.hx-snackbar.is-danger .hx-snackbar__icon{color:#dc2626}.hx-snackbar.is-critical{background:linear-gradient(90deg,#81160f 0%,#9b1f17 100%);border:1px solid #5f100c;color:#fff}.hx-snackbar.is-warning{background:#f59e0b}.hx-snackbar.is-info{background:#1565c0}.hx-snackbar__content{flex:1 1 auto;display:flex;flex-direction:column;gap:8px}.hx-snackbar__message{font-size:14px;font-weight:600;line-height:20px;white-space:pre-line;overflow:visible;text-overflow:unset}.hx-snackbar__details{list-style:none;padding:0;margin:6px 0 0 0;display:flex;flex-direction:column;gap:8px;max-height:calc(5 * 28px + 4 * 8px);overflow-y:auto;overflow-x:hidden}.hx-snackbar__details::-webkit-scrollbar{width:6px}.hx-snackbar__details::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);border-radius:3px}.hx-snackbar__details::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);border-radius:3px}.hx-snackbar__details::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.3)}.hx-snackbar__detail-item{display:flex;align-items:baseline;gap:6px;font-size:13px;line-height:20px;min-height:20px}.hx-snackbar__detail-item:before{content:'•';flex-shrink:0;font-weight:600;font-size:16px;line-height:20px}.hx-snackbar__detail-text{line-height:20px;white-space:nowrap}.hx-snackbar__detail-link{color:#3b82f6;text-decoration:none;font-weight:500;margin-left:8px;white-space:nowrap;font-size:13px;line-height:20px}.hx-snackbar__detail-link:hover{text-decoration:underline;cursor:pointer}.hx-field-highlight{animation:hx-field-pulse 0.5s ease-in-out 3;box-shadow:0 0 0 3px rgba(220,38,38,0.4);border-radius:4px}@keyframes hx-field-pulse{0%,100%{box-shadow:0 0 0 3px rgba(220,38,38,0.4)}50%{box-shadow:0 0 0 6px rgba(220,38,38,0.2)}}.hx-snackbar__close{background:transparent;border:0;color:inherit;font-size:24px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:8px;padding:0;transform:translateY(-2px);align-self:flex-start;opacity:0.6;transition:opacity 0.2s}.hx-snackbar__close:hover{opacity:1}.snackbar-slide-enter-active,.snackbar-slide-leave-active{transition:all 260ms cubic-bezier(0.2,0.8,0.2,1)}.snackbar-slide-enter-from,.snackbar-slide-leave-to{opacity:0;transform:translate(-50%,-26px)}.snackbar-slide-leave-from{opacity:1;transform:translate(-50%,0)}.snackbar-slide-leave-active{animation:hx-snackbar-fade-out 260ms ease forwards}@keyframes hx-snackbar-fade-out{from{opacity:1;transform:translate(-50%,0)}to{opacity:0;transform:translate(-50%,-18px)}}.hx-snackbar.is-success,.hx-snackbar.is-danger,.hx-snackbar.is-error{animation:hx-snackbar-drop 260ms cubic-bezier(0.2,0.8,0.2,1) both}@keyframes hx-snackbar-drop{0%{opacity:0;transform:translate(-50%,-20px)}100%{opacity:1;transform:translate(-50%,0)}}.hx-snackbar.snackbar-slide-leave-active{animation:none!important}.hx-snackbar.snackbar-slide-leave-active.snackbar-slide-leave-to{transform:translate(-50%,-24px)!important;opacity:0!important}.hx-task{position:fixed;bottom:20px;right:20px;width:360px;background:#fff;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,0.2);overflow:hidden;font-family:system-ui,sans-serif;z-index:9999;animation:fadeInUp 0.3s ease}.hx-task-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#2a5ea2 40%,#1c4f92 100%);color:#fff;padding:10px 14px;font-weight:600}.hx-task-header .hx-task-actions{display:flex;align-items:center}.hx-task-close,.hx-task-minimize{background:transparent;border:none;color:#fff;cursor:pointer;line-height:1;transition:opacity 0.2s}.hx-task-close:hover,.hx-task-minimize:hover{opacity:0.8}.hx-task-body{max-height:400px;overflow-y:auto;padding:6px 0}.hx-task-item{border-bottom:1px solid #eee;padding:8px 12px;transition:opacity 0.3s ease}.hx-task-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.hx-task-icon{width:16px;height:16px;border-radius:50%;flex-shrink:0}.hx-task-spinner{border:2px solid #ccc;border-top-color:#0066cc;animation:spin 1s linear infinite}.hx-task-check{background:#4caf50;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='M6.173 12.066 2.5 8.393l1.414-1.414 2.259 2.259 5.657-5.657L13.243 5.5z'/></svg>") center/contain no-repeat}.hx-task-error{background:#e53935;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm1 10H7v2h2v-2zm0-6H7v5h2V5z'/></svg>") center/contain no-repeat}.hx-task-text{flex-grow:1;color:#333}.hx-task-item-close{background:transparent;border:none;color:#777;cursor:pointer;line-height:1;transition:color 0.2s ease}.hx-task-item-close:hover{color:#e53935}.hx-task-progress{background:#f0f0f0;border-radius:4px;overflow:hidden;height:4px;margin-top:6px}.hx-task-progress-bar{width:0%;height:100%;background:linear-gradient(90deg,#2a5ea2 40%,#1c4f92 100%);transition:width 0.3s ease}.hx-task-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.35);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn 0.2s ease}.hx-task-dialog{background:#fff;border-radius:8px;width:340px;box-shadow:0 4px 16px rgba(0,0,0,0.25);overflow:hidden;animation:popIn 0.25s ease}.hx-task-dialog-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#2a5ea2 40%,#1c4f92 100%);color:#fff;font-weight:600;padding:10px 14px}.hx-task-dialog-close{background:transparent;border:none;color:#fff;cursor:pointer}.hx-task-dialog-body{padding:16px;color:#333}.hx-task-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #eee}.hx-task-btn{border:none;border-radius:4px;padding:6px 12px;cursor:pointer;transition:background 0.2s ease}.hx-task-btn-secondary{background:#eee;color:#333}.hx-task-btn-secondary:hover{background:#ddd}.hx-task-btn-danger{background:#e53935;color:#fff}.hx-task-btn-danger:hover{background:#c62828}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{from{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes popIn{from{transform:scale(0.9);opacity:0}to{transform:scale(1);opacity:1}}.hx-task-cancelled{background-color:rgba(255,72,66,0.08);border:1px solid rgba(255,72,66,0.25);transition:background-color 0.2s ease,opacity 0.4s ease}.hx-task-fadeout{opacity:0;transition:opacity 0.4s}.hx-task-icon svg{display:inline-block;width:1em;height:1em;vertical-align:top;stroke-width:0;fill:currentColor;stroke:currentColor;transition:color 0.15s ease,fill 0.15s ease,stroke 0.15s ease;color:#303030}.hx-popover-target.hx-modal-enter-active,.hx-popover-target.hx-modal-leave-active{transition:opacity 0.3s ease,transform 0.3s ease;transform-origin:center}.hx-popover-target.hx-modal-enter-from{opacity:0;transform:translate3d(0,14px,0) scale(0.94)}.hx-popover-target.hx-modal-enter-to{opacity:1;transform:translate3d(0,0,0) scale(1)}.hx-popover-target.hx-modal-leave-to{opacity:0;transform:translate3d(0,12px,0) scale(0.95)}.hx-popover-target.hx-modal-leave-from{opacity:1;transform:translate3d(0,0,0) scale(1)}.hx-wizard-enter-active,.hx-wizard-leave-active{transition:opacity 0.28s ease,transform 0.28s ease}.hx-wizard-enter-from,.hx-wizard-leave-to{opacity:0;transform:translate3d(-50%,calc(-50% + 14px),0) scale(0.94)}.hx-wizard-enter-to,.hx-wizard-leave-from{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}

/** webx/static/css/vision-report-drawer.css **/
.hx-vision-report-drawer{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;display:flex;justify-content:flex-end;align-items:center;padding:24px}.hx-vision-report-drawer .drawer-container{width:600px;height:calc(100vh - 48px);background:#ffffff;border-radius:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);display:flex;flex-direction:column;animation:slideInRight 0.3s ease-out;overflow:hidden}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.hx-vision-report-drawer .drawer-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e5e7eb;background:#ffffff;border-radius:24px 24px 0 0}.hx-vision-report-drawer .sticky-header{position:sticky;top:0;z-index:100}.hx-vision-report-drawer .sticky-tabs{position:sticky;top:64px;z-index:99;background:#ffffff;border-bottom:1px solid #e5e7eb}.hx-vision-report-drawer .scrollable-content{flex:1;overflow-y:auto;padding:24px;min-height:0}.hx-vision-report-drawer .sticky-footer{position:sticky;bottom:0;z-index:100}.hx-vision-report-drawer .drawer-title{font-size:18px;font-weight:600;color:#111827;margin:0}.hx-vision-report-drawer .close-btn{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:8px;border-radius:4px;transition:all 0.2s ease}.hx-vision-report-drawer .close-btn:hover{background:#f3f4f6;color:#374151}.hx-vision-report-drawer .drawer-body{flex:1;display:flex;flex-direction:column;min-height:0}.hx-vision-report-drawer .tabs-container{display:flex;padding:0 24px;margin:0}.hx-vision-report-drawer .tab-btn{background:none;border:none;padding:12px 16px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all 0.2s ease}.hx-vision-report-drawer .tab-btn.active{color:#1e40af;border-bottom-color:#1e40af}.hx-vision-report-drawer .tab-btn:hover:not(.active){color:#374151}.hx-vision-report-drawer .tab-content{animation:fadeIn 0.2s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hx-vision-report-drawer .form-group{margin-bottom:20px}.hx-vision-report-drawer .form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.hx-vision-report-drawer .required{color:#dc2626;margin-left:2px}.hx-vision-report-drawer .form-input,.hx-vision-report-drawer .form-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;background:#ffffff;transition:all 0.2s ease}.hx-vision-report-drawer .form-input:focus,.hx-vision-report-drawer .form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.hx-vision-report-drawer .form-input::placeholder{color:#9ca3af}.hx-vision-report-drawer .form-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:'Monaco','Menlo','Ubuntu Mono',monospace;color:#111827;background:#ffffff;resize:vertical;min-height:120px;transition:all 0.2s ease}.hx-vision-report-drawer .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.hx-vision-report-drawer .form-color{width:60px;height:40px;padding:2px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;background:#ffffff}.hx-vision-report-drawer .form-color:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.hx-vision-report-drawer .checkbox-group{display:flex;align-items:center}.hx-vision-report-drawer .checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#374151;user-select:none}.hx-vision-report-drawer .checkbox-label input[type='checkbox']{margin:0;margin-right:8px;width:16px;height:16px;accent-color:#3b82f6}.hx-vision-report-drawer .alignment-buttons{display:flex;gap:4px}.hx-vision-report-drawer .align-btn{width:40px;height:40px;border:1px solid #d1d5db;background:#ffffff;color:#6b7280;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.hx-vision-report-drawer .align-btn:hover{border-color:#9ca3af;color:#374151}.hx-vision-report-drawer .align-btn.active{border-color:#3b82f6;background:#eff6ff;color:#1e40af}.hx-vision-report-drawer .accounts-list{display:flex;flex-wrap:wrap;gap:8px;max-height:120px;overflow-y:auto;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.hx-vision-report-drawer .account-code-btn{background:#ffffff;border:1px solid #d1d5db;color:#374151;padding:6px 10px;border-radius:4px;font-size:12px;font-family:'Monaco','Menlo','Ubuntu Mono',monospace;cursor:pointer;transition:all 0.2s ease}.hx-vision-report-drawer .formula-helper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-top:8px}.hx-vision-report-drawer .helper-section{margin-bottom:20px}.hx-vision-report-drawer .helper-section:last-child{margin-bottom:0}.hx-vision-report-drawer .helper-section h4{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 8px 0;border-bottom:1px solid #e2e8f0;padding-bottom:4px}.hx-vision-report-drawer .operator-list{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#475569}.hx-vision-report-drawer .operator{background:#ffffff;border:1px solid #cbd5e1;padding:4px 8px;border-radius:4px;font-family:'Monaco','Menlo','Ubuntu Mono',monospace;font-weight:600;color:#1e40af;margin-right:4px;cursor:pointer;transition:all 0.2s ease}.hx-vision-report-drawer .operator:hover{background:#eff6ff;border-color:#3b82f6;transform:translateY(-1px)}.hx-vision-report-drawer .function-list{display:flex;flex-direction:column;gap:6px}.hx-vision-report-drawer .function-item{display:flex;align-items:center;gap:12px;padding:6px 8px;background:#ffffff;border:1px solid #e2e8f0;border-radius:4px}.hx-vision-report-drawer .function-item code{background:#f1f5f9;border:1px solid #cbd5e1;padding:3px 6px;border-radius:3px;font-family:'Monaco','Menlo','Ubuntu Mono',monospace;font-size:11px;color:#1e40af;min-width:160px;cursor:pointer;transition:all 0.2s ease}.hx-vision-report-drawer .function-item code:hover{background:#dbeafe;border-color:#3b82f6;transform:translateY(-1px)}.hx-vision-report-drawer .function-desc{font-size:11px;color:#64748b;font-style:italic}.hx-vision-report-drawer .example-list{display:flex;flex-direction:column;gap:8px}.hx-vision-report-drawer .example-item{display:flex;align-items:center;gap:12px;padding:8px;background:#ffffff;border:1px solid #e2e8f0;border-radius:6px}.hx-vision-report-drawer .example-item code{background:#f1f5f9;border:1px solid #cbd5e1;padding:4px 8px;border-radius:4px;font-family:'Monaco','Menlo','Ubuntu Mono',monospace;font-size:12px;color:#1e40af;min-width:180px}.hx-vision-report-drawer .example-desc{font-size:12px;color:#64748b;font-style:italic}.hx-vision-report-drawer .notes-list{margin:0;padding-left:16px;font-size:12px;color:#64748b}.hx-vision-report-drawer .notes-list li{margin-bottom:4px;line-height:1.4}.hx-vision-report-drawer .account-code-btn:hover{border-color:#3b82f6;background:#eff6ff;color:#1e40af}.hx-vision-report-drawer .btn-validate{background:#3b82f6;border:none;color:#ffffff;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.2s ease}.hx-vision-report-drawer .btn-validate:hover{background:#2563eb}.hx-vision-report-drawer .validation-message{margin-top:12px;padding:12px;border-radius:6px;font-size:14px;display:flex;align-items:center;gap:8px}.hx-vision-report-drawer .validation-message.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.hx-vision-report-drawer .validation-message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.hx-vision-report-drawer .drawer-footer{padding:20px 24px;border-top:1px solid #e5e7eb;background:#ffffff;border-radius:0 0 24px 24px;display:flex;justify-content:space-between;gap:12px}.hx-vision-report-drawer .btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;border:none;min-width:100px}.hx-vision-report-drawer .btn-cancel{background:#ffffff;color:#374151;border:1px solid #d1d5db}.hx-vision-report-drawer .btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.hx-vision-report-drawer .btn-save{background:#1e40af;color:#ffffff;border:1px solid #1e40af}.hx-vision-report-drawer .btn-save:hover{background:#1e3a8a;border-color:#1e3a8a}.hx-vision-report-drawer .btn:disabled{opacity:0.5;cursor:not-allowed}@media (max-width:768px){.hx-vision-report-drawer .drawer-container{width:100%;max-width:480px}.hx-vision-report-drawer .drawer-body{padding:16px}.hx-vision-report-drawer .drawer-footer{padding:16px;flex-direction:column}.hx-vision-report-drawer .btn{width:100%}}.hx-vision-report-drawer .close-btn:focus,.hx-vision-report-drawer .tab-btn:focus,.hx-vision-report-drawer .form-input:focus,.hx-vision-report-drawer .form-select:focus,.hx-vision-report-drawer .form-textarea:focus,.hx-vision-report-drawer .form-color:focus,.hx-vision-report-drawer .align-btn:focus,.hx-vision-report-drawer .account-code-btn:focus,.hx-vision-report-drawer .btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.hx-vision-report-drawer .drawer-body::-webkit-scrollbar,.hx-vision-report-drawer .accounts-list::-webkit-scrollbar{width:6px}.hx-vision-report-drawer .drawer-body::-webkit-scrollbar-track,.hx-vision-report-drawer .accounts-list::-webkit-scrollbar-track{background:#f3f4f6}.hx-vision-report-drawer .drawer-body::-webkit-scrollbar-thumb,.hx-vision-report-drawer .accounts-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.hx-vision-report-drawer .drawer-body::-webkit-scrollbar-thumb:hover,.hx-vision-report-drawer .accounts-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.hx-vision-report-drawer .checkbox-list{max-height:150px;overflow-y:auto;border:1px solid #d1d5db;border-radius:6px;padding:8px;background-color:#f9fafb}.hx-vision-report-drawer .checkbox-list .checkbox-group{margin-bottom:8px}.hx-vision-report-drawer .checkbox-list .checkbox-group:last-child{margin-bottom:0}.hx-vision-report-drawer .style-buttons{display:flex;gap:4px}.hx-vision-report-drawer .style-btn{width:32px;height:32px;border:1px solid #d1d5db;background:#ffffff;font-weight:bold;font-size:14px;border-radius:4px;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.hx-vision-report-drawer .style-btn:hover{border-color:#9ca3af;background:#f9fafb}.hx-vision-report-drawer .style-btn.active{background:#3b82f6;color:white;border-color:#3b82f6}.hx-vision-report-drawer .style-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.hx-vision-report-drawer .hx-searchable-dropdown .hx-dropdown-trigger{background:#ffffff;border:1px solid #d1d5db}.hx-vision-report-drawer .hx-searchable-dropdown .hx-dropdown-trigger:hover{border-color:#9ca3af}.hx-vision-report-drawer .hx-searchable-dropdown .hx-dropdown-trigger:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.hx-vision-report-drawer .columns-section{margin-top:24px;padding:20px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.hx-vision-report-drawer .columns-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.hx-vision-report-drawer .columns-header h4{font-size:16px;font-weight:600;color:#111827;margin:0}.hx-vision-report-drawer .columns-actions{display:flex;gap:8px}.hx-vision-report-drawer .btn-add-column{padding:6px 12px;background:#3b82f6;color:#ffffff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all 0.2s ease}.hx-vision-report-drawer .btn-add-column svg{width:14px;height:14px;fill:currentColor}.hx-vision-report-drawer .btn-add-column:hover{background:#2563eb}.hx-vision-report-drawer .btn-add-column.secondary{background:#ffffff;color:#374151;border:1px solid #d1d5db}.hx-vision-report-drawer .btn-add-column.secondary:hover{background:#f3f4f6}.hx-vision-report-drawer .columns-list{display:flex;flex-direction:column;gap:12px}.hx-vision-report-drawer .column-item{background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all 0.2s ease}.hx-vision-report-drawer .column-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px rgba(59,130,246,0.1)}.hx-vision-report-drawer .column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.hx-vision-report-drawer .column-info{display:flex;align-items:center;gap:8px}.hx-vision-report-drawer .column-name{font-size:14px;font-weight:600;color:#111827}.hx-vision-report-drawer .column-type-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase}.hx-vision-report-drawer .column-type-badge.create{background:#dbeafe;color:#1e40af}.hx-vision-report-drawer .column-type-badge.target{background:#fef3c7;color:#92400e}.hx-vision-report-drawer .column-actions{display:flex;gap:4px}.hx-vision-report-drawer .btn-icon{padding:6px 8px;background:none;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;cursor:pointer;transition:all 0.2s ease;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.hx-vision-report-drawer .btn-icon svg{width:16px;height:16px;fill:currentColor}.hx-vision-report-drawer .btn-icon:hover{background:#f3f4f6;color:#111827;border-color:#9ca3af}.hx-vision-report-drawer .btn-icon.danger:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.hx-vision-report-drawer .column-details{display:flex;flex-direction:column;gap:6px}.hx-vision-report-drawer .detail-item{display:flex;align-items:center;gap:8px;font-size:13px}.hx-vision-report-drawer .detail-label{color:#6b7280;font-weight:500;min-width:80px}.hx-vision-report-drawer .detail-value{color:#374151}.hx-vision-report-drawer .detail-value code{background:#f3f4f6;padding:2px 6px;border-radius:3px;font-family:'Monaco','Menlo','Ubuntu Mono',monospace;font-size:12px}.hx-vision-report-drawer .columns-empty{text-align:center;padding:40px 20px;color:#6b7280}.hx-vision-report-drawer .columns-empty i{font-size:48px;color:#d1d5db;margin-bottom:16px}.hx-vision-report-drawer .columns-empty p{margin:8px 0;font-size:14px}.hx-vision-report-drawer .columns-empty .hint{font-size:13px;color:#9ca3af}

/** webx/static/css/vision-report-column-modal.css **/
.hx-column-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn 0.2s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.hx-column-modal-container{background:#ffffff;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp 0.3s ease-out}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.hx-column-modal-container .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.hx-column-modal-container .modal-title{font-size:18px;font-weight:600;color:#111827;margin:0}.hx-column-modal-container .modal-close-btn{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all 0.2s ease}.hx-column-modal-container .modal-close-btn:hover{background:#f3f4f6;color:#111827}.hx-column-modal-container .modal-body{padding:24px;overflow-y:auto;flex:1}.hx-column-modal-container .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.hx-column-modal-container .form-group{margin-bottom:20px}.hx-column-modal-container .radio-group{display:flex;gap:16px}.hx-column-modal-container .radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.hx-column-modal-container .radio-label input[type='radio']{width:16px;height:16px;cursor:pointer}.hx-column-modal-container .radio-text{user-select:none}.hx-column-modal-container .form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.hx-column-modal-container .required{color:#ef4444}.hx-column-modal-container .form-input,.hx-column-modal-container .form-select,.hx-column-modal-container .form-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;transition:all 0.2s ease;background:#ffffff}.hx-column-modal-container .form-input:focus,.hx-column-modal-container .form-select:focus,.hx-column-modal-container .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.hx-column-modal-container .form-textarea{resize:vertical;font-family:'Monaco','Menlo','Ubuntu Mono','Courier New',monospace;font-size:13px}.hx-column-modal-container .formula-helper-section{margin-top:16px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.hx-column-modal-container .helper-group{margin-bottom:16px}.hx-column-modal-container .helper-group:last-child{margin-bottom:0}.hx-column-modal-container .helper-label{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:0.5px}.hx-column-modal-container .helper-buttons{display:flex;flex-wrap:wrap;gap:6px}.hx-column-modal-container .helper-btn{padding:6px 12px;background:#ffffff;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all 0.2s ease}.hx-column-modal-container .helper-btn:hover{background:#3b82f6;color:#ffffff;border-color:#3b82f6}.hx-column-modal-container .helper-info{margin-top:16px;padding:12px;background:#eff6ff;border-radius:6px;border:1px solid #bfdbfe}.hx-column-modal-container .helper-info p{margin:0 0 8px 0;font-size:13px;font-weight:600;color:#1e40af}.hx-column-modal-container .helper-info ul{margin:0;padding-left:20px;font-size:12px;color:#1e3a8a}.hx-column-modal-container .helper-info li{margin-bottom:4px}.hx-column-modal-container .btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;border:none}.hx-column-modal-container .btn-secondary{background:#ffffff;color:#374151;border:1px solid #d1d5db}.hx-column-modal-container .btn-secondary:hover{background:#f9fafb}.hx-column-modal-container .btn-primary{background:#3b82f6;color:#ffffff}.hx-column-modal-container .btn-primary:hover{background:#2563eb}.hx-column-modal-container .btn:disabled{opacity:0.5;cursor:not-allowed}

/** webx/static/css/hx-searchable-dropdown.css **/
.hx-searchable-dropdown{position:relative;width:100%}.hx-searchable-dropdown .hx-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#ffffff;cursor:pointer;transition:all 0.2s ease}.hx-searchable-dropdown .hx-dropdown-trigger:hover{border-color:#9ca3af}.hx-searchable-dropdown .hx-dropdown-trigger:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.hx-searchable-dropdown .hx-dropdown-search-input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:#111827}.hx-searchable-dropdown .hx-dropdown-search-input::placeholder{color:#9ca3af}.hx-searchable-dropdown .hx-dropdown-selected-value{flex:1;font-size:14px;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-searchable-dropdown .hx-dropdown-placeholder{color:#9ca3af}.hx-searchable-dropdown .hx-dropdown-icon{margin-left:8px;color:#6b7280;transition:transform 0.2s ease;font-size:12px}.hx-searchable-dropdown .hx-dropdown-icon-open{transform:rotate(180deg)}.hx-searchable-dropdown .hx-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#ffffff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);z-index:1000;max-height:240px;overflow-y:auto;animation:hx-dropdown-fade-in 0.15s ease-out}@keyframes hx-dropdown-fade-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hx-searchable-dropdown .hx-dropdown-loading{display:flex;align-items:center;justify-content:center;padding:16px;color:#6b7280;font-size:14px}.hx-searchable-dropdown .hx-dropdown-loading i{margin-right:8px}.hx-searchable-dropdown .hx-dropdown-no-results{padding:16px;text-align:center;color:#6b7280;font-size:14px}.hx-searchable-dropdown .hx-dropdown-items{padding:4px 0}.hx-searchable-dropdown .hx-dropdown-item{display:flex;flex-direction:column;padding:8px 12px;cursor:pointer;transition:background-color 0.15s ease;border-bottom:1px solid #f3f4f6}.hx-searchable-dropdown .hx-dropdown-item:last-child{border-bottom:none}.hx-searchable-dropdown .hx-dropdown-item:hover,.hx-searchable-dropdown .hx-dropdown-item-highlighted{background-color:#f9fafb}.hx-searchable-dropdown .hx-dropdown-item mark{background-color:#fef3c7;color:#92400e;padding:0 2px;border-radius:2px}.hx-searchable-dropdown .hx-dropdown-secondary{color:#6b7280;font-size:12px;margin-top:2px}

/** webx/static/css/vision-report-widget.css **/
.hx-vision-report-widget{background:#ffffff;border-radius:16px;border:1px solid #e1e2e3;overflow:hidden}.hx-vision-report-widget .unified-header{background:#f1f7fe;border-bottom:1px solid #e2f0fd;position:sticky;top:0;z-index:10}.hx-vision-report-widget .report-controls{padding:16px;background:transparent;border-bottom:1px solid #e2f0fd;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.hx-vision-report-widget .date-filter-section{display:flex;align-items:center;gap:8px}.hx-vision-report-widget .comparison-section{display:flex;align-items:center;gap:8px}.hx-vision-report-widget .export-section{display:flex;align-items:center;margin-left:auto}.hx-vision-report-widget .btn-export{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background 0.2s ease}.hx-vision-report-widget .btn-export:hover{background:rgba(0,111,255,0.1)}.hx-vision-report-widget .btn-export:disabled{opacity:0.5;cursor:not-allowed}.hx-vision-report-widget .btn-export svg{width:20px;height:20px;color:#006fff}.hx-vision-report-widget .report-controls label{font-size:14px;font-weight:500;color:#374151;margin:0}.hx-vision-report-widget .report-controls select,.hx-vision-report-widget .report-controls input[type='date']{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#ffffff}.hx-vision-report-widget .report-controls input[type='checkbox']{margin-right:6px}.hx-vision-report-widget .report-table-container{width:100%;display:flex;flex-direction:column}.hx-vision-report-widget .report-table-header{display:flex;align-items:center;height:48px;background:transparent;border-bottom:none;font-size:14px;font-weight:500;color:#374151;position:sticky;top:0;z-index:10}.hx-vision-report-widget .header-controls-section{display:flex;align-items:center;background:#f1f7fe;padding:0 16px;gap:12px;min-width:144px;flex-shrink:0}.hx-vision-report-widget .header-line-data-section{display:flex;align-items:center;background:#f1f7fe;overflow-x:auto;flex:0 0 400px;min-width:0}.hx-vision-report-widget .header-scrollable-section{display:flex;align-items:center;background:#f1f7fe;gap:12px;overflow-x:auto;flex:1;min-width:0}.hx-vision-report-widget .header-action-section{display:flex;align-items:center;background:#f1f7fe;padding:0 16px;gap:12px;min-width:100px;flex-shrink:0}.hx-vision-report-widget .header-drag,.hx-vision-report-widget .header-checkbox,.hx-vision-report-widget .header-expand,.hx-vision-report-widget .header-add{display:flex;justify-content:center;width:24px;flex-shrink:0}.hx-vision-report-widget .header-checkbox-input{width:20px;height:20px;margin:0}.hx-vision-report-widget .header-line-data{text-align:left;font-weight:500;min-width:max-content;flex-shrink:0;padding:0 16px}.hx-vision-report-widget .header-column{text-align:left;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:150px;flex-shrink:0}.hx-vision-report-widget .header-action{text-align:right;font-weight:500;min-width:100px}.hx-vision-report-widget .report-table-body{background:#ffffff}.hx-vision-report-widget .report-line-row{display:flex;align-items:center;height:48px;transition:background-color 0.2s ease;border-bottom:none;position:relative}.hx-vision-report-widget .report-line-row:hover{background:#f9fafb}.hx-vision-report-widget .report-line-row.line-group-section:hover{background:#f8fafc}.hx-vision-report-widget .report-line-row.line-field-data:hover{background:#fdf2f8}.hx-vision-report-widget .report-line-row.line-formula:hover{background:#f0fdf4}.hx-vision-report-widget .tree-level-indicator{position:absolute;font-size:9px;font-weight:600;color:#9ca3af;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:3px;padding:1px 4px;line-height:1.2;top:50%;transform:translateY(-50%);z-index:1;white-space:nowrap;font-family:'Monaco','Menlo','Ubuntu Mono',monospace}.hx-vision-report-widget .row-controls-section{display:flex;align-items:center;padding:0 16px;gap:12px;min-width:144px;flex-shrink:0;background:inherit}.hx-vision-report-widget .row-line-data-section{display:flex;align-items:center;overflow-x:auto;flex:0 0 400px;min-width:0;background:inherit;position:relative}.hx-vision-report-widget .row-scrollable-section{display:flex;align-items:center;gap:12px;flex:1;min-width:0;overflow-x:auto}.hx-vision-report-widget .row-action-section{display:flex;align-items:center;padding:0 16px;gap:12px;min-width:100px;flex-shrink:0}.hx-vision-report-widget .row-drag{display:flex;justify-content:center;align-items:center;padding:6px;width:24px;flex-shrink:0}.hx-vision-report-widget .drag-handle{cursor:grab;padding:2px;border-radius:4px;transition:all 0.2s ease;display:block}.hx-vision-report-widget .drag-handle:hover{opacity:0.8}.hx-vision-report-widget .drag-handle:active{cursor:grabbing}.hx-vision-report-widget .row-checkbox{display:flex;justify-content:center;width:24px;flex-shrink:0}.hx-vision-report-widget .row-checkbox-input{width:16px;height:16px;margin:0}.hx-vision-report-widget .row-expand{display:flex;justify-content:center;width:24px;flex-shrink:0}.hx-vision-report-widget .expand-btn{background:none;border:none;cursor:pointer;padding:2px;border-radius:4px;transition:all 0.2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.hx-vision-report-widget .expand-btn:hover{background:#f3f4f6}.hx-vision-report-widget .expand-btn svg{transition:transform 0.2s ease}.hx-vision-report-widget .row-add{display:flex;justify-content:center;width:24px;flex-shrink:0}.hx-vision-report-widget .add-child-btn{display:flex;background:transparent;border:none;align-items:center;justify-content:center;width:24px}.hx-vision-report-widget .row-line-data{display:flex;align-items:center;min-width:max-content;flex-shrink:0;padding-right:16px}.hx-vision-report-widget .line-icon-container{display:flex;align-items:center;gap:12px;min-width:0}.hx-vision-report-widget .line-icon{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.hx-vision-report-widget .line-icon.icon-group_section{background:#1e40af;color:white}.hx-vision-report-widget .line-icon.icon-field_data{background:#ec4899;color:white;border-radius:50%}.hx-vision-report-widget .line-icon.icon-formula{background:#10b981;color:white;border-radius:50%}.hx-vision-report-widget .field-data-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%}.hx-vision-report-widget .field-number{font-size:10px;font-weight:600}.hx-vision-report-widget .line-text{display:flex;align-items:center;gap:8px;min-width:0}.hx-vision-report-widget .line-label{font-size:14px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-vision-report-widget .line-label.font-bold{font-weight:600;color:#1e40af}.hx-vision-report-widget .line-label.format-bold{font-weight:600}.hx-vision-report-widget .line-label.format-italic{font-style:italic}.hx-vision-report-widget .line-label.format-underline{text-decoration:underline}.hx-vision-report-widget .line-code{font-size:12px;color:#6b7280;font-family:'Monaco','Menlo','Ubuntu Mono',monospace;white-space:nowrap}.hx-vision-report-widget .row-column{display:flex;align-items:center;min-width:150px;flex-shrink:0;overflow:hidden}.hx-vision-report-widget .column-value{font-size:14px;color:#111827;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.hx-vision-report-widget .column-value.negative{color:#dc2626}.hx-vision-report-widget .column-value.text-success{color:#059669}.hx-vision-report-widget .column-value.text-danger{color:#dc2626}.hx-vision-report-widget .row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.hx-vision-report-widget .action-icon{background:none;border:none;color:#6b7280;font-size:16px;cursor:pointer;padding:6px;border-radius:4px;transition:all 0.2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.hx-vision-report-widget .action-icon:hover{color:#374151;background:#f3f4f6}.hx-vision-report-widget .action-icon:focus{outline:2px solid #3b82f6;outline-offset:2px}.hx-vision-report-widget .add-line-section{padding:16px;border-top:1px solid #e5e7eb}.hx-vision-report-widget .add-line-container{display:flex;align-items:center;gap:12px}.hx-vision-report-widget .add-line-container .dropdown{flex:1}.hx-vision-report-widget .btn-add-line{width:100%;height:40px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.2s ease}.hx-vision-report-widget .btn-add-line:hover{background:#dbeafe;border-color:#93c5fd}.hx-vision-report-widget .btn-add-line:disabled{opacity:0.5;cursor:not-allowed}.hx-vision-report-widget .dropdown{position:relative}.hx-vision-report-widget .dropdown-menu{position:fixed;z-index:9999;min-width:200px;padding:8px 0;margin:2px 0 0;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;pointer-events:none}.hx-vision-report-widget .dropdown.show .dropdown-menu,.hx-vision-report-widget .dropdown-menu.show{opacity:1;visibility:visible;pointer-events:auto}.hx-vision-report-widget .dropdown-menu-end{right:0;left:auto}.hx-vision-report-widget .dropdown-item{padding:10px 16px;font-size:14px;color:#374151;cursor:pointer;display:flex;align-items:center;gap:12px;border:none;background:none;width:100%;text-align:left;transition:background-color 0.2s ease}.hx-vision-report-widget .dropdown-item:hover{background:#f3f4f6;color:#111827}.hx-vision-report-widget .dropdown-item.text-danger{color:#dc2626}.hx-vision-report-widget .dropdown-item.text-danger:hover{background:#fef2f2;color:#b91c1c}.hx-vision-report-widget .dropdown-icon{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.hx-vision-report-widget .empty-state{padding:60px 20px;text-align:center}.hx-vision-report-widget .empty-content{color:#6b7280}.hx-vision-report-widget .empty-content h5{color:#374151;margin-bottom:8px;font-size:18px;font-weight:600}.hx-vision-report-widget .empty-content p{margin-bottom:0;font-size:14px}@media (max-width:768px){.hx-vision-report-widget .report-table-header{font-size:12px}.hx-vision-report-widget .header-column{min-width:120px}.hx-vision-report-widget .row-column{min-width:120px}.hx-vision-report-widget .line-label{font-size:13px}.hx-vision-report-widget .line-code{font-size:11px}.hx-vision-report-widget .column-value{font-size:12px}.hx-vision-report-widget .header-scrollable-section,.hx-vision-report-widget .row-scrollable-section,.hx-vision-report-widget .header-line-data-section,.hx-vision-report-widget .row-line-data-section{-webkit-overflow-scrolling:touch}.hx-vision-report-widget .header-controls-section{min-width:120px}.hx-vision-report-widget .row-controls-section{min-width:120px}.hx-vision-report-widget .header-line-data-section,.hx-vision-report-widget .row-line-data-section{flex:0 0 300px}.hx-vision-report-widget .header-line-data,.hx-vision-report-widget .row-line-data{min-width:max-content}}.hx-vision-report-widget .expand-btn:focus,.hx-vision-report-widget .add-child-btn:focus,.hx-vision-report-widget .action-icon:focus,.hx-vision-report-widget .btn-add-line:focus{outline:2px solid #3b82f6;outline-offset:2px}.hx-vision-report-widget .report-line-row.dragging{background:#eff6ff;cursor:grabbing;opacity:0.8;transform:rotate(2deg);box-shadow:0 4px 8px rgba(0,0,0,0.2);z-index:1000}.hx-vision-report-widget .report-line-row.drag-over{background:#dbeafe;border:2px dashed #3b82f6;transform:scale(1.02);transition:all 0.2s ease}.hx-vision-report-widget .report-line-row.drag-over-above{border-top:3px solid #3b82f6;background:#f0f9ff}.hx-vision-report-widget .report-line-row.drag-over-below{border-bottom:3px solid #3b82f6;background:#f0f9ff}.hx-vision-report-widget .drag-placeholder{height:48px;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;margin:2px 0;opacity:0.3;display:flex;align-items:center;justify-content:center;color:white;font-weight:500;animation:pulse 1s infinite}@keyframes pulse{0%,100%{opacity:0.3}50%{opacity:0.6}}.hx-vision-report-widget .report-line-row[draggable='true']:hover{background:#f8fafc;cursor:grab;transform:translateX(2px);transition:all 0.2s ease}.hx-vision-report-widget .drag-handle:hover{background:#f3f4f6;border-radius:4px;transform:scale(1.1)}.hx-vision-report-widget .report-line-row[draggable='true']{cursor:move}.hx-vision-report-widget .report-line-row[draggable='true']:hover{background:#f8fafc}.hx-vision-report-widget.loading{opacity:0.6;pointer-events:none}.hx-vision-report-widget .report-line-row,.hx-vision-report-widget .action-icon,.hx-vision-report-widget .expand-btn,.hx-vision-report-widget .add-child-btn,.hx-vision-report-widget .btn-add-line{transition:all 0.2s ease}.hx-vision-report-widget .dropdown{z-index:20}.hx-vision-report-widget .dropdown-menu{z-index:21}.hx-vision-report-widget .header-scrollable-section::-webkit-scrollbar{height:8px}.hx-vision-report-widget .header-scrollable-section::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.hx-vision-report-widget .header-scrollable-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.hx-vision-report-widget .header-scrollable-section::-webkit-scrollbar-thumb:hover{background:#9ca3af}.hx-vision-report-widget .header-line-data-section::-webkit-scrollbar{height:8px}.hx-vision-report-widget .header-line-data-section::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.hx-vision-report-widget .header-line-data-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.hx-vision-report-widget .header-line-data-section::-webkit-scrollbar-thumb:hover{background:#9ca3af}.hx-vision-report-widget .row-line-data-section::-webkit-scrollbar{height:8px}.hx-vision-report-widget .row-line-data-section::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.hx-vision-report-widget .row-line-data-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.hx-vision-report-widget .row-line-data-section::-webkit-scrollbar-thumb:hover{background:#9ca3af}.hx-vision-report-widget .row-line-data-section{scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.hx-vision-report-widget .row-scrollable-section::-webkit-scrollbar{height:0;width:0}.hx-vision-report-widget .row-scrollable-section{scrollbar-width:none;-ms-overflow-style:none}.hx-vision-report-widget .report-table-body::-webkit-scrollbar{width:6px}.hx-vision-report-widget .report-table-body::-webkit-scrollbar-track{background:#f3f4f6}.hx-vision-report-widget .report-table-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.hx-vision-report-widget .report-table-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.hx-vision-report-widget.vision-report-full-view .header-controls-section{min-width:70px}.hx-vision-report-widget.vision-report-full-view .row-controls-section{min-width:70px}

/** webx/static/css/ribbon-static.css **/
.ribbon-widget-wrapper{position:absolute;top:0;right:0;width:110px;height:110px;z-index:10;pointer-events:none;overflow:hidden}.ribbon-widget-wrapper.hx-ribbon--top-right{top:0;right:0}.ribbon-widget-wrapper.hx-ribbon--top-left{top:0;left:0}.ribbon-widget-wrapper.hx-ribbon--bottom-right{bottom:0;right:0}.ribbon-widget-wrapper.hx-ribbon--bottom-left{bottom:0;left:0}.hx-ribbon-static-wrapper--container{position:absolute;width:100%;height:100%;overflow:hidden}.hx-ribbon-static-wrapper--container.hx-ribbon--top-right{top:0;right:0}.hx-ribbon-static-wrapper--container.hx-ribbon--top-left{top:0;left:0}.hx-ribbon-static-wrapper--container.hx-ribbon--bottom-right{bottom:0;right:0}.hx-ribbon-static-wrapper--container.hx-ribbon--bottom-left{bottom:0;left:0}.hx-ribbon-static{position:absolute;display:flex;align-items:center;justify-content:center;width:140px;height:24px;padding:0 10px;color:white;font-weight:bold;text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:0.5px;line-height:1;z-index:100;box-shadow:0 2px 4px rgba(0,0,0,0.3)}.hx-ribbon-static.hx-ribbon--top-right{top:20px;right:-35px;transform:rotate(45deg)}.hx-ribbon-static.hx-ribbon--top-left{top:6px;left:-35px;transform:rotate(-45deg)}.hx-ribbon-static.hx-ribbon--bottom-right{bottom:6px;right:-35px;transform:rotate(-45deg)}.hx-ribbon-static.hx-ribbon--bottom-left{bottom:6px;left:-35px;transform:rotate(45deg)}.hx-ribbon-static.hx-ribbon--bg-info{background:#2a5ea2}.hx-ribbon-static.hx-ribbon--bg-success{background:#10b981}.hx-ribbon-static.hx-ribbon--bg-warning{background:#f59e0b;color:#fff}.hx-ribbon-static.hx-ribbon--bg-danger{background:#ef4444}.hx-ribbon-static.hx-ribbon--bg-secondary{background:#6b7280}.hx-ribbon-static.hx-ribbon--bg-primary{background:#2a5ea2}.hx-ribbon-static.hx-ribbon--bg-dark{background:#1f2937}.hx-ribbon-static.hx-ribbon--bg-light{background:#f3f4f6;color:#333}.hx-ribbon-static-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal;padding:0 5px;text-align:center}.hx-sheet-card,.hx-sheet-container,hx-sheet-container,.hx-form-sheet{position:relative}

/** webx/static/css/icons.css **/
:root.light{--hx-icon-fill:#1E1E1E;--hx-icon-stroke:#1E1E1E}:root.dark{--hx-icon-fill:#f0f0f0;--hx-icon-stroke:#f0f0f0}.smart-buttons{display:inline-block;font-size:24px;width:1em;height:1em;stroke-width:0;stroke:var(--hx-icon-stroke);fill:var(--hx-icon-fill)}.smart-buttons.colored{stroke:#F0F0F0;fill:#F0F0F0}.menu-icons{display:inline-block;font-size:40px;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}

/** webx/static/css/buttons.css **/
:root.light{--btn-font-family:system-ui,sans-serif;--btn-font-weight:500;--btn-line-height:1.5;--btn-padding-y:0.375rem;--btn-padding-x:0.75rem;--btn-border-radius:0.375rem;--btn-primary:#0d6efd;--btn-secondary:#6c757d;--btn-success:#198754;--btn-danger:#dc3545;--btn-warning:#ffc107;--btn-info:#0dcaf0;--btn-light:#f8f9fa;--btn-dark:#212529;--btn-white:#ffffff;--btn-gray:#6c757d;--btn-text-dark:#212529;--btn-outline:transparent;--btn-focus-outline:#333333}:root.dark{--btn-primary:#4a8fff;--btn-secondary:#a1a1a1;--btn-success:#28c76f;--btn-danger:#ff6b6b;--btn-warning:#fcd34d;--btn-info:#66d9ef;--btn-light:#e2e8f0;--btn-dark:#0f172a;--btn-white:#ffffff;--btn-gray:#a1a1a1;--btn-text-dark:#ffffff;--btn-outline:transparent;--btn-focus-outline:#bbbbbb}.btn{display:inline-block;font-family:var(--btn-font-family);font-weight:var(--btn-font-weight);line-height:var(--btn-line-height);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;border:1px solid var(--btn-outline);padding:var(--btn-padding-y) var(--btn-padding-x);font-size:1rem;border-radius:var(--btn-border-radius);transition:background-color 0.15s,border-color 0.15s,color 0.15s;background-color:transparent;color:inherit}.btn:focus,.btn:focus-visible{outline:2px solid var(--btn-focus-outline);outline-offset:2px}.btn:hover:not(:disabled){filter:brightness(90%)}.btn:disabled,.btn.disabled{opacity:0.65;pointer-events:none}.btn-primary{background-color:var(--btn-primary);color:var(--btn-white);border-color:var(--btn-primary)}.btn-secondary{background-color:var(--btn-secondary);color:var(--btn-white);border-color:var(--btn-secondary)}.btn-success{background-color:var(--btn-success);color:var(--btn-white);border-color:var(--btn-success)}.btn-danger{background-color:var(--btn-danger);color:var(--btn-white);border-color:var(--btn-danger)}.btn-warning{background-color:var(--btn-warning);color:var(--btn-text-dark);border-color:var(--btn-warning)}.btn-info{background-color:var(--btn-info);color:var(--btn-text-dark);border-color:var(--btn-info)}.btn-light{background-color:var(--btn-light);color:var(--btn-text-dark);border-color:var(--btn-light)}.btn-dark{background-color:var(--btn-dark);color:var(--btn-white);border-color:var(--btn-dark)}.btn-link{background-color:transparent;color:var(--btn-primary);border:none;text-decoration:underline}.btn-outline-primary{color:var(--btn-primary);background-color:transparent;border-color:var(--btn-primary)}.btn-outline-secondary{color:var(--btn-secondary);background-color:transparent;border-color:var(--btn-secondary)}.btn-outline-success{color:var(--btn-success);background-color:transparent;border-color:var(--btn-success)}.btn-outline-danger{color:var(--btn-danger);background-color:transparent;border-color:var(--btn-danger)}.btn-outline-warning{color:var(--btn-warning);background-color:transparent;border-color:var(--btn-warning)}.btn-outline-info{color:var(--btn-info);background-color:transparent;border-color:var(--btn-info)}.btn-outline-light{color:var(--btn-light);background-color:transparent;border-color:var(--btn-light)}.btn-outline-dark{color:var(--btn-dark);background-color:transparent;border-color:var(--btn-dark)}.btn-sm{padding:0.25rem 0.5rem;font-size:0.875rem;border-radius:0.25rem}.btn-lg{padding:0.5rem 1rem;font-size:1.25rem;border-radius:0.5rem}.text-nowrap{white-space:nowrap}.icon-button{background:none;cursor:pointer;padding:8px;border:none;border-radius:8px;color:var(--icon-color);transition:all 0.3s ease}.icon-button:hover{background-color:rgba(0,123,255,0.1)}

/** webx/static/css/notification-bell.css **/
.hx-notification-container{position:relative}.hx-notification-bell{position:relative;transition:all 0.3s ease;background:none;border:none;cursor:pointer;padding:8px;border-radius:4px}.hx-notification-bell:hover{background-color:rgba(0,123,255,0.1)}.hx-notification-bell.has-notifications{color:#007bff}.hx-notification-badge{position:absolute;top:0px;right:0px;background:#D42511;border-radius:50%;width:12px;height:12px;display:block;animation:hx-notification-pulse 2s infinite;border:2px solid #FFFFFF;box-shadow:0 0 0 1px rgba(212,37,17,0.2)}@keyframes hx-notification-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.hx-notification-panel{position:absolute;top:100%;right:0;width:440px;background:white;border:1px solid #E8E9EB;border-radius:16px;box-shadow:0 1px 4px 0px rgba(0,0,0,0.25);z-index:1000;overflow:hidden;margin-top:10px}.hx-notification-panel-enter-active,.hx-notification-panel-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.hx-notification-panel-enter-from,.hx-notification-panel-leave-to{opacity:0;transform:translateY(-8px)}.hx-notification-panel .hx-notification-header{display:flex;flex-direction:row!important;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #E8E9EB;background:#FCFCFC;gap:16px!important;width:100%;box-sizing:border-box}.hx-notification-panel .hx-notification-header-title{display:flex;align-items:center;gap:8px;flex:0 0 auto}.hx-notification-panel .hx-notification-header h3{margin:0;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:20px;font-weight:600;line-height:1.2em;color:#1E1E1E}.hx-notification-counter{display:flex;align-items:center;justify-content:center;padding:0px 6px;background:#E0EEFF;color:#006FFF;border-radius:999px;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:12px;font-weight:600;line-height:1.5em;min-width:20px;height:18px}.hx-notification-panel .hx-notification-header-actions{display:flex;align-items:center;gap:8px}.hx-notification-panel .hx-notification-btn-mark-read{background:none;border:none;color:#006FFF;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;font-weight:600;line-height:1.64em;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background-color 0.2s;white-space:nowrap;flex:0 0 auto}.hx-notification-panel .hx-notification-btn-mark-read:hover{background-color:#E0EEFF}.hx-notification-list{height:378px;max-height:378px;overflow-y:auto;overflow-x:hidden;padding:16px 12px 16px 16px;scrollbar-width:thin;scrollbar-color:#D1D1D1 transparent}.hx-notification-item{width:100%;box-sizing:border-box;cursor:pointer;transition:all 0.2s;position:relative;border:1px solid #E8E9EB;border-radius:12px;overflow:hidden;margin-bottom:12px}.hx-notification-item:first-child{margin-top:0}.hx-notification-item:last-child{margin-bottom:0}.hx-notification-item.unread{background-color:#FFFFFF}.hx-notification-item.read{background-color:#F5F5F5}.hx-notification-item:hover{filter:brightness(0.98)}.hx-notification-item.unread[data-type="info"],.hx-notification-item.unread[data-type=""]{border-left:4px solid #006FFF}.hx-notification-item.unread[data-type="success"]{border-left:4px solid #4FBA90}.hx-notification-item.unread[data-type="error"]{border-left:4px solid #D42511}.hx-notification-item.unread[data-type="warning"]{border-left:4px solid #FFA64C}.hx-notification-item-inner{display:flex;align-items:flex-start;gap:8px;padding:12px}.hx-notification-icon-wrapper{display:flex;align-items:flex-start;justify-content:center;min-width:24px;width:24px;height:24px}.hx-notification-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.hx-notification-icon svg{width:20px;height:20px}.hx-notification-icon svg.custom-icon.icon-success{fill:#4FBA90;stroke:#4FBA90}.hx-notification-icon svg.custom-icon.icon-error{fill:#D42511;stroke:#D42511}.hx-notification-icon svg.custom-icon.icon-warning{fill:#FFA64C;stroke:#FFA64C}.hx-notification-icon svg.custom-icon.icon-info{fill:#006FFF;stroke:#006FFF}.hx-notification-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.hx-notification-title-wrapper{display:flex;align-items:flex-start;width:100%}.hx-notification-name{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:600;font-size:14px;line-height:1.43em;color:#1E1E1E;word-wrap:break-word;overflow-wrap:break-word;flex:1;display:flex;align-items:center;gap:6px}.hx-notification-message{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:12px;font-weight:400;line-height:1.5em;color:#5A5A5A;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;margin:0}.hx-notification-time{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:12px;font-weight:400;line-height:1.5em;color:#757575;margin:0}.hx-notification-unread-indicator{width:6px;height:6px;border-radius:50%;background-color:#006FFF;flex-shrink:0;display:inline-block}.hx-notification-no-notifications{text-align:center;padding:80px 20px;color:#999;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.hx-notification-no-notifications .icon-bell{font-size:48px;margin-bottom:10px;opacity:0.3}.hx-notification-no-notifications p{margin:0;font-size:14px}.hx-notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:transparent}.hx-notification-overlay-enter-active,.hx-notification-overlay-leave-active{transition:opacity 0.3s ease}.hx-notification-overlay-enter-from,.hx-notification-overlay-leave-to{opacity:0}.hx-notification-list::-webkit-scrollbar{width:6px}.hx-notification-list::-webkit-scrollbar-track{background:transparent;margin:4px 0}.hx-notification-list::-webkit-scrollbar-thumb{background:#D1D1D1;border-radius:3px}.hx-notification-list::-webkit-scrollbar-thumb:hover{background:#B0B0B0}@media (max-width:768px){.hx-notification-panel{width:380px;right:-50px}}@media (max-width:480px){.hx-notification-panel{width:calc(100vw - 40px);right:-20px}.hx-notification-header{padding:10px 12px}.hx-notification-header h3{font-size:18px}.hx-notification-btn-mark-read{font-size:13px;padding:4px 6px}.hx-notification-list{height:340px;max-height:340px;padding:12px 8px 12px 12px}.hx-notification-item-inner{padding:12px}.hx-notification-item{margin-bottom:10px}}

/** webx/static/css/topbar-button-import.css **/
.hx-topbar-button-import{}.import-container{position:relative}.import-button{position:relative;background:none;border:none;cursor:pointer;padding:0;border-radius:10px;transition:background-color 0.2s ease,transform 0.12s ease;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;line-height:0}.import-button:hover{background-color:rgba(0,0,0,0.06)}.import-button:hover .smart-buttons:not(.import-progress-ring){color:#0b57d0;transform:scale(1.05)}.import-badge{position:absolute;top:-2px;right:-2px;background:#2563eb;color:#fff;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.import-button .smart-buttons{width:24px;height:24px;display:block;color:#111827;margin:0;transform-origin:50% 50%}.import-icon-wrapper{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.import-icon-wrapper .smart-buttons{position:relative;z-index:2}.import-progress-ring{position:absolute;top:-10px;left:-10px;width:44px;height:44px;animation:import-ring-rotate 1.5s linear infinite;transform-origin:50% 50%;pointer-events:none;z-index:1}.import-progress-ring .progress-arc{transform-origin:50% 50%}@keyframes import-ring-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.import-dropdown{position:absolute;top:100%;right:0;width:320px;max-height:520px;background:#ffffff;border:1px solid #e1e2e3;border-radius:16px;box-shadow:0px 4px 10px 0px rgba(66,74,83,0.12),0px 2px 6px -3px rgba(66,74,83,0.04),0px 0px 0px 1px rgba(208,215,222,0.5);z-index:1000;overflow:hidden;margin-top:10px;display:flex;flex-direction:column}.import-dropdown-enter-active,.import-dropdown-leave-active{transition:opacity 0.3s ease,transform 0.3s ease}.import-dropdown-enter-from,.import-dropdown-leave-to{opacity:0;transform:translateY(-8px)}@media (max-width:480px){.import-dropdown{width:320px;right:-30px}}.import-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;background:#fcfcfc;gap:8px;width:320px;height:56px;box-sizing:border-box}.import-header-left{display:flex;flex-direction:row;align-items:center;gap:8px}.import-header-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;font-weight:600;line-height:1.2em;color:#1e1e1e}.import-counter-badge{display:flex;align-items:center;justify-content:center;padding:0 6px;background:#e0eeff;color:#006fff;border-radius:999px;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:600;line-height:1.5em;min-width:20px;height:18px}.import-list{overflow-y:auto;overflow-x:hidden;max-height:380px;padding:16px;display:flex;flex-direction:column;gap:12px;border-top:1px solid #e1e2e3}.import-section{padding-top:6px}.import-section-title{font-size:12px;font-weight:700;color:#6b7280;letter-spacing:0.02em;text-transform:uppercase;padding:6px 16px 0}.import-item{display:flex;flex-direction:column;gap:12px;cursor:pointer;position:relative;transition:background-color 0.15s ease,box-shadow 0.15s ease}.import-item:last-child .import-divider{display:none}.import-item:hover .import-filename{text-decoration:underline}.import-item .hover-hint{position:absolute;right:16px;top:14px;font-size:11px;color:#6b7280;opacity:0;transform:translateX(4px);transition:opacity 0.15s ease,transform 0.15s ease;pointer-events:none}.import-item:hover .hover-hint{opacity:1;transform:translateX(0)}.status-icon{flex-shrink:0}.status-icon.success{color:#059669}.status-icon.failed{color:#dc2626}.loading-left .status-icon{width:18px;height:18px;overflow:visible;position:relative;top:-1px;left:-1px}.import-item-main{min-width:0;display:flex;flex-direction:column;gap:4px;align-self:stretch}.import-filename{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:600;line-height:1.5em;color:#2b2b2b;overflow-wrap:anywhere;white-space:normal;flex:1}.import-row-top{display:flex;align-items:center;justify-content:flex-start;gap:8px;align-self:stretch}.loading-left{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.loading-left svg,.import-row-top>svg{display:block;flex-shrink:0;width:18px;height:18px}.filename-right{min-width:0;flex:1}.import-status{padding:2px 8px;border-radius:999px;font-size:11px;line-height:1.6;white-space:nowrap;border:1px solid transparent}.import-status.status-running{color:#1f2937;background:#f3f4f6;border-color:#e5e7eb}.import-status.status-queued{color:#6b7280;background:#f9fafb;border-color:#e5e7eb}.import-status.status-done{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.loading-spinner{display:block;color:#c0c5cc;overflow:visible;width:18px;height:18px;position:relative;top:-2px;left:-1px}.spinner-segment{fill:currentColor;opacity:0.2;animation:spinner-segment-fade 1s linear infinite}.spinner-segment:nth-child(1){animation-delay:-0.916s}.spinner-segment:nth-child(2){animation-delay:-0.833s}.spinner-segment:nth-child(3){animation-delay:-0.75s}.spinner-segment:nth-child(4){animation-delay:-0.666s}.spinner-segment:nth-child(5){animation-delay:-0.583s}.spinner-segment:nth-child(6){animation-delay:-0.5s}.spinner-segment:nth-child(7){animation-delay:-0.416s}.spinner-segment:nth-child(8){animation-delay:-0.333s}.spinner-segment:nth-child(9){animation-delay:-0.25s}.spinner-segment:nth-child(10){animation-delay:-0.166s}.spinner-segment:nth-child(11){animation-delay:-0.083s}.spinner-segment:nth-child(12){animation-delay:0s}@keyframes spinner-segment-fade{0%{opacity:1}100%{opacity:0.2}}.progress-line{display:flex;flex-direction:column;gap:4px;align-self:stretch}.progress-percent-small{font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:400;line-height:1.5em;color:#5a5a5a;text-align:right;align-self:stretch;height:10px;margin-bottom:4px}.import-progress-bar{position:relative;width:100%;height:11px;background:#d7d7d9;border-radius:16px;overflow:hidden;align-self:stretch}.import-progress-bar[data-right]::after{content:attr(data-right);position:absolute;top:-18px;right:0;font-size:11px;color:#6b7280;font-weight:400}.import-progress-fill{height:100%;background:linear-gradient(90deg,#2a5ea2 40%,#1c4f92 100%);width:0;transition:width 0.2s ease;border-radius:16px}.import-stats-block{display:flex;flex-direction:column;gap:2px;padding:6px;background:#f0f1f2;border-radius:8px;align-self:stretch;margin-top:12px}.import-stats-block .meta-line{font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:500;line-height:17px;color:#1e1e1e;align-self:stretch;height:17px}.import-stats-block .number{font-weight:700;color:#1e1e1e}.import-meta-rows{margin-top:10px}.import-meta-rows .meta-line{font-size:12px;color:#6b7280;margin-top:4px}.import-failed-label{margin-top:6px;margin-left:32px;font-size:12px;color:#dc2626;font-weight:600}.import-empty{text-align:center;padding:36px 16px;color:#6b7280}.import-empty-icon{font-size:40px;opacity:0.4;margin-bottom:8px}.import-divider{align-self:stretch;width:100%;height:1px;background:#e6e6e6}.import-failed-wrapper{display:flex;flex-direction:column;align-self:stretch}.import-failed-text{display:flex;justify-content:stretch;align-items:stretch;align-self:stretch;gap:10px;padding:0 26px 0 28px}.import-failed-text .failed-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:400;line-height:1.5em;color:#d42511;flex:1}.import-overlay{position:fixed;inset:0;z-index:999;background:transparent}.import-overlay-enter-active,.import-overlay-leave-active{transition:opacity 0.3s ease}.import-overlay-enter-from,.import-overlay-leave-to{opacity:0}

/** webx/static/css/show-popup.css **/
.hx-show-popup.modal-popup .modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.5);z-index:1040}.hx-show-popup.modal-popup .modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1050}.hx-show-popup.modal-popup .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e5e5;background-color:#f8f9fa}.hx-show-popup.modal-popup .modal-title{margin:0;font-size:18px;font-weight:600}.hx-show-popup.modal-popup .btn-close{background:none;border:none;font-size:20px;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:14px;opacity:1}.hx-show-popup.modal-popup .modal-body{padding:16px;font-size:14px}.hx-show-popup.modal-popup .modal-footer{padding:12px 16px;border-top:1px solid #e5e5e5;text-align:right;background-color:#f8f9fa}.hx-show-popup.modal-popup .btn{padding:6px 16px;font-size:14px;border-radius:4px;cursor:pointer}.hx-show-popup.modal-popup .btn-secondary{background-color:#6c757d;color:white;border:none}.hx-show-popup.modal-popup .btn-secondary:hover{background-color:#5a6268}.hx-show-popup.modal-popup .traceback{width:100%;min-height:300px;font-size:12px;font-family:monospace;background-color:#f9f9f9;color:#333;border:1px solid #ccc;resize:vertical}.hx-show-popup.modal-popup .traceback:not(:first-child){margin-top:12px}.hx-show-popup.modal-popup .modal-body .traceback-header{padding:15px;margin-bottom:15px;background-color:#cce2ff}.hx-show-popup.modal-popup .traceback-header .button-copy-clipboard svg{height:20px;width:15px;fill:#ffffff}.hx-show-popup.modal-popup .traceback-header .traceback-header-buttons{display:flex;justify-content:right}.hx-show-popup.modal-popup .btn-secondary.active{background-color:#5a6268}

/** webx_widget/static/css/fields/many2many-chips-field.css **/
.hx-many2many-chips-field{position:relative;width:100%}.m2m-chips-wrapper{position:relative;width:100%}.m2m-chips-container{display:flex;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;min-height:56px;background:#ffffff;border:none;border-bottom:1px solid #E6E6E6;border-radius:0}.relation-table-cell .m2m-chips-container{min-height:40px;padding:8px 12px;justify-content:flex-start}.relation-table-cell .hx-many2many-chips-field{width:100%}.m2m-chip-toggle{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;background-color:#ffffff;color:#1e1e1e;border:1px solid #585959;border-radius:999px;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:600;line-height:1em;white-space:nowrap;cursor:pointer;transition:all 0.2s ease;outline:none}.m2m-chip-toggle:hover:not(:disabled){background-color:#f5f5f5;border-color:#1e1e1e}.m2m-chip-toggle:disabled{cursor:not-allowed;opacity:0.6}.m2m-chip-toggle.is-selected{background-color:#E3F2FC;color:#0E639F;border:1px solid #F0F1F2}.m2m-chip-toggle.is-selected:hover:not(:disabled){background-color:#D1E9FA;border-color:#E3F2FC}.helper-text{display:block;margin-top:4px;font-size:14px;line-height:1.4em}.helper-danger{color:#8D180B}.helper-muted{color:#999999}@media (max-width:768px){.m2m-chips-container{min-height:48px;padding:6px 10px}.m2m-chip-toggle{font-size:11px;padding:5px 10px}}

/** webx_widget/static/css/fields/year-field.css **/
.hx-year-field{--font:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;--bg:#fff;--fg:#111827;--muted:#6b7280;--muted-2:#9ca3af;--border:#e6e6e6;--border-strong:#cacbcc;--primary:#2a5ea2;--primary-600:#1a4e9c;--danger:#dc2626;--shadow:1px 4px 4px 0 rgba(0,0,0,0.08);--focus:0 0 0 3px rgba(31,95,191,0.25);--r-xl:14px;--r-md:10px;--r-sm:8px;--r-xs:6px;font-family:var(--font);color:var(--fg);position:relative;display:flex;flex-direction:column;gap:4px;width:100%}.hx-year-field-edit{position:relative;width:100%}.hx-year-field-view{cursor:pointer}.year-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.year-input{width:100%;padding-right:32px;font-variant-numeric:tabular-nums}.hx-year-field .datepicker-popover,.hx-year-field .year-picker-popover{position:absolute;left:0;width:100%;max-width:280px;background:#fff;border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow);z-index:1060;overflow:hidden}.hx-relation-field .hx-year-field .datepicker-popover,.hx-relation-field .hx-year-field .year-picker-popover{position:fixed;width:280px}.hx-year-field .datepicker-popover.is-bottom,.hx-year-field .year-picker-popover.is-bottom{top:calc(100% + 4px);bottom:auto}.hx-year-field .datepicker-popover.is-top,.hx-year-field .year-picker-popover.is-top{bottom:calc(100% + 4px);top:auto}.hx-relation-field .hx-year-field .datepicker-popover.is-bottom,.hx-relation-field .hx-year-field .datepicker-popover.is-top,.hx-relation-field .hx-year-field .year-picker-popover.is-bottom,.hx-relation-field .hx-year-field .year-picker-popover.is-top{top:auto!important;bottom:auto!important}.hx-year-field .datepicker-tabs{display:flex;gap:4px;padding:8px 6px 0}.hx-year-field .tab-btn{flex:1 1 0%;border:0;background:transparent;cursor:pointer;padding:4px 0;border-radius:6px;color:#1f2a37;transition:background 0.15s,color 0.15s}.hx-year-field .tab-btn:hover{background:#e7eefc}.hx-year-field .tab-btn.is-active{background:var(--primary);color:#fff}.hx-year-field .tab-label{display:inline-flex;align-items:center;gap:8px}.hx-year-field .timepicker,.hx-year-field .yearpicker{display:flex;flex-direction:column;padding:6px;background:transparent;font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.hx-year-field .time-grid-headings{display:flex}.hx-year-field .time-headings{display:flex;justify-content:space-around;margin-top:16px}.hx-year-field .time-heading{flex:1;text-align:center;font-size:16px;line-height:22px;font-weight:600;color:#6d6d6e;max-width:72px}.hx-year-field .time-controls{display:flex;justify-content:center;align-items:center;gap:0px;margin:12px 0}.hx-year-field .time-col{display:grid;grid-template-rows:auto auto auto;justify-items:center;align-items:center;row-gap:10px;width:100%}.hx-year-field .spin-btn{width:28px;height:28px;border-radius:8px;border:1px solid #e1e2e3;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.hx-year-field .spin-btn:hover{border-color:#d6dbe3;background:#f1f4f8}.hx-year-field .spin-btn:active{background:#e8edf6}.hx-year-field .time-value{font-size:28px;line-height:32px;font-weight:700;color:#1f2937;min-width:40px;text-align:center;letter-spacing:0.3px}.hx-year-field .year-value{font-size:28px;min-width:60px}.hx-year-field .year-grid-nav{display:flex;align-items:center;justify-content:space-between;padding:8px 0;margin-bottom:8px}.hx-year-field .year-nav-btn{width:28px;height:28px;border-radius:8px;border:1px solid #e1e2e3;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.hx-year-field .year-nav-btn:hover{border-color:#d6dbe3;background:#f1f4f8}.hx-year-field .year-range-label{font-size:14px;font-weight:600;color:#1f2937}.hx-year-field .year-grid{display:grid;grid-template-columns:repeat(4,minmax(36px,1fr));gap:8px 16px;margin:8px 0 16px;justify-items:center}.hx-year-field .year-chip{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#374151;font-size:16px;font-weight:600;width:48px;height:36px;line-height:36px;border-radius:4px;text-align:center;cursor:pointer;transition:background 0.15s ease,color 0.15s ease,box-shadow 0.15s ease}.hx-year-field .year-chip:hover{background:#eef4ff}.hx-year-field .year-chip:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(47,111,228,0.25)}.hx-year-field .year-chip.is-selected{background:var(--primary);color:#ffffff}.hx-year-field .year-chip.is-current:not(.is-selected){color:var(--primary);font-weight:700}.hx-year-field .spin-btn,.hx-year-field .year-chip{-webkit-tap-highlight-color:transparent}.hx-year-field .time-readout{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:16px}.hx-year-field .time-box{width:80px;height:48px;border-radius:4px;border:2px solid #006fff;background:#ffffff;color:#006fff;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:56px}.hx-year-field .time-box:focus{outline:none;box-shadow:0 0 0 3px rgba(47,111,228,0.2)}.hx-year-field .time-box-btn{cursor:pointer}.hx-year-field .time-box-btn:hover{background:#e7eefc}.hx-year-field .year-box{width:80px}.hx-year-field .year-text{font-variant-numeric:tabular-nums}

/** webx_widget/static/css/views/fields/sign-field.css **/
.hx-sign-field{position:relative;width:30%;font-family:'Plus Jakarta Sans',sans-serif}.sign-tabs{display:flex;gap:0;margin-bottom:12px}.sign-tab{padding:6px 16px;font-family:inherit;font-size:14px;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all 0.15s ease;border-radius:0}.sign-tab:hover{color:#111827}.sign-tab.active{color:#111827;border-bottom-color:#111827}.sign-draw-area{position:relative;min-height:240px}.signature-container{position:relative;padding:40px 80px;border:1px solid #e5e7eb;border-radius:1rem;background-color:#fafafa;overflow:hidden}.hx-sign-field.readonly .signature-container{background-color:#f8f9fa;pointer-events:none;padding:0}.signature-canvas{display:block;width:100%;cursor:crosshair;touch-action:none;border-radius:8px}.hx-sign-field.readonly .signature-canvas{cursor:default}.sign-controls{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:6px;z-index:5}.sign-color-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:all 0.15s ease;box-shadow:0 1px 2px rgba(0,0,0,0.12)}.sign-color-dot:hover{transform:scale(1.12)}.sign-color-dot.active{border-color:rgba(0,0,0,0.15);box-shadow:0 0 0 2px rgba(0,0,0,0.08),0 1px 3px rgba(0,0,0,0.15)}.sign-color-dot svg{display:block}.sign-controls-sep{display:inline-block;width:1px;height:16px;background-color:#d1d5db;margin:0 2px}.sign-stroke-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:all 0.15s ease;background:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,0.12)}.sign-stroke-dot:hover{transform:scale(1.12)}.sign-stroke-dot.active{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,0.2),0 1px 3px rgba(0,0,0,0.15)}.sign-stroke-preview{display:block;border-radius:50%;background-color:#374151}.signature-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:#9ca3af;pointer-events:none;user-select:none}.signature-placeholder svg{width:20px;height:20px;stroke:currentColor;fill:none;opacity:0.5}.signature-placeholder span{font-size:13px;font-weight:400}.signature-help-line{position:absolute;bottom:30%;left:20%;right:20%;height:1px;background-color:#d1d5db;pointer-events:none}.signature-clear-btn{position:absolute;bottom:8px;right:8px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid #d1d5db;background:#ffffff;border-radius:6px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;color:#374151;transition:all 0.15s ease;box-shadow:0 1px 2px 0 rgba(0,0,0,0.06);z-index:10}.signature-clear-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.signature-clear-btn svg{width:14px;height:14px;fill:#6b7280}.sign-upload-input{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.sign-upload-area{margin-bottom:4px;min-height:240px}.sign-upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;min-height:240px;border:2px dashed #d1d5db;border-radius:8px;background:#fafafa;cursor:pointer;transition:all 0.2s ease;padding:24px}.sign-upload-dropzone:hover,.sign-upload-dropzone.is-dragging{border-color:#3b82f6;background-color:#eff6ff}.sign-upload-dropzone.is-dragging{border-color:#2563eb;background-color:#dbeafe}.sign-upload-dropzone svg{stroke:#9ca3af;fill:none;opacity:0.7}.sign-upload-text{font-size:14px;font-weight:500;color:#374151}.sign-upload-hint{font-size:12px;color:#9ca3af}@media (max-width:576px){.sign-tab{padding:5px 12px;font-size:13px}.sign-controls{top:6px;right:6px;gap:4px}.sign-color-dot{width:20px;height:20px}}@media (max-width:1100px){.hx-sign-field{width:100%}}

/** webx_widget/static/css/views/fields/period-quick-fill-widget.css **/
.hx-period-quick-fill-widget{}.hx-period-quick-fill-widget .period-quick-fill-container,.hx-period-quick-fill-widget.period-quick-fill-container{display:flex;flex-direction:column;gap:12px;width:100%;padding:12px;background:#e3f2fc;border:1px solid #e3f2fc;border-radius:8px;margin-top:8px}.hx-period-quick-fill-widget .period-info-section{display:flex;gap:16px;width:100%;align-items:flex-start}.hx-period-quick-fill-widget .period-year-selector{display:flex;flex-direction:column;gap:6px;min-width:94px}.hx-period-quick-fill-widget .period-quick-fill-section{display:flex;flex-direction:column;gap:6px;flex:1}.hx-period-quick-fill-widget .period-label{display:flex;align-items:center;gap:6px;padding:1px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:16px;line-height:1.5em;color:#2b2b2b}.hx-period-quick-fill-widget .label-text{color:#2b2b2b}.hx-period-quick-fill-widget .label-mandatory{color:#bd210f}.hx-period-quick-fill-widget .label-tooltip{display:flex;align-items:center;padding:1px 0;cursor:help}.hx-period-quick-fill-widget .period-input-wrapper{position:relative;width:100%}.hx-period-quick-fill-widget .period-year-select{width:100%;height:40px;padding:4px 32px 4px 8px;background:#ffffff;border:1px solid #e1e2e3;border-radius:8px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;line-height:1.5em;color:#2b2b2b;cursor:pointer;appearance:none;transition:all 0.2s ease}.hx-period-quick-fill-widget .period-year-select:hover{border-color:#2a5ea2}.hx-period-quick-fill-widget .period-year-select:focus{outline:none;border-color:#2a5ea2;box-shadow:0 0 0 3px rgba(42,94,162,0.1)}.hx-period-quick-fill-widget .dropdown-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.hx-period-quick-fill-widget .period-buttons-wrapper{display:flex;gap:6px;flex-wrap:wrap;overflow-x:auto}.hx-period-quick-fill-widget .period-btn{display:flex;justify-content:center;align-items:center;height:40px;padding:12px 16px;border-radius:8px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:14px;line-height:1.6428571428571428em;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;border:none}.hx-period-quick-fill-widget .period-btn-outline{background:#fcfeff;color:#2b2b2b;border:1px solid #8b8b8c}.hx-period-quick-fill-widget .period-btn-outline:hover:not(.period-btn-active){background:#f1f7fe;border-color:#2a5ea2;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.hx-period-quick-fill-widget .period-btn-outline:active{transform:translateY(0)}button.period-btn.period-btn-active{border:1px solid #006fff!important;background:#006fff!important;color:#ffffff!important;box-shadow:0 2px 8px rgba(0,111,255,0.3)!important;font-weight:600!important}button.period-btn-outline.period-btn-active{border:1px solid #006fff!important;background:#006fff!important;color:#ffffff!important;box-shadow:0 2px 8px rgba(0,111,255,0.3)!important;font-weight:600!important}.hx-period-quick-fill-widget .period-btn-primary{background:linear-gradient(90deg,#006fff 0%,#0052cc 100%);color:#ffffff;border:none}.hx-period-quick-fill-widget .period-btn-primary:hover:not(.period-btn-active){background:linear-gradient(90deg,#0052cc 0%,#006fff 100%);box-shadow:0 4px 10px rgba(0,111,255,0.3);transform:translateY(-1px)}.hx-period-quick-fill-widget .period-btn-primary:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,111,255,0.2)}button.period-btn.period-btn-primary.period-btn-active{background:linear-gradient(90deg,#006fff 0%,#0052cc 100%)!important;color:#ffffff!important;box-shadow:0 4px 12px rgba(0,111,255,0.4)!important;font-weight:600!important;border:2px solid #0052cc!important}.hx-period-quick-fill-widget .period-dates-section{display:flex;gap:16px;width:100%}.hx-period-quick-fill-widget .period-date-field{display:flex;flex-direction:column;gap:6px;flex:1}.hx-period-quick-fill-widget .period-input-with-icon{position:relative;display:flex;align-items:center;width:100%;height:40px;background:#ffffff;border:1px solid #cacbcc;border-radius:8px;padding:4px 8px 4px 4px;transition:all 0.2s ease}.hx-period-quick-fill-widget .period-input-with-icon:hover{border-color:#2a5ea2}.hx-period-quick-fill-widget .period-input-with-icon:focus-within{border-color:#2a5ea2;box-shadow:0 0 0 3px rgba(42,94,162,0.1)}.hx-period-quick-fill-widget .calendar-icon{flex-shrink:0;margin:0 4px}.hx-period-quick-fill-widget .period-date-input{flex:1;border:none;outline:none;background:transparent;padding:4px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;line-height:1.5em;color:#2b2b2b}.hx-period-quick-fill-widget .period-date-input:read-only{cursor:default}.hx-period-quick-fill-widget .period-date-input::placeholder{color:#585959}.hx-period-quick-fill-widget .helper-text{display:block;padding:2px 4px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;line-height:1.4285714285714286em}.hx-period-quick-fill-widget .helper-muted{color:#585959}.hx-period-quick-fill-widget .helper-danger{color:#8d180b}.hx-period-quick-fill-widget .period-quick-fill-view{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:#f8f9fa;border:1px solid #cacbcc;border-radius:8px}.hx-period-quick-fill-widget .period-view-info,.hx-period-quick-fill-widget .period-view-dates{display:flex;gap:8px;align-items:center}.hx-period-quick-fill-widget .period-view-label{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:14px;color:#585959}.hx-period-quick-fill-widget .period-view-value{font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;color:#2b2b2b}@media (max-width:768px){.hx-period-quick-fill-widget .period-info-section{flex-direction:column}.hx-period-quick-fill-widget .period-dates-section{flex-direction:column}.hx-period-quick-fill-widget .period-buttons-wrapper{overflow-x:auto;flex-wrap:nowrap}.hx-period-quick-fill-widget .period-year-selector{min-width:100%}}.hx-period-quick-fill-widget .period-quick-fill-container,.hx-period-quick-fill-widget.period-quick-fill-container{animation:fadeInSlide 0.3s ease-in-out}@keyframes fadeInSlide{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hx-period-quick-fill-widget .period-buttons-wrapper::-webkit-scrollbar{height:6px}.hx-period-quick-fill-widget .period-buttons-wrapper::-webkit-scrollbar-track{background:#f1f7fe;border-radius:3px}.hx-period-quick-fill-widget .period-buttons-wrapper::-webkit-scrollbar-thumb{background:#bcdbfb;border-radius:3px}.hx-period-quick-fill-widget .period-buttons-wrapper::-webkit-scrollbar-thumb:hover{background:#2a5ea2}.hx-period-quick-fill-widget .period-dates-section{display:flex;gap:16px;width:100%;margin-top:12px}.hx-period-quick-fill-widget .period-date-field{display:flex;flex-direction:column;gap:6px;flex:1}.hx-period-quick-fill-widget .period-date-field-wrapper{display:flex;flex-direction:column;gap:6px;flex:1}.hx-period-quick-fill-widget .period-date-field-wrapper .hx-date-field{width:100%;background:transparent!important;border:none!important;padding:0!important}.hx-period-quick-fill-widget .period-date-field-wrapper .hx-date-field-edit{width:100%}.hx-period-quick-fill-widget .period-date-field-wrapper .date-field{width:100%;height:40px;padding:8px 12px;background:#ffffff;border:1px solid #cacbcc;border-radius:8px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;line-height:1.5em;color:#2b2b2b;transition:all 0.2s ease;text-align:left;cursor:pointer}.hx-period-quick-fill-widget .period-date-field-wrapper .date-field:hover{border-color:#2a5ea2}.hx-period-quick-fill-widget .period-date-field-wrapper .date-field:focus{outline:none;border-color:#2a5ea2;box-shadow:0 0 0 3px rgba(42,94,162,0.1)}.hx-period-quick-fill-widget .period-date-field-wrapper .date-field-label{color:#2b2b2b}.hx-period-quick-fill-widget .period-dates-info{display:flex;flex-direction:column;gap:6px;padding:0 4px;background:transparent;border-radius:0}.hx-period-quick-fill-widget .period-info-text{display:flex;align-items:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:15px;color:#5b5b5b}.hx-period-quick-fill-widget .period-dates-display{display:flex;align-items:center;gap:8px}.hx-period-quick-fill-widget .date-label{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:13px;color:#585959}.hx-period-quick-fill-widget .date-value{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:13px;color:#006fff}.hx-period-quick-fill-widget .period-dates-section-view{display:flex;gap:16px;width:100%;margin-top:8px}.hx-period-quick-fill-widget .period-dates-section-view .period-date-field-wrapper{display:flex;flex-direction:column;gap:6px;flex:1}.hx-period-quick-fill-widget .period-date-display{padding:10px 12px;background:#f8f8f9;border:1px solid #cacbcc;border-radius:8px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:14px;color:#2b2b2b;min-height:40px;display:flex;align-items:center}.hx-period-quick-fill-widget .period-btn:disabled{opacity:0.6;cursor:not-allowed}.hx-period-quick-fill-widget .period-year-select:disabled{opacity:0.7;cursor:not-allowed;background-color:#f8f8f9}.hx-period-quick-fill-widget .period-date-field-wrapper>.hx-date-field,.hx-period-quick-fill-widget .period-dates-section-view .period-date-field-wrapper>.hx-date-field{width:100%!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;box-shadow:none!important;gap:0!important;position:static!important}.hx-period-quick-fill-widget .period-date-field-wrapper .hx-date-field .date-field-view,.hx-period-quick-fill-widget .period-dates-section-view .period-date-field-wrapper .hx-date-field .date-field-view{width:100%;padding:6px 16px;background:#ffffff;border:1px solid #cacbcc;border-radius:8px;display:flex;align-items:center}.hx-period-quick-fill-widget .period-date-field-wrapper .hx-date-field .date-field-view .date-field,.hx-period-quick-fill-widget .period-dates-section-view .period-date-field-wrapper .hx-date-field .date-field-view .date-field{font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:14px;color:#2b2b2b;line-height:1.5em;background:transparent!important;border:none!important;padding:0!important}.hx-period-quick-fill-widget .period-date-field-wrapper .date-field-view{width:100%;padding:10px 12px;background:#ffffff;border:1px solid #cacbcc;border-radius:8px;min-height:40px;display:flex;align-items:center}

/** webx_widget/static/css/views/fields/many2many-v2-field.css **/
.hx-many2many-v2-field .m2m2-chip.m2m2-chip-link{cursor:pointer;color:#3165d4;transition:background 150ms ease,color 150ms ease,box-shadow 150ms ease}.hx-many2many-v2-field .m2m2-chip.m2m2-chip-link:hover{color:#254aab;background:#e0eaff;text-decoration:underline}

/** webx_widget/static/css/views/fields/summary-widget.css **/
.hx-summary-widget,.hx-json-summary-widget{--summary-bg-white:#ffffff;--summary-bg-blue-soft:#f5f9ff;--summary-border:#d6dfed}.hx-json-summary-widget{width:100%;font-size:14px;color:#1f2f48}.hx-summary-widget .hx-json-summary-section-title{margin-top:12px;margin-bottom:8px;font-size:1.125rem;font-weight:600;line-height:1.2;color:#3a3a3a}.hx-summary-widget .hx-json-summary-section-title.is-primary{margin-top:0}.hx-summary-widget .hx-json-summary-card{border:1px solid var(--summary-border,#d6dfed);border-radius:10px;overflow:visible;background:var(--summary-bg-white,#ffffff)}.hx-summary-widget .hx-json-summary-card-title{padding:14px 16px;font-size:1.125rem;font-weight:600;color:#2a5ea2;background:var(--summary-bg-white,#ffffff);border-bottom:1px solid var(--summary-border,#d6dfed)}.hx-summary-widget .hx-json-summary-table-wrap{overflow-x:auto}.hx-summary-widget .hx-json-summary-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.hx-summary-widget .hx-json-summary-col{padding:10px 14px;background:var(--summary-bg-blue-soft,#f5f9ff);color:#1f2f48;font-size:13px;font-weight:700;border-bottom:1px solid var(--summary-border,#d6dfed)}.hx-summary-widget .hx-json-summary-cell{padding:11px 14px;background:var(--summary-bg-white,#ffffff);color:#1f2f48;border-bottom:1px solid #e7edf7}.hx-summary-widget .hx-json-summary-cell.summary-field-allocated_cost_percent,.hx-summary-widget .hx-json-summary-cell.summary-field-cost_per_unit,.hx-summary-widget .hx-json-summary-cell.summary-field-total_cost{color:#2a5ea2}.hx-summary-widget .hx-json-summary-col.is-right,.hx-summary-widget .hx-json-summary-cell.is-right{text-align:right}.hx-summary-widget .hx-json-summary-col.is-left,.hx-summary-widget .hx-json-summary-cell.is-left{text-align:left}.hx-summary-widget .hx-json-summary-empty{text-align:center;color:#7c8ea7;padding:16px;background:var(--summary-bg-white,#ffffff)}.hx-summary-widget .hx-json-summary-totals{background:var(--summary-bg-blue-soft,#f5f9ff);border-top:1px solid var(--summary-border,#d6dfed)}.hx-summary-widget .hx-json-summary-total-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #dce4f1;color:#1f2f48}.hx-summary-widget .hx-json-summary-total-row.has-secondary{grid-template-columns:minmax(0,1fr) auto auto;gap:16px}.hx-summary-widget .hx-json-summary-total-inline-body{background:var(--summary-bg-blue-soft,#f5f9ff);border-top:1px solid var(--summary-border,#d6dfed)}.hx-summary-widget .hx-json-summary-total-inline-cell{background:transparent;border-bottom:0;font-size:14px;white-space:nowrap}.hx-summary-widget .hx-json-summary-total-inline-cell.summary-field-product_name{font-size:17px;font-weight:600;color:#1f2f48}.hx-summary-widget .hx-json-summary-total-inline-cell.summary-field-quantity{font-size:17px;font-weight:600;color:#1f2f48}.hx-summary-widget .hx-json-summary-total-inline-cell.summary-field-uom{font-size:17px;font-weight:600;color:#1f2f48}.hx-summary-widget .hx-json-summary-total-inline-cell.summary-field-total_cost{font-size:17px;font-weight:600;color:#2a5ea2}.hx-summary-widget .hx-json-summary-total-inline-cell.summary-field-total_cost.is-emphasis{color:#2a5ea2}.hx-summary-widget .hx-json-summary-total-row:last-child{border-bottom:0}.hx-summary-widget .hx-json-summary-total-label{font-size:14px;font-weight:700;white-space:nowrap}.hx-summary-widget .hx-json-summary-total-secondary{font-size:18px;font-weight:500;color:#1f2f48;white-space:nowrap}.hx-summary-widget .hx-json-summary-total-value{font-size:20px;font-weight:700;color:#2a5ea2;white-space:nowrap}.hx-summary-widget .hx-json-summary-total-row.is-emphasis .hx-json-summary-total-value{color:#2a5ea2}.hx-summary-widget .hx-json-summary-breakdowns{border-top:1px solid var(--summary-border,#d6dfed);background:var(--summary-bg-blue-soft,#f5f9ff)}.hx-summary-widget .hx-json-summary-breakdown{position:relative}.hx-summary-widget .hx-json-summary-breakdown-row{width:100%;border:0;background:transparent;display:grid;grid-template-columns:1fr auto 24px;align-items:center;gap:12px;padding:12px 16px;color:#1f2f48;transition:background-color 0.2s ease}.hx-summary-widget .hx-json-summary-breakdown-row.is-clickable{cursor:pointer}.hx-summary-widget .hx-json-summary-breakdown-row.is-open{background:rgba(42,94,162,0.08)}.hx-summary-widget .hx-json-summary-breakdown-label{text-align:left;font-weight:700}.hx-summary-widget .hx-json-summary-breakdown-value{display:inline-flex;align-items:center;justify-self:end;color:#2a5ea2;font-weight:700}.hx-summary-widget .hx-json-summary-chevron{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;line-height:0;color:#5f77a1;transform:rotate(0deg);transition:transform 0.2s ease}.hx-summary-widget .hx-json-summary-chevron.is-open{transform:rotate(180deg)}.hx-summary-widget .hx-json-summary-breakdown-children{display:grid;grid-template-rows:1fr}.hx-summary-widget .hx-json-summary-breakdown-children-inner{min-height:0;overflow:hidden;padding:6px 16px 12px 32px}.hx-summary-widget .hx-summary-breakdown-collapse-enter-active,.hx-summary-widget .hx-summary-breakdown-collapse-leave-active{transition:grid-template-rows 0.26s cubic-bezier(0.22,0.61,0.36,1),opacity 0.2s ease,transform 0.2s ease}.hx-summary-widget .hx-summary-breakdown-collapse-enter-from,.hx-summary-widget .hx-summary-breakdown-collapse-leave-to{grid-template-rows:0fr;opacity:0;transform:translateY(-5px)}.hx-summary-widget .hx-summary-breakdown-collapse-enter-to,.hx-summary-widget .hx-summary-breakdown-collapse-leave-from{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.hx-summary-widget .hx-json-summary-breakdown-child-row{width:100%;border:0;border-top:1px dashed #d5deec;border-radius:8px;background:transparent;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 0 10px 8px;color:#2b3f5f;text-align:left}.hx-summary-widget .hx-json-summary-breakdown-child-row.has-items{grid-template-columns:minmax(0,1fr) auto 24px;column-gap:12px}.hx-summary-widget .hx-json-summary-breakdown-child-row:first-child{border-top:0}.hx-summary-widget .hx-json-summary-breakdown-child-row.is-clickable{cursor:pointer}.hx-summary-widget .hx-json-summary-breakdown-child-row.is-clickable:hover{background:rgba(42,94,162,0.09)}.hx-summary-widget .hx-json-summary-breakdown-child-label{font-weight:600}.hx-summary-widget .hx-json-summary-breakdown-child-value{display:inline-flex;align-items:center;justify-self:end;font-weight:700;color:#2a5ea2;white-space:nowrap}.hx-summary-widget .hx-json-summary-breakdown-child-toggle{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;justify-self:end;align-self:center;line-height:0;color:#5f77a1;transform:rotate(0deg);transition:transform 0.2s ease}.hx-summary-widget .hx-json-summary-breakdown-child-toggle svg{display:block}.hx-summary-widget .hx-json-summary-breakdown-child-toggle.is-open{transform:rotate(180deg)}.hx-summary-widget .hx-json-summary-breakdown-popover{position:absolute;right:14px;top:42px;width:min(460px,calc(100% - 28px));border:1px solid #d6dfed;border-radius:12px;background:#ffffff;box-shadow:0 10px 24px rgba(32,66,111,0.15),0 2px 6px rgba(32,66,111,0.12);z-index:16}.hx-summary-widget .hx-json-summary-breakdown-popover-inner{max-height:220px;overflow:auto;padding:6px 0}.hx-summary-widget .hx-summary-breakdown-popover-enter-active,.hx-summary-widget .hx-summary-breakdown-popover-leave-active{transition:opacity 0.2s ease,transform 0.2s ease}.hx-summary-widget .hx-summary-breakdown-popover-enter-from,.hx-summary-widget .hx-summary-breakdown-popover-leave-to{opacity:0;transform:translateY(-8px) scale(0.985)}.hx-summary-widget .hx-summary-breakdown-popover-enter-to,.hx-summary-widget .hx-summary-breakdown-popover-leave-from{opacity:1;transform:translateY(0) scale(1)}.hx-summary-widget .hx-json-summary-breakdown-popover-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 16px;color:#2a2a2a;line-height:1.3}.hx-summary-widget .hx-json-summary-breakdown-popover-row:hover{background:#f5f9ff}.hx-summary-widget .hx-json-summary-breakdown-popover-index{min-width:auto;text-align:left;font-weight:400;color:#2a2a2a;font-variant-numeric:normal}.hx-summary-widget .hx-json-summary-breakdown-popover-label{min-width:0;font-weight:500;color:#2a2a2a;overflow-wrap:anywhere}.hx-summary-widget .hx-json-summary-breakdown-popover-value{text-align:right;font-weight:700;color:#2a5ea2;white-space:nowrap}.hx-summary-widget .hx-json-summary-details{border-top:0;background:var(--summary-bg-white,#ffffff)}.hx-summary-widget .hx-json-summary-details-card{margin-top:0}.hx-summary-widget .hx-json-summary-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px 10px}.hx-summary-widget .hx-json-summary-details-title-wrap{min-width:0;flex:1 1 auto}.hx-summary-widget .hx-json-summary-details-title{font-size:18px;font-weight:700;color:#1f2f48}.hx-summary-widget .hx-json-summary-details-subtitle{margin-top:2px;font-size:1.125rem;font-weight:600;color:#2a5ea2}.hx-summary-widget .hx-json-summary-details-highlights{margin-top:8px;display:flex;flex-wrap:wrap;gap:0;min-width:0}.hx-summary-widget .hx-json-summary-details-highlight{display:inline-flex;align-items:center;gap:6px;padding:0 14px;color:#1f2f48;font-size:1.125rem;font-weight:600;line-height:1.2;min-width:0;overflow-wrap:anywhere}.hx-summary-widget .hx-json-summary-details-highlight:first-child{padding-left:0}.hx-summary-widget .hx-json-summary-details-highlight + .hx-json-summary-details-highlight{border-left:1px solid #d6dfed}.hx-summary-widget .hx-json-summary-details-highlight-icon{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;flex:0 0 18px}.hx-summary-widget .hx-json-summary-details-filter{display:inline-flex;align-items:center;max-width:100%}.hx-summary-widget .hx-json-summary-details-filter-control{position:relative;display:inline-flex;align-items:center;flex-direction:column;max-width:100%}.hx-summary-widget .hx-json-summary-details-filter-trigger{min-width:140px;width:100%;padding:6px 32px 6px 10px;border:1px solid #c7d3e8;border-radius:8px;background:#fff;color:#1f2f48;font-size:13px;text-align:left;cursor:pointer;transition:border-color 0.2s ease,box-shadow 0.2s ease}.hx-summary-widget .hx-json-summary-details-filter-trigger:focus{outline:none}.hx-summary-widget .hx-json-summary-details-filter-control.is-open .hx-json-summary-details-filter-trigger,.hx-summary-widget .hx-json-summary-details-filter-trigger:focus{border-color:#8ea4c6;box-shadow:0 0 0 3px rgba(42,94,162,0.12)}.hx-summary-widget .hx-json-summary-details-filter-chevron{position:absolute;top:50%;right:11px;display:inline-flex;align-items:center;justify-content:center;color:#5f77a1;pointer-events:none;transform:translateY(-50%) rotate(0deg);transition:transform 0.24s ease,color 0.2s ease}.hx-summary-widget .hx-json-summary-details-filter-control.is-open .hx-json-summary-details-filter-chevron{color:#2a5ea2;transform:translateY(-50%) rotate(180deg)}.hx-summary-widget .hx-json-summary-details-filter-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:8;background:#ffffff;border:1px solid #c7d3e8;border-radius:10px;box-shadow:0 8px 20px rgba(31,47,72,0.12);overflow:hidden}.hx-summary-widget .hx-json-summary-details-filter-option{width:100%;border:0;border-bottom:1px solid #e8eef8;background:#ffffff;color:#1f2f48;text-align:left;padding:8px 10px;font-size:13px;cursor:pointer;transition:background-color 0.18s ease}.hx-summary-widget .hx-json-summary-details-filter-option:last-child{border-bottom:0}.hx-summary-widget .hx-json-summary-details-filter-option:hover{background:#f5f9ff}.hx-summary-widget .hx-json-summary-details-filter-option.is-selected{background:#eef5ff;color:#2a5ea2;font-weight:600}.hx-summary-widget .hx-summary-filter-dropdown-enter-active,.hx-summary-widget .hx-summary-filter-dropdown-leave-active{transform-origin:top center;transition:opacity 0.2s ease,transform 0.2s ease}.hx-summary-widget .hx-summary-filter-dropdown-enter-from,.hx-summary-widget .hx-summary-filter-dropdown-leave-to{opacity:0;transform:translateY(-6px) scaleY(0.96)}.hx-summary-widget .hx-summary-filter-dropdown-enter-to,.hx-summary-widget .hx-summary-filter-dropdown-leave-from{opacity:1;transform:translateY(0) scaleY(1)}.hx-summary-widget .hx-json-summary-details-table-wrap{overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.hx-summary-widget .hx-json-summary-details-table-wrap::-webkit-scrollbar{display:none}.hx-summary-widget .hx-json-summary-operation-block{background:#f5f9ff}.hx-summary-widget .hx-json-summary-operation-block + .hx-json-summary-operation-block{margin-top:0}.hx-summary-widget .hx-json-summary-operation-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#f5f9ff;border-top:1px solid var(--summary-border,#d6dfed);border-bottom:1px solid var(--summary-border,#d6dfed)}.hx-summary-widget .hx-json-summary-operation-leading{display:inline-flex;align-items:center;gap:10px;min-width:0}.hx-summary-widget .hx-json-summary-operation-index{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;background:#1b67d3;color:#fff;font-size:14px;font-weight:600}.hx-summary-widget .hx-json-summary-operation-title{font-size:1.125rem;font-weight:600;line-height:1.2;color:#2c2c2c}.hx-summary-widget .hx-json-summary-operation-meta{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;min-width:0;gap:12px;color:#1f2f48;font-size:14px;white-space:normal;overflow:visible}.hx-summary-widget .hx-json-summary-operation-meta-item{display:inline-flex;align-items:center;gap:8px;min-width:0}.hx-summary-widget .hx-json-summary-operation-meta-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.hx-summary-widget .hx-json-summary-operation-meta>.hx-json-summary-operation-meta-item + .hx-json-summary-operation-meta-item,.hx-summary-widget .hx-json-summary-operation-meta>.hx-json-summary-operation-meta-toggle{border-left:1px solid #d6dfed;padding-left:12px}.hx-summary-widget .hx-json-summary-operation-meta-toggle{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0 0 0 12px;margin:0;cursor:pointer;color:#2c2c2c}.hx-summary-widget .hx-json-summary-operation-meta-toggle svg{transform:rotate(0deg);transition:transform 0.24s ease}.hx-summary-widget .hx-json-summary-operation-meta-toggle.is-collapsed svg{transform:rotate(180deg)}.hx-summary-widget .hx-json-summary-operation-content{display:grid;grid-template-rows:1fr;opacity:1;transform:translateY(0);will-change:grid-template-rows,opacity,transform;transition:grid-template-rows 0.36s cubic-bezier(0.22,0.61,0.36,1),opacity 0.26s ease,transform 0.26s ease}.hx-summary-widget .hx-json-summary-operation-content-inner{min-height:0;overflow:hidden}.hx-summary-widget .hx-json-summary-operation-content.is-collapsed{grid-template-rows:0fr;opacity:0;transform:translateY(-6px);pointer-events:none}.hx-summary-widget .hx-json-summary-details-table .hx-json-summary-col{background:#ffffff}.hx-summary-widget .hx-json-summary-details-cell{background:#fff}.hx-summary-widget .hx-json-summary-details-table tbody tr.is-type-by-products .hx-json-summary-details-cell{background:#e9f6f1}.hx-summary-widget .hx-json-summary-details-table tbody tr.is-type-materials .hx-json-summary-details-cell{background:#f5f9ff}.hx-summary-widget .hx-json-summary-bom-link{margin-left:14px;padding:0;border:0;background:transparent;color:#2a5ea2;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}.hx-summary-widget .hx-json-summary-bom-link:hover{text-decoration:underline}.hx-summary-widget .hx-json-summary-work-center-details{background:#f5edfc;border-top:1px solid #eadbf7;padding:10px 0 0}.hx-summary-widget .hx-json-summary-work-center-title{padding:0 16px 8px;font-size:16px;font-weight:600;color:#2c2c2c}.hx-summary-widget .hx-json-summary-work-center-section{padding-bottom:8px}.hx-summary-widget .hx-json-summary-work-center-section-title{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:6px;padding:0 16px 6px;font-size:14px;font-weight:600;color:#2c2c2c;cursor:pointer;text-align:left}.hx-summary-widget .hx-json-summary-work-center-caret{font-size:14px;vertical-align:middle;transition:transform 0.2s ease}.hx-summary-widget .hx-json-summary-work-center-caret.is-collapsed{transform:rotate(180deg)}.hx-summary-widget .hx-json-summary-work-center-section-content{display:grid;grid-template-rows:1fr;opacity:1;transform:translateY(0);will-change:grid-template-rows,opacity,transform;transition:grid-template-rows 0.32s cubic-bezier(0.22,0.61,0.36,1),opacity 0.24s ease,transform 0.24s ease}.hx-summary-widget .hx-json-summary-work-center-section-content-inner{min-height:0;overflow:hidden}.hx-summary-widget .hx-json-summary-work-center-section-content.is-collapsed{grid-template-rows:0fr;opacity:0;transform:translateY(-5px);pointer-events:none}.hx-summary-widget .hx-json-summary-work-center-row{display:grid;grid-template-columns:minmax(140px,1.6fr) minmax(82px,0.75fr) minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1fr);align-items:start;gap:10px;padding:8px 16px 8px 28px;color:#2c2c2c;font-size:13px;line-height:1.3}.hx-summary-widget .hx-json-summary-work-center-name,.hx-summary-widget .hx-json-summary-work-center-metric-label,.hx-summary-widget .hx-json-summary-work-center-metric-value,.hx-summary-widget .hx-json-summary-work-center-cost,.hx-summary-widget .hx-json-summary-work-center-total{min-width:0;overflow-wrap:anywhere}.hx-summary-widget .hx-json-summary-work-center-metric-label,.hx-summary-widget .hx-json-summary-work-center-total{font-weight:600}.hx-summary-widget .hx-json-summary-work-center-cost,.hx-summary-widget .hx-json-summary-work-center-total{text-align:right}.hx-summary-widget .hx-json-summary-work-center-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;background:#ffffff;border-top:1px solid #eadbf7;padding:10px 16px;min-height:44px;font-size:14px;font-weight:600;line-height:1.2;color:#2c2c2c}.hx-summary-widget .hx-json-summary-work-center-footer>span{display:inline-flex;align-items:center}.hx-summary-side-modal-overlay{position:fixed;inset:0;z-index:1200;background:rgba(15,23,42,0.22);display:flex;justify-content:flex-end;align-items:stretch;padding:12px}.hx-summary-side-modal-panel{width:min(760px,calc(100vw - 24px));height:calc(100vh - 24px);background:#ffffff;border-radius:14px;box-shadow:0 18px 42px rgba(15,23,42,0.22),0 2px 10px rgba(15,23,42,0.16);display:flex;flex-direction:column;overflow:hidden}.hx-summary-side-modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border-bottom:1px solid #d6dfed;background:#ffffff}.hx-summary-side-modal-title{font-size:28px;font-weight:600;line-height:1.2;color:#2c2c2c}.hx-summary-side-modal-close{width:30px;height:30px;border:0;border-radius:999px;background:transparent;color:#2c2c2c;font-size:20px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color 0.2s ease,color 0.2s ease}.hx-summary-side-modal-close:hover{background:#eef3fb;color:#1f2f48}.hx-summary-side-modal-body{flex:1;min-height:0;overflow-y:auto;background:#f8fbff;padding:12px}.hx-summary-side-modal-content .hx-json-summary-section-title{margin-top:10px}.hx-summary-side-modal-content .hx-json-summary-section-title.is-primary{margin-top:0}.hx-summary-side-modal-footer{padding:8px 12px;border-top:1px solid #d6dfed;background:#ffffff;display:flex;justify-content:stretch}.hx-summary-side-modal-close-btn{width:100%;height:32px;border-radius:8px;border:1px solid #cad7eb;background:#ffffff;color:#1f2f48;font-size:13px;font-weight:600;cursor:pointer;transition:background-color 0.2s ease,border-color 0.2s ease,color 0.2s ease}.hx-summary-side-modal-close-btn:hover{background:#f5f9ff;border-color:#9eb5d7;color:#2a5ea2}.hx-summary-side-modal-enter-active,.hx-summary-side-modal-leave-active{transition:opacity 0.25s ease}.hx-summary-side-modal-enter-active .hx-summary-side-modal-panel,.hx-summary-side-modal-leave-active .hx-summary-side-modal-panel{transition:transform 0.28s cubic-bezier(0.22,0.61,0.36,1),opacity 0.25s ease}.hx-summary-side-modal-enter-from,.hx-summary-side-modal-leave-to{opacity:0}.hx-summary-side-modal-enter-from .hx-summary-side-modal-panel,.hx-summary-side-modal-leave-to .hx-summary-side-modal-panel{transform:translateX(42px);opacity:0}.hx-summary-side-modal-enter-to,.hx-summary-side-modal-leave-from{opacity:1}.hx-summary-side-modal-enter-to .hx-summary-side-modal-panel,.hx-summary-side-modal-leave-from .hx-summary-side-modal-panel{transform:translateX(0);opacity:1}@media (max-width:1200px){.hx-summary-widget .hx-json-summary-details-header{flex-direction:column;align-items:stretch;gap:10px}.hx-summary-widget .hx-json-summary-details-filter{align-self:flex-start}.hx-summary-widget .hx-json-summary-details-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.hx-summary-widget .hx-json-summary-details-highlight{border:1px solid #d6dfed;border-radius:8px;background:#ffffff;padding:8px 10px;font-size:1rem}.hx-summary-widget .hx-json-summary-details-highlight:first-child{padding-left:10px}.hx-summary-widget .hx-json-summary-details-highlight + .hx-json-summary-details-highlight{border-left:0}.hx-summary-widget .hx-json-summary-work-center-row{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'name metric_value' 'metric_label metric_label' 'cost total';gap:6px 12px;padding:10px 16px 10px 28px}.hx-summary-widget .hx-json-summary-work-center-name{grid-area:name}.hx-summary-widget .hx-json-summary-work-center-metric-label{grid-area:metric_label;font-size:12px;color:#5b6b84}.hx-summary-widget .hx-json-summary-work-center-metric-value{grid-area:metric_value;justify-self:start;font-weight:600}.hx-summary-widget .hx-json-summary-work-center-cost{grid-area:cost;text-align:left}.hx-summary-widget .hx-json-summary-work-center-total{grid-area:total;text-align:right}}@media (max-width:768px){.hx-summary-side-modal-overlay{padding:0}.hx-summary-side-modal-panel{width:100vw;height:100vh;border-radius:0}.hx-summary-side-modal-title{font-size:22px}.hx-summary-side-modal-body{padding:10px}.hx-summary-widget .hx-json-summary-section-title{font-size:1.125rem}.hx-summary-widget .hx-json-summary-operation-header{flex-direction:column;align-items:flex-start}.hx-summary-widget .hx-json-summary-operation-meta{white-space:normal;flex-wrap:wrap}.hx-summary-widget .hx-json-summary-details-filter{width:100%}.hx-summary-widget .hx-json-summary-details-filter-control{width:100%}.hx-summary-widget .hx-json-summary-details-filter-trigger{min-width:0}.hx-summary-widget .hx-json-summary-work-center-row{grid-template-columns:1fr;grid-template-areas:'name' 'metric_label' 'metric_value' 'cost' 'total';gap:4px;padding:10px 16px}.hx-summary-widget .hx-json-summary-work-center-cost,.hx-summary-widget .hx-json-summary-work-center-total{text-align:left}.hx-summary-widget .hx-json-summary-total-value{font-size:18px}.hx-summary-widget .hx-json-summary-total-secondary{font-size:16px}.hx-summary-widget .hx-json-summary-total-inline-cell{font-size:14px}.hx-summary-widget .hx-json-summary-total-inline-cell.summary-field-product_name{font-size:15px;font-weight:600}.hx-summary-widget .hx-json-summary-total-inline-cell.summary-field-quantity,.hx-summary-widget .hx-json-summary-total-inline-cell.summary-field-uom{font-size:15px;font-weight:600}.hx-summary-widget .hx-json-summary-total-inline-cell.summary-field-total_cost{font-size:15px;font-weight:600}.hx-summary-widget .hx-json-summary-breakdown-row{grid-template-columns:1fr auto 20px}.hx-summary-widget .hx-json-summary-breakdown-popover{left:10px;right:10px;top:42px;width:auto}.hx-summary-widget .hx-json-summary-breakdown-popover-row{grid-template-columns:18px minmax(0,1fr) auto;gap:8px;padding:8px 12px}}

/** webx_widget/static/css/views/fields/selection-field-radio.css **/
.hx-selection-field-radio{position:relative;width:100%}.selection-radio-wrapper{position:relative;width:100%}.selection-radio-container{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;min-height:56px;background:#ffffff;border:none;border-bottom:1px solid #e6e6e6;border-radius:0}.relation-table-cell .selection-radio-container{min-height:40px;padding:8px 12px;justify-content:flex-start}.relation-table-cell .hx-selection-field-radio{width:100%}.selection-radio-toggle{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;background-color:#ffffff;color:#1e1e1e;border:1px solid #585959;border-radius:999px;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:600;line-height:1em;white-space:nowrap;cursor:pointer;transition:all 0.2s ease;outline:none}.selection-radio-toggle:hover:not(:disabled){background-color:#f5f5f5;border-color:#1e1e1e}.selection-radio-toggle:disabled{cursor:not-allowed;opacity:0.6}.selection-radio-toggle.is-selected{background-color:#e3f2fc;color:#0e639f;border:1px solid #f0f1f2}.selection-radio-toggle.is-selected:hover:not(:disabled){background-color:#d1e9fa;border-color:#e3f2fc}.radio-option-container{display:flex;flex-direction:column;gap:8px;padding:8px 12px;position:relative}.radio-option-container.horizontal{flex-direction:row;flex-wrap:wrap;gap:16px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer}.radio-option .radio-input{margin:0;cursor:pointer}.radio-option .radio-label{margin:0;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;line-height:1.4em;color:#1e1e1e}.radio-option .radio-input:disabled + .radio-label{opacity:0.6;cursor:not-allowed}.radio-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;z-index:10}.helper-text{display:block;margin-top:4px;font-size:14px;line-height:1.4em}.helper-danger{color:#8d180b}.helper-muted{color:#999999}@media (max-width:768px){.selection-radio-container{min-height:48px;padding:6px 10px}.selection-radio-toggle{font-size:11px;padding:5px 10px}}

/** webx_widget/static/css/views/fields/text-field.css **/
.hx-text-field{.copy-btn{height:40px;padding:9px 16px;background:linear-gradient(90deg,#2a5ea2 40%,#1c4f92 100%);color:white;border:none;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.15);cursor:pointer;transition:all 0.3s ease}.copy-btn:hover{background:linear-gradient(90deg,#1c4f92 40%,#2a5ea2 100%);box-shadow:0 4px 10px rgba(0,0,0,0.2)}.copy-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(147,197,253,0.7)}.copy-icon-btn{width:24px;height:24px;fill:#585959;cursor:pointer;transition:fill 0.2s;margin-left:8px}.phone-input{padding-left:52px}.country-info{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-size:12px;color:#666}.iti{width:100%}.iti__country-list{z-index:1000}.hx-text-field-view-copy{display:flex;width:100%;align-self:center}.text-field-with-copy{position:relative;width:auto!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.text-field-with-copy.text-expanded{white-space:normal;overflow:visible;text-overflow:unset;word-break:break-all}.expand-btn{background:none;border:none;color:#2a5ea2;cursor:pointer;font-size:13px;padding:0 4px;margin-left:4px;text-decoration:underline;white-space:nowrap;flex-shrink:0}.expand-btn:hover{color:#1c4f92}.hx-text-field-edit-copy{display:flex;gap:8px;align-items:center}.hx-text-field-view-copy .text-field-with-copy{min-height:auto!important}}

/** webx_widget/static/css/views/fields/float-time-field.css **/
.hx-float-time-field{--font:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;--bg:#fff;--fg:#111827;--muted:#6b7280;--muted-2:#9ca3af;--border:#e6e6e6;--border-strong:#cacbcc;--primary:#2a5ea2;--primary-600:#1a4e9c;--danger:#dc2626;--shadow:1px 4px 4px 0 rgba(0,0,0,0.08);--focus:0 0 0 3px rgba(31,95,191,0.25);--r-xl:14px;--r-md:10px;--r-sm:8px;--r-xs:6px;font-family:var(--font);color:var(--fg);position:relative;display:flex;flex-direction:column;gap:4px;width:100%}.hx-float-time-field .hx-float-time-field-edit{position:relative}.hx-float-time-field .float-time-input-wrapper{position:relative}.hx-float-time-field .float-time-input{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:24px;height:40px;width:100%;box-sizing:border-box;padding:4px 8px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg);color:#585959;transition:border-color 0.2s;outline:none;appearance:none;text-align:left;font-variant-numeric:tabular-nums}.hx-float-time-field .float-time-input:hover{color:#3d3d3d;border-color:#bdbebf}.hx-float-time-field .float-time-input:focus,.hx-float-time-field .float-time-input:focus-visible{border-color:#80b5ff}.hx-float-time-field .float-time-input:disabled,.hx-float-time-field .float-time-input[readonly]{background:#e8e9eb;color:#6d6d6e;border-color:#cacbcc;cursor:not-allowed;opacity:1}.hx-float-time-field .helper-text{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px}.hx-float-time-field .helper-danger{color:#8d180b}.hx-float-time-field .helper-muted{color:#585959}.hx-float-time-field .float-time-text{font-family:'Plus Jakarta Sans',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#6d6d6e;font-variant-numeric:tabular-nums}.hx-float-time-field .datepicker-popover{position:absolute;left:0;width:100%;max-width:300px;background:#fff;border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow);z-index:1060;overflow:hidden}.hx-relation-field .hx-float-time-field .datepicker-popover{position:fixed;width:300px}.hx-float-time-field-portal .datepicker-popover{position:fixed;width:300px;max-width:300px;z-index:10000!important}.hx-float-time-field .datepicker-popover.is-bottom{top:calc(100% + 4px);bottom:auto}.hx-float-time-field .datepicker-popover.is-top{bottom:calc(100% + 4px);top:auto}.hx-float-time-field .datepicker-tabs{display:flex;gap:4px;padding:8px 6px 0}.hx-float-time-field .tab-btn{flex:1 1 0%;border:0;background:transparent;cursor:pointer;padding:4px 0;border-radius:6px;color:#1f2a37;transition:background 0.15s,color 0.15s}.hx-float-time-field .tab-btn:hover{background:#e7eefc}.hx-float-time-field .tab-btn.is-active{background:var(--primary);color:#fff}.hx-float-time-field .tab-label{display:inline-flex;align-items:center;gap:8px}.hx-float-time-field .timepicker{display:flex;flex-direction:column;padding:6px;background:transparent;font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.hx-float-time-field .time-grid-headings{display:flex}.hx-float-time-field .time-headings{display:flex;justify-content:space-around;margin-top:16px}.hx-float-time-field .time-heading{flex:1;text-align:center;font-size:16px;line-height:22px;font-weight:600;color:#6d6d6e;max-width:72px}.hx-float-time-field .time-controls{display:flex;justify-content:center;align-items:center;gap:0px;margin:24px 0}.hx-float-time-field .time-col{display:grid;grid-template-rows:auto auto auto;justify-items:center;align-items:center;row-gap:10px;width:100%}.hx-float-time-field .spin-btn{width:28px;height:28px;border-radius:8px;border:1px solid #e1e2e3;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.hx-float-time-field .spin-btn:hover{border-color:#d6dbe3;background:#f1f4f8}.hx-float-time-field .spin-btn:active{background:#e8edf6}.hx-float-time-field .time-value{font-size:28px;line-height:32px;font-weight:700;color:#1f2937;min-width:40px;text-align:center;letter-spacing:0.3px}.hx-float-time-field .time-readout{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:16px}.hx-float-time-field .time-box{width:64px;height:48px;border-radius:4px;border:2px solid #006fff;background:#ffffff;color:#006fff;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:56px}.hx-float-time-field .time-box:focus{outline:none;box-shadow:0 0 0 3px rgba(47,111,228,0.2)}.hx-float-time-field .time-box-btn{cursor:pointer}.hx-float-time-field .time-box-btn:hover{background:#e7eefc}.hx-float-time-field .time-grid{display:grid;grid-template-columns:repeat(4,minmax(36px,1fr));gap:8px 16px;margin:8px 0 16px;justify-items:center}.hx-float-time-field .time-chip{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#374151;font-size:16px;font-weight:600;width:36px;height:36px;line-height:36px;border-radius:50%;text-align:center;cursor:pointer;transition:background 0.15s ease,color 0.15s ease,box-shadow 0.15s ease}.hx-float-time-field .time-chip:hover{background:#eef4ff}.hx-float-time-field .time-chip:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(47,111,228,0.25)}.hx-float-time-field .time-chip.is-selected{background:var(--primary);color:#ffffff}.hx-float-time-field .time-separator{color:#374151;font-weight:600}.hx-float-time-field .spin-btn,.hx-float-time-field .time-chip{-webkit-tap-highlight-color:transparent}

/** core_hr/static/css/views/department-hierarchy-view.css **/
.hx-department-hierarchy-view .department-container{width:100%;height:600px;border-top:1px solid #ccc}.hx-department-hierarchy-view .department-container .orgchart{text-align:center;background:none}.hx-department-hierarchy-view .department-container{width:100%;height:600px;border-top:1px solid #ccc;overflow:auto;text-align:center}.hx-department-hierarchy-view .department-container .orgchart .node .title .parentNodeSymbol{display:none}.hx-department-hierarchy-view .department-container .orgchart .node .title{border-radius:4px;border-style:solid;border-width:1px;font-weight:600;color:black;height:2rem;width:10rem;padding:5px;cursor:pointer}.hx-department-hierarchy-view .department-container .orgchart .node.level-0 .title{border-color:#c2660a;background-color:white}.hx-department-hierarchy-view .department-container .orgchart .node.level-1 .title{border-color:#4a0160;background-color:#ba95eb}.hx-department-hierarchy-view .department-container .orgchart .node.level-2 .title{border-color:#055434;background-color:#7bdeb7}.hx-department-hierarchy-view .department-container .orgchart .node.level-3 .title{border-color:#661fad;background-color:#787bff}.hx-department-hierarchy-view .department-container .orgchart .node.level-4 .title{border-color:#693c00;background-color:#c2660a}.hx-department-hierarchy-view .department-container .orgchart .node.level-5 .title{border-color:#c2660a;background-color:white}.hx-department-hierarchy-view .department-container .orgchart .node.level-6 .title{border-color:#ffbb00;background-color:white}.hx-department-hierarchy-view .department-container .orgchart .node.level-7 .title{border-color:#661fad;background-color:#6f00ff}.hx-department-hierarchy-view .department-container .orgchart .node.level-8 .title{border-color:#c2660a;background-color:#179b9b}.hx-department-hierarchy-view .department-container .orgchart .node.level-9 .title{border-color:#c2660a;background-color:white}.hx-department-hierarchy-view .department-container .orgchart .node.level-10 .title{border-color:#c2660a;background-color:white}.hx-department-hierarchy-view .department-container .orgchart.l2r .node{border-radius:4px;height:164px}.hx-department-hierarchy-view .department-container .orgchart.l2r .node:not(:only-child)::after{bottom:-33px;height:33px;width:2px;background-color:#6b7280}.hx-department-hierarchy-view .department-container.l2r .orgchart>ul>li>ul li>.node::before{top:-14px;height:14px;width:2px}.hx-department-hierarchy-view .department-container.l2r .orgchart .hierarchy::before{height:2px;top:-14px}

/** core_hr/static/css/views/job-hierarchy-view.css **/
.hx-job-hierarchy-view .job-container{text-align:center;width:100%;height:600px;border-top:1px solid #ccc}.hx-job-hierarchy-view .job-container .orgchart{text-align:center;background:none}.hx-job-hierarchy-view .job-container .orgchart .nodes{margin:40px}.hx-job-hierarchy-view .job-container .orgchart .node{margin-top:24px}.hx-job-hierarchy-view .job-container .orgchart .hierarchy::before{top:-16px}.hx-job-hierarchy-view .job-container .orgchart .node:not(:only-child)::after{bottom:-50px;height:45px;width:2px;background-color:#6b7280}.hx-job-hierarchy-view .job-container .orgchart>ul>li>ul li>.node::before{top:var(--top,-42px);height:var(--height,44px);width:2px}.hx-job-hierarchy-view .job-container .job-card{position:relative;display:flex;flex-direction:column;width:20rem;border:1px solid #e0e0e0;border-radius:16px;padding:1rem;cursor:pointer;box-shadow:5px 5px 12px rgba(0,0,0,0.08);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;text-align:left}.hx-job-hierarchy-view .job-container .job-card .job-header{display:flex;font-size:20px;font-weight:550;flex-direction:row;gap:8px;align-items:center;margin-bottom:1rem}.hx-job-hierarchy-view .job-container .job-card .circle{width:12px;height:12px;border-radius:50%;background:#0661ac}.hx-job-hierarchy-view .job-container .orgchart .node .circle{animation:none!important;-webkit-animation:none!important}.hx-job-hierarchy-view .job-container .job-card .member-content{display:flex;flex-direction:row;align-items:center;gap:8px}.hx-job-hierarchy-view .job-container .job-card .member-content img{border-radius:50%;height:40px;width:40px;object-fit:cover}.hx-job-hierarchy-view .job-container .job-card .multiple-member-content{display:flex;flex-direction:row;align-items:center}.hx-job-hierarchy-view .job-container .job-card .multiple-member-content img{border-radius:50%;height:40px;width:40px;object-fit:cover}.hx-job-hierarchy-view .job-container .avatar-more{position:relative;width:40px;height:40px}.hx-job-hierarchy-view .job-container .avatar-more img{width:40px;height:40px;border-radius:50%;object-fit:cover}.hx-job-hierarchy-view .job-container .avatar-more span{position:absolute;inset:0;background:rgba(0,0,0,0.6);display:flex;justify-content:center;align-items:center;border-radius:50%;color:white;font-weight:bold;font-size:14px}.hx-job-hierarchy-view .job-container.l2r .orgchart.l2r .node .job-card{transform:rotate(-90deg) rotateY(180deg);transform-origin:top left}.hx-job-hierarchy-view .job-container.l2r .orgchart.l2r .node{width:200px;height:300px}.hx-job-hierarchy-view .job-container.l2r .orgchart.l2r .node:hover{background-color:rgba(0,0,0,0)}.hx-job-hierarchy-view .job-container .orgchart.l2r .node{margin:25px}

/** core_hr/static/css/views/employee-hierarchy-view.css **/
.hx-employee-hierarchy-view .employee-container{width:100%;height:600px;border-top:1px solid #ccc;transform-origin:top center;text-align:center}.hx-employee-hierarchy-view .employee-container .orgchart .node:hover .title{background-color:#020100;border-color:#00b221;color:#1f2937}.hx-employee-hierarchy-view .employee-container .orgchart{background:none}.hx-employee-hierarchy-view .employee-container .orgchart .orgchart-outer{background-color:#f8f9fa}.hx-employee-hierarchy-view .employee-container.t2b .orgchart .node{cursor:pointer;margin-top:48px}.hx-employee-hierarchy-view .employee-container.t2b .orgchart .node .topEdge{top:-43px}.hx-employee-hierarchy-view .employee-container.t2b .orgchart .node .rightEdge{right:2px}.hx-employee-hierarchy-view .employee-container.t2b .orgchart .node .leftEdge{left:2px}.hx-employee-hierarchy-view .employee-container.t2b .orgchart ul{padding-top:60px!important}.hx-employee-hierarchy-view .employee-container.t2b .orgchart .node:not(:only-child)::after{bottom:calc(-32% + 0px);height:50px}.hx-employee-hierarchy-view .employee-container.t2b .orgchart>ul>li>ul li>.node::before{top:-79px;height:37px}.hx-employee-hierarchy-view .employee-container.t2b .orgchart .hierarchy::before{position:absolute;top:-30px;height:2px}.hx-employee-hierarchy-view .employee-container.l2r{text-align:left}.hx-employee-hierarchy-view .employee-container.l2r .orgchart.l2r .node{width:217px;height:222px}.hx-employee-hierarchy-view .employee-container.l2r .orgchart.l2r .node .container-wrapper{transform:rotate(-90deg) translate(-33px,53px) rotateY(180deg);transform-origin:bottom center;bottom:102px;left:27px}.hx-employee-hierarchy-view .employee-container.l2r .orgchart.l2r .hierarchy::before{position:absolute;top:-29px;height:1px;border-top:2px solid #6b7280;box-sizing:border-box}.hx-employee-hierarchy-view .employee-container.l2r .orgchart.l2r>ul>li>ul li>.node::before{position:absolute;top:var(--top,-29px);width:2px;height:var(--height,25px);background-color:#6b7280}.hx-employee-hierarchy-view .employee-container.l2r .orgchart.l2r .node.focused{background-color:rgba(238,75,54,0.5);transition:background-color 0.2s ease}.hx-employee-hierarchy-view .employee-container.l2r .orgchart.l2r .node:not(:only-child)::after{bottom:-17px;height:30px;width:2px;background-color:#6b7280}.hx-employee-hierarchy-view .employee-container.l2r .orgchart.l2r .node:hover{background-color:rgba(0,0,0,0)}.hx-employee-hierarchy-view .employee-container.l2r .orgchart.l2r .node .verticalEdge{width:calc(80% - 0px);height:26px;left:22px}.hx-employee-hierarchy-view .employee-container.l2r .orgchart.l2r .node .horizontalEdge{width:19px;height:calc(100% - 0px);top:-1px}.hx-employee-hierarchy-view .employee-container.l2r .orgchart.l2r .node .bottomEdge{bottom:18px}.hx-employee-hierarchy-view .employee-container.l2r .orgchart.l2r .node .rightEdge{right:39px}.hx-employee-hierarchy-view .employee-container.l2r .orgchart.l2r .node .leftEdge{left:-18px}.hx-employee-hierarchy-view .container-wrapper{position:relative;border-radius:12px;display:flex;align-items:center}.hx-employee-hierarchy-view .container-wrapper:hover{background-color:rgb(27 59 227 / 18%)}.hx-employee-hierarchy-view .extra-information{position:absolute;top:15px;right:35px;z-index:10}.hx-employee-hierarchy-view .extra-information .smart-buttons.icon-info-circle-outline{display:block;width:12px;height:12px}.extra-information:hover + .profile-card + .additional-information{opacity:1;pointer-events:auto}.hx-employee-hierarchy-view .profile-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:12px 12px 10px;border-radius:12px;background-color:#ffffff;border:1px solid #e0e0e0;width:200px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;text-align:center;margin:8px;cursor:pointer;transform-origin:center}.hx-employee-hierarchy-view .node.level-1 .profile-card{border-bottom:3px solid #2a5ea2}.hx-employee-hierarchy-view .node.level-2 .profile-card{border-bottom:3px solid #209c6b}.hx-employee-hierarchy-view .node.level-3 .profile-card{border-bottom:3px solid #6f00ff}.hx-employee-hierarchy-view .node.level-4 .profile-card{border-bottom:3px solid #8d180b}.hx-employee-hierarchy-view .node.level-5 .profile-card{border-bottom:3px solid #c2660a}.hx-employee-hierarchy-view .node.level-6 .profile-card{border-bottom:3px solid #ffbb00}.hx-employee-hierarchy-view .node.level-7 .profile-card{border-bottom:3px solid #661fad}.hx-employee-hierarchy-view .node.level-8 .profile-card{border-bottom:3px solid #693c00}.hx-employee-hierarchy-view .node.level-9 .profile-card{border-bottom:3px solid #179b9b}.hx-employee-hierarchy-view .node.level-10 .profile-card{border-bottom:3px solid #213448}.hx-employee-hierarchy-view .profile-image{position:absolute;top:-40px;width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #ffffff;z-index:2}.hx-employee-hierarchy-view .profile-image-alt{position:absolute;top:-40px;width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #ffffff;z-index:2;background-color:#e8f0ff;color:#2563eb;display:flex;align-items:center;justify-content:center}.hx-employee-hierarchy-view .profile-image-alt span{font-size:25px;font-weight:500}.hx-employee-hierarchy-view .profile-content{width:100%;margin-top:8px}.hx-employee-hierarchy-view .profile-name{margin:0 0 3px 0;font-size:16px;font-weight:600;color:#1a1a1a;line-height:1.2}.hx-employee-hierarchy-view .profile-title{margin:0 0 12px 0;font-size:13px;color:#666666;font-weight:500;line-height:1.3;word-break:break-word;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:34px}.hx-employee-hierarchy-view .metrics-section{display:flex;justify-content:space-around;width:100%;margin-top:auto;padding-top:12px;border-top:1px solid #f0f0f0}.hx-employee-hierarchy-view .metric{display:flex;flex-direction:column;align-items:center;flex:1;gap:4px}.hx-employee-hierarchy-view .metric-icon{width:20px;height:20px;fill:#2196f3;flex-shrink:0}.hx-employee-hierarchy-view .metric-value{font-size:14px;font-weight:600;color:#2196f3;line-height:1}.hx-employee-hierarchy-view .additional-information{position:absolute;background-color:rgb(255,255,255);color:black;padding:20px;border-radius:8px;border-color:#2a5ea2;border-width:1px;border-style:solid;width:420px;gap:12px;opacity:0;background-color:rgb(255,255,255);color:black;top:12px;left:173%;text-align:left;transform:translate(-64%,-82%) scale(0.7);z-index:9999;pointer-events:none}.hx-employee-hierarchy-view .profile-info{display:flex;align-items:center;gap:16px}.hx-employee-hierarchy-view .profile-picture img{border-radius:50%;border-width:1px;border-color:#2a5ea2;border-style:solid;object-fit:cover;width:56px;height:50px}.hx-employee-hierarchy-view .employee-name{font-weight:600}.hx-employee-hierarchy-view .manager-name{font-weight:600;color:#006fff}.hx-employee-hierarchy-view .multiplejob-info{display:flex;flex-direction:column;gap:8px}.hx-employee-hierarchy-view .multi-job-list{display:flex;flex-direction:row;gap:10px}.hx-employee-hierarchy-view .main-job{background-color:#006fff;color:white;border-radius:8px;padding:8px}.hx-employee-hierarchy-view .additional-job{background-color:#338cff;color:white;border-radius:8px;padding:8px}

/** core_invoicing/static/css/layout/report/accounting-account-statement.css **/
.hx-accounting-account-statement .report-card{background-color:#fff;padding:2rem;border-radius:0.625rem;border:1px solid oklch(92.8% 0.006 264.531)}.hx-accounting-account-statement .report-button{gap:0.5rem;margin:auto;padding:1rem;font-weight:500}.hx-accounting-account-statement #full-view-button{background-color:#fff;border:1px solid oklch(87.2% 0.01 258.338)}.hx-accounting-account-statement #full-view-button:hover{background-color:oklch(98.5% 0.002 247.839)}.hx-accounting-account-statement #outstanding-view-button{background-color:oklch(54.6% 0.245 262.881);border:1px solid oklch(54.6% 0.245 262.881);color:#fff}.hx-accounting-account-statement #outstanding-view-button:hover{background-color:oklch(48.8% 0.243 264.376)}.hx-accounting-account-statement #export-pdf-button{background-color:oklch(62.7% 0.194 149.214);color:#fff}.hx-accounting-account-statement #export-pdf-button:hover{background-color:oklch(52.7% 0.154 150.069)}.hx-accounting-account-statement .alert-card{padding:1rem}.hx-accounting-account-statement .alert-card p{margin-bottom:0}.hx-accounting-account-statement .report-card h2{font-size:1.25rem;font-weight:600}.hx-accounting-account-statement table{width:100%;margin-top:2%;margin-bottom:2%;border-collapse:collapse;border:1px solid #ddd}.hx-accounting-account-statement table th,.hx-accounting-account-statement table td{border-bottom:1px solid #ddd;padding:20px;text-align:left}.hx-accounting-account-statement table th{background:oklch(98.5% 0.002 247.839)}.hx-accounting-account-statement .aging-card{border-width:2px;border-style:solid;padding:0.25rem;width:25%;padding:1rem}.hx-accounting-account-statement .green-card{border:2px solid oklch(92.5% 0.084 155.995);background-color:oklch(98.2% 0.018 155.826)}.hx-accounting-account-statement .green-card svg{fill:oklch(62.7% 0.194 149.214)}.hx-accounting-account-statement .yellow-card{border-color:oklch(94.5% 0.129 101.54);background-color:oklch(98.7% 0.026 102.212)}.hx-accounting-account-statement .yellow-card svg{fill:oklch(68.1% 0.162 75.834)}.hx-accounting-account-statement .orange-card{border-color:oklch(90.1% 0.076 70.697);background-color:oklch(98% 0.016 73.684)}.hx-accounting-account-statement .orange-card svg{fill:oklch(68.1% 0.162 75.834)}.hx-accounting-account-statement .red-card{border:2px solid oklch(88.5% 0.062 18.334);background-color:oklch(97.1% 0.013 17.38)}.hx-accounting-account-statement .red-card svg{fill:oklch(57.7% 0.245 27.325)}.hx-accounting-account-statement .flex{display:flex!important}.hx-accounting-account-statement .header-card{gap:0.5rem;margin-bottom:1rem}.hx-accounting-account-statement .card-amount{font-size:25px;margin-bottom:1rem}.hx-accounting-account-statement .summary-card{width:25%}.hx-accounting-account-statement .days-badge{padding-block:0.5rem;padding-inline:1rem;border-radius:3.40282e38px}.hx-accounting-account-statement .overdue-badge{color:oklch(44.4% 0.177 26.899);background-color:oklch(93.6% 0.032 17.717)}.hx-accounting-account-statement .current-badge{color:oklch(44.8% 0.119 151.328);background-color:oklch(96.2% 0.044 156.743)}.hx-accounting-account-statement .rounded-lg{border-radius:0.625rem}.hx-accounting-account-statement .text-bold{font-weight:bold!important}.hx-accounting-account-statement .text-right{text-align:right!important}.hx-accounting-account-statement .text-center{text-align:center!important}.hx-accounting-account-statement .justify-between{justify-content:space-between}.hx-accounting-account-statement .hidden{display:none!important}

/** core_product/static/css/layout/popup/duplicate-prefix-modal.css **/
.hx-duplicate-prefix-modal .hx-form-confirm-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;z-index:1000001;animation:none}.hx-duplicate-prefix-modal .hx-form-confirm-modal-overlay .modal-dialog{transform-origin:center;animation:hx-modal-pop 0.3s ease forwards}.hx-duplicate-prefix-modal .hx-form-confirm-modal-overlay.hx-form-confirm-warning-overlay{align-items:flex-start}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal,.hx-duplicate-prefix-modal .hx-confirm-warning-modal{width:403px!important;height:245px!important;overflow:hidden}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .modal-content,.hx-duplicate-prefix-modal .hx-confirm-warning-modal .modal-content{padding:12px;box-sizing:border-box;display:flex;flex-direction:column;background:#ffffff;border-radius:8px;box-shadow:0px 1px 5px rgba(0,0,0,0.25);border:none}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .modal-header,.hx-duplicate-prefix-modal .hx-confirm-warning-modal .modal-header{width:100%;height:24px;display:flex;justify-content:flex-end;align-items:center;padding:0;margin:0;border-bottom:none!important}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .modal-close,.hx-duplicate-prefix-modal .hx-confirm-warning-modal .modal-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;cursor:pointer;border-radius:4px;padding:0}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .modal-close:hover,.hx-duplicate-prefix-modal .hx-confirm-warning-modal .modal-close:hover{background-color:#f3f4f6}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .confirm-icon,.hx-duplicate-prefix-modal .hx-confirm-warning-modal .confirm-icon{width:379px;height:58px;display:flex;align-items:center;justify-content:center}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .confirm-icon-graphic,.hx-duplicate-prefix-modal .hx-confirm-warning-modal .confirm-icon-graphic{width:65px;height:65px}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .confirm-icon-badge,.hx-duplicate-prefix-modal .hx-confirm-warning-modal .confirm-icon-badge{position:absolute;right:160px;bottom:2px;width:26px;height:26px;z-index:1;overflow:visible;transform:translate(20%,20%);border-radius:50%}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .confirm-title,.hx-duplicate-prefix-modal .hx-confirm-warning-modal .confirm-title{width:100%;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:16px;line-height:24px;letter-spacing:0;color:#1e1e1e;text-align:center;margin:0}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .confirm-text-group,.hx-duplicate-prefix-modal .hx-confirm-warning-modal .confirm-text-group{display:flex;flex-direction:column;gap:4px;width:100%}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .confirm-desc,.hx-duplicate-prefix-modal .hx-confirm-warning-modal .confirm-desc{width:100%;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0;color:#757575;text-align:center;margin:0}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .confirm-desc .confirm-name{font-weight:600;color:#1e1e1e}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .confirm-actions,.hx-duplicate-prefix-modal .hx-confirm-warning-modal .confirm-actions{display:flex;gap:8px;width:379px;height:40px;margin-top:auto}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .confirm-actions .btn,.hx-duplicate-prefix-modal .hx-confirm-warning-modal .confirm-actions .btn{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;padding:12px 28px;border-radius:8px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:14px;line-height:1.6428571428571428;cursor:pointer;transition:all 0.2s;border:1px solid transparent;text-align:center}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .confirm-actions .btn-secondary,.hx-duplicate-prefix-modal .hx-confirm-warning-modal .confirm-actions .btn-secondary{background:#fcfeff;color:#2b2b2b;border-color:#8b8b8c}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .confirm-actions .btn-secondary:hover,.hx-duplicate-prefix-modal .hx-confirm-warning-modal .confirm-actions .btn-secondary:hover{background:#f9fafb;border-color:#6b7280}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .confirm-actions .btn-primary,.hx-duplicate-prefix-modal .hx-confirm-warning-modal .confirm-actions .btn-primary{background:linear-gradient(90deg,#2a5ea2 40%,#1c4f92 100%)!important;background-image:linear-gradient(90deg,#2a5ea2 40%,#1c4f92 100%)!important;border:none!important;color:#ffffff!important}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .confirm-actions .btn-primary:hover,.hx-duplicate-prefix-modal .hx-confirm-warning-modal .confirm-actions .btn-primary:hover{background:linear-gradient(90deg,#245290 40%,#163f78 100%)!important;background-image:linear-gradient(90deg,#245290 40%,#163f78 100%)!important}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .modal-body,.hx-duplicate-prefix-modal .hx-confirm-warning-modal .modal-body{width:379px;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.hx-duplicate-prefix-modal .hx-form-confirm-warning-modal .confirm-body,.hx-duplicate-prefix-modal .hx-confirm-warning-modal .confirm-body{width:379px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px}@keyframes hx-modal-fade-in{from{opacity:0}to{opacity:1}}@keyframes hx-modal-pop{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}

/** core_accounting/static/css/layout/report/accounting-report.css **/
.hx-accounting-report .acc-report .acc-report-section{background:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.1);padding:20px;margin-bottom:25px}.hx-accounting-report .acc-report canvas{max-width:100%;height:300px}.hx-accounting-report .acc-report table{width:100%;margin-top:2%;margin-bottom:2%;border-collapse:separate;border-spacing:0}.hx-accounting-report .acc-report table th,.hx-accounting-report .acc-report table td{border-bottom:1px solid #ddd;padding:10px;text-align:left}.hx-accounting-report .acc-report table th{background:#f0f0f0}.hx-accounting-report .acc-report svg use{pointer-events:none}.hx-accounting-report .acc-report thead tr th{background:#ebf1fd}.hx-accounting-report .acc-report h2{font-weight:bold;margin-bottom:2%}.hx-accounting-report .acc-report .text-right{text-align:right!important}.hx-accounting-report .acc-report .hidden{display:none}.hx-accounting-report .acc-report .text-center{text-align:center!important}.hx-accounting-report .acc-report .text-bold{font-weight:bold!important}.hx-accounting-report .acc-report tfoot tr{position:sticky;bottom:0;background:#fff;z-index:5}.hx-accounting-report .acc-report tfoot td{border-top:2px solid #333}.hx-accounting-report .acc-report .tb-account-cell{display:flex;align-items:center;gap:8px}.hx-accounting-report .acc-report .dropdown-wrapper{position:relative;display:inline-flex}.hx-accounting-report .acc-report .btn-dropdown{background:none;border:none;cursor:pointer;font-size:16px;padding:2px 6px}.hx-accounting-report .acc-report .menu-dropdown{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:6px;background:#fff;border:1px solid #ddd;border-radius:6px;min-width:150px;box-shadow:0 6px 18px rgba(0,0,0,0.12);z-index:1000}.hx-accounting-report .acc-report .menu-item-dropdown{padding:8px 12px;cursor:pointer;white-space:nowrap}.hx-accounting-report .acc-report .menu-item-dropdown:hover{background:#f5f7fa}.hx-accounting-report .hx-breadcrumb{font-size:14px;margin-bottom:12px;font-weight:bold}.hx-accounting-report .hx-breadcrumb .crumb{color:#666}.hx-accounting-report .hx-breadcrumb .crumb.link{color:#017e84;cursor:pointer}.hx-accounting-report .hx-breadcrumb .crumb.link:hover{color:#01585c}.hx-accounting-report .hx-breadcrumb .current{color:#222}.hx-accounting-report .hx-breadcrumb .sep{margin:0 6px;color:#999}

/** core_accounting/static/css/layout/report/accounting-financial-statement.css **/
.hx-accounting-financial-statement .acc-report .report-card{background-color:#fff;padding:2rem}.hx-accounting-financial-statement .acc-report .report-card h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.hx-accounting-financial-statement .acc-report .report-grid{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:0}.hx-accounting-financial-statement .acc-report .report-item a{display:flex;align-items:center;padding:1rem;border:1px solid #afd0fd;border-radius:12px;text-decoration:none;font-weight:500;transition:all 0.2s ease-in-out;height:100%;color:black}.hx-accounting-financial-statement .acc-report .report-item a{justify-content:center}.hx-accounting-financial-statement .acc-report .report-item>.report-button{text-decoration:none;cursor:pointer;font-weight:bold}.hx-accounting-financial-statement .acc-report .report-item .report-button:hover{background-color:#ebf1fd}.hx-accounting-financial-statement .acc-report h2{font-weight:bold}.hx-accounting-financial-statement .acc-report .report-button svg{margin-right:2%}

/** core_school/static/css/views/fields/school-period-generate-button.css **/
.hx-school-period-generate-button{display:inline-flex;align-items:center;gap:8px;padding:6px 14px!important;border-radius:999px!important;font-size:13px!important;font-weight:600;background:#ffffff;border:1px solid #dbe4ff;color:#1f2937;cursor:pointer;transition:all 0.15s ease}.hx-form-groups .form-container-row.academic-terms-group-buttons{border:none;padding:0!important;padding-bottom:0.5rem!important}.hx-form-groups .form-container-cols-wrapper:has(.academic-terms-group-buttons){display:flex;width:100%;flex-direction:column;gap:0.5rem}.hx-form-groups .form-container-col:has(.hx-school-period-generate-button){flex:0 1 auto}

/** core_school/static/css/views/fields/school-add-period-button.css **/
.hx-school-add-period-button{}.hx-school-add-period-button button{display:inline-flex;align-items:center;gap:8px;padding:6px 14px!important;border-radius:999px!important;font-size:13px!important;font-weight:600;background:#ffffff;border:1px dashed #9db1ff;color:#2f4cff;cursor:pointer}.hx-school-add-period-button button:hover{background:#eef3ff;border-color:#6f8cff}

/** base_auth_totp/static/css/views/form/form-view.css **/
.hx-form-view .hmx-form-totp .image-preview.readonly .preview-image{max-height:200px}

/** partners/static/css/layout/report/partner-report-report.css **/
.hx-partner-report-report .hx-report-section{background:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.1);padding:20px;margin-bottom:25px}.hx-partner-report-report canvas{max-width:100%;height:300px}.hx-partner-report-report table{width:100%;border-collapse:collapse;margin-top:15px}.hx-partner-report-report table th,.hx-partner-report-report table td{border-bottom:1px solid #ddd;padding:10px;text-align:left}.hx-partner-report-report table th{background:#f0f0f0}

/** partners/static/css/layout/partner-doaction-demo.css **/
.hx-partner-doaction-demo .hx-partner-doaction-demo-content-section{background-color:#ffffff;border:1px solid #e1e2e3;border-radius:16px;padding:1rem 1rem}.hx-partner-doaction-demo .hx-partner-doaction-demo-content-section .button-group-title{display:flex;justify-content:space-between;width:100%;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #e1e2e3}.hx-partner-doaction-demo .button-group{display:flex;width:100%;flex-wrap:wrap}.hx-partner-doaction-demo .button-group>.button-wrapper{flex:50%;margin-bottom:15px}

/** webx_dashboard/static/css/layout/dashboard-cards.css **/
.hx-dashboard-cards{.hx-dashboard-cards-container{padding:20px;margin-bottom:24px;background:#f9fafb;border-radius:8px}.hx-dashboard-cards-grid{display:flex;flex-wrap:wrap;gap:16px;margin:0}.hx-smart-card{background:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1);padding:16px;display:flex;flex-direction:column;transition:box-shadow 0.2s ease,transform 0.2s ease;min-height:200px}.hx-smart-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15);transform:translateY(-2px)}.hx-smart-card__top{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.hx-smart-card__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.hx-smart-card__title{flex:1;font-size:14px;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-smart-card__nav{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color 0.2s ease;flex-shrink:0}.hx-smart-card__nav:hover{background-color:#f3f4f6}.hx-smart-card__content{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.hx-smart-card__chart-container{width:100%;height:100%;min-height:150px;display:flex;align-items:center;justify-content:center}.hx-smart-card--circular[data-width='40'] .hx-smart-card__chart-container,.hx-smart-card--circular[data-width='50'] .hx-smart-card__chart-container,.hx-smart-card--circular[data-width='60'] .hx-smart-card__chart-container,.hx-smart-card--circular[data-width='70'] .hx-smart-card__chart-container,.hx-smart-card--circular[data-width='75'] .hx-smart-card__chart-container,.hx-smart-card--circular[data-width='80'] .hx-smart-card__chart-container,.hx-smart-card--circular[data-width='90'] .hx-smart-card__chart-container,.hx-smart-card--circular[data-width='100'] .hx-smart-card__chart-container{flex-direction:row;gap:20px;justify-content:flex-start;align-items:center}.hx-smart-card--circular[data-width='40'] .hx-smart-card__chart-container canvas,.hx-smart-card--circular[data-width='50'] .hx-smart-card__chart-container canvas,.hx-smart-card--circular[data-width='60'] .hx-smart-card__chart-container canvas,.hx-smart-card--circular[data-width='70'] .hx-smart-card__chart-container canvas,.hx-smart-card--circular[data-width='75'] .hx-smart-card__chart-container canvas,.hx-smart-card--circular[data-width='80'] .hx-smart-card__chart-container canvas,.hx-smart-card--circular[data-width='90'] .hx-smart-card__chart-container canvas,.hx-smart-card--circular[data-width='100'] .hx-smart-card__chart-container canvas{width:180px!important;height:180px!important;max-width:180px;max-height:180px;flex-shrink:0}.hx-smart-card__chart-container canvas{max-width:100%;max-height:180px}.hx-smart-card__value-container{width:100%;text-align:center;padding:20px 0}.hx-smart-card__value{font-size:48px;font-weight:700;color:#1e5194;line-height:1;margin-bottom:8px}.hx-smart-card__value-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:0.5px;font-weight:500}.hx-smart-card--loading{opacity:0.6;pointer-events:none}.hx-smart-card--loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #e5e7eb;border-top-color:#1e5194;border-radius:50%;animation:spin 0.6s linear infinite}.hx-dashboard-cards-container--empty{padding:40px 20px;text-align:center;color:#9ca3af}.hx-dashboard-cards-container--empty::before{content:'📊';display:block;font-size:48px;margin-bottom:16px;opacity:0.5}.hx-partner-report{padding:32px 40px;background:white;overflow-y:auto;overflow-x:hidden}.hx-report-header{margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.hx-report-header h1,.hx-report-header h2{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 8px 0;line-height:1.2}.hx-report-title{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 8px 0;line-height:1.2}.hx-report-subtitle{font-size:14px;font-weight:400;color:#6b7280;margin:0;line-height:1.5}.hx-partner-content{width:100%;max-width:100%;margin:0;padding:0}.hx-partner-report-report{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;width:100%}.hx-report-section{background:white;border-radius:8px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,0.1);min-width:0;width:100%}.hx-report-section[data-width='100']{grid-column:span 6}.hx-report-section[data-width='50']{grid-column:span 3}.hx-report-section[data-width='33']{grid-column:span 2}.hx-report-section h2{font-size:20px;font-weight:600;color:#374151;margin:0 0 20px 0}.hx-report-section canvas{width:100%!important;height:auto!important;max-width:100%}.hx-dashboard-tile{padding:20px;text-align:center}.hx-dashboard-tile__value{font-size:48px;font-weight:700;color:#1e5194;margin-bottom:8px}.hx-dashboard-tile__label{font-size:16px;color:#6b7280}.hx-empty-state{text-align:center;padding:80px 20px;color:#9ca3af;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.hx-empty-state__icon{font-size:64px;color:#d1d5db;margin-bottom:24px}.hx-empty-state p{font-size:18px;margin:0 0 8px 0;color:#6b7280}.hx-empty-state__hint{font-size:14px!important;color:#9ca3af!important}}@media (min-width:1200px){.hx-dashboard-cards .hx-smart-card[data-width='100']{width:calc(100% - 16px)}.hx-dashboard-cards .hx-smart-card[data-width='80']{width:calc(80% - 16px)}.hx-dashboard-cards .hx-smart-card[data-width='70']{width:calc(70% - 16px)}.hx-dashboard-cards .hx-smart-card[data-width='60']{width:calc(60% - 16px)}.hx-dashboard-cards .hx-smart-card[data-width='50']{width:calc(50% - 16px)}.hx-dashboard-cards .hx-smart-card[data-width='40']{width:calc(40% - 16px)}.hx-dashboard-cards .hx-smart-card[data-width='33']{width:calc(33.333% - 16px)}.hx-dashboard-cards .hx-smart-card[data-width='25']{width:calc(25% - 16px)}.hx-dashboard-cards .hx-smart-card[data-width='20']{width:calc(20% - 16px)}}@media (max-width:1199px){.hx-dashboard-cards .hx-smart-card[data-width='33'],.hx-dashboard-cards .hx-smart-card[data-width='25'],.hx-dashboard-cards .hx-smart-card[data-width='20']{width:calc(50% - 16px)}}@media (max-width:1024px){.hx-dashboard-cards .hx-partner-report-report{grid-template-columns:1fr}}@media (max-width:768px){.hx-dashboard-cards .hx-smart-card{width:100%!important}.hx-dashboard-cards .hx-dashboard-cards-grid{gap:12px}.hx-dashboard-cards .hx-smart-card__value{font-size:36px}}@keyframes spin{to{transform:rotate(360deg)}}

/** webx_dashboard/static/css/views/list/list-view-smart-button.css **/
.hx-list-view-smart-button{display:block}:root.light{--sb-surface:#ffffff;--sb-border:#e6e6e6;--sb-border-hover:#d0d1d3;--sb-text:#1e1e1e;--sb-muted:#6b7280;--sb-accent:#1e5194;--sb-shadow:0 2px 6px rgba(0,0,0,0.06);--sb-shadow-hover:0 4px 12px rgba(0,0,0,0.08);--sb-hover:#f7f7f7;--sb-icon-bg:#f7f7f7;--sb-icon-bg-hover:#e6e6e6;--sb-scroll-btn-bg:rgba(255,255,255,0.95);--sb-scroll-btn-shadow:0 2px 8px rgba(0,0,0,0.15)}:root.dark{--sb-surface:#1f1f1f;--sb-border:#333333;--sb-border-hover:#404040;--sb-text:#ededed;--sb-muted:#9aa0a6;--sb-accent:#5b9fff;--sb-shadow:0 2px 8px rgba(0,0,0,0.35);--sb-shadow-hover:0 4px 16px rgba(0,0,0,0.45);--sb-hover:#272727;--sb-icon-bg:#272727;--sb-icon-bg-hover:#333333;--sb-scroll-btn-bg:rgba(31,31,31,0.95);--sb-scroll-btn-shadow:0 2px 8px rgba(0,0,0,0.5)}.hx-smart-cards-wrapper{position:relative;width:100%}.hx-smart-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none}.hx-smart-cards--horizontal-scroll{display:flex;flex-direction:row;gap:16px;flex-wrap:nowrap}.hx-smart-cards--horizontal-scroll .hx-smart-card{flex-shrink:0}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='20']{min-width:20%;width:20%}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='25']{min-width:25%;width:25%}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='33']{min-width:33%;width:33%}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='40']{min-width:40%;width:40%}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='50']{min-width:50%;width:50%}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='60']{min-width:60%;width:60%}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='70']{min-width:70%;width:70%}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='80']{min-width:80%;width:80%}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='100']{min-width:100%;width:100%}.hx-smart-cards::-webkit-scrollbar{display:none}@media (max-width:1200px){.hx-smart-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.hx-smart-cards{grid-template-columns:1fr}}.hx-smart-card{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:12px;padding:10px 14px 8px;box-shadow:var(--sb-shadow);text-align:left;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column}.hx-smart-card[data-width='20']{grid-column:span 1}.hx-smart-card[data-width='25']{grid-column:span 1}.hx-smart-card[data-width='33']{grid-column:span 1}.hx-smart-card[data-width='40']{grid-column:span 2}.hx-smart-card[data-width='50']{grid-column:span 2}.hx-smart-card[data-width='60']{grid-column:span 3}.hx-smart-card[data-width='70']{grid-column:span 3}.hx-smart-card[data-width='80']{grid-column:span 3}.hx-smart-card[data-width='100']{width:100%!important;grid-column:span 4}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='100'],.hx-smart-cards--horizontal-scroll .hx-smart-card{grid-column:auto}@media (max-width:1200px){.hx-smart-card[data-width='20']{grid-column:span 1}.hx-smart-card[data-width='25']{grid-column:span 1}.hx-smart-card[data-width='33']{grid-column:span 1}.hx-smart-card[data-width='40']{grid-column:span 1}.hx-smart-card[data-width='50']{grid-column:span 1}.hx-smart-card[data-width='60']{grid-column:span 2}.hx-smart-card[data-width='70']{grid-column:span 2}.hx-smart-card[data-width='80']{grid-column:span 2}.hx-smart-card[data-width='100']{grid-column:span 2}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='20']{min-width:40%;width:40%}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='25']{min-width:50%;width:50%}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='33']{min-width:50%;width:50%}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='40']{min-width:60%;width:60%}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='50']{min-width:70%;width:70%}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='60']{min-width:80%;width:80%}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='70']{min-width:85%;width:85%}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='80']{min-width:90%;width:90%}.hx-smart-cards--horizontal-scroll .hx-smart-card[data-width='100']{min-width:100%;width:100%}.hx-smart-card[data-width='20'] .hx-smart-card__chart-container,.hx-smart-card[data-width='25'] .hx-smart-card__chart-container,.hx-smart-card[data-width='33'] .hx-smart-card__chart-container,.hx-smart-card[data-width='40'] .hx-smart-card__chart-container{height:130px}}@media (max-width:640px){.hx-smart-card[data-width]{grid-column:span 1}.hx-smart-cards--horizontal-scroll{display:grid;grid-template-columns:1fr}.hx-smart-cards--horizontal-scroll .hx-smart-card{min-width:auto;width:100%}}.hx-smart-card:not(.hx-smart-card--chart){cursor:pointer}.hx-smart-card:not(.hx-smart-card--chart):focus,.hx-smart-card:not(.hx-smart-card--chart):hover{background:var(--sb-hover);border-color:var(--sb-border-hover);box-shadow:var(--sb-shadow-hover);transform:translateY(-2px)}.hx-smart-card:not(.hx-smart-card--chart):active{transform:translateY(0) scale(0.98);box-shadow:var(--sb-shadow)}.hx-smart-card--chart{cursor:default;padding:10px 14px 6px}.hx-smart-card--chart .hx-smart-card__icon{background:transparent}.hx-smart-card__top{display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:8px;margin-bottom:0}.hx-smart-card__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--sb-icon-bg);border-radius:8px;transition:background-color 0.2s ease}.hx-smart-card__icon svg{width:18px;height:18px;color:var(--sb-accent,#1e5194);fill:currentColor}.hx-smart-card:hover .hx-smart-card__icon{background:var(--sb-icon-bg-hover)}.hx-smart-card__title{color:var(--sb-text);font-weight:600;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-smart-card__nav{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:2px;cursor:pointer;transition:transform 0.2s ease,opacity 0.2s ease;border-radius:4px;color:var(--sb-muted)}.hx-smart-card__nav:hover{opacity:0.8;transform:scale(1.1);background:var(--sb-hover)}.hx-smart-card__value{color:var(--sb-accent);font-weight:700;font-size:36px;line-height:1;margin-top:4px;letter-spacing:-0.5px}.hx-smart-card__percentage{font-size:14px;font-weight:500;color:var(--sb-muted,#6b7280);margin-top:4px;line-height:1.2}.hx-smart-card__footer{display:flex;flex-direction:column;gap:2px}.hx-smart-card__amount{font-size:18px;font-weight:600;color:var(--sb-accent,#1e5194)}.hx-smart-card__label{font-size:14px;color:var(--sb-muted,#9ca3af);margin-top:2px}.hx-smart-card__delta{color:var(--sb-muted);font-size:11px;font-weight:500;line-height:1.4}.hx-smart-card__chart-container{width:100%;height:130px;position:relative;margin-top:4px;padding:0;display:flex;align-items:center;justify-content:center}.hx-smart-card__chart-container canvas{width:100%!important;height:100%!important;max-width:100%;max-height:100%}.hx-smart-card--chart:not(.hx-smart-card--circular) .hx-smart-card__chart-container{height:130px}.hx-smart-card--chart:not(.hx-smart-card--circular)[data-width='20'] .hx-smart-card__chart-container,.hx-smart-card--chart:not(.hx-smart-card--circular)[data-width='25'] .hx-smart-card__chart-container{height:120px}.hx-smart-card--chart:not(.hx-smart-card--circular)[data-width='50'] .hx-smart-card__chart-container{height:140px}.hx-smart-card--chart:not(.hx-smart-card--circular)[data-width='80'] .hx-smart-card__chart-container,.hx-smart-card--chart:not(.hx-smart-card--circular)[data-width='100'] .hx-smart-card__chart-container{height:150px}.hx-smart-card--circular .hx-smart-card__chart-container{height:180px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;padding:0}.hx-smart-card--circular .hx-smart-card__chart-container canvas{flex-shrink:0;width:170px!important;height:170px!important;max-width:none;max-height:none}.hx-smart-card--circular[data-width='20'] .hx-smart-card__chart-container,.hx-smart-card--circular[data-width='25'] .hx-smart-card__chart-container{height:160px;flex-direction:column}.hx-smart-card--circular[data-width='20'] .hx-smart-card__chart-container canvas,.hx-smart-card--circular[data-width='25'] .hx-smart-card__chart-container canvas{width:130px!important;height:130px!important}.hx-smart-card--circular[data-width='33'] .hx-smart-card__chart-container,.hx-smart-card--circular[data-width='40'] .hx-smart-card__chart-container{height:170px;flex-direction:column}.hx-smart-card--circular[data-width='33'] .hx-smart-card__chart-container canvas,.hx-smart-card--circular[data-width='40'] .hx-smart-card__chart-container canvas{width:150px!important;height:150px!important}.hx-smart-card--circular[data-width='50'] .hx-smart-card__chart-container{height:180px}.hx-smart-card--circular[data-width='50'] .hx-smart-card__chart-container canvas{width:170px!important;height:170px!important}.hx-smart-card--circular[data-width='80'] .hx-smart-card__chart-container,.hx-smart-card--circular[data-width='100'] .hx-smart-card__chart-container{height:190px}.hx-smart-card--circular[data-width='80'] .hx-smart-card__chart-container canvas,.hx-smart-card--circular[data-width='100'] .hx-smart-card__chart-container canvas{width:180px!important;height:180px!important}@media (max-width:768px){.hx-smart-card__chart-container{height:120px}.hx-smart-card--circular .hx-smart-card__chart-container{height:150px}.hx-smart-card--circular .hx-smart-card__chart-container canvas{max-width:130px;max-height:130px}}.hx-smart-cards__scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--sb-scroll-btn-bg);border:1px solid var(--sb-border);box-shadow:var(--sb-scroll-btn-shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:opacity 0.3s ease,transform 0.2s ease,background-color 0.2s ease;color:var(--sb-text);backdrop-filter:blur(8px)}.hx-smart-cards__scroll-btn:hover{background:var(--sb-hover);transform:translateY(-50%) scale(1.1)}.hx-smart-cards__scroll-btn:active{transform:translateY(-50%) scale(0.95)}.hx-smart-cards__scroll-btn--left{left:0px}.hx-smart-cards__scroll-btn--right{right:0px}.hx-smart-cards__scroll-btn--hidden{opacity:0;pointer-events:none}@media (max-width:768px){.hx-smart-cards__scroll-btn{display:none}}.action-bar-item--edit-table{display:flex;align-items:center}.hx-edit-table-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;margin:0;background:transparent;border:1px solid #e6e6e6;border-radius:6px;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;font-size:13px;font-weight:600;line-height:1.5;color:#2b2b2b;cursor:pointer;transition:all 0.15s ease;height:32px;white-space:nowrap}.hx-edit-table-btn:hover{background:#f0f1f2;border-color:#d0d1d3;transform:none;box-shadow:none}.hx-edit-table-btn:active{transform:scale(0.98);box-shadow:none}.hx-edit-table-btn:focus{outline:2px solid #1e5194;outline-offset:2px}.hx-edit-table-btn svg{flex-shrink:0;width:16px;height:16px}:root.dark .hx-edit-table-btn{background:transparent;border-color:#404040;color:#ededed}:root.dark .hx-edit-table-btn:hover{background:#333333;border-color:#505050}:root.dark .hx-edit-table-btn svg path{fill:#ededed}@media (max-width:640px){.action-bar-item--edit-table .hx-edit-table-btn span{display:none}.action-bar-item--edit-table .hx-edit-table-btn{padding:6px;min-width:32px}}

/** webx_dashboard/static/css/views/dashboard/dashboard-view.css **/
.hx-dashboard-view-loading{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px}.hx-dashboard-view-loading__content{display:flex;flex-direction:column;align-items:center;gap:16px}.hx-dashboard-view-loading__spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:dashboard-spin 1s linear infinite}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.hx-dashboard-view-loading__text{margin:0;font-size:14px;color:#6b7280}.hx-dashboard-view{padding:24px;background-color:#f9fafb;min-height:calc(100vh - 120px)}.hx-dashboard-view__header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.hx-dashboard-view__header-left{flex:1}.hx-dashboard-view__header-right{flex-shrink:0;margin-right:15px}.hx-dashboard-view__header-right .hx-edit-table-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;margin:0;background:transparent;border:1px solid #e6e6e6;border-radius:6px;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;font-size:13px;font-weight:600;line-height:1.5;color:#2b2b2b;cursor:pointer;transition:all 0.15s ease;height:32px;white-space:nowrap}.hx-dashboard-view__header-right .hx-edit-table-btn:hover{background:#f0f1f2;border-color:#d0d1d3}.hx-dashboard-view__header-right .hx-edit-table-btn:active{transform:scale(0.98)}.hx-dashboard-view__header-right .hx-edit-table-btn:focus{outline:2px solid #1e5194;outline-offset:2px}.hx-dashboard-view__header-right .hx-edit-table-btn svg{flex-shrink:0;width:16px;height:16px}:root.dark .hx-dashboard-view__header-right .hx-edit-table-btn{background:transparent;border-color:#404040;color:#ededed}:root.dark .hx-dashboard-view__header-right .hx-edit-table-btn:hover{background:#333333;border-color:#505050}:root.dark .hx-dashboard-view__header-right .hx-edit-table-btn svg path{fill:#ededed}.hx-dashboard-view__title{margin:0 0 8px 0;font-size:24px;font-weight:600;color:#111827}.hx-dashboard-view__subtitle{margin:0;font-size:14px;color:#6b7280}.hx-dashboard-view__content{width:100%}.hx-dashboard-view__grid{display:flex;flex-wrap:wrap;gap:16px}.hx-dashboard-view__section{background:#ffffff;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,0.1);min-height:200px}.hx-dashboard-view__section-title{margin:0 0 16px 0;font-size:16px;font-weight:600;color:#374151}.hx-dashboard-view__chart{position:relative;width:100%;height:300px}.hx-dashboard-view__chart canvas{width:100%!important;height:300px!important;max-height:300px!important}.hx-dashboard-view__tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:16px;text-align:left}.hx-dashboard-view__tile-top{display:flex;align-items:center;gap:10px;margin-bottom:8px;width:100%}.hx-dashboard-view__tile-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#e0ecff;border-radius:8px;flex-shrink:0}.hx-dashboard-view__tile-icon svg{width:18px;height:18px;color:#1e5194;fill:currentColor}.hx-dashboard-view__tile-title{color:#374151;font-weight:600;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-dashboard-view__tile-percentage{font-size:12px;color:#6b7280;margin-bottom:4px}.hx-dashboard-view__tile-value{font-size:36px;font-weight:700;color:#111827;line-height:1.2;margin-bottom:8px}.hx-dashboard-view__tile-footer{display:flex;flex-direction:column;gap:2px}.hx-dashboard-view__tile-amount{font-size:14px;font-weight:500;color:#1e5194}.hx-dashboard-view__tile-label{font-size:12px;color:#9ca3af}.hx-dashboard-view__section:has(.hx-dashboard-view__tile) .hx-dashboard-view__section-title{display:none}.hx-dashboard-view--empty{display:flex;flex-direction:column}.hx-dashboard-view__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.hx-dashboard-view__empty-icon{color:#d1d5db;margin-bottom:16px}.hx-dashboard-view__empty-title{margin:0 0 8px 0;font-size:18px;font-weight:500;color:#374151}.hx-dashboard-view__empty-hint{margin:0;font-size:14px;color:#9ca3af}.hx-dashboard-view__list{width:100%}.hx-dashboard-list-view{width:100%;overflow-x:auto}.hx-dashboard-list-view .hx-list-view-table-wrapper{max-height:400px;overflow-y:auto}.hx-dashboard-list-view .data-table{width:100%;border-collapse:collapse;font-size:13px}.hx-dashboard-list-view .data-table thead{position:sticky;top:0;z-index:1;background:#f3f4f6}.hx-dashboard-list-view .data-table th{padding:10px 12px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;background:#f3f4f6}.hx-dashboard-list-view .data-table td{padding:10px 12px;border-bottom:1px solid #f3f4f6;color:#374151}.hx-dashboard-list-view .data-table tbody tr:hover{background-color:#f9fafb}.hx-dashboard-list-view .field-mode-read span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.hx-dashboard-list-view .text-center{text-align:center}.hx-dashboard-list-view .text-muted{color:#9ca3af}.hx-dashboard-list-pagination{padding:12px;text-align:right;border-top:1px solid #e5e7eb;color:#6b7280;font-size:12px}.hx-dashboard-view__empty .hx-edit-table-btn{margin-top:24px}@media (max-width:768px){.hx-dashboard-view__section{width:100%!important}.hx-dashboard-view__tile-value{font-size:28px}}

/** webx_dashboard/static/css/views/form/dashboard-standalone-preview.css **/
.hx-dashboard-standalone-preview{width:100%}.hx-dashboard-standalone-preview__panel{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;min-height:150px}.hx-dashboard-standalone-preview .preview-content{min-height:120px}.hx-dashboard-standalone-preview .preview-widget{min-height:120px;display:flex;align-items:center;justify-content:center;position:relative}.hx-dashboard-standalone-preview .preview-loading{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;color:#64748b}.hx-dashboard-standalone-preview .preview-loading .spinner{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.hx-dashboard-standalone-preview .preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;color:#94a3b8;text-align:center}.hx-dashboard-standalone-preview .preview-placeholder p{margin:0;font-size:13px}.hx-dashboard-standalone-preview .preview-placeholder.preview-error{color:#ef4444}.hx-dashboard-standalone-preview .preview-sample-indicator{position:absolute;top:8px;right:8px;background:rgba(251,188,5,0.9);color:#000;font-size:10px;font-weight:600;padding:4px 8px;border-radius:4px;z-index:10;text-transform:uppercase;letter-spacing:0.5px;display:flex;align-items:center;gap:4px}.hx-dashboard-standalone-preview .preview-smart-card.hx-smart-card{width:100%;max-width:100%;cursor:default}.hx-dashboard-standalone-preview .hx-smart-card__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#e8f0fd;border-radius:8px;flex-shrink:0}.hx-dashboard-standalone-preview .hx-smart-card__icon svg{width:18px;height:18px;color:#1e5194;fill:currentColor}.hx-dashboard-standalone-preview .preview-chart{width:100%;min-height:180px;position:relative;background:#fff;border-radius:8px;padding:12px;border:1px solid #e2e8f0}.hx-dashboard-standalone-preview .preview-chart canvas{max-width:100%;max-height:100%}.hx-dashboard-standalone-preview .preview-list{width:100%;overflow-x:auto;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.hx-dashboard-standalone-preview .preview-table{width:100%;border-collapse:collapse;font-size:13px}.hx-dashboard-standalone-preview .preview-table th,.hx-dashboard-standalone-preview .preview-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e2e8f0}.hx-dashboard-standalone-preview .preview-table th{background:#f8fafc;font-weight:600;color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap}.hx-dashboard-standalone-preview .preview-table td{color:#1e293b}.hx-dashboard-standalone-preview .preview-table tbody tr:hover{background:#f8fafc}.hx-dashboard-standalone-preview .preview-table tbody tr:last-child td{border-bottom:none}.hx-dashboard-standalone-preview .preview-list-more{padding:8px 12px;text-align:center;font-size:12px;color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0}.hx-dashboard-standalone-preview .preview-todo{width:100%;background:#fff;border-radius:8px;border:1px solid #e2e8f0;padding:12px}.hx-dashboard-standalone-preview .preview-todo-list{display:flex;flex-direction:column;gap:8px}.hx-dashboard-standalone-preview .preview-todo-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8fafc;border-radius:6px;transition:background 0.15s}.hx-dashboard-standalone-preview .preview-todo-item:hover{background:#f1f5f9}.hx-dashboard-standalone-preview .preview-todo-item.done{opacity:0.6}.hx-dashboard-standalone-preview .preview-todo-item.done .preview-todo-name{text-decoration:line-through;color:#94a3b8}.hx-dashboard-standalone-preview .preview-todo-checkbox{font-size:16px;color:#3b82f6;user-select:none}.hx-dashboard-standalone-preview .preview-todo-item.done .preview-todo-checkbox{color:#10b981}.hx-dashboard-standalone-preview .preview-todo-name{flex:1;font-size:13px;color:#1e293b}.hx-dashboard-standalone-preview .preview-todo-empty{display:flex;align-items:center;justify-content:center;padding:24px;color:#94a3b8}.hx-dashboard-standalone-preview .preview-todo-empty p{margin:0;font-size:13px}

/** webx_dashboard/static/css/views/form/dashboard-item-preview.css **/
.hx-dashboard-item-preview{}.hx-dashboard-item-preview .sheet-tabs-content.hx-dashboard-item-form-layout{display:flex!important;flex-direction:row;gap:24px;position:relative}.hx-dashboard-item-preview .sheet-tabs-content.hx-dashboard-item-form-layout>.sheet-tab-pane{flex:1;min-width:0}.hx-dashboard-item-preview .hx-dashboard-item-form-preview{flex:0 0 380px;width:380px;position:relative;align-self:flex-start;order:999}.hx-dashboard-item-preview .hx-dashboard-item-preview-panel{position:sticky;top:16px;background:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible;max-height:calc(100vh - 200px);display:flex;flex-direction:column}.hx-dashboard-item-preview .preview-content{flex:1;padding:0;overflow-y:auto;min-height:200px}.hx-dashboard-item-preview .preview-widget{min-height:200px;display:flex;align-items:center;justify-content:center}.hx-dashboard-item-preview .preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;color:#94a3b8;text-align:center;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}.hx-dashboard-item-preview .preview-placeholder p{margin:0;font-size:13px;line-height:1.5}.hx-dashboard-item-preview .preview-tile{width:100%;padding:16px;background:linear-gradient(135deg,#1e5194 0%,#3b82f6 100%);border-radius:10px;color:#fff}.hx-dashboard-item-preview .preview-tile .tile-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.hx-dashboard-item-preview .preview-tile .tile-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.15);border-radius:10px}.hx-dashboard-item-preview .preview-tile .tile-icon{width:28px;height:28px}.hx-dashboard-item-preview .preview-tile .tile-info{flex:1}.hx-dashboard-item-preview .preview-tile .tile-title{display:block;font-size:15px;font-weight:600;margin-bottom:4px}.hx-dashboard-item-preview .preview-tile .tile-percentage{display:inline-block;font-size:12px;padding:2px 8px;background:rgba(255,255,255,0.2);border-radius:12px}.hx-dashboard-item-preview .preview-tile .tile-body{margin-bottom:12px}.hx-dashboard-item-preview .preview-tile .tile-value{font-size:32px;font-weight:700;line-height:1.2}.hx-dashboard-item-preview .preview-tile .tile-label{font-size:12px;opacity:0.8;margin-top:4px}.hx-dashboard-item-preview .preview-tile .tile-footer{padding-top:12px;border-top:1px solid rgba(255,255,255,0.2)}.hx-dashboard-item-preview .preview-tile .tile-amount{font-size:18px;font-weight:600}.hx-dashboard-item-preview .preview-smart-card.hx-smart-card{width:100%;max-width:100%;cursor:default}.hx-dashboard-item-preview .preview-widget .hx-smart-card{width:100%}.hx-dashboard-item-preview .preview-chart{width:100%;min-height:200px;position:relative;background:#fff;border-radius:8px;padding:12px;border:1px solid #e2e8f0}.hx-dashboard-item-preview .preview-chart canvas{max-width:100%;max-height:100%}.hx-dashboard-item-preview .preview-sample-indicator,.preview-chart .preview-sample-indicator{position:absolute;top:8px;right:8px;background:rgba(251,188,5,0.9);color:#000;font-size:10px;font-weight:600;padding:4px 8px;border-radius:4px;z-index:10;text-transform:uppercase;letter-spacing:0.5px}.hx-dashboard-item-preview .preview-list{width:100%;overflow-x:auto;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.hx-dashboard-item-preview .preview-list-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#94a3b8;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}.hx-dashboard-item-preview .preview-list-empty p{margin:0;font-size:13px}.hx-dashboard-item-preview .preview-list-more{padding:8px 12px;text-align:center;font-size:12px;color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0}.hx-dashboard-item-preview .preview-table{width:100%;border-collapse:collapse;font-size:13px}.hx-dashboard-item-preview .preview-table th,.hx-dashboard-item-preview .preview-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e2e8f0}.hx-dashboard-item-preview .preview-table th{background:#f8fafc;font-weight:600;color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap}.hx-dashboard-item-preview .preview-table td{color:#1e293b}.hx-dashboard-item-preview .preview-table tbody tr:hover{background:#f8fafc}.hx-dashboard-item-preview .preview-table tbody tr:last-child td{border-bottom:none}.hx-dashboard-item-preview .preview-todo{width:100%;background:#fff;border-radius:8px;border:1px solid #e2e8f0;padding:12px}.hx-dashboard-item-preview .preview-todo-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#94a3b8;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}.hx-dashboard-item-preview .preview-todo-empty p{margin:0;font-size:13px}.hx-dashboard-item-preview .preview-todo-list{display:flex;flex-direction:column;gap:8px}.hx-dashboard-item-preview .preview-todo-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8fafc;border-radius:6px;transition:background 0.15s}.hx-dashboard-item-preview .preview-todo-item:hover{background:#f1f5f9}.hx-dashboard-item-preview .preview-todo-item.done{opacity:0.6}.hx-dashboard-item-preview .preview-todo-item.done .preview-todo-name{text-decoration:line-through;color:#94a3b8}.hx-dashboard-item-preview .preview-todo-checkbox{font-size:16px;color:#3b82f6;user-select:none}.hx-dashboard-item-preview .preview-todo-item.done .preview-todo-checkbox{color:#10b981}.hx-dashboard-item-preview .preview-todo-name{flex:1;font-size:13px;color:#1e293b}@media (max-width:1200px){.hx-dashboard-item-preview .sheet-tabs-content.hx-dashboard-item-form-layout{gap:16px}.hx-dashboard-item-preview .hx-dashboard-item-form-preview{flex:0 0 320px;width:320px}}@media (max-width:992px){.hx-dashboard-item-preview .sheet-tabs-content.hx-dashboard-item-form-layout{flex-direction:column}.hx-dashboard-item-preview .hx-dashboard-item-form-preview{flex:0 0 auto;width:100%;order:-1}.hx-dashboard-item-preview .hx-dashboard-item-preview-panel{position:relative;top:0;max-height:none}}@media (prefers-color-scheme:dark){.hx-dashboard-item-preview .hx-dashboard-item-preview-panel{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-color:#334155}.hx-dashboard-item-preview .preview-content{background:#0f172a}.hx-dashboard-item-preview .preview-placeholder{color:#64748b}.hx-dashboard-item-preview .preview-info{background:#1e293b;border-color:#334155}.hx-dashboard-item-preview .preview-info .info-label{color:#94a3b8}.hx-dashboard-item-preview .preview-info .info-value{color:#f1f5f9;background:#334155;border-color:#475569}.hx-dashboard-item-preview .preview-table th{background:#1e293b;color:#94a3b8}.hx-dashboard-item-preview .preview-table td{color:#e2e8f0;border-color:#334155}.hx-dashboard-item-preview .preview-table tbody tr:hover{background:#1e293b}.hx-dashboard-item-preview .preview-todo{background:#1e293b;border-color:#334155}.hx-dashboard-item-preview .preview-todo-empty{background:#0f172a;border-color:#334155}.hx-dashboard-item-preview .preview-todo-item{background:#0f172a}.hx-dashboard-item-preview .preview-todo-item:hover{background:#1e293b}.hx-dashboard-item-preview .preview-todo-name{color:#e2e8f0}.hx-dashboard-item-preview .preview-todo-item.done .preview-todo-name{color:#64748b}}

/** webx_dashboard/static/css/views/form/dashboard-preview-widget.css **/
.hx-dashboard-preview-widget{width:100%;height:100%}.hx-dashboard-item-preview-panel{position:sticky;top:0;right:0;width:100%;max-width:400px;height:fit-content;background:white;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.preview-content{width:100%}.preview-widget{width:100%;position:relative}.preview-chart{width:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.preview-chart-info{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;width:100%}.preview-groupby-badge{display:inline-flex;align-items:center;font-size:11px;padding:3px 8px;border-radius:4px;background:#e3f2fd;color:#1565c0;font-weight:500}.preview-subgroupby-badge{background:#f3e5f5;color:#7b1fa2}.preview-chart canvas{max-width:100%;height:auto}.preview-placeholder{text-align:center;color:#666;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:0.5rem}.preview-placeholder.preview-error{color:#dc3545}.preview-icon{opacity:0.5;margin-bottom:0.5rem}.preview-loading{text-align:center;color:#999;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.preview-loading .spinner{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.preview-sample-indicator{display:flex;align-items:center;gap:6px;background:#fff3cd;color:#856404;font-size:11px;padding:4px 8px;border-radius:4px;margin-bottom:8px}.preview-sample-indicator svg{flex-shrink:0}.preview-tile{text-align:center;padding:1.5rem}.preview-tile .tile-header{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem}.preview-tile .tile-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:rgba(30,81,148,0.1);border-radius:50%}.preview-tile .tile-icon{color:#1e5194}.preview-tile .tile-percentage{font-size:0.875rem;font-weight:600;color:#28a745;background:rgba(40,167,69,0.1);padding:4px 8px;border-radius:4px}.preview-tile .tile-value{font-size:2rem;font-weight:700;color:#1e5194;line-height:1.2}.preview-tile .tile-label{font-size:0.875rem;color:#666;margin-top:0.25rem}.preview-tile .tile-amount{display:flex;flex-direction:column;gap:2px;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.preview-tile .tile-amount-label{font-size:0.75rem;color:#999;text-transform:uppercase}.preview-tile .tile-amount-value{font-size:1rem;color:#28a745;font-weight:600}.preview-list{padding:0.5rem 0}.preview-list-item{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0.75rem;border-bottom:1px solid #eee}.preview-list-item:last-child{border-bottom:none}.list-item-name{font-size:0.875rem;color:#333}.list-item-value{font-size:0.875rem;color:#1e5194;font-weight:500}.preview-list-more{text-align:center;font-size:0.75rem;color:#999;padding:0.5rem;border-top:1px solid #eee}.preview-todo{padding:0.5rem 0}.preview-todo-item{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;border-bottom:1px solid #eee}.preview-todo-item:last-child{border-bottom:none}.preview-todo-item.done{opacity:0.6}.preview-todo-item.done .todo-name{text-decoration:line-through}.todo-checkbox{font-size:1rem;color:#1e5194}.todo-name{font-size:0.875rem;color:#333}

/** core_forecast/static/css/views/forecast-dashboard.css **/
.hx-forecast-dashboard .hx-forecast-controls{display:flex;align-items:center;gap:16px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e1e2e3;flex-wrap:wrap}.hx-forecast-dashboard .hx-forecast-control-group{position:relative;display:flex;align-items:center;gap:8px;padding:4px;background:#fff;border:1px solid #e1e2e3;border-radius:8px}.hx-forecast-dashboard .hx-forecast-control-group .forecast-period-control-group{width:212px}.hx-forecast-dashboard .hx-forecast-control-group.dropdown-open{border-color:#1e5194}.hx-forecast-dashboard .hx-forecast-control-group .control-label{font-size:13px;font-weight:500;white-space:nowrap;color:#000000;background-color:#f2f3f5;padding:6px 14px;border-radius:4px}.hx-forecast-dashboard .hx-custom-select{display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer;min-width:120px}.hx-forecast-dashboard .hx-custom-select .selected-value{font-size:14px;color:#1e1e1e}.hx-forecast-dashboard .hx-custom-select .dropdown-arrow{color:#666;transition:transform 0.2s ease}.hx-forecast-dashboard .hx-forecast-control-group.dropdown-open .dropdown-arrow{transform:rotate(180deg)}.hx-forecast-dashboard .hx-dropdown-options{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e1e2e3;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:100;padding:4px 0;list-style:none;min-width:180px}.hx-forecast-dashboard .hx-dropdown-options--wide{min-width:240px}.hx-forecast-dashboard .hx-dropdown-option{padding:10px 16px;font-size:14px;color:#333;cursor:pointer;transition:background-color 0.15s ease}.hx-forecast-dashboard .hx-dropdown-option:hover{background:#f5f6f8}.hx-forecast-dashboard .hx-dropdown-option.selected{background:#e8f0fe;color:#1e5194;font-weight:600}.hx-forecast-dashboard .hx-dropdown-custom-date{padding:12px 16px;border-top:1px solid #e1e2e3;margin-top:4px}.hx-forecast-dashboard .custom-date-field{margin-bottom:12px}.hx-forecast-dashboard .custom-date-field:last-child{margin-bottom:0}.hx-forecast-dashboard .custom-date-label{display:block;font-size:12px;font-weight:500;color:#666;margin-bottom:6px}.hx-forecast-dashboard .custom-date-input{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e1e2e3;border-radius:6px;cursor:pointer}.hx-forecast-dashboard .custom-date-input:hover{border-color:#c0c3c9}.hx-forecast-dashboard .custom-date-input .date-icon{color:#666;flex-shrink:0}.hx-forecast-dashboard .custom-date-input input{flex:1;border:none;background:transparent;font-size:14px;color:#1e1e1e;outline:none;min-width:0}.hx-forecast-dashboard .custom-date-input .dropdown-icon{color:#999;flex-shrink:0}.hx-forecast-dashboard .dropdown-fade-enter-active,.hx-forecast-dashboard .dropdown-fade-leave-active{transition:opacity 0.15s ease,transform 0.15s ease}.hx-forecast-dashboard .dropdown-fade-enter-from,.hx-forecast-dashboard .dropdown-fade-leave-to{opacity:0;transform:translateY(-4px)}.hx-forecast-dashboard .hx-forecast-control-group .form-select,.hx-forecast-dashboard .hx-forecast-control-group .form-control{border:none;background:transparent;font-size:14px;color:#1e1e1e;padding:0;min-width:120px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0 center;background-size:14px 10px;padding-right:20px}.hx-forecast-dashboard .hx-forecast-control-group .form-control{background-image:none;padding-right:0}.hx-forecast-dashboard .hx-forecast-control-group .form-select:focus,.hx-forecast-dashboard .hx-forecast-control-group .form-control:focus{box-shadow:none;outline:none}.hx-forecast-dashboard .hx-forecast-control-spacer{flex:1}.hx-forecast-dashboard .hx-forecast-theme-toggle{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:4px;gap:2px;width:106px;height:40px;background:#ffffff;border:1px solid #cacbcc;border-radius:999px;flex:none;flex-grow:0}.hx-forecast-dashboard .hx-forecast-theme-toggle .theme-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:32px;border:none;background:transparent;color:#666;cursor:pointer;transition:all 0.2s ease;border-radius:999px;padding:0;flex-shrink:0}.hx-forecast-dashboard .hx-forecast-theme-toggle .theme-btn:hover{background:#f5f5f5}.hx-forecast-dashboard .hx-forecast-theme-toggle .theme-btn.active{background:#1f2937;color:#fff}.hx-forecast-dashboard .hx-forecast-chart-wrapper{background:#f5f9ff;border:1px solid #e1e2e3;border-radius:16px;padding:24px}.hx-forecast-dashboard .hx-forecast-chart{position:relative;height:320px;width:100%}.hx-forecast-dashboard .hx-forecast-chart canvas{width:100%!important;height:100%!important}.hx-forecast-dashboard .hx-forecast-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;padding-top:16px;margin-top:16px;border-top:1px solid #e1e2e3}.hx-forecast-dashboard .hx-forecast-chart-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.hx-forecast-dashboard .hx-forecast-chart-legend .legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.hx-forecast-dashboard .hx-forecast-chart-legend .legend-color.line-style{width:24px;height:3px;border-radius:2px;background:#1e1e1e}.hx-forecast-dashboard .hx-forecast-chart-legend .legend-color.line-style.dashed{background:repeating-linear-gradient(90deg,#8b4513,#8b4513 4px,transparent 4px,transparent 8px)}.hx-forecast-dashboard.dark-mode .hx-forecast-chart-wrapper{background:#112745;border-color:#3a3f47}.hx-forecast-dashboard.dark-mode .hx-forecast-controls{border-bottom-color:#3a3f47}.hx-forecast-dashboard.dark-mode .hx-forecast-control-group{background-color:rgba(255,255,255,0.1);border-color:#153561}.hx-forecast-dashboard.dark-mode .hx-forecast-control-group .control-label{color:#ffffff;background-color:rgba(242,243,245,0.16)}.hx-forecast-dashboard.dark-mode .hx-forecast-control-group .form-select,.hx-forecast-dashboard.dark-mode .hx-forecast-control-group .form-control{color:#ffffff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a0a5ad' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6l4 4 4-4'/%3e%3c/svg%3e")}.hx-forecast-dashboard.dark-mode .hx-forecast-control-group .form-control{background-image:none}.hx-forecast-dashboard.dark-mode .hx-forecast-control-group .form-select option{background:#2a2f36;color:#ffffff}.hx-forecast-dashboard.dark-mode .hx-forecast-control-group.dropdown-open{border-color:#5c8fd6}.hx-forecast-dashboard.dark-mode .hx-custom-select .selected-value{color:#ffffff}.hx-forecast-dashboard.dark-mode .hx-custom-select .dropdown-arrow{color:#a0a5ad}.hx-forecast-dashboard.dark-mode .hx-dropdown-options{background:#2a2f36;border-color:#3a3f47;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.hx-forecast-dashboard.dark-mode .hx-dropdown-option{color:#e0e0e0}.hx-forecast-dashboard.dark-mode .hx-dropdown-option:hover{background:#3a3f47}.hx-forecast-dashboard.dark-mode .hx-dropdown-option.selected{background:#1e3a5f;color:#5c8fd6}.hx-forecast-dashboard.dark-mode .hx-dropdown-custom-date{border-top-color:#3a3f47}.hx-forecast-dashboard.dark-mode .custom-date-label{color:#a0a5ad}.hx-forecast-dashboard.dark-mode .custom-date-input{background:#1e2329;border-color:#3a3f47}.hx-forecast-dashboard.dark-mode .custom-date-input:hover{border-color:#5c8fd6}.hx-forecast-dashboard.dark-mode .custom-date-input .date-icon{color:#a0a5ad}.hx-forecast-dashboard.dark-mode .custom-date-input input{color:#e0e0e0}.hx-forecast-dashboard.dark-mode .custom-date-input .dropdown-icon{color:#666}.hx-forecast-dashboard.dark-mode .hx-forecast-theme-toggle{background:#153561;border-color:#3a3f47}.hx-forecast-dashboard.dark-mode .hx-forecast-theme-toggle .theme-btn{color:#a0a5ad}.hx-forecast-dashboard.dark-mode .hx-forecast-theme-toggle .theme-btn:hover{background:#3a3f47}.hx-forecast-dashboard.dark-mode .hx-forecast-theme-toggle .theme-btn.active{background:#fff;color:#1f2937}.hx-forecast-dashboard .sheet-tab-content{padding:24px}.hx-forecast-dashboard .hx-form-sheet-notebook .sheet-tab-pane{display:block;opacity:1}.hx-forecast-dashboard .sheet-tab-pane{animation:fadeIn 0.2s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hx-forecast-dashboard .hx-forecast-table-section{display:flex;flex-direction:column;gap:16px}.hx-forecast-dashboard .hx-forecast-table-header{display:flex;flex-direction:column;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:12px}.hx-forecast-dashboard .hx-forecast-table-title{font-size:20px;font-weight:600;color:#1e1e1e;margin:0}.hx-forecast-dashboard .hx-forecast-metric-filters{display:flex;gap:8px}.hx-forecast-dashboard .metric-filter-btn{padding:6px 16px;border:1px solid #e1e2e3;border-radius:18px;background:#fff;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all 0.2s ease}.hx-forecast-dashboard .metric-filter-btn:hover{border-color:#1e5194;color:#1e5194}.hx-forecast-dashboard .metric-filter-btn.active{background:#1e5194;border-color:#1e5194;color:#fff}.hx-forecast-dashboard .hx-forecast-table-footer{display:flex;align-items:center;gap:16px;padding-top:16px}.hx-forecast-dashboard .hx-forecast-table-footer .btn-outline-danger{color:#8d180b;border-color:#f7a9a1;background:#fff;font-size:13px;font-weight:500;padding:8px 16px;border-radius:6px}.hx-forecast-dashboard .hx-forecast-table-footer .btn-outline-danger:hover{background:#fff1f2;border-color:#dc3545}.hx-forecast-dashboard .hx-forecast-table-note{padding-top:24px;border-top:1px solid #e1e2e3;margin-top:8px}.hx-forecast-dashboard .hx-forecast-table-note .text-muted{font-size:13px;color:#666}.hx-forecast-dashboard .form-field-value-readonly{font-size:14px;font-weight:500;color:#1e1e1e;padding:8px 0}.hx-forecast-dashboard .smart-buttons-icon-row-wrapper{padding:0 4px}.hx-forecast-dashboard .smart-buttons-icon-row{display:flex;gap:12px}.hx-forecast-dashboard .smart-icon-btn{display:flex;justify-content:center;align-items:center;flex:0 0 auto;border-radius:8px;height:40px;width:40px;border:1px solid #edeef0;background:#f7f8fa;transition:all 0.2s ease;overflow:visible;color:#1e1e1e;cursor:pointer}.hx-forecast-dashboard .smart-icon-btn:hover{background:#e8e9eb;border-color:#1e5194}.hx-forecast-dashboard .smart-icon{display:inline-block;width:20px;height:20px;stroke-width:1;flex-shrink:0}.hx-forecast-dashboard .smart-icon-btn svg{width:20px;height:20px;flex-shrink:0}.hx-forecast-dashboard .smart-icon-btn--danger{color:#dc3545}.hx-forecast-dashboard .smart-icon-btn--danger:hover{background:#fff1f2;border-color:#dc3545;color:#dc3545}.hx-forecast-dashboard .activity-tabs{display:flex;gap:8px}.hx-forecast-dashboard .activity-tab-btn{padding:6px 12px;border:1px solid #e1e2e3;border-radius:20px;background:#fff;font-size:12px;color:#666;cursor:pointer;transition:all 0.2s ease}.hx-forecast-dashboard .activity-tab-btn.active{background:#1e5194;border-color:#1e5194;color:#fff}.hx-forecast-dashboard .activity-content{display:flex;flex-direction:column;gap:8px}.hx-forecast-dashboard .activity-date{font-size:11px;color:#999}.hx-forecast-dashboard .activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #e1e2e3}.hx-forecast-dashboard .activity-dot{width:8px;height:8px;border-radius:50%;background:#1e5194;margin-top:4px;flex-shrink:0}.hx-forecast-dashboard .activity-text{font-size:13px;color:#1e1e1e;line-height:1.5}.hx-forecast-dashboard .hx-form-action-buttons .state-form-button{height:40px}.hx-forecast-dashboard .form-sidebar-icon{display:inline-block;font-size:24px;width:1em;height:1em;stroke-width:0;stroke:#111111;fill:#111111}.hx-forecast-dashboard .form-sidebar-divider{background-color:#e8e9eb;border:0;height:1px;margin:8px 0 12px}.hx-forecast-dashboard .rail-icon{width:22px;height:22px;transition:filter 0.2s ease}.hx-forecast-dashboard .form-sidebar-toggle-icon{width:16px;height:16px;transition:transform 0.2s ease}.hx-forecast-dashboard .toggle-icon{width:16px;height:16px}.hx-forecast-dashboard .hx-list-view .hx-list-view-table-wrapper .data-table tbody .data-row .horizontal-header{background-color:var(--list-header-bg);font-weight:600}.hx-forecast-dashboard .variance-cell{display:flex;align-items:center;gap:8px}.hx-forecast-dashboard .variance-value{font-weight:500;padding:4px 8px;border-radius:4px}.hx-forecast-dashboard .variance-value.variance-positive{color:#23a974;background-color:rgba(35,169,116,0.1)}.hx-forecast-dashboard .variance-value.variance-negative{color:#dc2626;background-color:rgba(220,38,38,0.1)}.hx-forecast-dashboard .variance-undo-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:4px;transition:all 0.2s ease}.hx-forecast-dashboard .variance-undo-btn:hover{background:#f3f4f6;color:#374151}.hx-forecast-dashboard .variance-undo-btn svg{width:14px;height:14px}.hx-forecast-dashboard .editable-input-wrapper{display:flex;align-items:center;gap:2px}.hx-forecast-dashboard .currency-prefix{color:#6b7280;font-size:14px;font-weight:400}.hx-forecast-dashboard .editable-input{width:100%;min-width:80px;border:1px solid transparent;background:transparent;font-size:14px;font-weight:400;color:#1f2937;border-radius:4px;outline:none;transition:all 0.2s ease;border:0;border-bottom:1px solid transparent}.hx-forecast-dashboard .editable-input:hover{border:0;border-bottom:1px solid #cbd5e1;background:#f9fafb;cursor:pointer}.hx-forecast-dashboard .editable-input:focus{border:0;border-bottom:1px solid #c0c3c9;background:#fff}.hx-forecast-dashboard .hx-forecast-data-table .data-cell{vertical-align:middle}.hx-forecast-dashboard .hx-forecast-data-table .text-success{color:#23a974}.hx-forecast-dashboard .hx-forecast-data-table .text-danger{color:#dc2626}.hx-forecast-dashboard .hx-forecast-data-table .text-muted{color:#9ca3af}.hx-forecast-dashboard .hx-forecast-summary-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 20px 0}.hx-forecast-dashboard .hx-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hx-forecast-dashboard .hx-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.hx-forecast-dashboard .hx-summary-card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.hx-forecast-dashboard .hx-summary-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;flex-shrink:0}.hx-forecast-dashboard .hx-summary-card-title{font-size:14px;font-weight:600;color:#374151}.hx-forecast-dashboard .hx-summary-card-body{display:flex;gap:24px}.hx-forecast-dashboard .hx-summary-metric{display:flex;flex-direction:column;gap:4px}.hx-forecast-dashboard .hx-summary-metric-label{font-size:12px;color:#6b7280}.hx-forecast-dashboard .hx-summary-metric-value{font-size:24px;font-weight:600;color:#1f2937}.hx-forecast-dashboard .hx-summary-metric-change{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.hx-forecast-dashboard .hx-summary-metric-change.change-positive{color:#23a974}.hx-forecast-dashboard .hx-summary-metric-change.change-negative{color:#dc2626}.hx-forecast-dashboard .hx-summary-metric-change.change-neutral{color:#6b7280}.hx-forecast-dashboard .hx-parameter-card{background:#f5f9ff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;max-width:480px}.hx-forecast-dashboard .hx-parameter-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px 0}.hx-forecast-dashboard .hx-parameter-list{display:flex;flex-direction:column;gap:12px}.hx-forecast-dashboard .hx-parameter-row{display:flex;align-items:flex-start;gap:8px}.hx-forecast-dashboard .hx-parameter-label{font-size:14px;font-weight:600;color:#1f2937;min-width:160px;flex-shrink:0}.hx-forecast-dashboard .hx-parameter-separator{font-size:14px;color:#6b7280}.hx-forecast-dashboard .hx-parameter-value{font-size:14px;color:#6b7280}.hx-forecast-dashboard .hx-form-sheet-notebook .sheet-tab-pane{pointer-events:auto}@media (max-width:1024px){.hx-forecast-dashboard .hx-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hx-forecast-dashboard .hx-forecast-chart{height:240px}.hx-forecast-dashboard .hx-forecast-chart-legend{gap:12px}.hx-forecast-dashboard .hx-forecast-table-header{flex-direction:column;align-items:flex-start}.hx-forecast-dashboard .hx-summary-grid{grid-template-columns:1fr}.hx-forecast-dashboard .hx-parameter-card{max-width:100%}}

/** base_login_as/static/css/layout/hx-action-wizard-backdrop.css **/
.hx-action-wizard-backdrop .form-content.hmx_form_baseloginas .m2m2-chips .m2m2-chip{background-color:#e8f0fe;color:#165ec8}

/** ai/static/libs/highlightjs/atom-one-dark.min.css **/
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}

/** ai/static/css/components/hashy-markdown.css **/
.hashy-markdown-content{line-height:1.6;word-wrap:break-word;font-family:'Plus Jakarta Sans',sans-serif;color:inherit}.hashy-plain-content{white-space:pre-wrap;word-wrap:break-word;font-family:'Plus Jakarta Sans',sans-serif}.hashy-markdown-content h1,.hashy-markdown-content h2,.hashy-markdown-content h3,.hashy-markdown-content h4,.hashy-markdown-content h5,.hashy-markdown-content h6{margin-top:16px;margin-bottom:8px;font-weight:600;line-height:1.25;color:inherit;font-family:'Plus Jakarta Sans',sans-serif}.hashy-markdown-content h1{font-size:1.5em;border-bottom:1px solid #e8e9eb;padding-bottom:0.3em}.hashy-markdown-content h2{font-size:1.3em;border-bottom:1px solid #e8e9eb;padding-bottom:0.3em}.hashy-markdown-content h3{font-size:1.15em}.hashy-markdown-content h4{font-size:1em}.hashy-markdown-content h5{font-size:0.9em}.hashy-markdown-content h6{font-size:0.85em;color:#6b7280}.hashy-markdown-content p{margin-top:0;margin-bottom:12px}.hashy-markdown-content code{background-color:rgba(136,57,231,0.08);color:#8839e7;padding:0.2em 0.4em;border-radius:4px;font-size:0.9em;font-family:'Courier New',Courier,monospace;font-weight:500}.hashy-code-block-wrapper{position:relative;margin:12px 0}.hashy-markdown-content pre{background-color:#1e1e1e;color:#f3f4f6;padding:16px;border-radius:8px;overflow-x:auto;margin:0;border:1px solid #2d2d2d}.hashy-markdown-content pre code{background-color:transparent;padding:0;color:inherit;font-size:0.875em;border-radius:0;font-weight:400}.hashy-copy-btn{position:absolute;top:8px;right:8px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:6px;padding:6px 8px;cursor:pointer;color:#f3f4f6;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;opacity:0;z-index:10}.hashy-code-block-wrapper:hover .hashy-copy-btn{opacity:1}.hashy-copy-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3)}.hashy-copy-btn.copied{background:rgba(16,185,129,0.2);border-color:rgba(16,185,129,0.4);color:#10b981}.hashy-copy-btn svg{width:16px;height:16px}.hashy-markdown-content ul,.hashy-markdown-content ol{margin-top:0;margin-bottom:12px;padding-left:2em}.hashy-markdown-content li{margin-bottom:4px}.hashy-markdown-content li>p{margin-bottom:4px}.hashy-markdown-content ul{list-style-type:disc}.hashy-markdown-content ol{list-style-type:decimal}.hashy-markdown-content ul ul,.hashy-markdown-content ol ul{list-style-type:circle}.hashy-markdown-content ul ul ul,.hashy-markdown-content ol ul ul,.hashy-markdown-content ol ol ul{list-style-type:square}.hashy-markdown-content a{color:#3b82f6;text-decoration:none;transition:all 0.2s ease;font-weight:500}.hashy-markdown-content a:hover{text-decoration:underline;color:#2563eb}.hashy-markdown-content blockquote{border-left:4px solid #8839e7;padding-left:16px;margin:12px 0;color:#6b7280;font-style:italic;background:rgba(136,57,231,0.03);padding:12px 16px;border-radius:0 8px 8px 0}.hashy-markdown-content blockquote p{margin:0}.hashy-markdown-content table{border-collapse:collapse;width:100%;margin:12px 0;border-radius:8px;overflow:hidden;border:1px solid #e8e9eb}.hashy-table-wrapper{width:100%;overflow-x:auto;margin:12px 0;border-radius:8px}.hashy-table-wrapper table{margin:0;min-width:100%}.hashy-markdown-content table th,.hashy-markdown-content table td{border:1px solid #e8e9eb;padding:8px 12px;text-align:left}.hashy-markdown-content table th{background-color:#f9fafb;font-weight:600;color:#1e1e1e}.hashy-markdown-content table tr:nth-child(even){background-color:#fafbfc}.hashy-markdown-content table tr:hover{background-color:#f3f4f6}.hashy-markdown-content hr{border:none;border-top:2px solid #e8e9eb;margin:16px 0}.hashy-markdown-content img{max-width:100%;height:auto;border-radius:8px;margin:8px 0;border:1px solid #e8e9eb}.hashy-markdown-content strong{font-weight:600;color:inherit}.hashy-markdown-content em{font-style:italic}.hashy-markdown-content s,.hashy-markdown-content del{text-decoration:line-through;opacity:0.7}.hashy-markdown-content>*:first-child{margin-top:0!important}.hashy-markdown-content>*:last-child{margin-bottom:0!important}.hashy-message .hashy-markdown-content{color:#1e1e1e}.hashy-message .hashy-markdown-content h6{color:#6b7280}.hashy-message .hashy-markdown-content blockquote{color:#6b7280}.user-message .hashy-markdown-content{color:#1e1e1e}.user-message .hashy-markdown-content code{background-color:rgba(136,57,231,0.15);color:#7c2dd1}.user-message .hashy-markdown-content blockquote{border-left-color:#a855f7;background:rgba(168,85,247,0.08)}@media (max-width:768px){.hashy-markdown-content{font-size:14px}.hashy-markdown-content h1{font-size:1.3em}.hashy-markdown-content h2{font-size:1.2em}.hashy-markdown-content h3{font-size:1.1em}.hashy-markdown-content pre{padding:12px;font-size:0.85em}.hashy-markdown-content table{font-size:0.9em}.hashy-markdown-content table th,.hashy-markdown-content table td{padding:6px 8px}}.hashy-markdown-content pre::-webkit-scrollbar{height:8px}.hashy-markdown-content pre::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:4px}.hashy-markdown-content pre::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:4px}.hashy-markdown-content pre::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3)}.hashy-table-wrapper::-webkit-scrollbar{height:8px}.hashy-table-wrapper::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.hashy-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.hashy-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}

/** ai/static/css/components/hashy-file-attachment.css **/
.hx-ai-chat-interface .hashy-attachment-preview,.hx-hashy-chat-view .hashy-attachment-preview,.hx-hashy-chat-view .hashy-modal-input .hashy-attachment-preview{display:flex;flex-direction:column;gap:8px;margin-top:12px;width:100%}.hx-ai-chat-interface .hashy-attachment-item,.hx-hashy-chat-view .hashy-attachment-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff;border:1px solid #e8e9eb;border-radius:10px;font-size:13px;transition:all 0.2s ease;position:relative;width:100%;max-width:100%;min-width:0;overflow:hidden}.hx-ai-chat-interface .hashy-attachment-item:hover,.hx-hashy-chat-view .hashy-attachment-item:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.hx-ai-chat-interface .hashy-file-icon-wrapper,.hx-hashy-chat-view .hashy-file-icon-wrapper{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f3f4f6;transition:all 0.2s ease}.hx-ai-chat-interface .hashy-attachment-item:hover .hashy-file-icon-wrapper,.hx-hashy-chat-view .hashy-attachment-item:hover .hashy-file-icon-wrapper{background:#e5e7eb}.hx-ai-chat-interface .hashy-file-icon,.hx-hashy-chat-view .hashy-file-icon{width:20px;height:20px;fill:currentColor}.hx-ai-chat-interface .file-icon-pdf,.hx-hashy-chat-view .file-icon-pdf{color:#ef4444}.hx-ai-chat-interface .file-icon-document,.hx-hashy-chat-view .file-icon-document{color:#3b82f6}.hx-ai-chat-interface .file-icon-spreadsheet,.hx-hashy-chat-view .file-icon-spreadsheet{color:#10b981}.hx-ai-chat-interface .file-icon-presentation,.hx-hashy-chat-view .file-icon-presentation{color:#f59e0b}.hx-ai-chat-interface .file-icon-image,.hx-hashy-chat-view .file-icon-image{color:#8b5cf6}.hx-ai-chat-interface .file-icon-archive,.hx-hashy-chat-view .file-icon-archive{color:#f59e0b}.hx-ai-chat-interface .file-icon-text,.hx-hashy-chat-view .file-icon-text{color:#6b7280}.hx-ai-chat-interface .file-icon-code,.hx-hashy-chat-view .file-icon-code{color:#8b5cf6}.hx-ai-chat-interface .file-icon-generic,.hx-hashy-chat-view .file-icon-generic{color:#6b7280}.hx-ai-chat-interface .hashy-file-info,.hx-hashy-chat-view .hashy-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;width:150px}.hx-ai-chat-interface .hashy-file-name,.hx-hashy-chat-view .hashy-file-name{font-weight:500;color:#1e1e1e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'Plus Jakarta Sans',sans-serif;line-height:1.4;max-width:100%;min-width:0}.hx-ai-chat-interface .hashy-file-size,.hx-hashy-chat-view .hashy-file-size{color:#9ca3af;font-size:12px;font-family:'Plus Jakarta Sans',sans-serif;line-height:1.4}.hx-ai-chat-interface .hashy-upload-status,.hx-hashy-chat-view .hashy-upload-status{font-size:11px;color:#9ca3af;font-style:italic;line-height:1.4}.hx-ai-chat-interface .hashy-remove-file-btn,.hx-hashy-chat-view .hashy-remove-file-btn{flex-shrink:0;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;padding:0}.hx-ai-chat-interface .hashy-remove-file-btn:hover,.hx-hashy-chat-view .hashy-remove-file-btn:hover{background:#fee2e2;color:#ef4444}.hx-ai-chat-interface .hashy-remove-file-btn svg,.hx-hashy-chat-view .hashy-remove-file-btn svg{width:16px;height:16px;fill:currentColor}.hx-ai-chat-interface .hashy-attachment-sent,.hx-hashy-chat-view .hashy-attachment-sent{margin-bottom:8px}.hx-ai-chat-interface .hashy-attachment-sent .hashy-attachment-item,.hx-hashy-chat-view .hashy-attachment-sent .hashy-attachment-item{background:#f8f9fa;border-color:#e8e9eb;cursor:pointer}.hx-ai-chat-interface .hashy-attachment-sent .hashy-attachment-item:hover,.hx-hashy-chat-view .hashy-attachment-sent .hashy-attachment-item:hover{background:#f0f1f3;border-color:#d1d5db}.hx-ai-chat-interface .hashy-attachment-sent .hashy-file-name,.hx-hashy-chat-view .hashy-attachment-sent .hashy-file-name{color:#8839e7;text-decoration:none;transition:color 0.2s ease}.hx-ai-chat-interface .hashy-attachment-sent .hashy-file-name:hover,.hx-hashy-chat-view .hashy-attachment-sent .hashy-file-name:hover{color:#7c3aed;text-decoration:underline}.hx-ai-chat-interface .hashy-attachment-sent .hashy-remove-file-btn,.hx-hashy-chat-view .hashy-attachment-sent .hashy-remove-file-btn{display:none}@keyframes attachmentSlideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hx-ai-chat-interface .hashy-attachment-item,.hx-hashy-chat-view .hashy-attachment-item{animation:attachmentSlideIn 0.3s ease-out}@media (max-width:768px){.hx-ai-chat-interface .hashy-attachment-item,.hx-hashy-chat-view .hashy-attachment-item{padding:8px 12px}.hx-ai-chat-interface .hashy-file-icon-wrapper,.hx-hashy-chat-view .hashy-file-icon-wrapper{width:32px;height:32px}.hx-ai-chat-interface .hashy-file-icon,.hx-hashy-chat-view .hashy-file-icon{width:18px;height:18px}.hx-ai-chat-interface .hashy-file-name,.hx-hashy-chat-view .hashy-file-name{font-size:12px}.hx-ai-chat-interface .hashy-file-size,.hx-hashy-chat-view .hashy-file-size{font-size:11px}}

/** ai/static/css/views/ai-chat-interface.css **/
.hx-ai-chat-interface{display:flex;flex-direction:column;height:100vh;width:100%;background:#f9fafb;font-family:'Plus Jakarta Sans','Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.hx-ai-chat-interface .ai-chat-body,.hx-ai-chat-interface .ai-reply-preview,.hx-ai-chat-interface .user-context-preview,.hx-ai-chat-interface .ai-sidebar-list,.hx-ai-chat-interface .ai-modal-session-list{scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.hx-ai-chat-interface .ai-chat-body::-webkit-scrollbar,.hx-ai-chat-interface .ai-reply-preview::-webkit-scrollbar,.hx-ai-chat-interface .user-context-preview::-webkit-scrollbar,.hx-ai-chat-interface .ai-sidebar-list::-webkit-scrollbar,.hx-ai-chat-interface .ai-modal-session-list::-webkit-scrollbar{width:6px}.hx-ai-chat-interface .ai-chat-body::-webkit-scrollbar-track,.hx-ai-chat-interface .ai-reply-preview::-webkit-scrollbar-track,.hx-ai-chat-interface .user-context-preview::-webkit-scrollbar-track,.hx-ai-chat-interface .ai-sidebar-list::-webkit-scrollbar-track,.hx-ai-chat-interface .ai-modal-session-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.hx-ai-chat-interface .ai-chat-body::-webkit-scrollbar-thumb,.hx-ai-chat-interface .ai-reply-preview::-webkit-scrollbar-thumb,.hx-ai-chat-interface .user-context-preview::-webkit-scrollbar-thumb,.hx-ai-chat-interface .ai-sidebar-list::-webkit-scrollbar-thumb,.hx-ai-chat-interface .ai-modal-session-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px;transition:background 0.2s ease}.hx-ai-chat-interface .ai-chat-body::-webkit-scrollbar-thumb:hover,.hx-ai-chat-interface .ai-reply-preview::-webkit-scrollbar-thumb:hover,.hx-ai-chat-interface .user-context-preview::-webkit-scrollbar-thumb:hover,.hx-ai-chat-interface .ai-sidebar-list::-webkit-scrollbar-thumb:hover,.hx-ai-chat-interface .ai-modal-session-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.hx-ai-chat-interface .ai-chat-body::-webkit-scrollbar-thumb:active,.hx-ai-chat-interface .ai-reply-preview::-webkit-scrollbar-thumb:active,.hx-ai-chat-interface .user-context-preview::-webkit-scrollbar-thumb:active,.hx-ai-chat-interface .ai-sidebar-list::-webkit-scrollbar-thumb:active,.hx-ai-chat-interface .ai-modal-session-list::-webkit-scrollbar-thumb:active{background:#8839e7}.hx-ai-chat-interface .ai-chat-container{display:flex;flex:1;overflow:hidden;min-height:0;border-radius:10px;border:1px solid #e8e9eb}.hx-ai-chat-interface .ai-chat-main{flex:1;display:flex;flex-direction:column;min-width:0;max-height:91vh}.hx-ai-chat-interface .ai-chat-header{background:radial-gradient(ellipse 60% 100% at 50% 130%,#e391f4 0%,#c67ff0 25%,#a855f7 50%,#8839e7 100%);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.hx-ai-chat-interface .ai-chat-title{font-size:18px;font-weight:600;color:white;font-family:'Plus Jakarta Sans',sans-serif}.hx-ai-chat-interface .ai-session-header{background:#f9fafb;padding:8px 24px;border-bottom:1px solid #e8e9eb;position:sticky;top:0;z-index:10}.hx-ai-chat-interface .ai-session-name{font-size:12px;font-weight:500;color:#757575;font-family:'Plus Jakarta Sans',sans-serif;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-ai-chat-interface .ai-chat-body{flex:1;overflow-y:auto;padding:20px 24px;background:#f9fafb;display:flex;flex-direction:column;gap:16px;width:100%;min-height:0}.hx-ai-chat-interface .ai-message-wrapper{display:flex;flex-direction:column;gap:8px;animation:fadeIn 0.5s ease-out 0.2s both}.hx-ai-chat-interface .ai-message-wrapper.user{align-items:flex-end}.hx-ai-chat-interface .ai-message-wrapper.hashy{align-items:flex-start}.hx-ai-chat-interface .ai-message-bubble{max-width:70%;padding:12px 16px;font-size:14px;line-height:1.43;word-wrap:break-word;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;position:relative;display:inline-block}.hx-ai-chat-interface .hashy-message{background:#ffffff;color:#1e1e1e;border:1px solid #e8e9eb;border-radius:8px}.hx-ai-chat-interface .user-message{background:#f9efff;color:#1e1e1e;border:1px solid #f3e0ff;border-radius:8px}.hx-ai-chat-interface .ai-message-timestamp{font-size:12px;color:#a4a5a6;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400;line-height:1.5;padding:0px 6px;align-self:stretch}.hx-ai-chat-interface .hashy-timestamp{text-align:left}.hx-ai-chat-interface .user-timestamp{text-align:right}.hx-ai-chat-interface .ai-thinking-indicator{display:flex;justify-content:flex-start;padding:16px 0}.hx-ai-chat-interface .ai-thinking-dots{display:flex;gap:4px;padding:12px 16px;background:#ffffff;border:1px solid #e8e9eb;border-radius:8px}.hx-ai-chat-interface .ai-thinking-dot{width:8px;height:8px;background:#a4a5a6;border-radius:50%;animation:thinking-pulse 1.4s infinite ease-in-out}.hx-ai-chat-interface .ai-thinking-dot:nth-child(1){animation-delay:-0.32s}.hx-ai-chat-interface .ai-thinking-dot:nth-child(2){animation-delay:-0.16s}@keyframes thinking-pulse{0%,80%,100%{transform:scale(0.8);opacity:0.5}40%{transform:scale(1);opacity:1}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hx-ai-chat-interface .ai-chat-input{padding:20px 24px;background:white;border-top:1px solid #e8e9eb;flex-shrink:0;box-shadow:0 -1px 3px rgba(0,0,0,0.1)}.hx-ai-chat-interface .ai-input-area{display:flex;gap:10px;align-items:center;background:white;width:100%}.hx-ai-chat-interface .ai-message-input{flex:1;padding:12px 18px;border:2px solid #e5e7eb;border-radius:25px;font-size:14px;outline:none;transition:all 0.3s ease;font-family:'Plus Jakarta Sans',sans-serif;background:#f9fafb;width:100%;box-sizing:border-box;resize:none;overflow-y:hidden;min-height:44px;max-height:150px;line-height:1.5;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.hx-ai-chat-interface .ai-message-input::-webkit-scrollbar{width:4px}.hx-ai-chat-interface .ai-message-input::-webkit-scrollbar-track{background:#f3f4f6;border-radius:2px}.hx-ai-chat-interface .ai-message-input::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.hx-ai-chat-interface .ai-message-input::-webkit-scrollbar-thumb:hover{background:#9ca3af}.hx-ai-chat-interface .ai-message-input:focus{border-color:#8839e7;background:white;box-shadow:0 0 0 3px rgba(136,57,231,0.1)}.hx-ai-chat-interface .ai-message-input::placeholder{color:#9ca3af;font-family:'Plus Jakarta Sans',sans-serif}.hx-ai-chat-interface .ai-message-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.hx-ai-chat-interface .ai-attach-btn,.hx-ai-chat-interface .ai-send-btn{width:44px;height:44px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;flex-shrink:0}.hx-ai-chat-interface .ai-attach-btn{background:#f3f4f6;color:#6b7280}.hx-ai-chat-interface .ai-attach-btn:hover{background:#e5e7eb;transform:scale(1.05)}.hx-ai-chat-interface .ai-send-btn{background:#8839e7;color:white}.hx-ai-chat-interface .ai-send-btn:hover:not(:disabled){background:#7c3aed;transform:scale(1.05)}.hx-ai-chat-interface .ai-send-btn:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.hx-ai-chat-interface .ai-attach-btn.disabled{opacity:0.5;cursor:not-allowed}.hx-ai-chat-interface input[type='file']{display:none}.hx-ai-chat-interface .ai-input-icon{width:20px;height:20px;fill:currentColor}.hx-ai-chat-interface .ai-chat-sidebar{width:320px;background:#ffffff;border-left:1px solid #e8e9eb;display:flex;flex-direction:column;transition:width 0.3s ease;overflow:hidden;flex-shrink:0}.hx-ai-chat-interface .ai-chat-sidebar.collapsed{width:56px}.hx-ai-chat-interface .ai-sidebar-header{background:#ffffff;border-bottom:1px solid #e8e9eb;padding:12px;display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:64px}.hx-ai-chat-interface .ai-sidebar-toggle-btn{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0;padding:0}.hx-ai-chat-interface .ai-sidebar-toggle-btn:hover{background:#f3f4f6}.hx-ai-chat-interface .ai-sidebar-toggle-btn .ai-toggle-icon{width:20px;height:20px;fill:#000000;stroke:#000000}.hx-ai-chat-interface .ai-sidebar-title{font-size:15px;font-weight:600;color:#1e1e1e;font-family:'Plus Jakarta Sans',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-ai-chat-interface .ai-sidebar-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.hx-ai-chat-interface .ai-sidebar-search-group{border-bottom:1px solid #e8e9eb;flex-shrink:0}.hx-ai-chat-interface .ai-sidebar-search{padding:16px;position:relative;display:flex;align-items:center}.hx-ai-chat-interface .ai-search-icon{position:absolute;left:28px;width:16px;height:16px;stroke:#000000;pointer-events:none}.hx-ai-chat-interface .ai-search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:'Plus Jakarta Sans',sans-serif;outline:none;transition:all 0.3s ease;background:#fafafa}.hx-ai-chat-interface .ai-search-input:focus{border-color:#8839e7;box-shadow:0 0 0 3px rgba(136,57,231,0.1);background:#ffffff}.hx-ai-chat-interface .ai-search-input::placeholder{color:#000000}.hx-ai-chat-interface .ai-sidebar-new-link{margin:0 16px 10px 6px;padding:8px 16px;background:transparent;color:#1e1e1e;border:none;border-radius:8px;font-size:14px;font-weight:500;font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.2s ease;text-decoration:none}.hx-ai-chat-interface .ai-sidebar-new-link:hover{background:#f3f4f6}.hx-ai-chat-interface .ai-new-icon{width:18px;height:18px;fill:currentColor}.hx-ai-chat-interface .ai-sidebar-list{flex:1;overflow-y:auto;padding:8px 0}.hx-ai-chat-interface .ai-session-group{margin-bottom:8px}.hx-ai-chat-interface .ai-group-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;text-transform:uppercase;color:#757575;font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;user-select:none;transition:background 0.2s ease}.hx-ai-chat-interface .ai-group-header:hover{background:#f9fafb}.hx-ai-chat-interface .ai-group-label{flex:1}.hx-ai-chat-interface .ai-group-icon{width:14px;height:14px;fill:#757575;transition:transform 0.3s ease;flex-shrink:0}.hx-ai-chat-interface .ai-group-icon.collapsed{transform:rotate(-90deg)}.hx-ai-chat-interface .ai-group-items{display:flex;flex-direction:column;gap:2px}.hx-ai-chat-interface .ai-session-item{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 16px;margin:0 8px;border-radius:8px;cursor:pointer;transition:all 0.2s ease;position:relative;gap:8px}.hx-ai-chat-interface .ai-session-item:hover{background:#f9fafb}.hx-ai-chat-interface .ai-session-item.active{background:#f9efff;border-left:3px solid #8839e7;padding-left:13px}.hx-ai-chat-interface .ai-session-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.hx-ai-chat-interface .ai-session-item-name{font-size:14px;font-weight:500;color:#1e1e1e;font-family:'Plus Jakarta Sans',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px;min-height:20px}.hx-ai-chat-interface .ai-session-item.active .ai-session-item-name{color:#8839e7;font-weight:600}.hx-ai-chat-interface .ai-session-time{font-size:12px;color:#9ca3af;font-family:'Plus Jakarta Sans',sans-serif}.hx-ai-chat-interface .ai-session-name-input{width:100%;padding:0;border:none;border-radius:0;font-size:14px;font-weight:500;color:#1e1e1e;font-family:'Plus Jakarta Sans',sans-serif;outline:none;background:transparent;box-shadow:none;line-height:20px;height:20px;box-sizing:border-box}.hx-ai-chat-interface .ai-session-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity 0.2s ease;flex-shrink:0;margin-top:2px}.hx-ai-chat-interface .ai-session-item:hover .ai-session-actions{opacity:1}.hx-ai-chat-interface .ai-session-rename,.hx-ai-chat-interface .ai-session-delete{width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0}.hx-ai-chat-interface .ai-session-rename:hover{background:#e0e7ff}.hx-ai-chat-interface .ai-session-delete:hover{background:#fee2e2}.hx-ai-chat-interface .ai-rename-icon{width:16px;height:16px;fill:#000000}.hx-ai-chat-interface .ai-delete-icon{width:16px;height:16px;fill:#ef4444}.hx-ai-chat-interface .ai-load-more{margin:16px;padding:10px 16px;background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;transition:all 0.2s ease}.hx-ai-chat-interface .ai-load-more:hover:not(:disabled){background:#e5e7eb}.hx-ai-chat-interface .ai-load-more:disabled{opacity:0.5;cursor:not-allowed}.hx-ai-chat-interface .ai-empty-state{padding:32px 16px;text-align:center;color:#9ca3af}.hx-ai-chat-interface .ai-empty-state p{margin:0;font-size:14px;font-family:'Plus Jakarta Sans',sans-serif}.hx-ai-chat-interface .ai-empty-hint{font-size:12px;margin-top:8px}.hx-ai-chat-interface .ai-sidebar-list::-webkit-scrollbar{width:6px}.hx-ai-chat-interface .ai-sidebar-list::-webkit-scrollbar-track{background:transparent}.hx-ai-chat-interface .ai-sidebar-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.hx-ai-chat-interface .ai-sidebar-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.hx-ai-chat-interface .ai-attachment-sent,.hx-ai-chat-interface .ai-attachment-preview{display:flex;flex-direction:column;gap:8px;margin-top:8px}.hx-ai-chat-interface .ai-attachment-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f9fafb;border:1px solid #e8e9eb;border-radius:8px}.hx-ai-chat-interface .ai-file-icon-wrapper{flex-shrink:0}.hx-ai-chat-interface .ai-file-icon{width:24px;height:24px}.hx-ai-chat-interface .ai-file-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.hx-ai-chat-interface .ai-file-name{font-size:13px;font-weight:500;color:#1e1e1e;font-family:'Plus Jakarta Sans',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.hx-ai-chat-interface .ai-file-name:hover{text-decoration:underline}.hx-ai-chat-interface .ai-file-size{font-size:11px;color:#9ca3af;font-family:'Plus Jakarta Sans',sans-serif}.hx-ai-chat-interface .ai-upload-status{font-size:11px;color:#8839e7;font-family:'Plus Jakarta Sans',sans-serif}.hx-ai-chat-interface .ai-remove-file-btn{width:24px;height:24px;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0}.hx-ai-chat-interface .ai-remove-file-btn:hover{background:#fee2e2}.hx-ai-chat-interface .ai-remove-file-btn svg{width:16px;height:16px;fill:#ef4444}.hx-ai-chat-interface .ai-sidebar-icons{display:flex;flex-direction:column;padding:12px 0;gap:8px;align-items:center;border-bottom:1px solid #e8e9eb}.hx-ai-chat-interface .ai-sidebar-icon-btn{width:40px;height:40px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;padding:0}.hx-ai-chat-interface .ai-sidebar-icon-btn:hover{background:#f3f4f6}.hx-ai-chat-interface .ai-sidebar-icon-btn.search-btn{border:1px solid #e5e7eb;background:#fafafa}.hx-ai-chat-interface .ai-sidebar-icon-btn.search-btn:hover{border-color:#d1d5db}.hx-ai-chat-interface .ai-sidebar-icon-btn svg{width:18px;height:18px;fill:#000000;stroke:#000000}.hx-ai-chat-interface .ai-search-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:999;display:flex;align-items:center;justify-content:center;animation:fadeInBackdrop 0.2s ease-out}@keyframes fadeInBackdrop{from{opacity:0}to{opacity:1}}.hx-ai-chat-interface .ai-search-modal{width:700px;height:600px;max-width:90vw;max-height:80vh;background:#ffffff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.12);display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn 0.2s ease-out}@keyframes modalSlideIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.hx-ai-chat-interface .ai-modal-header{flex-shrink:0;border-bottom:1px solid #e8e9eb}.hx-ai-chat-interface .ai-modal-search{padding:20px 20px 12px 20px;position:relative;display:flex;align-items:center}.hx-ai-chat-interface .ai-modal-search .ai-search-icon{position:absolute;left:32px;width:16px;height:16px;stroke:#000000;pointer-events:none}.hx-ai-chat-interface .ai-modal-search .ai-search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:'Plus Jakarta Sans',sans-serif;outline:none;transition:all 0.3s ease;background:#fafafa}.hx-ai-chat-interface .ai-modal-search .ai-search-input:focus{border-color:#8839e7;box-shadow:0 0 0 3px rgba(136,57,231,0.1);background:#ffffff}.hx-ai-chat-interface .ai-modal-search .ai-search-input::placeholder{color:#000000}.hx-ai-chat-interface .ai-modal-new-link{margin:0 20px 12px 10px;padding:8px 16px;background:transparent;color:#1e1e1e;border:none;border-radius:8px;font-size:14px;font-weight:500;font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.2s ease;text-decoration:none}.hx-ai-chat-interface .ai-modal-new-link:hover{background:#f3f4f6}.hx-ai-chat-interface .ai-modal-new-link .ai-new-icon{width:18px;height:18px;fill:currentColor}.hx-ai-chat-interface .ai-modal-divider{height:1px;background:#e8e9eb;margin:0;flex-shrink:0}.hx-ai-chat-interface .ai-modal-session-list{flex:1;overflow-y:auto;padding:8px 0}.hx-ai-chat-interface .ai-modal-session-list::-webkit-scrollbar{width:6px}.hx-ai-chat-interface .ai-modal-session-list::-webkit-scrollbar-track{background:transparent}.hx-ai-chat-interface .ai-modal-session-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.hx-ai-chat-interface .ai-modal-session-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.hx-ai-chat-interface .ai-message-actions{display:none;align-items:center}.hx-ai-chat-interface .ai-message-wrapper.hashy:hover .ai-message-timestamp,.hx-ai-chat-interface .ai-message-wrapper.hashy:focus-within .ai-message-timestamp{display:none}.hx-ai-chat-interface .ai-message-wrapper.hashy:hover .ai-message-actions,.hx-ai-chat-interface .ai-message-wrapper.hashy:focus-within .ai-message-actions{display:flex}.hx-ai-chat-interface .ai-message-action{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:background 0.2s}.hx-ai-chat-interface .ai-message-action:hover{background:rgba(0,0,0,0.05)}.hx-ai-chat-interface .ai-message-action svg{width:16px;height:16px;--hx-icon-fill:#6b7280;--hx-icon-stroke:#6b7280}.hx-ai-chat-interface .ai-message-action.copied svg{--hx-icon-fill:#10b981;--hx-icon-stroke:#10b981}.hx-ai-chat-interface .ai-reply-preview{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;margin-bottom:8px;background:#f3e8ff;border-left:3px solid #a855f7;border-radius:8px;font-size:13px;color:#6b7280;max-height:80px;overflow-y:auto}.hx-ai-chat-interface .ai-reply-preview .ai-reply-arrow-icon{rotate:180deg;width:16px;height:16px;flex-shrink:0;margin-top:2px;--hx-icon-fill:#a855f7;--hx-icon-stroke:#a855f7}.hx-ai-chat-interface .ai-reply-preview .ai-reply-preview-text{flex:1;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;line-height:1.5;white-space:pre-wrap}.hx-ai-chat-interface .ai-reply-preview .ai-reply-close-btn{width:20px;height:20px;flex-shrink:0;align-self:flex-start;margin-top:2px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 0.2s;padding:0}.hx-ai-chat-interface .ai-reply-preview .ai-reply-close-btn:hover{background:rgba(168,85,247,0.1)}.hx-ai-chat-interface .ai-reply-preview .ai-reply-close-btn svg{width:14px;height:14px;--hx-icon-fill:#9ca3af;--hx-icon-stroke:#9ca3af}.hx-ai-chat-interface .ai-user-context-preview{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;margin-bottom:4px;background:rgba(168,85,247,0.08);border-left:2px solid #a855f7;border-radius:6px;font-size:12px;color:#6b7280;max-width:85%;align-self:flex-end}.hx-ai-chat-interface .ai-user-context-preview .ai-context-arrow-icon{width:12px;height:12px;flex-shrink:0;margin-top:2px;--hx-icon-fill:#a855f7;--hx-icon-stroke:#a855f7}.hx-ai-chat-interface .ai-user-context-preview .ai-context-preview-text{flex:1;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;line-height:1.4;font-style:italic;white-space:pre-wrap}.hx-ai-chat-interface .ai-selection-tooltip{position:fixed;left:var(--ai-selection-left,0px);top:var(--ai-selection-top,0px);transform:translate(-50%,-100%) scale(0.98);display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#111827;color:#ffffff;font-size:12px;font-weight:600;letter-spacing:0.2px;box-shadow:0 8px 18px rgba(17,24,39,0.2);opacity:0;transition:opacity 0.2s ease,transform 0.2s ease;pointer-events:none;white-space:nowrap;z-index:3000;cursor:pointer}.hx-ai-chat-interface .ai-selection-tooltip.is-visible{pointer-events:auto;opacity:1;transform:translate(-50%,-100%) scale(1)}.hx-ai-chat-interface .ai-selection-tooltip::after{content:'';position:absolute;left:calc(50% + var(--ai-selection-arrow-offset,0px));bottom:-5px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #111827;box-shadow:0 -1px 0 #111827}.hx-ai-chat-interface .ai-selection-tooltip .ai-selection-icon{width:14px;height:14px;--hx-icon-fill:#facc15;--hx-icon-stroke:#facc15}

/** ai/static/css/views/hashy-chat-view.css **/
.hx-hashy-chat-view{}.hx-hashy-chat-view .chat-body,.hx-hashy-chat-view .hashy-modal-body,.hx-hashy-chat-view .hashy-reply-preview,.hx-hashy-chat-view .user-context-preview{scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.hx-hashy-chat-view .chat-body::-webkit-scrollbar,.hx-hashy-chat-view .hashy-modal-body::-webkit-scrollbar,.hx-hashy-chat-view .hashy-reply-preview::-webkit-scrollbar,.hx-hashy-chat-view .user-context-preview::-webkit-scrollbar{width:6px}.hx-hashy-chat-view .chat-body::-webkit-scrollbar-track,.hx-hashy-chat-view .hashy-modal-body::-webkit-scrollbar-track,.hx-hashy-chat-view .hashy-reply-preview::-webkit-scrollbar-track,.hx-hashy-chat-view .user-context-preview::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.hx-hashy-chat-view .chat-body::-webkit-scrollbar-thumb,.hx-hashy-chat-view .hashy-modal-body::-webkit-scrollbar-thumb,.hx-hashy-chat-view .hashy-reply-preview::-webkit-scrollbar-thumb,.hx-hashy-chat-view .user-context-preview::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px;transition:background 0.2s ease}.hx-hashy-chat-view .chat-body::-webkit-scrollbar-thumb:hover,.hx-hashy-chat-view .hashy-modal-body::-webkit-scrollbar-thumb:hover,.hx-hashy-chat-view .hashy-reply-preview::-webkit-scrollbar-thumb:hover,.hx-hashy-chat-view .user-context-preview::-webkit-scrollbar-thumb:hover{background:#9ca3af}.hx-hashy-chat-view .chat-body::-webkit-scrollbar-thumb:active,.hx-hashy-chat-view .hashy-modal-body::-webkit-scrollbar-thumb:active,.hx-hashy-chat-view .hashy-reply-preview::-webkit-scrollbar-thumb:active,.hx-hashy-chat-view .user-context-preview::-webkit-scrollbar-thumb:active{background:#8839e7}.hx-hashy-chat-view .hashyai-chatbox-container{position:fixed;bottom:30px;right:30px;z-index:40;font-family:'Plus Jakarta Sans','Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;transition:all 0.3s ease-out;overflow:visible}.hx-hashy-chat-view .hashyai-chatbox-container.minimizing{animation:minimizeToIcon 0.4s ease-out forwards}@keyframes minimizeToIcon{0%{opacity:1;transform:scale(1) translateY(0)}50%{opacity:0.8;transform:scale(0.8) translateY(10px)}100%{opacity:0;transform:scale(0.3) translateY(50px) translateX(50px)}}.hx-hashy-chat-view .hashyai-chatbox{position:fixed;width:420px;height:600px;display:flex;flex-direction:column;animation:slideUp 0.4s ease-out;transition:all 0.3s ease-out;border-radius:16px;overflow:visible;box-shadow:0 1px 5px rgba(0,0,0,0.25);background:white}.hx-hashy-chat-view .hashyai-chatbox .chat-header{background:radial-gradient(ellipse 60% 100% at 50% 130%,#e391f4 0%,#c67ff0 25%,#a855f7 50%,#8839e7 100%);padding:16px 30px;height:68px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-radius:16px 16px 0px 0px;overflow:visible;position:relative;z-index:1;cursor:move;user-select:none}.hx-hashy-chat-view .hashyai-chatbox .character-section{flex-shrink:0}.hx-hashy-chat-view .hashyai-chatbox .character-image{position:absolute;width:100px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.2));top:-61px;left:15px;z-index:15;pointer-events:none}.hx-hashy-chat-view .hashyai-chatbox .title-section{flex:1;display:flex;align-items:center;justify-content:center}.hx-hashy-chat-view .hashyai-chatbox .chat-title{font-size:16px;font-weight:600;margin:0;color:white;text-align:center;line-height:1.5}.hx-hashy-chat-view .hashyai-chatbox .controls-section{flex-shrink:0;display:flex;gap:5px;align-items:center}.hx-hashy-chat-view .hashyai-chatbox .control-btn{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.25);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;color:white;font-size:16px;font-weight:300;padding:0}.hx-hashy-chat-view .hashyai-chatbox .control-btn:hover{background:rgba(255,255,255,0.4);transform:scale(1.05)}.hx-hashy-chat-view .hashyai-chatbox .maximize-btn{font-size:14px}.hx-hashy-chat-view .hashyai-chatbox .minimize-btn{font-size:18px}.hx-hashy-chat-view .hashyai-chatbox .close-btn{font-size:20px}.hx-hashy-chat-view .hashyai-chatbox .close-btn:hover{background:rgba(255,68,68,0.3)}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hx-hashy-chat-view .hashyai-chatbox .hashy-session-header{background:white;padding:8px 16px;border-left:1px solid #e8e9eb;border-right:1px solid #e8e9eb;border-bottom:1px solid #e8e9eb;position:sticky;top:0;z-index:5}.hx-hashy-chat-view .hashyai-chatbox .hashy-session-header .session-name{font-size:11px;font-weight:500;color:#757575;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-hashy-chat-view .hashyai-chatbox .chat-body{flex:1;padding:16px;overflow-y:auto;background:white;display:flex;flex-direction:column;gap:10px;border-left:1px solid #e8e9eb;border-right:1px solid #e8e9eb;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;position:relative}.hx-hashy-chat-view .hashyai-chatbox .message-wrapper,.hx-hashy-chat-view .hashy-modal-body .message-wrapper{display:flex;flex-direction:column;gap:2px}.hx-hashy-chat-view .hashyai-chatbox .message-wrapper.hashy,.hx-hashy-chat-view .hashy-modal-body .message-wrapper.hashy{align-self:flex-start;align-items:flex-start}.hx-hashy-chat-view .hashyai-chatbox .message-wrapper.user,.hx-hashy-chat-view .hashy-modal-body .message-wrapper.user{align-self:flex-end;align-items:flex-end}.hx-hashy-chat-view .hashyai-chatbox .message-bubble,.hx-hashy-chat-view .hashy-modal-body .message-bubble{padding:8px 12px;font-size:14px;display:inline-block;max-width:85%;word-wrap:break-word;line-height:1.43;font-family:'Plus Jakarta Sans',sans-serif;font-weight:400}.hx-hashy-chat-view .hashyai-chatbox .message-bubble{animation:fadeIn 0.5s ease-out 0.2s both}.hx-hashy-chat-view .hashyai-chatbox .hashy-message,.hx-hashy-chat-view .hashy-modal-body .hashy-message{background:#ffffff;color:#1e1e1e;border:1px solid #e8e9eb;border-radius:8px;position:relative;cursor:text;user-select:text}.hx-hashy-chat-view .hashyai-chatbox .user-message,.hx-hashy-chat-view .hashy-modal-body .user-message{background:#f9efff;color:#1e1e1e;border:1px solid #f3e0ff;border-radius:8px;position:relative}.hx-hashy-chat-view .hashyai-chatbox .message-timestamp,.hx-hashy-chat-view .hashy-modal-body .message-timestamp{display:flex;flex-direction:column;gap:6px;margin-top:6px;padding:0 6px;font-family:'Plus Jakarta Sans',sans-serif;align-self:stretch}.hx-hashy-chat-view .date-bubble-separator{display:flex;align-items:center;justify-content:center;margin:6px 0;position:relative;width:100%}.hx-hashy-chat-view .date-bubble-text{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 12px;border-radius:999px;background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:600;line-height:1;z-index:1;flex-shrink:0;max-width:fit-content}.hx-hashy-chat-view .message-timestamp .timestamp-day{display:none}.hx-hashy-chat-view .message-timestamp .timestamp-time{font-size:12px;color:#a4a5a6;font-weight:400;line-height:1.5}.hx-hashy-chat-view .hashyai-chatbox .hashy-timestamp .timestamp-time,.hx-hashy-chat-view .hashy-modal-body .hashy-timestamp .timestamp-time{align-self:flex-start;text-align:left}.hx-hashy-chat-view .hashyai-chatbox .user-timestamp .timestamp-time,.hx-hashy-chat-view .hashy-modal-body .user-timestamp .timestamp-time{align-self:flex-end;text-align:right}.hx-hashy-chat-view .hashyai-chatbox .hashy-message:focus,.hx-hashy-chat-view .hashy-modal-body .hashy-message:focus{outline:none;box-shadow:0 0 0 2px rgba(136,57,231,0.15)}.hx-hashy-chat-view .hashy-selection-tooltip{position:fixed;left:var(--hashy-selection-left,0px);top:var(--hashy-selection-top,0px);transform:translate(-50%,-100%) scale(0.98);display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#111827;color:#ffffff;font-size:12px;font-weight:600;letter-spacing:0.2px;box-shadow:0 8px 18px rgba(17,24,39,0.2);opacity:0;transition:opacity 0.2s ease,transform 0.2s ease;pointer-events:none;white-space:nowrap;z-index:3000;cursor:pointer}.hx-hashy-chat-view .hashy-selection-tooltip.is-visible{pointer-events:auto}.hx-hashy-chat-view .hashy-selection-tooltip::after{content:'';position:absolute;left:calc(50% + var(--hashy-selection-arrow-offset,0px));bottom:-5px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #111827;box-shadow:0 -1px 0 #111827}.hx-hashy-chat-view .hashy-selection-tooltip.is-visible{opacity:1;transform:translate(-50%,-100%) scale(1)}.hx-hashy-chat-view .hashy-selection-tooltip .hashy-selection-icon{width:14px;height:14px;--hx-icon-fill:#facc15;--hx-icon-stroke:#facc15}.hx-hashy-chat-view .message-actions{display:none;align-items:center;gap:8px;padding:0;margin-top:4px;color:#9ca3af;align-self:flex-start;--hx-icon-fill:#9ca3af;--hx-icon-stroke:#9ca3af}.hx-hashy-chat-view .message-actions .message-action{background:transparent;padding:0;width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:inherit;cursor:pointer;transition:background 0.3s ease,padding 0.3s ease}.hx-hashy-chat-view .message-actions .message-action:hover{background:#f3f4f6;padding:2px;--hx-icon-fill:#6b7280;--hx-icon-stroke:#6b7280}.hx-hashy-chat-view .message-actions .message-action.copied{--hx-icon-fill:#10b981;--hx-icon-stroke:#10b981}.hx-hashy-chat-view .message-actions .message-action.copied:hover{background:#f3f4f6;--hx-icon-fill:#059669;--hx-icon-stroke:#059669}.hx-hashy-chat-view .message-actions .smart-buttons{width:16px;height:16px;display:block;transition:transform 0.3s ease}.hx-hashy-chat-view .hashy-reply-preview{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;margin:0 12px 8px;background:#f3e8ff;border-left:3px solid #a855f7;border-radius:8px;font-size:13px;color:#6b7280;max-height:80px;overflow-y:auto}.hx-hashy-chat-view .hashy-reply-preview .reply-arrow-icon{width:16px;height:16px;flex-shrink:0;margin-top:2px;--hx-icon-fill:#a855f7;--hx-icon-stroke:#a855f7}.hx-hashy-chat-view .hashy-reply-preview .reply-preview-text{flex:1;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;line-height:1.5;white-space:pre-wrap}.hx-hashy-chat-view .hashy-reply-preview .reply-close-btn{width:20px;height:20px;flex-shrink:0;align-self:flex-start;margin-top:2px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 0.2s;padding:0}.hx-hashy-chat-view .hashy-reply-preview .reply-close-btn:hover{background:rgba(168,85,247,0.1)}.hx-hashy-chat-view .hashy-reply-preview .reply-close-btn svg{width:14px;height:14px;--hx-icon-fill:#9ca3af;--hx-icon-stroke:#9ca3af}.hx-hashy-chat-view .user-context-preview{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;margin-bottom:4px;background:rgba(168,85,247,0.08);border-left:2px solid #a855f7;border-radius:6px;font-size:12px;color:#6b7280;max-width:85%;align-self:flex-end}.hx-hashy-chat-view .user-context-preview .context-arrow-icon{width:12px;height:12px;flex-shrink:0;margin-top:2px;--hx-icon-fill:#a855f7;--hx-icon-stroke:#a855f7}.hx-hashy-chat-view .user-context-preview .context-preview-text{flex:1;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;line-height:1.4;font-style:italic;white-space:pre-wrap}.hx-hashy-chat-view .message-wrapper.hashy:hover .message-timestamp,.hx-hashy-chat-view .message-wrapper.hashy:focus-within .message-timestamp{margin-top:0}.hx-hashy-chat-view .message-wrapper.hashy:hover .timestamp-time,.hx-hashy-chat-view .message-wrapper.hashy:focus-within .timestamp-time{display:none}.hx-hashy-chat-view .message-wrapper.hashy:hover .message-actions,.hx-hashy-chat-view .message-wrapper.hashy:focus-within .message-actions{display:inline-flex}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hx-hashy-chat-view .hashyai-chatbox .chat-input-area{padding:12px;background:white;flex-shrink:0;border:1px solid #e8e9eb;border-top:none;border-radius:0 0 16px 16px;position:relative;z-index:1}.hx-hashy-chat-view .hashyai-chatbox .input-message-area,.hx-hashy-chat-view .hashy-modal-input .input-message-area{display:flex;gap:10px;align-items:center;background:white}.hx-hashy-chat-view .hashyai-chatbox .message-input{flex:1;padding:12px 18px;border:2px solid #e5e7eb;border-radius:25px;font-size:14px;outline:none;transition:all 0.3s ease;font-family:'Plus Jakarta Sans',sans-serif;background:#f9fafb;resize:none;overflow-y:hidden;min-height:44px;max-height:150px;line-height:1.5;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.hx-hashy-chat-view .hashyai-chatbox .message-input::-webkit-scrollbar{width:4px}.hx-hashy-chat-view .hashyai-chatbox .message-input::-webkit-scrollbar-track{background:#f3f4f6;border-radius:2px}.hx-hashy-chat-view .hashyai-chatbox .message-input::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.hx-hashy-chat-view .hashyai-chatbox .message-input::-webkit-scrollbar-thumb:hover{background:#9ca3af}.hx-hashy-chat-view .hashyai-chatbox .message-input:focus{border-color:#8839e7;background:white;box-shadow:0 0 0 3px rgba(136,57,231,0.1)}.hx-hashy-chat-view .hashyai-chatbox .message-input::placeholder{color:#d1d5db;font-family:'Plus Jakarta Sans',sans-serif}.hx-hashy-chat-view .hashyai-chatbox .attach-btn,.hx-hashy-chat-view .hashy-modal-input .attach-btn{background:none;border:none;cursor:pointer;font-size:18px;display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:background 0.2s;color:#757575;flex-shrink:0}.hx-hashy-chat-view .hashyai-chatbox .attach-btn:hover:not(.disabled),.hx-hashy-chat-view .hashy-modal-input .attach-btn:hover:not(.disabled){background:#e5e7eb;transform:scale(1.05)}.hx-hashy-chat-view .hashyai-chatbox input[type='file'],.hx-hashy-chat-view .hashy-modal-input input[type='file']{display:none}.hx-hashy-chat-view .hashyai-chatbox .send-btn,.hx-hashy-chat-view .hashy-modal-input .send-btn{width:36px;height:36px;border-radius:50%;border:none;background:linear-gradient(135deg,#8839e7 0%,#e391f4 100%);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;font-size:18px;flex-shrink:0;color:white}.hx-hashy-chat-view .hashyai-chatbox .send-btn:hover:not(:disabled),.hx-hashy-chat-view .hashy-modal-input .send-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c2dd1 0%,#d67fe8 100%);transform:scale(1.05)}.hx-hashy-chat-view .hashyai-chatbox .send-btn:disabled,.hx-hashy-chat-view .hashy-modal-input .send-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:0.6}.hx-hashy-chat-view .hashyai-chatbox .message-input:disabled,.hx-hashy-chat-view .hashy-modal-input .message-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#d1d5db}.hx-hashy-chat-view .hashyai-chatbox .attach-btn.disabled,.hx-hashy-chat-view .hashy-modal-input .attach-btn.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.hx-hashy-chat-view .hashyai-chatbox .thinking-indicator,.hx-hashy-chat-view .hashy-modal-body .thinking-indicator{display:flex;align-items:center;margin-bottom:4px;align-self:flex-start}.hx-hashy-chat-view .hashyai-chatbox .thinking-bubble,.hx-hashy-chat-view .hashy-modal-body .thinking-bubble{position:relative;display:inline-flex;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;background:#ffffff;border:2px solid rgba(168,85,247,0.75);color:#a855f7}.hx-hashy-chat-view .hashyai-chatbox .thinking-text,.hx-hashy-chat-view .hashy-modal-body .thinking-text{font-size:14px;font-weight:600;letter-spacing:0.2px;white-space:nowrap}.hx-hashy-chat-view .hashyai-chatbox .thinking-dots,.hx-hashy-chat-view .hashy-modal-body .thinking-dots{display:flex;gap:6px;align-items:center;height:10px}.hx-hashy-chat-view .hashyai-chatbox .thinking-dot,.hx-hashy-chat-view .hashy-modal-body .thinking-dot{width:8px;height:8px;border-radius:50%;animation:thinkingPulse 1.4s infinite ease-in-out}.hx-hashy-chat-view .hashyai-chatbox .thinking-dot:nth-child(1),.hx-hashy-chat-view .hashy-modal-body .thinking-dot:nth-child(1){background:#8b5cf6;animation-delay:0s}.hx-hashy-chat-view .hashyai-chatbox .thinking-dot:nth-child(2),.hx-hashy-chat-view .hashy-modal-body .thinking-dot:nth-child(2){background:#c084fc;animation-delay:0.2s}.hx-hashy-chat-view .hashyai-chatbox .thinking-dot:nth-child(3),.hx-hashy-chat-view .hashy-modal-body .thinking-dot:nth-child(3){background:#e879f9;animation-delay:0.4s}.hx-hashy-chat-view .hashyai-chatbox .thinking-sparkle,.hx-hashy-chat-view .hashy-modal-body .thinking-sparkle{position:absolute;width:18px;height:18px;--hx-icon-fill:#f59e0b;--hx-icon-stroke:#f59e0b;animation:sparkleTwinkle 1.4s ease-in-out infinite}.hx-hashy-chat-view .hashyai-chatbox .sparkle-top-left,.hx-hashy-chat-view .hashy-modal-body .sparkle-top-left{top:-8px;left:-6px}.hx-hashy-chat-view .hashyai-chatbox .sparkle-top-right,.hx-hashy-chat-view .hashy-modal-body .sparkle-top-right{top:-9px;right:-6px;animation-delay:0.2s}.hx-hashy-chat-view .hashyai-chatbox .sparkle-bottom,.hx-hashy-chat-view .hashy-modal-body .sparkle-bottom{bottom:-10px;left:38%;animation-delay:0.4s}@keyframes sparkleTwinkle{0%,100%{transform:scale(0.9);opacity:0.7}50%{transform:scale(1.1);opacity:1}}@keyframes thinkingPulse{0%,80%,100%{transform:scale(0.8);opacity:0.5}40%{transform:scale(1.2);opacity:1}}.hx-hashy-chat-view .hashyai-floating-icon{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:white;border:1px solid #e8e9eb;box-shadow:0 0 7.24px rgba(30,30,30,0.25);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;z-index:1000}.hx-hashy-chat-view .hashyai-floating-icon:hover{transform:scale(1.05);box-shadow:0 0 12px rgba(30,30,30,0.35)}.hx-hashy-chat-view .hashyai-floating-icon .hashy-logo{width:32px;height:32px;background-image:url('/static/img/hashy-character-animated.gif');background-size:contain;background-repeat:no-repeat;background-position:center}.hx-hashy-chat-view .hashyai-floating-icon .close-icon{position:absolute;top:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background:#757575;color:white;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:background 0.2s}.hx-hashy-chat-view .hashyai-floating-icon .close-icon:hover{background:#5a5a5a}.hx-hashy-chat-view .hashy-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.3s ease-out}.hx-hashy-chat-view .hashy-modal-container{width:90%;max-width:800px;height:80%;max-height:600px;background:white;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.3);animation:slideIn 0.3s ease-out}.hx-hashy-chat-view .hashy-modal-header{background:radial-gradient(ellipse 60% 100% at 50% 130%,#e391f4 0%,#c67ff0 25%,#a855f7 50%,#8839e7 100%);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;color:white}.hx-hashy-chat-view .hashy-modal-header .modal-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:white}.hx-hashy-chat-view .hashy-modal-header .modal-character-image{width:40px;height:40px;border-radius:50%}.hx-hashy-chat-view .hashy-modal-header .modal-controls{display:flex;gap:8px}.hx-hashy-chat-view .hashy-modal-header .control-btn{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.25);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;color:white;font-size:16px;font-weight:300;padding:0}.hx-hashy-chat-view .hashy-modal-header .control-btn:hover{background:rgba(255,255,255,0.4);transform:scale(1.05)}.hx-hashy-chat-view .hashy-modal-header .close-btn:hover{background:rgba(255,68,68,0.3)}.hx-hashy-chat-view .hashy-session-header{background:white;padding:8px 16px;border-bottom:1px solid #e8e9eb;position:sticky;top:0;z-index:5}.hx-hashy-chat-view .hashy-session-header .session-name{font-size:11px;font-weight:500;color:#757575;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-hashy-chat-view .hashy-modal-body{flex:1;--hashy-day-gap:16px;--hashy-day-height:24px;padding:calc(var(--hashy-day-gap) * 2 + var(--hashy-day-height)) 16px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;position:relative}.hx-hashy-chat-view .hashy-modal-body{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;position:relative}.hx-hashy-chat-view .hashy-modal-input{padding:16px;border-top:1px solid #e8e9eb;background:white}.hx-hashy-chat-view .hashy-modal-input .message-input{flex:1;padding:12px 18px;border:2px solid #e5e7eb;border-radius:25px;font-size:14px;outline:none;transition:all 0.3s ease;font-family:'Plus Jakarta Sans',sans-serif;background:#f9fafb;resize:none;overflow-y:hidden;min-height:44px;max-height:150px;line-height:1.5;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.hx-hashy-chat-view .hashy-modal-input .message-input::-webkit-scrollbar{width:4px}.hx-hashy-chat-view .hashy-modal-input .message-input::-webkit-scrollbar-track{background:#f3f4f6;border-radius:2px}.hx-hashy-chat-view .hashy-modal-input .message-input::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.hx-hashy-chat-view .hashy-modal-input .message-input::-webkit-scrollbar-thumb:hover{background:#9ca3af}.hx-hashy-chat-view .hashy-modal-input .message-input:focus{border-color:#8839e7;background:white;box-shadow:0 0 0 3px rgba(136,57,231,0.1)}.hx-hashy-chat-view .hashy-modal-input .message-input::placeholder{color:#d1d5db;font-family:'Plus Jakarta Sans',sans-serif}@keyframes slideIn{from{opacity:0;transform:scale(0.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.hx-hashy-chat-view .fade-out{animation:fadeOut 0.3s ease-out forwards}.hx-hashy-chat-view .slide-out{animation:slideOut 0.3s ease-out forwards}@keyframes fadeOut{to{opacity:0}}@keyframes slideOut{to{transform:scale(0.9) translateY(-20px);opacity:0}}@media (max-width:768px){.hx-hashy-chat-view .hashyai-chatbox{width:100vw;height:100vh;bottom:0;right:0;border-radius:0}.hx-hashy-chat-view .hashyai-chatbox .chat-header{border-radius:0}.hx-hashy-chat-view .hashyai-chatbox .chat-input-area{border-radius:0}.hx-hashy-chat-view .hashyai-floating-icon{bottom:20px;right:20px;width:56px;height:56px}.hx-hashy-chat-view .hashyai-floating-icon .hashy-logo{width:28px;height:28px}}

/** ai/static/css/layout/hashy-session-management.css **/
.hx-hashy-session-management{}.hx-hashy-session-management .hashy-minimized-container{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;gap:8px;z-index:999}.hx-hashy-session-management .hashy-minimized-icon{width:60px;height:60px;border-radius:50%;background:white;border:1px solid #e8e9eb;box-shadow:0 0 7.24px rgba(30,30,30,0.25);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;animation:iconAppear 0.4s ease-out;font-family:'Plus Jakarta Sans',sans-serif}@keyframes iconAppear{0%{opacity:0;transform:scale(0.3) translateY(50px) translateX(50px)}50%{opacity:0.8;transform:scale(0.8) translateY(10px)}100%{opacity:1;transform:scale(1) translateY(0)}}.hx-hashy-session-management .hashy-minimized-icon:hover{transform:scale(1.05);box-shadow:0 0 12px rgba(30,30,30,0.35)}.hx-hashy-session-management .hashy-minimized-icon .icon-image{width:32px;height:32px;background-size:contain;background-repeat:no-repeat;background-position:center}.hx-hashy-session-management .hashy-minimized-icon .session-number{position:absolute;top:-2px;right:-2px;background:#8839e7;color:white;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid white;font-family:'Plus Jakarta Sans',sans-serif;transition:opacity 0.2s ease}.hx-hashy-session-management .hashy-minimized-icon .close-icon{position:absolute;top:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background:#757575;color:white;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:bold;cursor:pointer;transition:all 0.2s ease;border:2px solid white;opacity:0;transform:scale(0.8)}.hx-hashy-session-management .hashy-minimized-icon:hover .close-icon{opacity:1;transform:scale(1)}.hx-hashy-session-management .hashy-minimized-icon:hover .session-number{opacity:0;transform:scale(0.8)}.hx-hashy-session-management .hashy-minimized-icon .close-icon:hover{background:#c82333;transform:scale(1.1)}.hx-hashy-session-management .hashy-warning-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.6);z-index:3000;display:flex;align-items:center;justify-content:center}.hx-hashy-session-management .hashy-warning-modal{background:white;border-radius:12px;padding:0;max-width:500px;width:90%;box-shadow:0 10px 30px rgba(0,0,0,0.3);overflow:hidden}.hx-hashy-session-management .hashy-warning-modal .warning-header{background:#ff6b6b;color:white;padding:20px;text-align:center}.hx-hashy-session-management .hashy-warning-modal .warning-header h3{margin:0;font-size:18px;font-weight:600}.hx-hashy-session-management .hashy-warning-modal .warning-body{padding:25px;text-align:center}.hx-hashy-session-management .hashy-warning-modal .warning-body p{margin:0 0 15px 0;color:#333;line-height:1.5}.hx-hashy-session-management .hashy-warning-modal .oldest-session-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;margin:20px 0;text-align:left}.hx-hashy-session-management .hashy-warning-modal .warning-actions{display:flex;gap:10px;padding:20px;background:#f8f9fa;border-top:1px solid #e9ecef}.hx-hashy-session-management .hashy-warning-modal .btn-cancel,.hx-hashy-session-management .hashy-warning-modal .btn-confirm{flex:1;padding:12px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease}.hx-hashy-session-management .hashy-warning-modal .btn-cancel{background:#6c757d;color:white}.hx-hashy-session-management .hashy-warning-modal .btn-cancel:hover{background:#5a6268}.hx-hashy-session-management .hashy-warning-modal .btn-confirm{background:#dc3545;color:white}.hx-hashy-session-management .hashy-warning-modal .btn-confirm:hover{background:#c82333}

/** ai/static/css/layout/topbar-button-hashy.css **/
.hx-topbar-button-hashy{position:relative;display:inline-flex;align-items:center;justify-content:center}.hx-topbar-button-hashy .hashy-button{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:background-color 0.2s ease}.hx-topbar-button-hashy .hashy-button:hover{background-color:var(--hover-bg,rgba(0,0,0,0.05))}.hx-topbar-button-hashy .hashy-logo{width:24px;height:24px;object-fit:contain}.hx-topbar-button-hashy .hashy-dropdown{position:absolute;top:100%;right:0;z-index:1000;margin-top:4px}.hx-topbar-button-hashy .hashy-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:999}.hashy-dropdown-enter-active,.hashy-dropdown-leave-active{transition:opacity 0.2s ease,transform 0.2s ease}.hashy-dropdown-enter-from,.hashy-dropdown-leave-to{opacity:0;transform:translateY(-10px)}.hashy-overlay-enter-active,.hashy-overlay-leave-active{transition:opacity 0.2s ease}.hashy-overlay-enter-from,.hashy-overlay-leave-to{opacity:0}

/** ai/static/css/layout/hashy-session-dropdown.css **/
.hx-hashy-session-dropdown{}.hx-hashy-session-dropdown .hashy-dropdown{width:380px;max-height:520px;background:#ffffff;border:1px solid #e8e9eb;border-radius:16px;box-shadow:0px 4px 10px 0px rgba(66,74,83,0.12),0px 2px 6px -3px rgba(66,74,83,0.04),0px 0px 0px 1px rgba(208,215,222,0.5);overflow:hidden;display:flex;flex-direction:column}.hx-hashy-session-dropdown .hashy-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;background:#fcfcfc;gap:8px;width:100%;height:56px;box-sizing:border-box;border-bottom:1px solid #e8e9eb}.hx-hashy-session-dropdown .hashy-header-left{display:flex;flex-direction:row;align-items:center;gap:8px}.hx-hashy-session-dropdown .hashy-header-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;font-weight:600;line-height:1.2em;color:#1e1e1e}.hx-hashy-session-dropdown .hashy-counter-badge{display:flex;align-items:center;justify-content:center;padding:0 6px;background:#e0eeff;color:#006fff;border-radius:999px;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:600;line-height:1.5em;min-width:20px;height:18px}.hx-hashy-session-dropdown .hashy-btn-new{display:flex;align-items:center;gap:6px;padding:4px 8px;background:none;color:#006fff;border:none;border-radius:8px;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background-color 0.2s ease}.hx-hashy-session-dropdown .hashy-btn-new:hover{background-color:#e0eeff}.hx-hashy-session-dropdown .hashy-btn-new svg{width:16px;height:16px}.hx-hashy-session-dropdown .hashy-search{padding:12px 16px;border-bottom:1px solid #e8e9eb}.hx-hashy-session-dropdown .hashy-search-wrapper{position:relative;display:flex;align-items:center}.hx-hashy-session-dropdown .hashy-search-icon{position:absolute;left:12px;color:#6b7280;pointer-events:none}.hx-hashy-session-dropdown .hashy-search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #e8e9eb;border-radius:8px;font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;background:#fafafa;transition:border-color 0.2s ease,background-color 0.2s ease}.hx-hashy-session-dropdown .hashy-search-input:focus{outline:none;border-color:#006fff;background:#ffffff}.hx-hashy-session-dropdown .hashy-search-input::placeholder{color:#9ca3af}.hx-hashy-session-dropdown .hashy-list{overflow-y:auto;overflow-x:hidden;max-height:380px;padding:16px;display:flex;flex-direction:column;gap:16px}.hx-hashy-session-dropdown .hashy-group{display:flex;flex-direction:column;gap:8px}.hx-hashy-session-dropdown .hashy-group-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;color:#757575;letter-spacing:0.02em;text-transform:uppercase;padding:0 4px}.hx-hashy-session-dropdown .hashy-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #e8e9eb;border-radius:12px;cursor:pointer;transition:all 0.2s ease;background:#ffffff}.hx-hashy-session-dropdown .hashy-item:hover{border-color:#006fff;box-shadow:0 2px 8px rgba(0,111,255,0.1);transform:translateY(-1px)}.hx-hashy-session-dropdown .hashy-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.hx-hashy-session-dropdown .hashy-session-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:600;line-height:1.4em;color:#1e1e1e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-hashy-session-dropdown .hashy-session-preview{font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:400;line-height:1.5em;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-hashy-session-dropdown .hashy-session-time{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:400;line-height:1.5em;color:#9ca3af}.hx-hashy-session-dropdown .hashy-session-status{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.hx-hashy-session-dropdown .hashy-status-dot{width:8px;height:8px;border-radius:50%;background:#d1d5db}.hx-hashy-session-dropdown .hashy-session-status.started .hashy-status-dot{background:#10b981}.hx-hashy-session-dropdown .hashy-session-status.ended .hashy-status-dot{background:#6b7280}.hx-hashy-session-dropdown .hashy-session-status.draft .hashy-status-dot{background:#f59e0b}.hx-hashy-session-dropdown .hashy-empty{text-align:center;padding:60px 20px;color:#6b7280;display:flex;flex-direction:column;align-items:center;justify-content:center}.hx-hashy-session-dropdown .hashy-empty-icon{font-size:48px;opacity:0.4;margin-bottom:12px}.hx-hashy-session-dropdown .hashy-empty-text{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:500;color:#9ca3af}.hx-hashy-session-dropdown .hashy-overlay{position:fixed;inset:0;z-index:999;background:transparent}.hx-hashy-session-dropdown .hashy-list::-webkit-scrollbar{width:6px}.hx-hashy-session-dropdown .hashy-list::-webkit-scrollbar-track{background:transparent;margin:4px 0}.hx-hashy-session-dropdown .hashy-list::-webkit-scrollbar-thumb{background:#d1d1d1;border-radius:3px}.hx-hashy-session-dropdown .hashy-list::-webkit-scrollbar-thumb:hover{background:#b0b0b0}@media (max-width:480px){.hx-hashy-session-dropdown .hashy-dropdown{width:320px;right:-30px}.hx-hashy-session-dropdown .hashy-header{padding:10px 12px}.hx-hashy-session-dropdown .hashy-header-title{font-size:18px}.hx-hashy-session-dropdown .hashy-search{padding:10px 12px}.hx-hashy-session-dropdown .hashy-list{padding:12px;max-height:340px}.hx-hashy-session-dropdown .hashy-item{padding:10px}}

/** ai/static/css/components/hashy-file-attachment.css **/
.hx-ai-chat-interface .hashy-attachment-preview,.hx-hashy-chat-view .hashy-attachment-preview,.hx-hashy-chat-view .hashy-modal-input .hashy-attachment-preview{display:flex;flex-direction:column;gap:8px;margin-top:12px;width:100%}.hx-ai-chat-interface .hashy-attachment-item,.hx-hashy-chat-view .hashy-attachment-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff;border:1px solid #e8e9eb;border-radius:10px;font-size:13px;transition:all 0.2s ease;position:relative;width:100%;max-width:100%;min-width:0;overflow:hidden}.hx-ai-chat-interface .hashy-attachment-item:hover,.hx-hashy-chat-view .hashy-attachment-item:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.hx-ai-chat-interface .hashy-file-icon-wrapper,.hx-hashy-chat-view .hashy-file-icon-wrapper{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f3f4f6;transition:all 0.2s ease}.hx-ai-chat-interface .hashy-attachment-item:hover .hashy-file-icon-wrapper,.hx-hashy-chat-view .hashy-attachment-item:hover .hashy-file-icon-wrapper{background:#e5e7eb}.hx-ai-chat-interface .hashy-file-icon,.hx-hashy-chat-view .hashy-file-icon{width:20px;height:20px;fill:currentColor}.hx-ai-chat-interface .file-icon-pdf,.hx-hashy-chat-view .file-icon-pdf{color:#ef4444}.hx-ai-chat-interface .file-icon-document,.hx-hashy-chat-view .file-icon-document{color:#3b82f6}.hx-ai-chat-interface .file-icon-spreadsheet,.hx-hashy-chat-view .file-icon-spreadsheet{color:#10b981}.hx-ai-chat-interface .file-icon-presentation,.hx-hashy-chat-view .file-icon-presentation{color:#f59e0b}.hx-ai-chat-interface .file-icon-image,.hx-hashy-chat-view .file-icon-image{color:#8b5cf6}.hx-ai-chat-interface .file-icon-archive,.hx-hashy-chat-view .file-icon-archive{color:#f59e0b}.hx-ai-chat-interface .file-icon-text,.hx-hashy-chat-view .file-icon-text{color:#6b7280}.hx-ai-chat-interface .file-icon-code,.hx-hashy-chat-view .file-icon-code{color:#8b5cf6}.hx-ai-chat-interface .file-icon-generic,.hx-hashy-chat-view .file-icon-generic{color:#6b7280}.hx-ai-chat-interface .hashy-file-info,.hx-hashy-chat-view .hashy-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;width:150px}.hx-ai-chat-interface .hashy-file-name,.hx-hashy-chat-view .hashy-file-name{font-weight:500;color:#1e1e1e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'Plus Jakarta Sans',sans-serif;line-height:1.4;max-width:100%;min-width:0}.hx-ai-chat-interface .hashy-file-size,.hx-hashy-chat-view .hashy-file-size{color:#9ca3af;font-size:12px;font-family:'Plus Jakarta Sans',sans-serif;line-height:1.4}.hx-ai-chat-interface .hashy-upload-status,.hx-hashy-chat-view .hashy-upload-status{font-size:11px;color:#9ca3af;font-style:italic;line-height:1.4}.hx-ai-chat-interface .hashy-remove-file-btn,.hx-hashy-chat-view .hashy-remove-file-btn{flex-shrink:0;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;padding:0}.hx-ai-chat-interface .hashy-remove-file-btn:hover,.hx-hashy-chat-view .hashy-remove-file-btn:hover{background:#fee2e2;color:#ef4444}.hx-ai-chat-interface .hashy-remove-file-btn svg,.hx-hashy-chat-view .hashy-remove-file-btn svg{width:16px;height:16px;fill:currentColor}.hx-ai-chat-interface .hashy-attachment-sent,.hx-hashy-chat-view .hashy-attachment-sent{margin-bottom:8px}.hx-ai-chat-interface .hashy-attachment-sent .hashy-attachment-item,.hx-hashy-chat-view .hashy-attachment-sent .hashy-attachment-item{background:#f8f9fa;border-color:#e8e9eb;cursor:pointer}.hx-ai-chat-interface .hashy-attachment-sent .hashy-attachment-item:hover,.hx-hashy-chat-view .hashy-attachment-sent .hashy-attachment-item:hover{background:#f0f1f3;border-color:#d1d5db}.hx-ai-chat-interface .hashy-attachment-sent .hashy-file-name,.hx-hashy-chat-view .hashy-attachment-sent .hashy-file-name{color:#8839e7;text-decoration:none;transition:color 0.2s ease}.hx-ai-chat-interface .hashy-attachment-sent .hashy-file-name:hover,.hx-hashy-chat-view .hashy-attachment-sent .hashy-file-name:hover{color:#7c3aed;text-decoration:underline}.hx-ai-chat-interface .hashy-attachment-sent .hashy-remove-file-btn,.hx-hashy-chat-view .hashy-attachment-sent .hashy-remove-file-btn{display:none}@keyframes attachmentSlideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hx-ai-chat-interface .hashy-attachment-item,.hx-hashy-chat-view .hashy-attachment-item{animation:attachmentSlideIn 0.3s ease-out}@media (max-width:768px){.hx-ai-chat-interface .hashy-attachment-item,.hx-hashy-chat-view .hashy-attachment-item{padding:8px 12px}.hx-ai-chat-interface .hashy-file-icon-wrapper,.hx-hashy-chat-view .hashy-file-icon-wrapper{width:32px;height:32px}.hx-ai-chat-interface .hashy-file-icon,.hx-hashy-chat-view .hashy-file-icon{width:18px;height:18px}.hx-ai-chat-interface .hashy-file-name,.hx-hashy-chat-view .hashy-file-name{font-size:12px}.hx-ai-chat-interface .hashy-file-size,.hx-hashy-chat-view .hashy-file-size{font-size:11px}}

/** ai/static/css/components/hashy-markdown.css **/
.hashy-markdown-content{line-height:1.6;word-wrap:break-word;font-family:'Plus Jakarta Sans',sans-serif;color:inherit}.hashy-plain-content{white-space:pre-wrap;word-wrap:break-word;font-family:'Plus Jakarta Sans',sans-serif}.hashy-markdown-content h1,.hashy-markdown-content h2,.hashy-markdown-content h3,.hashy-markdown-content h4,.hashy-markdown-content h5,.hashy-markdown-content h6{margin-top:16px;margin-bottom:8px;font-weight:600;line-height:1.25;color:inherit;font-family:'Plus Jakarta Sans',sans-serif}.hashy-markdown-content h1{font-size:1.5em;border-bottom:1px solid #e8e9eb;padding-bottom:0.3em}.hashy-markdown-content h2{font-size:1.3em;border-bottom:1px solid #e8e9eb;padding-bottom:0.3em}.hashy-markdown-content h3{font-size:1.15em}.hashy-markdown-content h4{font-size:1em}.hashy-markdown-content h5{font-size:0.9em}.hashy-markdown-content h6{font-size:0.85em;color:#6b7280}.hashy-markdown-content p{margin-top:0;margin-bottom:12px}.hashy-markdown-content code{background-color:rgba(136,57,231,0.08);color:#8839e7;padding:0.2em 0.4em;border-radius:4px;font-size:0.9em;font-family:'Courier New',Courier,monospace;font-weight:500}.hashy-code-block-wrapper{position:relative;margin:12px 0}.hashy-markdown-content pre{background-color:#1e1e1e;color:#f3f4f6;padding:16px;border-radius:8px;overflow-x:auto;margin:0;border:1px solid #2d2d2d}.hashy-markdown-content pre code{background-color:transparent;padding:0;color:inherit;font-size:0.875em;border-radius:0;font-weight:400}.hashy-copy-btn{position:absolute;top:8px;right:8px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:6px;padding:6px 8px;cursor:pointer;color:#f3f4f6;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;opacity:0;z-index:10}.hashy-code-block-wrapper:hover .hashy-copy-btn{opacity:1}.hashy-copy-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3)}.hashy-copy-btn.copied{background:rgba(16,185,129,0.2);border-color:rgba(16,185,129,0.4);color:#10b981}.hashy-copy-btn svg{width:16px;height:16px}.hashy-markdown-content ul,.hashy-markdown-content ol{margin-top:0;margin-bottom:12px;padding-left:2em}.hashy-markdown-content li{margin-bottom:4px}.hashy-markdown-content li>p{margin-bottom:4px}.hashy-markdown-content ul{list-style-type:disc}.hashy-markdown-content ol{list-style-type:decimal}.hashy-markdown-content ul ul,.hashy-markdown-content ol ul{list-style-type:circle}.hashy-markdown-content ul ul ul,.hashy-markdown-content ol ul ul,.hashy-markdown-content ol ol ul{list-style-type:square}.hashy-markdown-content a{color:#3b82f6;text-decoration:none;transition:all 0.2s ease;font-weight:500}.hashy-markdown-content a:hover{text-decoration:underline;color:#2563eb}.hashy-markdown-content blockquote{border-left:4px solid #8839e7;padding-left:16px;margin:12px 0;color:#6b7280;font-style:italic;background:rgba(136,57,231,0.03);padding:12px 16px;border-radius:0 8px 8px 0}.hashy-markdown-content blockquote p{margin:0}.hashy-markdown-content table{border-collapse:collapse;width:100%;margin:12px 0;border-radius:8px;overflow:hidden;border:1px solid #e8e9eb}.hashy-table-wrapper{width:100%;overflow-x:auto;margin:12px 0;border-radius:8px}.hashy-table-wrapper table{margin:0;min-width:100%}.hashy-markdown-content table th,.hashy-markdown-content table td{border:1px solid #e8e9eb;padding:8px 12px;text-align:left}.hashy-markdown-content table th{background-color:#f9fafb;font-weight:600;color:#1e1e1e}.hashy-markdown-content table tr:nth-child(even){background-color:#fafbfc}.hashy-markdown-content table tr:hover{background-color:#f3f4f6}.hashy-markdown-content hr{border:none;border-top:2px solid #e8e9eb;margin:16px 0}.hashy-markdown-content img{max-width:100%;height:auto;border-radius:8px;margin:8px 0;border:1px solid #e8e9eb}.hashy-markdown-content strong{font-weight:600;color:inherit}.hashy-markdown-content em{font-style:italic}.hashy-markdown-content s,.hashy-markdown-content del{text-decoration:line-through;opacity:0.7}.hashy-markdown-content>*:first-child{margin-top:0!important}.hashy-markdown-content>*:last-child{margin-bottom:0!important}.hashy-message .hashy-markdown-content{color:#1e1e1e}.hashy-message .hashy-markdown-content h6{color:#6b7280}.hashy-message .hashy-markdown-content blockquote{color:#6b7280}.user-message .hashy-markdown-content{color:#1e1e1e}.user-message .hashy-markdown-content code{background-color:rgba(136,57,231,0.15);color:#7c2dd1}.user-message .hashy-markdown-content blockquote{border-left-color:#a855f7;background:rgba(168,85,247,0.08)}@media (max-width:768px){.hashy-markdown-content{font-size:14px}.hashy-markdown-content h1{font-size:1.3em}.hashy-markdown-content h2{font-size:1.2em}.hashy-markdown-content h3{font-size:1.1em}.hashy-markdown-content pre{padding:12px;font-size:0.85em}.hashy-markdown-content table{font-size:0.9em}.hashy-markdown-content table th,.hashy-markdown-content table td{padding:6px 8px}}.hashy-markdown-content pre::-webkit-scrollbar{height:8px}.hashy-markdown-content pre::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:4px}.hashy-markdown-content pre::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:4px}.hashy-markdown-content pre::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3)}.hashy-table-wrapper::-webkit-scrollbar{height:8px}.hashy-table-wrapper::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.hashy-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.hashy-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}

/** document/static/css/layout/document-pdf-signer.css **/
.hx-document-pdf-signer .hx-document-signer{display:flex;flex-direction:column;height:100%;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}.hx-document-signer .signer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#ffffff;border-bottom:1px solid #e5e7eb;gap:16px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.05)}.hx-document-signer .header-left{display:flex;align-items:center;gap:24px;flex:1}.hx-document-signer .title-section{display:flex;flex-direction:column;gap:4px;justify-content:flex-start;align-items:baseline}.hx-document-signer .title-section .label{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:0.05em;text-transform:uppercase;color:#6b7280;font-weight:600}.hx-document-signer .title-section .label .icon{color:#3b82f6}.hx-document-signer .title-section .name{font-size:20px;font-weight:700;color:#111827;line-height:1.2}.hx-document-signer .company-info{margin-top:6px;padding-top:6px;border-top:1px solid #e5e7eb}.hx-document-signer .company-name{font-size:14px;font-weight:600;color:#374151;margin-bottom:2px}.hx-document-signer .company-details{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:6px}.hx-document-signer .company-details .separator{color:#d1d5db}.hx-document-signer .signature-preview{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:2px solid #3b82f6;border-radius:8px}.hx-document-signer .signature-preview .preview-label{font-size:11px;font-weight:600;color:#1e40af;text-transform:uppercase;letter-spacing:0.05em}.hx-document-signer .signature-preview img{height:32px;max-width:120px;display:block;object-fit:contain}.hx-document-signer .signature-preview .btn-icon{background:transparent;border:none;padding:4px;cursor:pointer;color:#1e40af;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all 0.2s}.hx-document-signer .signature-preview .btn-icon:hover{background:rgba(59,130,246,0.1);color:#3b82f6}.hx-document-signer .header-actions{display:flex;gap:8px;flex-wrap:wrap}.hx-document-signer .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all 0.2s;white-space:nowrap;background:#f3f4f6;color:#374151;border-color:#e5e7eb}.hx-document-signer .btn:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.hx-document-signer .btn:active:not(:disabled){transform:translateY(1px)}.hx-document-signer .btn-icon-text svg{flex-shrink:0}.hx-document-signer .btn.active{background:#1e40af;color:#ffffff;border-color:#1e40af;box-shadow:0 2px 4px rgba(30,64,175,0.2)}.hx-document-signer .btn.active:hover{background:#1e3a8a;border-color:#1e3a8a}.hx-document-signer .btn-primary{background:#3b82f6;color:#ffffff;border-color:#3b82f6;box-shadow:0 2px 4px rgba(59,130,246,0.2)}.hx-document-signer .btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb;box-shadow:0 4px 6px rgba(59,130,246,0.25)}.hx-document-signer .btn-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#ffffff;border-color:#10b981;box-shadow:0 2px 4px rgba(16,185,129,0.3);font-weight:600}.hx-document-signer .btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);border-color:#059669;box-shadow:0 4px 8px rgba(16,185,129,0.4);transform:translateY(-1px)}.hx-document-signer .btn-success:active:not(:disabled){transform:translateY(0)}.hx-document-signer .btn-secondary{background:#ffffff;color:#dc2626;border-color:#fecaca}.hx-document-signer .btn-secondary:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.hx-document-signer .btn-ghost{background:transparent;color:#6b7280;border-color:transparent}.hx-document-signer .btn-ghost:hover:not(:disabled){background:#f3f4f6;color:#374151}.hx-document-signer .btn-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#ffffff;border-color:#f59e0b;box-shadow:0 2px 4px rgba(245,158,11,0.3);font-weight:600}.hx-document-signer .btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border-color:#d97706;box-shadow:0 4px 8px rgba(245,158,11,0.4);transform:translateY(-1px)}.hx-document-signer .btn-warning:active:not(:disabled){transform:translateY(0)}.hx-document-signer .btn:disabled{opacity:0.5;cursor:not-allowed}.hx-document-signer .btn .spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,0.3);border-top-color:#ffffff;border-radius:50%;animation:spin 0.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hx-document-signer .signer-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.hx-document-signer .pdf-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:#ffffff;border-bottom:1px solid #e5e7eb;font-size:13px}.hx-document-signer .toolbar-section{display:flex;align-items:center;gap:8px}.hx-document-signer .toolbar-center{flex:1;justify-content:center}.hx-document-signer .toolbar-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;color:#374151;transition:all 0.2s}.hx-document-signer .toolbar-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;color:#111827}.hx-document-signer .toolbar-btn:disabled{opacity:0.4;cursor:not-allowed}.hx-document-signer .page-info{display:flex;align-items:center;gap:4px;font-weight:500;color:#374151}.hx-document-signer .page-input{width:50px;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;text-align:center;font-size:13px;font-weight:500;color:#111827}.hx-document-signer .page-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.hx-document-signer .page-divider{color:#9ca3af;margin:0 2px}.hx-document-signer .page-total{color:#6b7280}.hx-document-signer .zoom-level{min-width:50px;text-align:center;font-weight:500;color:#374151}.hx-document-signer .markers-count{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f0fdf4;border:1px solid #86efac;border-radius:6px;font-size:12px;font-weight:500;color:#166534}.hx-document-signer .markers-count svg{color:#16a34a}.hx-document-signer .pdf-container{flex:1;overflow:auto;padding:24px;position:relative}.hx-document-signer .pdf-container.place-mode-active{cursor:crosshair}.hx-document-signer .pdf-loading,.hx-document-signer .pdf-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;text-align:center;color:#6b7280}.hx-document-signer .pdf-loading .loading-text,.hx-document-signer .pdf-error .error-text{font-size:15px;font-weight:500;color:#374151}.hx-document-signer .pdf-error svg{color:#dc2626}.hx-document-signer .spinner-large{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 0.8s linear infinite}.hx-document-signer .pdf-pages-container{display:flex;flex-direction:column;align-items:center;gap:32px}.hx-document-signer .pdf-page-wrapper{position:relative;background:#ffffff;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border-radius:8px;overflow:hidden;transition:box-shadow 0.2s}.hx-document-signer .pdf-page-wrapper:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.hx-document-signer .pdf-page-canvas-wrap{position:relative;display:inline-block}.hx-document-signer .pdf-page-number{padding:8px 12px;font-size:11px;color:#6b7280;text-align:center;background:#f9fafb;border-top:1px solid #e5e7eb;font-weight:500}.hx-document-signer .signature-layer{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:auto}.hx-document-signer .signature-marker{position:absolute;border:2px solid #3b82f6;background:rgba(59,130,246,0.08);cursor:move;transition:box-shadow 0.2s,border-color 0.2s;border-radius:4px;box-shadow:0 2px 8px rgba(59,130,246,0.15);will-change:transform;user-select:none}.hx-document-signer .signature-marker:hover{border-color:#2563eb;background:rgba(37,99,235,0.12);box-shadow:0 4px 12px rgba(59,130,246,0.25)}.hx-document-signer .signature-marker.dragging{opacity:0.9;box-shadow:0 8px 24px rgba(59,130,246,0.35);z-index:100;cursor:grabbing;transition:none}.hx-document-signer .signature-marker img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none}.hx-document-signer .place-mode-hint{position:sticky;bottom:24px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);color:#ffffff;border-radius:8px;font-size:13px;font-weight:500;box-shadow:0 10px 25px rgba(30,58,138,0.4);animation:slideUp 0.3s ease-out;max-width:90%;margin:0 auto}.hx-document-signer .place-mode-hint svg{flex-shrink:0;color:#93c5fd}.hx-document-signer .no-signature-warning{position:sticky;bottom:24px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);color:#ffffff;border-radius:8px;font-size:13px;font-weight:500;box-shadow:0 10px 25px rgba(220,38,38,0.4);animation:slideUp 0.3s ease-out;max-width:90%;margin:0 auto}.hx-document-signer .no-signature-warning svg{flex-shrink:0;color:#fecaca}@keyframes slideUp{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.hx-document-signer .signature-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px}.hx-document-signer .signature-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);animation:fadeIn 0.2s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.hx-document-signer .signature-modal-content{position:relative;background:#ffffff;border-radius:12px;width:600px;max-width:100%;z-index:1;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);animation:scaleIn 0.2s ease-out}@keyframes scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.hx-document-signer .signature-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.hx-document-signer .modal-title-section{display:flex;align-items:center;gap:10px}.hx-document-signer .modal-title-section svg{color:#3b82f6}.hx-document-signer .modal-title{font-size:18px;font-weight:700;color:#111827}.hx-document-signer .modal-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all 0.2s}.hx-document-signer .modal-close:hover{background:#f3f4f6;color:#111827}.hx-document-signer .signature-modal-body{padding:24px}.hx-document-signer .canvas-container{position:relative;border-radius:8px;overflow:hidden}.hx-document-signer .signature-canvas{width:100%;height:220px;border:2px solid #d1d5db;border-radius:8px;background:#ffffff;cursor:crosshair;display:block;transition:border-color 0.2s}.hx-document-signer .signature-canvas:hover{border-color:#3b82f6}.hx-document-signer .canvas-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;color:#d1d5db}.hx-document-signer .canvas-placeholder .placeholder-text{font-size:14px;font-weight:500;color:#9ca3af}.hx-document-signer .signature-hint{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;color:#6b7280;padding:8px 12px;background:#f9fafb;border-radius:6px}.hx-document-signer .signature-hint svg{flex-shrink:0;color:#3b82f6}.hx-document-signer .signature-modal-actions{display:flex;align-items:center;gap:8px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.hx-document-signer .action-spacer{flex:1}.hx-document-signer .workflow-progress{display:flex;align-items:center;justify-content:center;padding:16px 24px;background:#ffffff;border-bottom:1px solid #e5e7eb}.hx-document-signer .progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.hx-document-signer .progress-step .step-circle{width:36px;height:36px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all 0.3s}.hx-document-signer .progress-step.active .step-circle{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#ffffff;box-shadow:0 4px 8px rgba(59,130,246,0.3)}.hx-document-signer .progress-step .step-label{font-size:12px;color:#6b7280;font-weight:500}.hx-document-signer .progress-step.active .step-label{color:#1e40af;font-weight:600}.hx-document-signer .progress-connector{width:80px;height:2px;background:#e5e7eb;margin:0 8px;margin-bottom:28px;transition:all 0.3s}.hx-document-signer .progress-connector.completed{background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%)}.hx-document-signer .mode-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-left:8px}.hx-document-signer .mode-badge.mode-draft{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e}.hx-document-signer .mode-badge.mode-sign{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.hx-document-signer .btn-warning{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);color:#ffffff;border-color:#fbbf24;box-shadow:0 2px 4px rgba(251,191,36,0.3);font-weight:600}.hx-document-signer .btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#f59e0b;box-shadow:0 4px 8px rgba(251,191,36,0.4);transform:translateY(-1px)}.hx-document-signer .btn-warning:active:not(:disabled){transform:translateY(0)}.hx-document-signer .signer-body{display:flex;flex:1;overflow:hidden}.hx-document-signer .body-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.hx-document-signer .assignment-panel,.hx-document-signer .info-panel{position:absolute;bottom:0;width:320px;background:#ffffff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;box-shadow:-2px 0 8px rgba(0,0,0,0.05);transform:translateX(100%);transition:transform 0.3s ease}.hx-document-signer .assignment-panel.visible,.hx-document-signer .info-panel.visible{transform:translateX(0)}.hx-document-signer .panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.hx-document-signer .panel-header h3{font-size:16px;font-weight:600;color:#111827;margin:0}.hx-document-signer .panel-close{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all 0.2s}.hx-document-signer .panel-close:hover{background:#e5e7eb;color:#374151}.hx-document-signer .panel-body{flex:1;overflow-y:auto;padding:20px}.hx-document-signer .form-group{margin-bottom:20px}.hx-document-signer .form-group label{display:flex;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.hx-document-signer .form-group label.required::after{content:' *';color:#dc2626}.hx-document-signer .form-group .optional{font-weight:400;color:#9ca3af;font-size:12px}.hx-document-signer .form-control{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;background:#ffffff;transition:all 0.2s}.hx-document-signer .form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.hx-document-signer .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400!important}.hx-document-signer .checkbox-label input[type='checkbox']{width:16px;height:16px;cursor:pointer}.hx-document-signer .help-text{font-size:12px;color:#6b7280;margin-top:4px;margin-bottom:0}.hx-document-signer .form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.hx-document-signer .btn-sm{padding:6px 12px;font-size:12px}.hx-document-signer .btn-danger{background:#ffffff;color:#dc2626;border-color:#fecaca}.hx-document-signer .btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.hx-document-signer .info-item{margin-bottom:16px}.hx-document-signer .info-item label{display:block;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:4px}.hx-document-signer .info-item .value{font-size:14px;color:#111827;font-weight:500}.hx-document-signer .status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.hx-document-signer .status-badge.placed{background:#fef3c7;color:#92400e}.hx-document-signer .status-badge.signed{background:#d1fae5;color:#065f46}.hx-document-signer .signature-marker{position:absolute;cursor:pointer;transition:all 0.2s;border:2px solid transparent;border-radius:4px;overflow:hidden}.hx-document-signer .signature-marker.draft-mode{border-color:#3b82f6;border-style:dashed}.hx-document-signer .signature-marker.unassigned{border-color:#fbbf24;background:rgba(251,191,36,0.1)}.hx-document-signer .signature-marker.assigned-to-me{border-color:#10b981;border-style:solid;background:rgba(16,185,129,0.05)}.hx-document-signer .signature-marker.assigned-to-others{border-color:#9ca3af;border-style:solid;background:rgba(156,163,175,0.05)}.hx-document-signer .signature-marker.signed{border-color:#3b82f6;border-style:solid;display:flex;flex-direction:column}.hx-document-signer .signature-marker.signed img{flex:1;min-height:0;object-fit:contain;object-position:top center}.hx-document-signer .marker-label-signed{font-size:9px;font-weight:normal;color:#374151;text-align:center;padding:2px 4px 0;text-transform:none;letter-spacing:0;flex-shrink:0;line-height:1.2}.hx-document-signer .signature-marker.locked{cursor:not-allowed;opacity:0.6}.hx-document-signer .signature-marker.view-mode{cursor:pointer;opacity:1}.hx-document-signer .signature-marker.selected{border-color:#6366f1!important;border-width:3px;box-shadow:0 0 0 4px rgba(99,102,241,0.2)}.hx-document-signer .signature-marker:hover:not(.locked){border-width:3px;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.hx-document-signer .marker-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;text-align:center}.hx-document-signer .marker-icon{color:#6b7280;margin-bottom:4px}.hx-document-signer .marker-label{font-size:10px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:0.05em}.hx-document-signer .marker-badge{position:absolute;top:3px;right:2px;background:#dc2626;color:#ffffff;font-size:9px;font-weight:600;padding:2px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:0.05em;box-shadow:0 2px 4px rgba(0,0,0,0.2)}@media (max-width:768px){.hx-document-signer .signer-header{flex-direction:column;align-items:stretch}.hx-document-signer .header-left{flex-direction:column;align-items:stretch}.hx-document-signer .header-actions{justify-content:stretch}.hx-document-signer .header-actions .btn{flex:1}.hx-document-signer .pdf-toolbar{flex-wrap:wrap;gap:8px}.hx-document-signer .toolbar-center{order:-1;width:100%}.hx-document-signer .place-mode-hint{font-size:12px;padding:10px 16px}.hx-document-signer .assignment-panel,.hx-document-signer .info-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:320px;z-index:1000}.hx-document-signer .workflow-progress{padding:12px 16px}.hx-document-signer .progress-step .step-circle{width:32px;height:32px;font-size:12px}.hx-document-signer .progress-connector{width:60px}.hx-document-signer .progress-step .step-label{font-size:11px}}.document-pdf-signer-embed{border:1px solid #dee2e6;border-radius:6px;overflow:hidden;background:#f8f9fa}.document-pdf-signer-embed .hx-document-pdf-signer{height:100%}.document-pdf-signer-embed-empty{padding:2rem;color:#6c757d;text-align:center}

/** hmx_olap/static/css/layout/action-manager/olap-info.css **/
.action-bar-item.olap-info{display:flex;align-items:center}.action-bar-item .olap-sync-label{font-style:italic;font-size:12px}

/** core_project/static/css/views/hx-project-setting.css **/
.hx-project-setting{width:100%;height:100%;position:relative}.hx-project-setting .project-settings-view{padding:20px;background:#f5f6f8}.hx-project-setting .settings-card{margin-top:20px;background:white;border-radius:8px;padding:20px;border:1px solid #e5e7eb}.hx-project-setting .group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hx-project-setting .group-header h4{margin:0;font-size:15px;margin-top:8px;margin-bottom:8px;font-weight:bold}.hx-project-setting .group-header h1{font-size:12px;margin-top:8px;margin-bottom:8px}.hx-project-setting .header h4{margin:0;font-size:20px;margin-top:10px;margin-bottom:10px;font-weight:bold}.hx-project-setting .header{line-height:1.8;border-bottom:1px solid #e5e7eb}.hx-project-setting .header h1{font-size:14px;margin-top:10px;margin-bottom:10px;line-height:2}.hx-project-setting .status-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:14px}.hx-project-setting .drag{cursor:grab;color:#9ca3af;letter-spacing:-2px}.hx-project-setting .dot{width:10px;height:10px;border-radius:50%}.hx-project-setting .delete-btn{margin-left:auto;border:none;background:none;cursor:pointer;font-size:5px}.hx-project-setting .delete-btn svg use{fill:#ef4444}.hx-project-setting .add-stage-form select{flex:1;padding:8px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.hx-project-setting .btn-confirm{background:#6b7280;color:white;border:none;padding:5px 10px;border-radius:6px;cursor:pointer;font-size:14px}.hx-project-setting .btn-cancel{background:none;border:none;cursor:pointer;font-size:14px}.hx-project-setting .btn-save{background:#020617;color:white;padding:8px 10px;border:none;border-radius:8px;cursor:pointer;font-size:14px}.hx-project-setting .settings-header{position:sticky;background:#fff;padding:20px 24px;margin:0;margin-top:0;margin-bottom:0}.hx-project-setting .settings-header h2{margin:0 0 4px 0;font-size:22px;font-weight:600}.hx-project-setting .settings-header .subtitle{margin:0;font-size:14px;color:#6b7280}.hx-project-setting .status-group{margin-bottom:20px}.hx-project-setting .btn-add{border:1px solid #ddd;background:white;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:15px;font-weight:bold}.hx-project-setting .dot.green{background:#10b981}.hx-project-setting .status-name{font-weight:500}.hx-project-setting .badge{margin-left:6px;padding:3px 8px;border-radius:6px;font-size:12px}.hx-project-setting .btn-delete{width:18px;height:18px;display:block;transition:transform 0.3s ease}.hx-project-setting .add-stage-form{display:flex;gap:10px;margin-top:10px}.hx-project-setting .save-section{display:flex;justify-content:flex-end;margin-top:20px}.hx-project-setting .dot.gray{background:#9ca3af}.hx-project-setting .dot.blue{background:#3b82f6}.hx-project-setting .badge.gray{background:#e5e7eb;color:#374151}.hx-project-setting .badge.blue{background:#dbeafe;color:#1d4ed8}.hx-project-setting .badge.green{background:#d1fae5;color:#047857}.hx-project-setting .info-banner{display:flex;gap:12px;align-items:flex-start;margin-top:20px;padding:16px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:8px}.hx-project-setting .info-icon{font-size:18px;margin-top:2px}.hx-project-setting .info-content strong{display:block;margin-bottom:4px;font-size:14px;color:#1e3a8a}.hx-project-setting .info-content p{margin:0;font-size:13px;color:#1e3a8a;line-height:1.5}.hx-project-setting .info-banner .info-icon{color:#0043ca}.custom-alert{position:fixed;top:20px;left:50%;transform:translateX(-50%);min-width:300px;max-width:500px;padding:14px 18px;border-radius:10px;color:#fff;font-size:14px;z-index:9999;display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 16px rgba(0,0,0,0.2)}.custom-alert.success{background:#1f8b4c}.custom-alert.error{background:#dc3545}.close-btn{background:transparent;border:none;color:#fff;font-size:16px;cursor:pointer}.fade-enter-active,.fade-leave-active{transition:all 0.3s ease}.fade-enter-from{opacity:0;transform:translate(-50%,-20px)}.fade-leave-to{opacity:0;transform:translate(-50%,-20px)}

/** core_hr_talent_management/static/css/views/kanban/kanban-card-employee-talent.css **/
.hx-kanban-card-employee-talent{background:#ffffff;border-radius:16px;border:1px solid #e5e7eb;padding:20px;display:flex;flex-direction:column;gap:16px;font-family:'Plus Jakarta Sans','Nunito',sans-serif;min-width:300px;max-width:340px;box-shadow:0 1px 3px rgba(0,0,0,0.08);transition:box-shadow 0.2s ease,transform 0.2s ease;position:relative}.hx-kanban-card-employee-talent:hover{box-shadow:0 8px 24px rgba(0,0,0,0.12);transform:translateY(-2px)}.hx-kanban-card-employee-talent::after{content:'⋮';position:absolute;top:16px;right:16px;font-size:18px;color:#9ca3af;cursor:pointer}.hx-kanban-card-employee-talent .employee-card-header{display:flex;flex-direction:row;align-items:center;gap:12px}.hx-kanban-card-employee-talent .employee-avatar{width:56px;height:56px;min-width:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1 0%,#818cf8 100%);border:3px solid #c7d2fe;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.hx-kanban-card-employee-talent .employee-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.hx-kanban-card-employee-talent .employee-avatar-initials{font-size:18px;font-weight:700;color:#ffffff;text-transform:uppercase}.hx-kanban-card-employee-talent .employee-header-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;overflow:hidden}.hx-kanban-card-employee-talent .employee-name{font-size:18px;font-weight:700;color:#1f2937;margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-kanban-card-employee-talent .employee-email{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:13px;overflow:hidden}.hx-kanban-card-employee-talent .employee-email span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-kanban-card-employee-talent .employee-email svg{width:16px;height:16px;fill:#9ca3af}.hx-kanban-card-employee-talent .employee-job-title{font-size:15px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-kanban-card-employee-talent .employee-job-badge{font-size:15px;font-weight:600;color:#1f2937;background:transparent;padding:0}.hx-kanban-card-employee-talent .employee-info-section{display:flex;flex-direction:column;gap:12px;padding:0;border:none}.hx-kanban-card-employee-talent .employee-info-row{display:flex;gap:20px}.hx-kanban-card-employee-talent .employee-info-item{flex:1;min-width:0}.hx-kanban-card-employee-talent .employee-info-item.employee-info-full{flex:0 0 50%}.hx-kanban-card-employee-talent .employee-info-section .info-label{display:block;font-size:12px;color:#9ca3af;font-weight:500;margin-bottom:4px}.hx-kanban-card-employee-talent .employee-info-section .info-value{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#1f2937}.hx-kanban-card-employee-talent .employee-info-section .info-icon{width:16px;height:16px;fill:#3b82f6}.hx-kanban-card-employee-talent .employee-performance-section{background:#f0fdf4;border:2px solid #22c55e;border-radius:12px;padding:14px 16px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.hx-kanban-card-employee-talent .employee-performance-section.performance-high{background:#f0fdf4;border-color:#22c55e}.hx-kanban-card-employee-talent .employee-performance-section.performance-medium{background:#fffbeb;border-color:#f59e0b}.hx-kanban-card-employee-talent .employee-performance-section.performance-low{background:#fef2f2;border-color:#ef4444}.hx-kanban-card-employee-talent .employee-performance-section.performance-none{background:#f9fafb;border-color:#d1d5db}.hx-kanban-card-employee-talent .performance-header{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.hx-kanban-card-employee-talent .performance-icon{width:20px;height:20px;fill:#22c55e;display:none}.hx-kanban-card-employee-talent .performance-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#374151}.hx-kanban-card-employee-talent .evaluation-badge{background:#dcfce7;color:#166534;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.hx-kanban-card-employee-talent .performance-medium .evaluation-badge{background:#fef3c7;color:#92400e}.hx-kanban-card-employee-talent .performance-low .evaluation-badge{background:#fee2e2;color:#991b1b}.hx-kanban-card-employee-talent .performance-none .evaluation-badge{background:#f3f4f6;color:#6b7280}.hx-kanban-card-employee-talent .performance-score{display:flex;flex-direction:column;align-items:flex-end;gap:0}.hx-kanban-card-employee-talent .score-value{font-size:32px;font-weight:700;color:#22c55e;line-height:1}.hx-kanban-card-employee-talent .performance-medium .score-value{color:#f59e0b}.hx-kanban-card-employee-talent .performance-low .score-value{color:#ef4444}.hx-kanban-card-employee-talent .performance-none .score-value{color:#9ca3af;font-size:18px}.hx-kanban-card-employee-talent .score-max{font-size:14px;color:#9ca3af;font-weight:500}.hx-kanban-card-employee-talent .employee-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:0;border-top:none}.hx-kanban-card-employee-talent .action-buttons{display:flex;gap:8px}.hx-kanban-card-employee-talent .action-btn{width:40px;height:40px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease}.hx-kanban-card-employee-talent .action-btn svg{width:20px;height:20px;fill:#ffffff}.hx-kanban-card-employee-talent .action-btn-performance{background:#3b82f6}.hx-kanban-card-employee-talent .action-btn-performance:hover{background:#2563eb}.hx-kanban-card-employee-talent .action-btn-performance svg{fill:#ffffff}.hx-kanban-card-employee-talent .action-btn-goals{background:#3b82f6}.hx-kanban-card-employee-talent .action-btn-goals:hover{background:#2563eb}.hx-kanban-card-employee-talent .action-btn-goals svg{fill:#ffffff}.hx-kanban-card-employee-talent .action-btn-edit{background:#3b82f6}.hx-kanban-card-employee-talent .action-btn-edit:hover{background:#2563eb}.hx-kanban-card-employee-talent .action-btn-edit svg{fill:#ffffff}.hx-kanban-card-employee-talent .details-link{background:transparent;border:none;color:#3b82f6;font-size:15px;font-weight:600;cursor:pointer;padding:8px 0;transition:color 0.2s ease}.hx-kanban-card-employee-talent .details-link:hover{color:#2563eb;text-decoration:underline}.hx-kanban-view .hx-kanban-grid.hx-kanban-grid-v2:has(.hx-kanban-card-employee-talent){grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:16px}.hx-kanban-view .hx-kanban-grid.hx-kanban-grid-v2:has(.hx-kanban-card-employee-talent):has(.hx-kanban-card-wrapper:nth-child(1):last-child){grid-template-columns:320px!important;justify-content:start}.hx-kanban-view .hx-kanban-grid.hx-kanban-grid-v2:has(.hx-kanban-card-employee-talent):has(.hx-kanban-card-wrapper:nth-child(2):last-child){grid-template-columns:repeat(2,320px)!important;justify-content:start}.hx-kanban-view .hx-kanban-grid.hx-kanban-grid-v2:has(.hx-kanban-card-employee-talent):has(.hx-kanban-card-wrapper:nth-child(3):last-child){grid-template-columns:repeat(3,320px)!important;justify-content:start}.hx-kanban-grid.hx-kanban-grid-v2 .hx-kanban-card-wrapper:has(.hx-kanban-card-employee-talent){width:100%}.hx-kanban-card-employee-talent{min-width:0;max-width:100%;width:100%}@media screen and (max-width:1100px){.hx-kanban-view .hx-kanban-grid.hx-kanban-grid-v2:has(.hx-kanban-card-employee-talent):has(.hx-kanban-card-wrapper:nth-child(3):last-child){grid-template-columns:repeat(2,320px)!important}}@media screen and (max-width:768px){.hx-kanban-view .hx-kanban-grid.hx-kanban-grid-v2:has(.hx-kanban-card-employee-talent):has(.hx-kanban-card-wrapper:nth-child(1):last-child),.hx-kanban-view .hx-kanban-grid.hx-kanban-grid-v2:has(.hx-kanban-card-employee-talent):has(.hx-kanban-card-wrapper:nth-child(2):last-child),.hx-kanban-view .hx-kanban-grid.hx-kanban-grid-v2:has(.hx-kanban-card-employee-talent):has(.hx-kanban-card-wrapper:nth-child(3):last-child){grid-template-columns:1fr!important}.hx-kanban-view .hx-kanban-grid.hx-kanban-grid-v2:has(.hx-kanban-card-employee-talent){grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}.hx-kanban-card-employee-talent{min-width:260px;max-width:100%;padding:16px}.hx-kanban-card-employee-talent .employee-info-row{flex-direction:column;gap:12px}}@media screen and (max-width:480px){.hx-kanban-view .hx-kanban-grid.hx-kanban-grid-v2:has(.hx-kanban-card-employee-talent){grid-template-columns:1fr!important}.hx-kanban-card-employee-talent{max-width:100%}}

/** core_hr_talent_management/static/css/views/kanban/kanban-card-competency-library.css **/
.hx-kanban-view:has(.hx-kanban-card-competency-library) .hx-kanban-grid-v2,.hx-kanban-grid-v2:has(.hx-kanban-card-competency-library){--hx-kanban-col:auto!important;grid-template-columns:repeat(auto-fill,260px)!important;gap:12px!important;justify-content:start!important}.hx-kanban-grid-v2:has(.hx-kanban-card-competency-library) .hx-kanban-card-wrapper{display:flex;align-items:stretch;width:260px}.hx-kanban-card-competency-library{background:#ffffff;border-radius:10px;border:1px solid #e5e7eb;padding:14px;display:flex;flex-direction:column;gap:10px;font-family:'Plus Jakarta Sans','Nunito',sans-serif;width:260px;max-width:260px;min-width:260px;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,0,0,0.06);transition:box-shadow 0.2s ease,transform 0.2s ease;position:relative}.hx-kanban-card-competency-library:hover{box-shadow:0 6px 16px rgba(0,0,0,0.1);transform:translateY(-2px)}.hx-kanban-card-competency-library .competency-card-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:8px}.hx-kanban-card-competency-library .competency-title{font-size:15px;font-weight:600;color:#1f2937;margin:0;line-height:1.3;word-break:break-word;flex:1}.hx-kanban-card-competency-library .competency-category-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;line-height:1;text-transform:capitalize;white-space:nowrap;flex-shrink:0}.hx-kanban-card-competency-library .competency-category-badge.category-leadership{background:#dbeafe;color:#1e40af}.hx-kanban-card-competency-library .competency-category-badge.category-core{background:#fce7f3;color:#be185d}.hx-kanban-card-competency-library .competency-category-badge.category-technical{background:#d1fae5;color:#065f46}.hx-kanban-card-competency-library .competency-category-badge.category-functional{background:#fef3c7;color:#92400e}.hx-kanban-card-competency-library .competency-category-badge.category-behavioral{background:#e0e7ff;color:#4338ca}.hx-kanban-card-competency-library .competency-category-badge.category-default{background:#f3f4f6;color:#4b5563}.hx-kanban-card-competency-library .competency-description{font-size:13px;color:#6b7280;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.hx-kanban-card-competency-library .competency-description.empty{font-style:italic;color:#9ca3af}.hx-kanban-card-competency-library .competency-level-section{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f9fafb;border-radius:6px}.hx-kanban-card-competency-library .level-icon{width:16px;height:16px;color:#6366f1;flex-shrink:0}.hx-kanban-card-competency-library .level-text{font-size:12px;font-weight:600;color:#374151}.hx-kanban-card-competency-library .competency-card-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:auto;padding-top:8px;border-top:1px solid #f3f4f6}.hx-kanban-card-competency-library .competency-view-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 14px;background:#eef2ff;border:none;border-radius:6px;font-size:12px;font-weight:600;color:#6366f1;cursor:pointer;transition:all 0.15s ease}.hx-kanban-card-competency-library .competency-view-btn:hover{background:#e0e7ff;color:#4f46e5}.hx-kanban-card-competency-library .competency-view-btn span{white-space:nowrap}.hx-kanban-card-competency-library .competency-view-btn .arrow-text{font-size:14px;font-weight:600;line-height:1}.hx-kanban-card-competency-library .competency-view-btn:hover .arrow-text{color:#4f46e5}@media screen and (max-width:768px){.hx-kanban-card-competency-library{min-width:100%;width:100%;max-width:100%}.hx-kanban-grid-v2:has(.hx-kanban-card-competency-library){grid-template-columns:1fr!important}.hx-kanban-grid-v2:has(.hx-kanban-card-competency-library) .hx-kanban-card-wrapper{width:100%}}

/** core_hr_talent_management/static/css/views/kanban/kanban-card-okr-library.css **/
.hx-kanban-view:has(.hx-kanban-card-okr-library) .hx-kanban-grid-v2,.hx-kanban-grid-v2:has(.hx-kanban-card-okr-library){--hx-kanban-col:auto!important;grid-template-columns:repeat(auto-fill,280px)!important;gap:12px!important;justify-content:start!important}.hx-kanban-grid-v2:has(.hx-kanban-card-okr-library) .hx-kanban-card-wrapper{display:flex;align-items:stretch;width:280px}.hx-kanban-card-okr-library{background:#ffffff;border-radius:12px;border:1px solid #e5e7eb;padding:14px;display:flex;flex-direction:column;gap:10px;font-family:'Plus Jakarta Sans','Nunito',sans-serif;width:280px;max-width:280px;min-width:280px;min-height:180px;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,0,0,0.08);transition:box-shadow 0.2s ease,transform 0.2s ease;position:relative}.hx-kanban-card-okr-library:hover{box-shadow:0 8px 24px rgba(0,0,0,0.12);transform:translateY(-2px)}.hx-kanban-card-okr-library .okr-card-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px}.hx-kanban-card-okr-library .okr-title{font-size:18px;font-weight:700;color:#1f2937;margin:0;line-height:1.4;flex:1;word-break:break-word}.hx-kanban-card-okr-library .okr-edit-btn{width:32px;height:32px;min-width:32px;border-radius:8px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;color:#9ca3af}.hx-kanban-card-okr-library .okr-edit-btn:hover{background:#f3f4f6;color:#6b7280}.hx-kanban-card-okr-library .okr-edit-btn svg{width:18px;height:18px;fill:currentColor}.hx-kanban-card-okr-library .okr-type-container{display:flex;align-items:center}.hx-kanban-card-okr-library .okr-type-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;line-height:1}.hx-kanban-card-okr-library .okr-type-badge.type-company{background:#6366f1;color:#ffffff}.hx-kanban-card-okr-library .okr-type-badge.type-team{background:#ffffff;color:#1f2937;border:1.5px solid #1f2937}.hx-kanban-card-okr-library .okr-type-badge.type-individual{background:#ffffff;color:#1f2937;border:1.5px solid #1f2937}.hx-kanban-card-okr-library .okr-align-section{display:flex;flex-direction:column;gap:4px}.hx-kanban-card-okr-library .align-label{font-size:12px;color:#9ca3af;font-weight:500}.hx-kanban-card-okr-library .align-value{font-size:14px;font-weight:600;color:#1f2937}.hx-kanban-card-okr-library .okr-subgoals-section{display:flex;align-items:center}.hx-kanban-card-okr-library .subgoals-info{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.hx-kanban-card-okr-library .subgoals-count{font-size:13px;font-weight:500;color:#374151}.hx-kanban-card-okr-library .subgoals-formula{font-size:12px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:4px;text-transform:capitalize}.hx-kanban-card-okr-library .okr-status-section{display:flex;align-items:center}.hx-kanban-card-okr-library .status-value{font-size:14px;font-weight:600}.hx-kanban-card-okr-library .status-value.status-active{color:#6b7280}.hx-kanban-card-okr-library .status-value.status-disabled{color:#9ca3af}.hx-kanban-card-okr-library .okr-spacer{flex-grow:1}.hx-kanban-card-okr-library .okr-divider{height:1px;background:#e5e7eb;margin:0}.hx-kanban-card-okr-library .okr-card-footer{display:flex;align-items:center}.hx-kanban-card-okr-library .created-date{font-size:13px;color:#9ca3af;font-weight:500}@media screen and (max-width:768px){.hx-kanban-card-okr-library{min-width:220px;padding:14px}}

/** core_hr_talent_management/static/css/views/kanban/kanban-card-kpi-library.css **/
.hx-kanban-view:has(.hx-kanban-card-kpi-library) .hx-kanban-grid-v2,.hx-kanban-grid-v2:has(.hx-kanban-card-kpi-library){--hx-kanban-col:auto!important;grid-template-columns:repeat(auto-fill,320px)!important;gap:16px!important;justify-content:start!important}.hx-kanban-grid-v2:has(.hx-kanban-card-kpi-library) .hx-kanban-card-wrapper{display:flex;align-items:stretch;width:320px}.hx-kanban-card-kpi-library{background:#ffffff;border-radius:12px;border:1px solid #e5e7eb;padding:20px;display:flex;flex-direction:column;gap:12px;font-family:'Plus Jakarta Sans','Nunito',sans-serif;width:320px;max-width:320px;min-width:320px;min-height:200px;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,0,0,0.08);transition:box-shadow 0.2s ease,transform 0.2s ease;position:relative}.hx-kanban-card-kpi-library:hover{box-shadow:0 8px 24px rgba(0,0,0,0.12);transform:translateY(-2px)}.hx-kanban-card-kpi-library .kpi-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hx-kanban-card-kpi-library .kpi-title{font-size:16px;font-weight:600;color:#1f2937;margin:0;line-height:1.4;flex:1;word-break:break-word}.hx-kanban-card-kpi-library .kpi-edit-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s ease;flex-shrink:0}.hx-kanban-card-kpi-library .kpi-edit-btn:hover{background-color:#f3f4f6}.hx-kanban-card-kpi-library .kpi-edit-btn svg{width:18px;height:18px;color:#9ca3af;transition:color 0.2s ease}.hx-kanban-card-kpi-library .kpi-edit-btn:hover svg{color:#6b7280}.hx-kanban-card-kpi-library .kpi-code-container{display:flex;align-items:center}.hx-kanban-card-kpi-library .kpi-code-badge{display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:#374151;background:#f3f4f6;padding:4px 10px;border-radius:6px;border:1px solid #e5e7eb;font-family:'SF Mono','Monaco','Inconsolata','Fira Code',monospace;letter-spacing:0.5px}.hx-kanban-card-kpi-library .kpi-description{font-size:13px;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hx-kanban-card-kpi-library .kpi-description-empty{font-style:italic;color:#9ca3af}.hx-kanban-card-kpi-library .kpi-spacer{flex-grow:1}.hx-kanban-card-kpi-library .kpi-info-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hx-kanban-card-kpi-library .kpi-info-label{font-size:13px;color:#9ca3af;font-weight:500;white-space:nowrap;flex-shrink:0}.hx-kanban-card-kpi-library .kpi-info-value{font-size:13px;color:#1f2937;font-weight:600;text-align:right}@media screen and (max-width:768px){.hx-kanban-card-kpi-library{width:100%;max-width:100%;min-width:280px;padding:16px}.hx-kanban-grid-v2:has(.hx-kanban-card-kpi-library){grid-template-columns:1fr!important}.hx-kanban-grid-v2:has(.hx-kanban-card-kpi-library) .hx-kanban-card-wrapper{width:100%}}

/** core_hr_talent_management/static/css/views/fields/subgoal-toggle-widget.css **/
.hx-subgoal-toggle-widget{width:100%}.hx-subgoal-toggle-container{border-radius:12px;padding:16px 20px;border:1px solid rgba(99,102,241,0.1)}.hx-subgoal-toggle-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.hx-subgoal-toggle-icon{display:flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0;margin-top:2px}.hx-subgoal-toggle-title-row{display:flex;align-items:center;gap:12px;flex-grow:1}.hx-subgoal-toggle-title{font-size:15px;font-weight:600;color:#1f2937}.hx-subgoal-toggle-switch-label{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.hx-subgoal-toggle-input{opacity:0;width:0;height:0;position:absolute;pointer-events:none}.hx-subgoal-toggle-switch{position:relative;width:44px;height:24px;background-color:#d1d5db;border-radius:12px;transition:background-color 0.2s ease}.hx-subgoal-toggle-switch.is-checked{background-color:#4f4c4c}.hx-subgoal-toggle-switch.is-disabled{opacity:0.5;cursor:not-allowed}.hx-subgoal-toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#ffffff;border-radius:50%;transition:transform 0.2s ease;box-shadow:0 1px 3px rgba(0,0,0,0.15)}.hx-subgoal-toggle-switch.is-checked .hx-subgoal-toggle-slider{transform:translateX(20px)}.hx-subgoal-toggle-subtitle{font-size:13px;color:#6b7280;line-height:1.5;margin-left:32px}.hx-subgoal-toggle-status{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;flex-shrink:0}.hx-subgoal-toggle-status.is-enabled{background-color:#dcfce7;color:#166534}.hx-subgoal-toggle-status.is-disabled{background-color:#f3f4f6;color:#6b7280}.hx-subgoal-toggle-error{margin-top:8px}.hx-subgoal-toggle-widget.is-readonly .hx-subgoal-toggle-container{background:#f9fafb}.hx-subgoal-toggle-switch-label:hover .hx-subgoal-toggle-switch:not(.is-disabled){box-shadow:0 0 0 3px rgba(99,102,241,0.15)}@media (prefers-color-scheme:dark){.hx-subgoal-toggle-container{background:#f7f9fd!important;border-color:rgba(99,102,241,0.2)}.hx-subgoal-toggle-title{color:#1f2937}.hx-subgoal-toggle-subtitle{color:#4b5563}.hx-subgoal-toggle-switch{background-color:#d1d5db}}

/** knowledge/static/css/components/knowledge-article.css **/
.hx-knowledge-article{display:flex;flex-direction:column;padding-top:1rem;height:100%;gap:2rem}.hx-knowledge-article .article-sidebar{padding-top:1rem;padding-left:1rem;padding-right:1rem;width:220px;flex-shrink:0;overflow-y:auto}.hx-knowledge-article .article-breadcrumb{display:flex;justify-content:space-between;background-color:#ffffff;border-radius:5px;padding:7px 6px 6px 6px}.hx-knowledge-article .article-breadcrumb-title{font-weight:500;color:#ccc}.hx-knowledge-article .article-right-side-options{display:flex;gap:1rem}.hx-knowledge-article .article-right-side-options .setting-article,.hx-knowledge-article .article-right-side-options .activity-log-article{padding:4px 8px 4px 8px;border-radius:10px}.hx-knowledge-article .article-right-side-options .setting-article:hover{background-color:#e6e6e6}.hx-knowledge-article .article-right-side-options .activity-log-article:hover{background-color:#e6e6e6}.hx-knowledge-article .back-to-article .back-button{border-radius:10px;padding:5px 16px 5px 16px;background-color:#ffffff;border:1px solid #ccc}.hx-knowledge-article .back-to-article .back-button:hover{background-color:#e6e6e6}.hx-knowledge-article .article-body{display:flex;position:relative}.hx-knowledge-article .article-content{background-color:#ffffff;height:72vh;flex:1;min-width:0;position:relative;overflow-y:auto;border-radius:10px;padding-top:2rem}.hx-knowledge-article .article-buttons .edit-button{display:inline-flex;align-items:center;width:90px;border-radius:9px;background:#2a5ea2;border:solid 1px transparent;color:#ffffff;height:35px}.hx-knowledge-article .article-buttons .edit-button .smart-buttons.icon-save-outline{height:16px}.hx-knowledge-article .article-drawer-icon-list{position:fixed;right:28px;bottom:20px;width:auto;height:auto;padding:10px;border:1px solid #a5a5a5;border-radius:30px;z-index:2}.hx-knowledge-article .article-drawer-icon-list .comment-icon{cursor:pointer}.hx-knowledge-article .article-drawer-icon-list .comment-icon svg{font-size:20px}.hx-knowledge-article .article-drawer-icon-list .comment-icon svg:hover{fill:burlywood}.hx-knowledge-article .article-drawer-comment{min-width:250px;max-width:220px;overflow:auto}.hx-knowledge-article .editor-comment{background-color:#fef7c8;border-bottom:2px solid #b38600;cursor:pointer}.hx-knowledge-article .article-activity-log-popup{display:flex;position:absolute;background-color:#ffffff;opacity:1;z-index:99;max-width:298px;border:1px solid #ccc;border-radius:8px;padding:14px;top:16%;right:5%}

/** knowledge/static/css/components/knowledge-comment.css **/
.hx-knowledge-comment{display:flex;flex-direction:column;width:340px;height:auto;padding:20px;gap:16px;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 10px rgba(255,245,245,0.1);background-color:#ffffff;z-index:4}.hx-knowledge-comment .close-comment{position:absolute;right:5px;top:3px}.hx-knowledge-comment .close-comment:hover{cursor:pointer;background-color:#ccc}.hx-knowledge-comment .close-comment .smart-buttons{font-size:30px}.hx-knowledge-comment .write-comment{display:flex;flex-direction:column;gap:10px}.hx-knowledge-comment .user-profile{display:flex;align-items:center;gap:10px}.hx-knowledge-comment .user-profile img{border-radius:50%;object-fit:cover;width:32px;height:32px}.hx-knowledge-comment .comment-content{width:100%;height:166px;margin-bottom:16px}.hx-knowledge-comment .comment-content textarea{font-size:14px;padding:8px 14px;border:1px solid #cacbcc;border-radius:10px;width:inherit;height:inherit;resize:none}.hx-knowledge-comment .add-comment.button{position:absolute;bottom:7px;right:12px;color:#ffffff;background-color:#2268d8;border:transparent;cursor:pointer}.hx-knowledge-comment .add-comment.button:hover{background-color:#0b50c0;transform:scaleX(1.1)}.hx-knowledge-comment .read-comment-content{display:flex;flex-direction:column;gap:8px}.hx-knowledge-comment .reply-comment input{width:100%}.hx-knowledge-comment .reply-editor{display:flex;flex-direction:column;gap:16px}.hx-knowledge-comment .reply-actions{display:flex;margin-left:78px;gap:16px}.hx-knowledge-comment .reply-actions button{border-radius:5px;border:1px solid;color:#ffffff;font-weight:500;font-size:16px;padding:5px 9px}.hx-knowledge-comment .cancel-reply{background-color:#d50000}.hx-knowledge-comment .cancel-reply.button:hover{background-color:#960404;transform:scaleX(1.1)}.hx-knowledge-comment .save-reply{background-color:#3b82f6}.hx-knowledge-comment .save-reply.button:hover{background-color:#0b50c0;transform:scaleX(1.1)}.hx-knowledge-comment .reply-comment-content{gap:16px;display:flex;flex-direction:column;padding-left:13px}.hx-knowledge-comment .reply-comment-content .user-profile::before{content:'';display:block;height:43px;background:#ccc;width:2px;position:relative;top:-4px;left:-6px}.hx-knowledge-comment .reply-comment-content .commented-text::before{content:'';display:block;height:2px;background:#ccc;width:14px;position:relative;top:-4px;left:-6px}

/** knowledge/static/css/components/knowledge-comment-drawer.css **/
.hx-knowledge-comment-drawer{padding:8px}.hx-knowledge-comment-drawer .header{justify-content:space-between;flex-wrap:nowrap;display:flex;margin-bottom:16px}.hx-knowledge-comment-drawer .comment-title{gap:4px;display:flex;font-weight:600}.hx-knowledge-comment-drawer .comment-title svg{font-size:20px}.hx-knowledge-comment-drawer .header .comment-button{cursor:pointer}.hx-knowledge-comment-drawer .header .comment-button:hover{background-color:#ccc}.hx-knowledge-comment-drawer .comments-content{display:flex;flex-direction:column;gap:10px}.hx-knowledge-comment-drawer .comments-content .read-comment-content{border:1px solid #ccc;border-radius:11px;padding:6px}.hx-knowledge-comment-drawer .user-profile{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.hx-knowledge-comment-drawer .user-profile img{border-radius:50%;object-fit:cover;width:32px;height:32px}.hx-knowledge-comment-drawer .commented-text{padding:8px}.hx-knowledge-comment-drawer .text-content{display:flex;padding:8px;border:1px solid #ccc;width:inherit;font-size:12px}.hx-knowledge-comment-drawer .text-content:hover{cursor:pointer}.hx-knowledge-comment-drawer .text-content:hover span{background-color:#fef7c8;border-bottom:2px solid #b38807}.hx-knowledge-comment-drawer .reply-comment-content{gap:16px;display:flex;flex-direction:column;padding-left:13px}.hx-knowledge-comment-drawer .reply-comment-content .user-profile::before{content:'';display:block;height:43px;background:#ccc;width:2px;position:relative;top:-4px;left:-6px}.hx-knowledge-comment-drawer .reply-comment-content .commented-text::before{content:'';display:block;height:2px;background:#ccc;width:14px;position:relative;top:-14px;left:-13px}

/** knowledge/static/css/views/kanban/knowledge-article-kanban-card.css **/
.hx-kanban-view:has(.hx-knowledge-article-kanban-card) .hx-kanban-grid-v2,.hx-kanban-grid-v2:has(.hx-knowledge-article-kanban-card){--hx-kanban-col:auto!important;grid-template-columns:repeat(auto-fill,280px)!important;gap:16px!important;justify-content:start!important}.hx-kanban-grid-v2:has(.hx-knowledge-article-kanban-card) .hx-kanban-card-wrapper{display:flex;align-items:stretch;width:280px}.hx-knowledge-article-kanban-card.hx-kanban-card{background:#ffffff;border-radius:12px;border:1px solid #e5e7eb;padding:20px;display:flex;flex-direction:column;gap:12px;font-family:'Plus Jakarta Sans','Nunito',sans-serif;width:268px;max-width:320px;min-width:268px;min-height:200px;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,0,0,0.08);transition:box-shadow 0.2s ease,transform 0.2s ease;position:relative;cursor:default}.hx-knowledge-article-kanban-card.hx-kanban-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.12);transform:translateY(-2px)}.hx-knowledge-article-kanban-card .article-header{display:flex;justify-content:space-between}.hx-knowledge-article-kanban-card .article-title{font-size:16px;font-weight:600;color:#1f2937;margin:0;line-height:1.4;flex:1;word-break:break-word;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hx-knowledge-article-kanban-card .article-title:hover{color:#0000ff;cursor:pointer}.hx-knowledge-article-kanban-card .article-option svg{transform:rotate(90deg);fill:#808080;padding:4px}.hx-knowledge-article-kanban-card .article-option svg:hover{background-color:#e6e8eb;border-radius:4px;cursor:default}.hx-knowledge-article-kanban-card .article-container{display:flex;flex-direction:column;gap:inherit;border-bottom:1px solid rgb(223,229,239);padding-bottom:8px}.hx-knowledge-article-kanban-card .article-description{color:#808080;font-weight:200;font-size:14px;height:45px;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hx-knowledge-article-kanban-card .article-description:hover{cursor:pointer}.hx-knowledge-article-kanban-card .article-category span{padding:4px 8px 4px 8px;font-size:small;font-weight:normal;border:1px solid #e6e8eb;background-color:#e6e8eb;border-radius:25px}.hx-knowledge-article-kanban-card .article-category span:hover{cursor:text}.hx-knowledge-article-kanban-card .article-formatted-time{display:flex;justify-content:space-between;font-weight:500;font-size:12px;color:#808080}.hx-knowledge-article-kanban-card .article-formatted-time span:hover{cursor:text}.hx-knowledge-article-kanban-card .article-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.hx-knowledge-article-kanban-card .article-footer .hx-quick-view-button{display:flex;border-radius:8px;border:1px solid #e6e8eb;background-color:#ffffff;padding:6px 16px;font-size:12px;font-weight:600;gap:8px;align-items:center}.hx-knowledge-article-kanban-card .article-footer .hx-quick-view-button:hover{background-color:#e6e8eb;cursor:default}.hx-knowledge-article-kanban-card .article-footer .hx-quick-view-button svg{font-size:18px}.hx-knowledge-article-kanban-card .article-options-menu{display:flex;flex-direction:column;position:absolute;background-color:rgb(254,254,254);justify-content:space-between;padding:4px 4px;font-size:12px;border:1px solid #e6e8eb;border-radius:8px;right:18px;top:46px;font-weight:500}.hx-knowledge-article-kanban-card .article-options-menu .article-duplicate{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px}.hx-knowledge-article-kanban-card .article-options-menu .article-duplicate svg{width:14px;height:16px}.hx-knowledge-article-kanban-card .article-options-menu .article-duplicate:hover{background-color:#e6e8eb;border-radius:8px}.hx-knowledge-article-kanban-card .article-options-menu .article-delete{display:flex;align-items:center;gap:8px;padding:6px 10px;color:red}.hx-knowledge-article-kanban-card .article-options-menu .article-delete svg{width:14px;height:16px}.hx-knowledge-article-kanban-card .article-options-menu .article-delete:hover{background-color:#e6e8eb;border-radius:8px}@media screen and (max-width:768px){.hx-knowledge-article-kanban-card{width:100%;max-width:100%;min-width:280px;padding:16px}.hx-kanban-grid-v2:has(.hx-knowledge-article-kanban-card){grid-template-columns:1fr!important}.hx-kanban-grid-v2:has(.hx-knowledge-article-kanban-card) .hx-kanban-card-wrapper{width:100%}}