@font-face{font-family:inteerio-font;src:url(/assets/NunitoSans-Regular-qUfrjwMO.ttf) format("truetype");font-style:normal}@font-face{font-family:inteerio-font-medium;src:url(/assets/NunitoSans-SemiBold-DVrRnLkE.ttf) format("truetype");font-style:normal}@font-face{font-family:inteerio-font-semibold;src:url(/assets/NunitoSans-Bold-DcR24Hsb.ttf) format("truetype");font-style:normal}@font-face{font-family:inteerio-font-bold;src:url(/assets/NunitoSans-ExtraBold-gIK4spN2.ttf) format("truetype");font-style:normal}@font-face{font-family:inteerio-font-extrabold;src:url(/assets/NunitoSans-ExtraBold-gIK4spN2.ttf) format("truetype")}@font-face{font-family:inteerio-font-thin;src:url(../assets/fonts/NunitoSans-Thin.ttf) format("truetype")}@font-face{font-family:inteerio-font-light;src:url(/assets/NunitoSans-Light-BoAiPYyo.ttf) format("truetype")}@font-face{font-family:inteerio-font-black;src:url(/assets/NunitoSans-Black-DZUf9e8v.ttf) format("truetype")}:root{--inteerio-font: "inteerio-font";--inteerio-font-medium: "inteerio-font-medium";--inteerio-font-semibold: "inteerio-font-semibold";--inteerio-font-bold: "inteerio-font-bold";--inteerio-font-extra-bold: "inteerio-font-extrabold";--inteerio-font-thin: "inteerio-font-thin";--inteerio-font-light: "inteerio-font-light";--inteerio-font-black: "inteerio-font-black";--inteerio-fs-h1-1: 10px;--inteerio-fs-h1-2: 11px;--inteerio-fs-h1: 12px;--inteerio-fs-h2: 13px;--inteerio-fs-h3: 14px;--inteerio-fs-h4: 15px;--inteerio-fs-h5: 16px;--inteerio-fs-h6: 17px;--inteerio-fs-h7: 18px;--inteerio-fs-h8: 20px;--inteerio-fs-h9: 22px;--inteerio-fs-h10: 26px;--inteerio-fs-h11: 24px;--inteerio-fs-h12: 26px;--inteerio-fs-h13: 28px;--inteerio-fs-h14: 30px;--inteerio-fs-h15: 32px;--inteerio-fs-h16: 36px;--crm-base-font-size: calc( (14 / var(--crm_baseFontSize)) * var(--crm_baseFontUnit) );--crm-medium-font-size: calc( (15 / var(--crm_baseFontSize)) * var(--crm_baseFontUnit) );--crm-extra-medium-font-size: calc( (14 / var(--crm_baseFontSize)) * var(--crm_baseFontUnit) );--crm-small-font-size: calc( (13 / var(--crm_baseFontSize)) * var(--crm_baseFontUnit) );--crm-extra-small-font-size: calc( (11 / var(--crm_baseFontSize)) * var(--crm_baseFontUnit) );--crm-medium-large-font-size: calc( (18 / var(--crm_baseFontSize)) * var(--crm_baseFontUnit) );--crm-large-font-size: calc( (20 / var(--crm_baseFontSize)) * var(--crm_baseFontUnit) );--crm_baseFontSize: 16;--crm_baseFontUnit: 16px;--crm-medium-small-font-size: 1.2rem}@media (max-width: 768px){:root{--inteerio-fs-h1: 9px;--inteerio-fs-h2: 11px;--inteerio-fs-h3: 13px;--inteerio-fs-h4: 14px;--inteerio-fs-h5: 15px;--inteerio-fs-h6: 17px;--inteerio-fs-h7: 19px;--inteerio-fs-h8: 21px;--inteerio-fs-h9: 23px;--inteerio-fs-h10: 25px;--inteerio-fs-h11: 27px;--inteerio-fs-h12: 29px;--inteerio-fs-h13: 31px;--inteerio-fs-h14: 10px;--inteerio-fs-h15: 11px;--inteerio-fs-h16: 26px}}@media (max-width: 480px){:root{--inteerio-fs-h1: 8px;--inteerio-fs-h2: 10px;--inteerio-fs-h3: 12px;--inteerio-fs-h4: 14px;--inteerio-fs-h5: 16px;--inteerio-fs-h6: 18px;--inteerio-fs-h7: 20px;--inteerio-fs-h8: 22px;--inteerio-fs-h9: 24px;--inteerio-fs-h10: 26px;--inteerio-fs-h11: 28px;--inteerio-fs-h12: 30px;--inteerio-fs-h13: 36px;--inteerio-fs-h14: 9px;--inteerio-fs-h15: 11px;--inteerio-fs-h16: 24px}}.inteerio-font{font-family:var(--inteerio-font)!important}.inteerio-font-medium{font-family:var(--inteerio-font-medium)!important}.inteerio-font-semibold{font-family:var(--inteerio-font-semibold)!important}.inteerio-font-bold{font-family:var(--inteerio-font-bold)!important}.inteerio-font-extra-bold{font-family:var(--inteerio-font-extra-bold)!important}.inteerio-font-thin{font-family:var(--inteerio-font-thin)!important}.inteerio-font-light{font-family:var(--inteerio-font-light)!important}.inteerio-font-black{font-family:var(--inteerio-font-black)!important}.inteerio-fs-h1{font-size:var(--inteerio-fs-h1)!important}.inteerio-fs-h2{font-size:var(--inteerio-fs-h2)!important}.inteerio-fs-h3{font-size:var(--inteerio-fs-h3)!important}.inteerio-fs-h4{font-size:var(--inteerio-fs-h4)!important}.inteerio-fs-h5{font-size:var(--inteerio-fs-h5)!important}.inteerio-fs-h6{font-size:var(--inteerio-fs-h6)!important}.inteerio-fs-h7{font-size:var(--inteerio-fs-h7)!important}.inteerio-fs-h8{font-size:var(--inteerio-fs-h8)!important}.inteerio-fs-h9{font-size:var(--inteerio-fs-h9)!important}.inteerio-fs-h10{font-size:var(--inteerio-fs-h10)!important}.inteerio-fs-h11{font-size:var(--inteerio-fs-h11)!important}.inteerio-fs-h12{font-size:var(--inteerio-fs-h12)!important}.inteerio-fs-h13{font-size:var(--inteerio-fs-h13)!important}.inteerio-fs-h14{font-size:var(--inteerio-fs-h14)!important}.inteerio-fs-h15{font-size:var(--inteerio-fs-h15)!important}.inteerio-fs-h16{font-size:var(--inteerio-fs-h16)!important}:root{--primary-color: #295196;--primary-hover: #2e6fd9;--primary-color-dark: #1e5fc9;--secondary-color: #5a7bc8;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #06b6d4;--status-created: #3b82f6;--status-assigned: #8b5cf6;--status-info-collected: #06b6d4;--status-follow-up: #f59e0b;--status-estimate-shared: #84cc16;--status-visit-planned: #f97316;--status-decision-pending: #ec4899;--status-on-hold: #6b7280;--status-no-action: #9ca3af;--status-delivered: #059669;--status-lost: #ef4444;--status-created-bg: #dbeafe;--status-assigned-bg: #ede9fe;--status-info-collected-bg: #cffafe;--status-follow-up-bg: #fef3c7;--status-estimate-shared-bg: #ecfdf5;--status-visit-planned-bg: #ffedd5;--status-decision-pending-bg: #fce7f3;--status-on-hold-bg: #f3f4f6;--status-no-action-bg: #e5e7eb;--status-delivered-bg: #d1fae5;--status-lost-bg: #fee2e2;--text-white: #ffffff;--border-color: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-in-out;--transition-slow: .3s ease-in-out}.required-asterisk{color:var(--danger-color, #ef4444);margin-left:-4px;font-size:var(--inteerio-fs-h6, .75rem);font-family:var(--inteerio-font-semibold, inherit)}.dark-mode{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-sidebar: #223458;--bg-header: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--border-light: #475569}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}#root{height:100vh;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6}h1,h2,h3,h4,h5,h6{line-height:1.25;margin-bottom:var(--spacing-md)}h1{font-size:var(--inteerio-fs-h13)}h2{font-size:var(--inteerio-fs-h12)}h3{font-size:var(--inteerio-fs-h11)}h4{font-size:var(--inteerio-fs-h10)}h5{font-size:var(--inteerio-fs-h9)}h6{font-size:var(--inteerio-fs-h8)}p{margin-bottom:var(--spacing-md)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-family:var(--inteerio-font-medium);font-size:var(--inteerio-fs-h3);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);background:none}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--primary-color);color:var(--text-white)}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-primary);color:var(--text-primary)}.btn-danger{background-color:var(--danger-color);color:var(--text-white);border:1px solid var(--danger-color)}.btn-danger:hover{background-color:#dc2626;border-color:#dc2626;box-shadow:var(--shadow-md)}.btn-warning{background-color:var(--warning-color);color:var(--text-white);border:1px solid var(--warning-color)}.btn-warning:hover{background-color:#d97706;border-color:#d97706;box-shadow:var(--shadow-md)}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--inteerio-fs-h1)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary);background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.scrollable-content,.activity-list,.lead-info-grid,.table-container{overflow-y:auto;overflow-x:auto}.force-scrollbar{overflow-y:scroll!important;overflow-x:auto!important}html,body{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}html,body{overflow-y:scroll}.page-content,.lead-preview-layout,.lead-info-section,.navigation-tabs{overflow-y:auto;overflow-x:auto}.data-table-wrapper{overflow-x:auto;overflow-y:auto}.sidebar,.sidebar-content{overflow-y:auto;overflow-x:hidden}.modal-content{overflow-y:auto;overflow-x:auto;max-height:80vh}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--primary-color-dark)}.icon-sidebar{width:45px;height:100vh;background:var(--bg-left-sidebar);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.icon-left-sidebar{padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center}.logo-container{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.logo{width:32px;height:32px;object-fit:contain}.icon-sidebar-content{flex:1;padding:var(--spacing-sm) 0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.icon-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 0 0 auto;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;position:relative;border-radius:0;border-top-left-radius:var(--spacing-sm);border-bottom-left-radius:var(--spacing-sm)}.icon-item.active .top{display:flex;background:var(--bg-sidebar);top:-15px;position:absolute;right:0;height:20px;width:20px;outline:0}.icon-item.active .top:before{top:-1px;border-bottom-right-radius:12px;content:"";position:absolute;left:-1px;right:0;height:16px;background:var(--bg-left-sidebar);z-index:1}.icon-item.active .bottom{display:flex;background:var(--bg-sidebar);bottom:-15px;position:absolute;right:0;height:20px;width:20px;outline:0}.icon-item.active .bottom:before{bottom:-1px;border-top-right-radius:12px;content:"";position:absolute;left:-1px;right:0;height:16px;background:var(--bg-left-sidebar);z-index:1}.icon-item.grey{color:var(--text-secondary)}.icon-item.white{color:#fff}.icon-item.blue{color:#3b82f6}.icon-item.green{color:#10b981}.icon-item.purple{color:#8b5cf6}.icon-item.teal{color:#14b8a6}.icon-item.orange{color:#f97316}.icon-item.pink{color:#ec4899}.icon-item.slate{color:#94a3b8}.icon-item.amber{color:#f59e0b}.icon-item.violet{color:#a78bfa}.icon-item.active{background:var(--bg-sidebar)}.icon-item.active:after{content:"";position:absolute;width:38px;height:40px;background-color:var(--crm-left-menu-secondary-bg);z-index:1;left:2px;border-top-left-radius:8px;border-bottom-left-radius:8px}.icon-item.expanded{background:var(--bg-secondary)}.icon-sidebar-utilities{padding:var(--spacing-sm) 0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.icon-sidebar-utilities .icon-item{display:flex;align-items:center;justify-content:center;height:40px;color:var(--text-white);cursor:pointer;position:relative}.icon-sidebar-utilities .icon-item:hover,.icon-sidebar-utilities .icon-item.has-notification{color:var(--text-white)}.notification-badge{position:absolute;top:-2px;right:-2px;width:16px;height:16px;background:var(--success-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.icon-sidebar::-webkit-scrollbar{width:4px}.icon-sidebar::-webkit-scrollbar-track{background:transparent}.icon-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.icon-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 768px){.icon-sidebar{transform:translate(-100%);transition:transform .3s ease}.icon-sidebar.open{transform:translate(0)}}.top-sidebar{width:200px;height:60px;background:var(--bg-sidebar);display:flex;align-items:center;flex-shrink:0}.top-sidebar-header{display:flex;align-items:center;gap:var(--spacing-md);width:100%}.top-sidebar-logo{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#fff}.top-sidebar-title{font-family:var(--inteerio-font-semibold);font-size:var(--inteerio-fs-h9);color:var(--bg-header);margin:0;flex:1;padding-left:var(--spacing-md)}@media (max-width: 768px){.top-sidebar{padding:0 var(--spacing-md)}.top-sidebar-title{font-size:var(--inteerio-fs-h5)}}.theme-main-sidebar{width:200px;height:100vh;background:var(--bg-sidebar);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.theme-main-sidebar .theme-sidebar-nav{flex:1;padding:var(--spacing-sm) var(--spacing-sm)}.theme-main-sidebar .nav-item{margin-bottom:var(--spacing-xs)}.theme-main-sidebar .nav-section{margin-bottom:var(--spacing-md)}.theme-main-sidebar .section-header{display:flex;align-items:center;padding:var(--spacing-sm) 0;cursor:default}.theme-main-sidebar .section-title{font-family:var(--inteerio-font-semibold);font-size:var(--inteerio-fs-h3);color:var(--text-muted);margin-left:var(--spacing-sm)}.theme-main-sidebar .section-items{margin-top:var(--spacing-xs)}.theme-main-sidebar .section-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);color:#c2cbde;text-decoration:none;transition:all .2s ease;position:relative;border-radius:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding-left:var(--spacing-lg);background:none;border:none;cursor:pointer;width:100%;text-align:left}.theme-main-sidebar .section-item:hover{background:var(--bg-sidebar-menu-hover);color:var(--text-muted)}.theme-main-sidebar .section-item.active{background:var(--primary-color-dark);color:var(--text-white)}.theme-main-sidebar .section-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.theme-main-sidebar .section-item-text{font-family:var(--inteerio-font-medium);font-size:var(--inteerio-fs-h3);flex:1;white-space:nowrap}.theme-main-sidebar .theme-toggle{background:none;border:none;cursor:pointer;width:100%;text-align:left;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);padding-left:var(--spacing-lg);border-radius:var(--spacing-sm);margin-bottom:var(--spacing-xs);transition:all .2s ease;position:relative}.theme-main-sidebar .theme-item{background:none;border:none;cursor:pointer;width:100%;text-align:left;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);padding-left:var(--spacing-sm);border-radius:var(--spacing-sm);margin-bottom:var(--spacing-xs);transition:all .2s ease;position:relative}.theme-main-sidebar .theme-preview-small{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--spacing-xs);background:var(--bg-secondary);border:1px solid var(--border-color)}.theme-main-sidebar .theme-preview-colors{display:flex;gap:2px}.theme-main-sidebar .color-dot{width:6px;height:6px;border-radius:50%}.theme-main-sidebar .theme-info{display:flex;flex-direction:column;flex:1;gap:2px}.theme-main-sidebar .check-icon{color:var(--success-color)}@media (max-width: 768px){.theme-main-sidebar{width:100%;transform:translate(-100%);transition:transform .3s ease}.theme-main-sidebar.open{transform:translate(0)}}.theme-main-sidebar::-webkit-scrollbar{width:4px}.theme-main-sidebar::-webkit-scrollbar-track{background:transparent}.theme-main-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.theme-main-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.main-sidebar{width:200px;height:100vh;background:var(--bg-sidebar);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.main-sidebar .sidebar-nav{flex:1;padding:var(--spacing-sm) var(--spacing-sm)}.main-sidebar .nav-item{margin-bottom:var(--spacing-xs)}.main-sidebar .nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);padding-left:var(--spacing-2xl);color:var(--text-secondary);text-decoration:none;transition:all .2s ease;border-radius:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.main-sidebar .nav-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.main-sidebar .nav-link.active{background:var(--primary-color);color:#fff}.main-sidebar .nav-link.grey{color:var(--text-secondary)}.main-sidebar .nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.main-sidebar .nav-text{font-family:var(--inteerio-font-medium);font-size:var(--inteerio-fs-h6)}.main-sidebar .nav-section{margin-bottom:var(--spacing-xs)}.main-sidebar .section-header{display:flex;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:var(--spacing-sm);background:none;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease;position:relative}.main-sidebar .dropdown-icon{width:20px;height:20px;background:var(--left-menu-accrodion-arrow-bg);border-radius:4px;display:flex;align-items:center;justify-content:center;z-index:1;transition:all .2s ease}.main-sidebar .dropdown-icon svg{color:var(--left-menu-icon-bg);transition:transform .2s ease}.main-sidebar .dropdown-icon.expanded svg{transform:rotate(180deg)}.main-sidebar .section-title{font-family:var(--inteerio-font-semibold);font-size:var(--inteerio-fs-h3);color:var(--bg-header);margin-left:var(--spacing-xs);text-align:left}.main-sidebar .section-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);padding-left:var(--spacing-xl);color:#c2cbde;text-decoration:none;transition:all .2s ease;position:relative;border-radius:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.main-sidebar .section-item:hover{background:var(--bg-sidebar-menu-hover);color:var(--text-muted)}.main-sidebar .section-item.active{background:var(--primary-color-dark);color:var(--text-white)}.main-sidebar .section-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.main-sidebar .section-item-text{font-family:var(--inteerio-font-medium);font-size:var(--inteerio-fs-h3);flex:1}.main-sidebar .more-icon{color:var(--text-secondary)}@media (max-width: 768px){.main-sidebar{width:100%;transform:translate(-100%);transition:transform .3s ease}.main-sidebar.open{transform:translate(0)}}.main-sidebar::-webkit-scrollbar{width:4px}.main-sidebar::-webkit-scrollbar-track{background:transparent}.main-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.main-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.search-bar-container{display:flex;align-items:center;width:100%}.search-form{width:100%;max-width:300px}.search-container{position:relative;display:flex;align-items:center}.search-input-icon{position:absolute;left:var(--spacing-md);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 2 + 20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--inteerio-font);font-size:var(--inteerio-fs-h3);transition:all var(--transition-normal);height:40px}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a3aff1a;background-color:var(--bg-primary)}.search-input::placeholder{color:var(--text-muted)}.search-clear-btn{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.search-clear-btn:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.search-clear-btn:active{transform:translateY(-50%) scale(.95)}@media (max-width: 768px){.search-form{max-width:100%}}@media (max-width: 480px){.search-form{max-width:100%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;border-radius:var(--radius-md);font-family:var(--inteerio-font-medium);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn:focus{outline:none}.btn-primary{background:var(--primary-color);color:var(--text-white)}.btn-primary:hover:not(:disabled){background:var(--primary-color-dark);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-secondary);color:var(--primary-color);border:1px solid var(--border-color);border-color:var(--primary-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);color:var(--primary-color);border:1px solid var(--border-color);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.btn-tertiary{background:var(--bg-linear-gradient);color:var(--text-primary);border:1px solid var(--border-color)}.btn-tertiary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-sm)}.btn-tertiary-secondary{background:var(--bg-third);color:var(--text-primary);border:1px solid var(--border-color)}.btn-tertiary-secondary:hover:not(:disabled){background:var(--bg-third);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-danger{background:var(--danger-color);color:var(--text-white);border:1px solid var(--danger-color)}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;box-shadow:var(--shadow-sm)}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--inteerio-fs-h1);min-height:32px}.btn-medium{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--inteerio-fs-h3);min-height:36px}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--inteerio-fs-h2);min-height:48px}.btn-full-width{width:100%}.btn-icon{display:flex;align-items:center;justify-content:center}.btn-text{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-loading{position:relative;color:transparent}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:button-spin 1s linear infinite}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.btn-medium{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--inteerio-fs-h3)}.btn-large{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--inteerio-fs-h3)}}.slider-modal-overlay{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;justify-content:flex-end;align-items:stretch;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.slider-modal{background:var(--bg-primary);height:100vh;max-height:100vh;width:100%;max-width:600px;overflow:hidden;box-shadow:-8px 0 32px #0003;animation:slideInRight .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.slider-modal.closing{transform:translate(100%)}.slider-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);position:sticky;top:0;z-index:10;min-height:60px;box-shadow:0 2px 4px #0000000d;flex-shrink:0}.slider-modal .modal-header-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.slider-modal .modal-title{margin:0;font-family:var(--inteerio-font-medium);font-size:var(--inteerio-fs-h5);color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slider-modal .modal-actions{display:flex;align-items:center;gap:var(--spacing-md);padding:0;flex-shrink:0}.slider-modal .modal-back-btn{background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;flex-shrink:0}.slider-modal .modal-back-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.05)}.slider-modal .modal-back-btn:active:not(:disabled){transform:scale(.95)}.slider-modal .modal-back-btn:disabled{opacity:.5;cursor:not-allowed}.slider-modal .header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.slider-modal .modal-actions .btn{min-width:120px;flex-shrink:0}.slider-modal .modal-close-icon{width:32px;height:32px;border:none;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;flex-shrink:0}.slider-modal .modal-close-icon path{stroke:var(--primary-color)}.slider-modal .modal-close-icon:hover:not(:disabled){color:var(--text-white);transform:scale(1.1)}.slider-modal .modal-close-icon:focus{outline:none;box-shadow:0 0 0 2px var(--primary-color)}.slider-modal .modal-close-icon:disabled{opacity:.5;cursor:not-allowed}.slider-modal .modal-content{flex:1;overflow:auto;padding:var(--spacing-xl);background:var(--bg-primary);min-height:0;display:flex;flex-direction:column;max-height:100%!important}.slider-modal .modal-content::-webkit-scrollbar{width:6px}.slider-modal .modal-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.slider-modal .modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.slider-modal .modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.slider-modal .modal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-lg) var(--spacing-xl);position:sticky;bottom:0;z-index:10;box-shadow:0 -2px 8px #0000001a;flex-shrink:0}.slider-modal .footer-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-md);width:100%}.slider-modal .footer-actions .btn{min-width:120px;flex-shrink:0}.slider-modal .save-button-wrapper{display:flex;align-items:center;flex-shrink:0}.slider-modal .loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slider-modal-overlay.closing{animation:fadeOut .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 768px){.slider-modal-overlay{padding:0}.slider-modal{width:100%!important;max-width:100vw;max-height:100vh}.slider-modal .modal-header{padding:var(--spacing-md);min-height:56px}.slider-modal .modal-content,.slider-modal .modal-footer{padding:var(--spacing-md)}.slider-modal .modal-title{font-size:var(--inteerio-fs-h6)}.slider-modal .save-button,.slider-modal .cancel-button,.slider-modal .next-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--inteerio-fs-h6);min-width:100px}}@media (max-width: 480px){.slider-modal .modal-header,.slider-modal .modal-content,.slider-modal .modal-footer{padding:var(--spacing-sm) var(--spacing-md)}.slider-modal .modal-close-icon,.slider-modal .modal-back-btn{min-width:36px;min-height:36px;padding:var(--spacing-xs)}.slider-modal .save-button,.slider-modal .cancel-button,.slider-modal .next-button{width:100%;min-width:auto}.slider-modal .footer-actions{flex-direction:column;gap:var(--spacing-sm)}}@media (prefers-contrast: high){.slider-modal-overlay{background:#000c}.slider-modal .modal-header{border-bottom:2px solid var(--border-color)}.slider-modal .modal-footer{border-top:2px solid var(--border-color)}.slider-modal .modal-close-icon,.slider-modal .modal-back-btn{border:1px solid var(--border-color)}}@media (prefers-reduced-motion: reduce){.slider-modal-overlay,.slider-modal,.slider-modal .modal-close-icon,.slider-modal .modal-back-btn,.slider-modal .save-button,.slider-modal .cancel-button,.slider-modal .next-button{animation:none;transition:none}.slider-modal .save-button:hover,.slider-modal .cancel-button:hover,.slider-modal .next-button:hover{transform:none}.slider-modal .loading-spinner{animation:none}}.slider-modal .modal-close-icon:focus-visible,.slider-modal .modal-back-btn:focus-visible,.slider-modal .save-button:focus-visible,.slider-modal .cancel-button:focus-visible,.slider-modal .next-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.theme-panel-trigger{width:40px!important;height:40px!important;padding:0!important;min-width:40px!important;min-height:40px!important}.theme-panel-trigger .btn-text{display:none!important}.theme-panel-trigger .btn-icon{margin:0!important}.theme-panel{padding:0;max-height:80vh;overflow-y:auto}.theme-panel .section-header{margin-bottom:16px;padding:0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.theme-panel .section-header h3{margin:0 0 .5rem;font-size:var(--inteerio-fs-h4);color:var(--text-primary)}.theme-panel .section-header p{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.theme-panel .display-mode-section{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.theme-panel .mode-toggle-simple{display:flex;gap:1rem;justify-content:left}.theme-panel .mode-toggle-wrapper{display:flex;flex-direction:column;gap:.75rem}.theme-panel .mode-toggle-btn{min-width:120px!important;justify-content:center!important}@media (max-width: 768px){.theme-panel .mode-toggle-simple{flex-direction:column;align-items:center}.theme-panel .mode-toggle-btn{width:100%!important;max-width:200px!important}}.theme-panel .themes-section{margin-bottom:2rem}.theme-panel .themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:1rem}.theme-panel .theme-card{position:relative;padding:1.25rem;border:2px solid var(--border-color);border-radius:16px;background-color:var(--bg-primary);cursor:pointer;transition:all .3s ease;overflow:hidden}.theme-panel .theme-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.theme-panel .theme-card.active{border-color:var(--primary-color);background-color:var(--bg-secondary);box-shadow:var(--shadow-md)}.theme-panel .theme-preview{width:100%;height:140px;border-radius:12px;overflow:hidden;margin-bottom:1.25rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background-color:var(--bg-primary)}.theme-panel .preview-header{height:28px;display:flex;align-items:center;padding:0 10px;gap:8px;border-bottom:1px solid var(--border-color)}.theme-panel .preview-logo{width:20px;height:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative}.theme-panel .logo-dot{width:6px;height:6px;border-radius:50%}.theme-panel .preview-search{flex:1;height:12px;border-radius:6px;margin:0 6px;position:relative;display:flex;align-items:center;padding:0 8px}.theme-panel .search-icon{width:6px;height:6px;border-radius:50%;position:absolute;left:4px}.theme-panel .preview-actions{display:flex;gap:6px;align-items:center}.theme-panel .preview-icon{width:14px;height:14px;border-radius:50%}.theme-panel .preview-avatar{width:16px;height:16px;border-radius:50%}.theme-panel .preview-content{height:112px;display:flex}.theme-panel .preview-sidebar{width:24px;padding:8px 6px;display:flex;flex-direction:column;gap:6px}.theme-panel .sidebar-item{height:12px;border-radius:3px;display:flex;align-items:center;justify-content:center;position:relative}.theme-panel .sidebar-item.active{border-radius:4px}.theme-panel .item-icon{width:6px;height:6px;border-radius:50%}.theme-panel .preview-main{flex:1;padding:8px;display:flex;flex-direction:column;gap:6px}.theme-panel .preview-page-header{height:16px;border-radius:4px;padding:4px 8px;display:flex;flex-direction:column;gap:2px}.theme-panel .page-title{height:6px;border-radius:2px;width:60%}.theme-panel .page-subtitle{height:4px;border-radius:2px;width:40%}.theme-panel .preview-cards{display:flex;gap:6px;flex:1}.theme-panel .preview-card{flex:1;border-radius:6px;border:1px solid;padding:6px;display:flex;flex-direction:column;gap:4px}.theme-panel .preview-card.small{flex:.6;align-items:center;justify-content:center;gap:3px}.theme-panel .card-header{height:10px;border-radius:3px;display:flex;align-items:center;padding:0 4px}.theme-panel .card-title{height:4px;border-radius:2px;width:70%}.theme-panel .card-content{flex:1;display:flex;flex-direction:column;gap:3px}.theme-panel .content-line{height:3px;border-radius:2px;width:100%}.theme-panel .content-line.short{width:80%}.theme-panel .card-actions{display:flex;gap:4px;justify-content:flex-end}.theme-panel .action-btn{height:6px;border-radius:3px;width:20px}.theme-panel .action-btn.secondary{border:1px solid;width:16px}.theme-panel .card-icon{width:12px;height:12px;border-radius:50%}.theme-panel .card-text{height:4px;border-radius:2px;width:80%}.theme-panel .card-text.short{width:60%}.theme-panel .preview-status{display:flex;gap:4px;justify-content:center;margin-top:2px}.theme-panel .status-item{width:8px;height:8px;border-radius:50%}.theme-panel .theme-info{text-align:center}.theme-panel .theme-name{margin:0 0 .5rem;font-size:1rem;color:var(--text-primary)}.theme-panel .theme-description{margin:0;font-size:.75rem;color:var(--text-secondary);line-height:1.4}.theme-panel .theme-active-indicator{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:var(--success-color);color:#fff;border-radius:50%;font-size:.75rem;box-shadow:var(--shadow-sm)}.theme-panel .current-theme-info{padding-top:1rem;border-top:1px solid var(--border-color)}.theme-panel .color-palette{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.theme-panel .color-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.theme-panel .color-swatch{width:48px;height:48px;border-radius:8px;border:2px solid var(--border-color);box-shadow:var(--shadow-sm)}.theme-panel .color-swatch.primary{border-color:var(--primary-color)}.theme-panel .color-swatch.secondary{border-color:var(--secondary-color)}.theme-panel .color-swatch.success{border-color:var(--success-color)}.theme-panel .color-swatch.warning{border-color:var(--warning-color)}.theme-panel .color-swatch.danger{border-color:var(--danger-color)}.theme-panel .color-item span{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize}@media (max-width: 768px){.theme-panel .themes-grid{grid-template-columns:1fr;gap:1rem}.theme-panel .color-palette{justify-content:center}.theme-panel .dark-mode-toggle{flex-direction:column}.theme-panel .theme-preview{height:120px}.theme-panel .preview-content{height:92px}.theme-panel .theme-card{padding:1rem}}.dark-mode .theme-panel .theme-card{background-color:var(--bg-secondary);border-color:var(--border-color)}.dark-mode .theme-panel .theme-card:hover{background-color:var(--bg-tertiary)}.dark-mode .theme-panel .mode-button{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}.dark-mode .theme-panel .mode-button:hover{background-color:var(--bg-tertiary)}.dark-mode .theme-panel .mode-button.active{background-color:var(--primary-color);color:#fff}.header{display:none;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-xl);background-color:var(--bg-header);border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:100;height:57px}.header-left{flex:1}.header-right{display:flex;align-items:center;gap:var(--spacing-lg);flex:1;justify-content:flex-end}.header-search-bar .search-form{width:300px}.header .search-bar-container{width:auto!important}.theme-toggle{min-height:40px!important}.theme-toggle .btn-text{display:none!important}.theme-toggle .btn-icon{margin:0!important}.header .user-profile{height:40px;width:40px;padding:0;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:50%;background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:all var(--transition-normal);cursor:pointer}.header .user-profile:hover{background-color:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-sm)}.header .user-avatar{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background-color:var(--bg-secondary);color:var(--primary-color);flex-shrink:0}.header .user-name{font-size:.875rem;color:var(--text-primary)}@media (max-width: 768px){.header{padding:var(--spacing-md);flex-direction:column;gap:var(--spacing-md)}.header-left{max-width:100%}.header-right{width:100%;justify-content:space-between}.user-name{display:none}}.layout{display:flex;height:100vh;background-color:var(--bg-secondary);overflow:hidden}.sidebar-container{display:flex;flex-direction:column;flex-shrink:0}.main-content{flex:1;display:flex;flex-direction:column;background-color:var(--bg-primary);box-shadow:var(--shadow-lg);overflow:hidden}.main-body{flex:1;display:flex;flex-direction:column;background-color:var(--bg-primary);overflow:hidden;min-height:0}.layout.dark-mode{background-color:var(--bg-secondary)}.layout.dark-mode .main-content,.layout.dark-mode .main-body{background-color:var(--bg-primary)}@media (max-width: 768px){.layout{flex-direction:column;height:100vh}.sidebar-container{position:fixed;top:0;left:0;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.sidebar-container.open{transform:translate(0)}.icon-sidebar{position:fixed;top:0;left:0;z-index:1001;transform:translate(-100%);transition:transform .3s ease}.icon-sidebar.open{transform:translate(0)}.main-body{display:flex;flex-direction:column;overflow:hidden;min-height:0}}.toast-container{position:fixed;z-index:9999;pointer-events:none}.toast-container.top-right{top:20px;right:20px}.toast-container.top-left{top:20px;left:20px}.toast-container.bottom-right{bottom:20px;right:20px}.toast-container.bottom-left{bottom:20px;left:20px}.toast-container.top-center{top:20px;left:50%;transform:translate(-50%)}.toast-container.bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:12px;min-width:300px;max-width:400px;pointer-events:auto;transition:all .3s ease;border:1px solid transparent}.toast-success{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.toast-error{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.toast-warning{background-color:#fffbeb;border-color:#fed7aa;color:#d97706}.toast-info{background-color:#eff6ff;border-color:#bfdbfe;color:#2563eb}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-success .toast-icon{color:#16a34a}.toast-error .toast-icon{color:#dc2626}.toast-warning .toast-icon{color:#d97706}.toast-info .toast-icon{color:#2563eb}.toast-content{flex:1;min-width:0}.toast-message{margin:0;font-size:14px;font-family:var(--inteerio-font-medium);line-height:1.4;word-wrap:break-word}.toast-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:inherit;cursor:pointer;padding:4px;border-radius:4px;opacity:.7;transition:opacity .2s ease;flex-shrink:0}.toast-close:hover{opacity:1;background-color:#0000001a}.toast-visible{opacity:1;transform:translateY(0)}.toast-hidden{opacity:0;transform:translateY(-100%)}.toast-container .toast:nth-child(1){animation:slideInTop .3s ease}.toast-container .toast:nth-child(2){animation:slideInTop .3s ease .1s both}.toast-container .toast:nth-child(3){animation:slideInTop .3s ease .2s both}@keyframes slideInTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.toast{min-width:280px;max-width:calc(100vw - 40px);margin-bottom:8px;padding:12px 16px}.toast-message{font-size:13px}}.dark-mode .toast-success{background-color:#052e16;border-color:#166534;color:#bbf7d0}.dark-mode .toast-error{background-color:#450a0a;border-color:#dc2626;color:#fecaca}.dark-mode .toast-warning{background-color:#451a03;border-color:#d97706;color:#fed7aa}.dark-mode .toast-info{background-color:#0c4a6e;border-color:#2563eb;color:#bfdbfe}