@import"https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700&display=swap";.select{-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 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.mobile-only{display:none}.desktop-only{display:block}@media (max-width: 768px){.mobile-only{display:block}.desktop-only{display:none}.mobile-hide{display:none!important}.mobile-full-width{width:100%!important}.mobile-center{text-align:center}}@media (max-width: 768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}body{font-size:14px}}@media (max-width: 768px){button,a,select{min-height:44px;min-width:44px}input[type=checkbox],input[type=radio]{min-height:24px;min-width:24px}.btn-sm{min-height:36px;min-width:36px}}@media (max-width: 768px){.container{padding-left:12px;padding-right:12px}.mobile-padding-sm{padding:8px}.mobile-padding-md{padding:16px}.mobile-margin-sm{margin:8px}.mobile-margin-md{margin:16px}}@media (max-width: 768px){.modal{width:95vw!important;max-width:95vw!important;margin:10px auto}.modal-fullscreen-mobile{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;margin:0;border-radius:0}}@media (max-width: 768px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],textarea,select{font-size:16px;padding:12px}.form-row{flex-direction:column}.form-group{margin-bottom:16px}}@media (max-width: 768px){.responsive-table{border:0}.responsive-table thead{display:none}.responsive-table tr{display:block;margin-bottom:16px;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.responsive-table td{display:block;text-align:right;padding:12px;border-bottom:1px solid #f0f0f0}.responsive-table td:last-child{border-bottom:0}.responsive-table td:before{content:attr(data-label);float:left;font-weight:600;color:#666}}@media (max-width: 768px){.nav-horizontal{flex-direction:column}.nav-item{width:100%;border-bottom:1px solid #e0e0e0}.dropdown-menu{position:static!important;width:100%;box-shadow:none;border:none;border-top:1px solid #e0e0e0}}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr!important}.flex-row{flex-direction:column}}@media (max-width: 768px){.scroll-container{-webkit-overflow-scrolling:touch}.scroll-container::-webkit-scrollbar{display:none}.scroll-container{-ms-overflow-style:none;scrollbar-width:none}}@media (max-width: 768px){.reduce-motion{animation-duration:.01ms!important;transition-duration:.01ms!important}img{max-width:100%;height:auto}}@media (max-width: 768px){.mobile-bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -2px 16px #0000001a;padding:20px;z-index:1000}.fab{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;z-index:999}.card-mobile{margin:8px;border-radius:12px;box-shadow:0 2px 8px #00000014}}@media (max-width: 768px){[dir=rtl] .mobile-bottom-sheet{direction:rtl}[dir=rtl] .fab{right:auto;left:20px}[dir=rtl] .responsive-table td{text-align:left}[dir=rtl] .responsive-table td:before{float:right}}@media (max-width: 768px) and (orientation: landscape){.mobile-landscape-hide{display:none}.modal-fullscreen-mobile{height:auto;max-height:90vh;overflow-y:auto}}:root{font-family:var(--font-family);line-height:var(--leading-normal);font-weight:var(--font-normal);color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{color-scheme:light!important;background:#fff!important;color:#000!important}@media (prefers-color-scheme: dark){:root{color-scheme:light!important;background:#fff!important;color:#000!important}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.3em .6em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:focus-visible{outline:1px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100vw;max-width:100%;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:var(--space-8) var(--space-5) 0px var(--space-5);padding:var(--space-8) 0 0 0;box-sizing:border-box;position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;z-index:1}.home-content{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;gap:var(--space-10)}.home-header{text-align:center;margin-bottom:var(--space-4);animation:fadeInUp .8s ease-out}.logo-badge{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;margin-bottom:var(--space-6);box-shadow:0 10px 30px #667eea4d;transition:transform .3s ease}.logo-badge:hover{transform:translateY(-5px) scale(1.05)}.home-logo{width:60px;height:60px}.app-name{font-size:4rem;font-weight:800;margin:0 0 var(--space-4) 0;background:linear-gradient(135deg,#1e3a8a,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px}.tagline{font-size:1.375rem;font-weight:400;margin:0;color:#64748b;letter-spacing:.5px}.hero-section{text-align:center;max-width:800px;animation:fadeInUp .8s ease-out .2s both}.hero-title{font-size:3rem;font-weight:700;margin:0 0 var(--space-6) 0;color:#1e293b;line-height:1.2}.hero-description{font-size:1.25rem;line-height:1.8;color:#475569;margin:0}.cta-section{display:flex;gap:var(--space-5);margin-bottom:var(--space-4);flex-wrap:wrap;justify-content:center;animation:fadeInUp .8s ease-out .4s both}.cta-button{padding:var(--space-4) var(--space-10);font-size:var(--text-lg);font-weight:600;border-radius:12px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);border:none}.cta-button.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 14px #3b82f666}.cta-button.primary:hover{box-shadow:0 6px 20px #3b82f680;transform:translateY(-2px)}.cta-button.primary .arrow{transition:transform .3s ease}.cta-button.primary:hover .arrow{transform:translate(4px)}.cta-button.secondary{background:#fff;color:#3b82f6;border:2px solid #e2e8f0;box-shadow:0 2px 8px #00000014}.cta-button.secondary:hover{background:#f8fafc;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6);width:100%;margin:var(--space-8) 0;animation:fadeInUp .8s ease-out .6s both}.feature-card{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:var(--space-8);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 12px #00000014}.feature-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001f;background:#ffffffe6}.feature-icon{font-size:3rem;margin-bottom:var(--space-4);display:inline-block;transition:transform .4s cubic-bezier(.4,0,.2,1)}.feature-card:hover .feature-icon{transform:scale(1.05) rotate(5deg)}.feature-card h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 var(--space-3) 0}.feature-card p{font-size:.938rem;line-height:1.6;color:#64748b;margin:0}.stats-section{display:flex;gap:var(--space-10);margin-top:var(--space-8);flex-wrap:wrap;justify-content:center;animation:fadeInUp .8s ease-out .8s both}.stat-item{text-align:center}.stat-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2)}.customizable-icon{display:inline-block;transform:scale(1.8);font-weight:600}.stat-label{font-size:1rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:1px}.home-footer{margin-top:var(--space-10);padding:var(--space-2) var(--space-2);font-size:var(--text-sm);background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(148,163,184,.2);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-3);width:100%;box-sizing:border-box}.footer-link{color:#64748b;text-decoration:none;font-weight:500;transition:all .2s ease;padding:var(--space-2) var(--space-3);border-radius:6px;display:inline-block}.footer-link:hover{color:#3b82f6;background:#3b82f61a}.separator{color:#cbd5e1;font-weight:300}@media (max-width: 768px){.home-container{padding:var(--space-6) var(--space-4) 0px var(--space-4)}.app-name{font-size:3rem;letter-spacing:-1px}.tagline{font-size:1.125rem}.hero-title{font-size:2rem}.hero-description{font-size:1.063rem}.features-grid{grid-template-columns:1fr;gap:var(--space-5)}.stats-section{gap:var(--space-8)}.stat-number{font-size:2.5rem}.cta-button{padding:var(--space-3) var(--space-8);font-size:var(--text-base)}}@media (max-width: 480px){.app-name{font-size:2.5rem}.tagline{font-size:1rem}.hero-title{font-size:1.75rem}.hero-description{font-size:1rem}.cta-section{flex-direction:column;width:100%;max-width:320px}.cta-button{width:100%;justify-content:center}.logo-badge{width:80px;height:80px;border-radius:20px}.home-logo{width:48px;height:48px}.stats-section{gap:var(--space-6)}.stat-number{font-size:2rem}.stat-label{font-size:.875rem}}.form-showcase-section{width:100%;max-width:900px;margin-top:var(--space-8);margin-bottom:var(--space-8);animation:fadeInUp .8s ease-out 1s both}.form-showcase-header{text-align:center;margin-bottom:var(--space-8)}.form-showcase-title{font-size:2.5rem;font-weight:700;color:#1e293b;margin:0 0 var(--space-4) 0;background:linear-gradient(135deg,#1e3a8a,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-showcase-description{font-size:1.125rem;line-height:1.7;color:#64748b;max-width:600px;margin:0 auto}.reveal-form-button{margin-top:var(--space-6);padding:var(--space-4) var(--space-10);font-size:var(--text-lg);font-weight:600;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;box-shadow:0 4px 14px #3b82f666;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:var(--space-3)}.reveal-form-button:hover{box-shadow:0 6px 20px #3b82f680;transform:translateY(-2px)}.reveal-form-button .arrow{transition:transform .3s ease;font-size:1.25rem}.reveal-form-button:hover .arrow{transform:translate(4px)}[dir=rtl] .reveal-form-button:hover .arrow{transform:translate(-4px)}.reveal-form-button:active{transform:translateY(0)}.form-iframe-wrapper{position:relative;padding:var(--space-2);background:linear-gradient(135deg,#3b82f61a,#06b6d41a);border-radius:24px;animation:slideInForm .6s ease-out forwards;opacity:0;transform:translateY(30px)}@keyframes slideInForm{to{opacity:1;transform:translateY(0)}}.form-iframe-container{background:#fff;border-radius:20px;padding:var(--space-6);box-shadow:0 20px 60px #0000001f;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.form-iframe-container:hover{box-shadow:0 24px 72px #00000029;transform:translateY(-2px)}.form-iframe-container iframe{display:block;border:none;border-radius:12px;width:100%}@media (max-width: 768px){.form-showcase-section{margin-top:var(--space-6)}.form-showcase-title{font-size:2rem}.form-showcase-description{font-size:1rem}.reveal-form-button{padding:var(--space-3) var(--space-8);font-size:var(--text-base)}.form-iframe-wrapper{padding:var(--space-1)}.form-iframe-container{padding:var(--space-4)}.form-iframe-container iframe{height:500px}}@media (max-width: 480px){.form-showcase-title{font-size:1.75rem}.form-showcase-description{font-size:.938rem}.reveal-form-button{padding:var(--space-3) var(--space-6);font-size:.938rem;width:100%;max-width:320px;justify-content:center}.form-iframe-container{padding:var(--space-3)}.form-iframe-container iframe{height:450px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:var(--modal-backdrop-blur);backdrop-filter:var(--modal-backdrop-blur);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.modal-content-lg{max-width:var(--modal-max-width-lg)}.modal-header{position:sticky;top:0;z-index:10;background:var(--bg-primary);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.modal-title{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.modal-subtitle{margin:0;font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{position:sticky;bottom:0;background:var(--bg-primary);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-light);display:flex;gap:var(--space-3);justify-content:flex-end}.modal-close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:var(--space-2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition-all);width:32px;height:32px}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:var(--modal-backdrop-blur);backdrop-filter:var(--modal-backdrop-blur);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);cursor:default}.modal-content{background:var(--bg-primary);border-radius:var(--modal-border-radius);box-shadow:var(--shadow-lg);position:relative;max-height:var(--modal-max-height);width:90%;overflow-y:auto}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1000px}.modal-2xl{max-width:1200px}.modal-full{max-width:95vw;max-height:95vh}.modal-close{position:absolute;top:var(--space-2);right:var(--space-3);background:none;border:none;font-size:var(--text-3xl);color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:var(--transition-all);line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}[dir=rtl] .modal-close{right:auto;left:var(--space-3)}@media (max-width: 768px){.modal-content{width:95vw;max-height:90vh;margin:1rem}.modal-sm,.modal-md,.modal-lg,.modal-xl,.modal-2xl{max-width:95vw}.modal-body{padding:var(--space-4)}.modal-footer{padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-wrap:wrap}.modal-close{top:var(--space-1);right:var(--space-2)}[dir=rtl] .modal-close{right:auto;left:var(--space-2)}}.create-edit-modal-content{padding:var(--space-6)}.create-edit-modal-form-group{margin-bottom:var(--space-4)}.create-edit-modal-label{display:block;margin-bottom:var(--space-1);font-weight:500}.create-edit-modal-label-optional{color:var(--text-muted, var(--text-tertiary));font-weight:400;margin-inline-start:var(--space-1)}.create-edit-modal-textarea{resize:vertical;min-height:60px}.create-edit-modal-char-count{font-size:12px;color:var(--text-muted, var(--text-tertiary))}.workspace-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:#fff;border:1px solid #e0e0e0;box-shadow:0 8px 20px #0000001f;z-index:1000;border-radius:10px;display:flex;flex-direction:column;max-height:400px;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.workspace-list-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px 10px 0 0;font-weight:600;font-size:14px;color:#555;background-color:#f7f7f7;border-bottom:1px solid #e8e8e8}.workspace-list{flex:1;overflow-y:auto;padding:8px;overflow-x:hidden}.create-workspace-container{padding:12px;border-top:1px solid #e8e8e8;background:#f9f9f9;border-radius:0 0 10px 10px}.workspace-item{width:100%;padding:10px 12px;margin:2px 0;border:none;background:#fff;text-align:start;cursor:pointer;border-radius:6px;font-size:14px;font-weight:500;color:#333;transition:all .15s ease;text-decoration:none;display:block}.workspace-item:hover{background-color:#f0f4ff;color:#4a5568;transform:translate(2px)}.create-workspace-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;box-shadow:0 2px 6px #667eea4d}.create-workspace-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66;background:linear-gradient(135deg,#5568d3,#6a3f92)}.export-object-button:hover{background-color:#43a047}.import-object-button:hover{background-color:#1976d2}.workspace-selector{display:flex;align-items:center;position:relative;width:100%;margin-bottom:20px}.menu-popup{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 8px 20px #00000014;min-width:180px;padding:10px;z-index:100}.menu-popup h3{margin:0;padding-bottom:10px;font-size:14px;font-weight:700;border-bottom:1px solid #ddd;text-align:center}.menu-popup button{width:100%;padding:8px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px}.menu-popup .delete-btn{color:red}.menu-popup button:hover{background:#f0f0f0}.workspace-selector{position:relative}.workspace-initial{width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;border-radius:6px;font-size:14px;box-shadow:0 2px 4px #0000001a}.workspace-selector-delete-rename-button{display:flex;align-items:center;gap:8px;width:100%}.workspace-button{flex:1;display:flex;align-items:center;gap:10px;border-radius:8px;cursor:pointer;border:1px solid #e0e0e0;padding:10px 12px;min-width:0;background-color:#fff;transition:all .2s ease;box-shadow:0 2px 4px #0000000a}.workspace-button:hover{background-color:#f8f9fa;border-color:#d0d0d0;box-shadow:0 4px 8px #00000014}.workspace-name-button{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;color:#333;font-size:15px}.workspace-button .arrow-icon{flex-shrink:0;color:#666;transition:transform .2s ease}.menu-button{flex-shrink:0;font-size:24px;cursor:pointer;padding:0 15px;background-color:#dcdcdc}.ai-modal-container{display:flex;flex-direction:column;max-height:calc(var(--modal-max-height) - var(--space-4));overflow:hidden}.ai-modal-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light);flex-shrink:0;background:var(--bg-secondary)}.ai-modal-icon{color:var(--accent-purple-start);flex-shrink:0}.ai-modal-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.ai-modal-scrollable{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.ai-modal-scrollable::-webkit-scrollbar{width:6px}.ai-modal-scrollable::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}.ai-modal-scrollable::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}.ai-modal-scrollable::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.ai-modal-form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-6);flex-shrink:0;background:var(--bg-primary);transition:max-height .3s ease,padding .3s ease,opacity .3s ease;max-height:1000px;overflow:hidden}.ai-modal-form-collapsed{max-height:0;padding-top:0;padding-bottom:0;opacity:0;pointer-events:none}.ai-modal-input-group{display:flex;flex-direction:column;gap:var(--space-2)}.ai-modal-textarea-wrapper{position:relative;width:100%}.ai-modal-textarea{width:100%;padding:var(--space-3) var(--space-4);padding-bottom:var(--space-10);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);resize:vertical;min-height:120px;transition:var(--transition-all);box-sizing:border-box}.ai-modal-textarea-collapsed{min-height:60px}.ai-modal-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.ai-modal-textarea:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.7}.ai-modal-textarea-actions{position:absolute;bottom:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-1);z-index:1}.ai-textarea-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.ai-textarea-action-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-purple-start);color:var(--accent-purple-start);transform:translateY(-1px)}.ai-textarea-action-btn:disabled{opacity:.5;cursor:not-allowed}.ai-modal-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--accent-gradient);color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);font-family:var(--font-family);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.ai-modal-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-hover)}.ai-modal-submit-btn:active:not(:disabled){transform:translateY(0)}.ai-modal-submit-btn:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;box-shadow:none}.ai-modal-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text-inverse);border-radius:var(--radius-full);animation:spin .6s linear infinite}.ai-modal-content-area{display:flex;flex-direction:column;flex:1;min-height:0;padding:var(--space-5) var(--space-6)}.ai-modal-expand-handle{position:sticky;top:0;z-index:20;margin:calc(var(--space-5) * -1) calc(var(--space-6) * -1) var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);cursor:pointer;transition:var(--transition-all);-webkit-user-select:none;user-select:none}.ai-modal-expand-handle:hover{background:var(--primary-50);border-bottom-color:var(--primary-200)}.ai-modal-expand-handle:active{background:var(--primary-100)}.ai-modal-expand-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.ai-modal-expand-handle:hover .ai-modal-expand-indicator{color:var(--accent-purple-start)}.ai-modal-expand-indicator svg{animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.ai-modal-expand-handle:hover .ai-modal-expand-indicator svg{animation:none}.ai-modal-collapse-handle{position:sticky;bottom:0;z-index:10;margin:var(--space-4) calc(var(--space-6) * -1) calc(var(--space-5) * -1);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-top:1px solid var(--border-light);cursor:pointer;transition:var(--transition-all);-webkit-user-select:none;user-select:none}.ai-modal-collapse-handle:hover{background:var(--primary-50);border-top-color:var(--primary-200)}.ai-modal-collapse-handle:active{background:var(--primary-100)}.ai-modal-collapse-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.ai-modal-collapse-handle:hover .ai-modal-collapse-indicator{color:var(--accent-purple-start)}.ai-modal-scrollable:has(.ai-modal-form:not(.ai-modal-form-collapsed)) .ai-modal-content-area{border-top:1px solid var(--border-light)}.ai-modal-file-upload-section{display:flex;flex-direction:column;gap:var(--space-3)}.ai-modal-file-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--bg-primary);color:var(--accent-purple-start);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);font-family:var(--font-family);cursor:pointer;transition:var(--transition-all);align-self:flex-start}.ai-modal-file-btn:hover:not(:disabled){border-color:var(--accent-purple-start);background:#667eea0d}.ai-modal-file-btn:disabled{opacity:.5;cursor:not-allowed}.ai-modal-file-list{display:flex;flex-direction:column;gap:var(--space-2)}.ai-modal-file-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-base);gap:var(--space-2)}.ai-modal-file-name{font-size:var(--text-sm);color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-modal-file-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition-all)}.ai-modal-file-remove:hover{color:var(--error-500);background:var(--error-50)}@media (max-width: 768px){.ai-modal-header{padding:var(--space-4)}.ai-modal-title{font-size:var(--text-lg)}.ai-modal-form{padding:var(--space-4)}.ai-modal-form-collapsed{padding-top:0;padding-bottom:0}.ai-modal-content-area{padding:var(--space-4)}.ai-modal-expand-handle{margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) var(--space-3);padding:var(--space-3)}.ai-modal-collapse-handle{margin:var(--space-3) calc(var(--space-4) * -1) calc(var(--space-4) * -1);padding:var(--space-3)}.ai-modal-textarea{min-height:100px;font-size:16px}.ai-modal-submit-btn{width:100%;padding:var(--space-3) var(--space-4)}}.property-many-editor{display:flex;flex-direction:column;gap:12px}.property-many-editor-header{display:flex;justify-content:space-between;align-items:center}.property-many-editor-header h4{font-size:14px;font-weight:600;color:#1a1a1a;margin:0}.property-many-many-editor-list{display:flex;flex-direction:column;gap:8px}.property-many-editor-item{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.property-many-editor-item:hover{background:#fff;border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.btn-add-property{padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:8px}.btn-add-property:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.property-main-row{display:flex;align-items:center;gap:12px}.property-name-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;transition:border-color .2s}.property-name-input:focus{outline:none;border-color:#667eea}.property-description-row{margin-top:6px}.property-description-input{width:100%;padding:6px 10px;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;color:#6b7280;background:#f9fafb;transition:border-color .2s}.property-description-input:focus{outline:none;border-color:#667eea;background:#fff}.property-description-input::placeholder{color:#9ca3af;font-style:italic}.property-type-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#6b7280;background:#fff;cursor:pointer;transition:border-color .2s;box-sizing:border-box}.property-type-select:focus{outline:none;border-color:#667eea}.property-searchable{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280;cursor:pointer;white-space:nowrap}.property-searchable input[type=checkbox]{cursor:pointer}.property-searchable span{-webkit-user-select:none;user-select:none}.btn-toggle-options{padding:6px 12px;background:#f3e8ff;color:#7c3aed;border:1px solid #e9d5ff;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-toggle-options:hover{background:#e9d5ff;border-color:#d8b4fe}.btn-remove-property{width:28px;height:28px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;color:#999;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-remove-property:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.property-options-editor{padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:4px}.options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.options-label{font-size:13px;font-weight:600;color:#374151}.btn-add-option{padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-option:hover{background:#5568d3}.options-list{display:flex;flex-direction:column;gap:6px}.option-item{display:flex;align-items:center;gap:8px;padding:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s}.option-item:hover{background:#f3f4f6}.option-value-input{flex:1;padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;transition:border-color .2s}.option-value-input:focus{outline:none;border-color:#667eea}.option-color-input{width:40px;height:32px;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;padding:2px}.option-color-preview{width:32px;height:32px;border-radius:4px;border:1px solid #e5e7eb;flex-shrink:0}.btn-remove-option{width:24px;height:24px;border:1px solid #e5e7eb;background:#fff;border-radius:4px;color:#999;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-remove-option:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.options-empty{padding:16px;text-align:center;color:#9ca3af;font-size:13px;font-style:italic}.property-many-editor-empty{padding:40px;text-align:center;color:#9ca3af;font-size:14px}.property-config-editor{padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:8px}.formula-config{display:flex;flex-direction:column;gap:10px}.rollup-config{display:flex;flex-direction:column;gap:12px}.config-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.config-row{display:flex;flex-direction:column;gap:6px}.formula-expression-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-family:Consolas,Monaco,Courier New,monospace;color:#374151;background:#f9fafb;transition:border-color .2s,background .2s;resize:vertical;min-height:60px}.formula-expression-input:focus{outline:none;border-color:#667eea;background:#fff}.formula-expression-input::placeholder{color:#9ca3af;font-style:italic;font-family:Consolas,Monaco,Courier New,monospace}.config-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;transition:border-color .2s}.config-input:focus{outline:none;border-color:#667eea}.config-select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;cursor:pointer;transition:border-color .2s}.formula-help details{margin-top:10px;padding:10px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px}.formula-help summary{cursor:pointer;font-size:12px;font-weight:600;color:#0369a1;-webkit-user-select:none;user-select:none}.formula-help summary:hover{color:#075985}.formula-help-content{margin-top:12px;display:flex;flex-direction:column;gap:10px}.help-section{display:flex;flex-direction:column;gap:4px}.help-section strong{font-size:11px;font-weight:600;color:#334155;text-transform:uppercase;letter-spacing:.5px}.help-section code{display:inline-block;padding:2px 6px;background:#fff;border:1px solid #e0f2fe;border-radius:3px;font-size:11px;font-family:Consolas,Monaco,Courier New,monospace;color:#0c4a6e;margin:2px 4px 2px 0}.rollup-help{padding:8px 12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px}.rollup-help .help-text{font-size:12px;color:#166534;line-height:1.5}@media (max-width: 768px){.property-main-row{flex-direction:column;align-items:stretch;gap:8px}.property-searchable{justify-content:flex-start}.btn-toggle-options{width:100%}.btn-remove-property{align-self:flex-end}.option-item{flex-wrap:wrap}.option-color-input,.option-color-preview{width:36px;height:28px}.formula-help-content{font-size:11px}.help-section code{font-size:10px;padding:1px 4px}}[dir=rtl] .property-main-row,[dir=rtl] .option-item,[dir=rtl] .options-header{flex-direction:row-reverse}[dir=rtl] .config-row{text-align:right}.property-type-select{position:relative;width:100%;z-index:100}.property-type-select.disabled{opacity:.6;cursor:not-allowed}.property-type-select-button{width:100%;padding:var(--space-2) var(--space-2);border:var(--input-border);border-radius:var(--radius-sm);font-size:var(--text-base);font-family:var(--font-family);background:var(--bg-secondary);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:var(--transition-all);text-align:left}.property-type-select-button:hover:not(:disabled){border-color:var(--border-dark);background:var(--bg-primary)}.property-type-select-button:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px #3b82f61a}.property-type-select-button:disabled{cursor:not-allowed;opacity:.6}.property-type-select-value{display:flex;align-items:center;gap:var(--space-2);flex:1}.property-type-select-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.property-type-select-label{color:var(--text-primary);font-size:var(--text-base)}.property-type-select-arrow{color:var(--text-secondary);flex-shrink:0;transition:var(--transition-fast)}.property-type-select-arrow.open{transform:rotate(180deg)}.property-type-select-dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:300px;overflow-y:auto;z-index:99999;padding:var(--space-1)}.property-type-select-dropdown::-webkit-scrollbar{width:8px}.property-type-select-dropdown::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-sm)}.property-type-select-dropdown::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-sm)}.property-type-select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.property-type-select-option{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);font-size:var(--text-base);text-align:left}.property-type-select-option:hover{background:var(--primary-50)}.property-type-select-option.selected{background:var(--primary-100);font-weight:var(--font-medium)}.property-type-option-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.property-type-option-label{color:var(--text-primary);flex:1}@media (max-width: 768px){.property-type-select-dropdown{max-height:250px}}.suggestion-modal-content{padding:var(--space-6)}.suggestion-modal-form,.suggestion-modal-form-group{margin-bottom:var(--space-4)}.suggestion-modal-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.suggestion-modal-label-optional{color:var(--text-muted, var(--text-tertiary));font-weight:var(--font-normal);margin-inline-start:var(--space-1)}.suggestion-modal-textarea{resize:vertical;min-height:50px}.suggestion-modal-char-count{display:block;font-size:var(--text-xs);color:var(--text-muted, var(--text-tertiary));margin-top:var(--space-1)}.workspace-architect-modal{display:flex;flex-direction:column;max-height:85vh}.workspace-architect-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:var(--space-6) var(--space-6) var(--space-2);color:var(--text-primary)}.workspace-architect-subtitle{margin:0 var(--space-6) var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.workspace-architect-content{flex:1;overflow-y:auto;padding:0 var(--space-6) var(--space-6)}.workspace-architect-section{margin-bottom:var(--space-6)}.workspace-architect-section .workspace-architect-add-btn{width:100%;margin-top:var(--space-4)}.workspace-architect-relationships-section{margin-top:var(--space-10);padding-top:var(--space-8);border-top:2px solid var(--border-color)}.workspace-architect-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.workspace-architect-section h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.workspace-architect-section-description{font-size:var(--text-xs);color:var(--text-tertiary);margin:var(--space-1) 0 0 0}.workspace-architect-add-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--text-inverse);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all)}.workspace-architect-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.workspace-architect-tables{display:flex;flex-direction:column;gap:var(--space-3)}.workspace-architect-table-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--bg-tertiary);transition:var(--transition-all)}.workspace-architect-table-card:hover{border-color:#667eea;background:var(--bg-primary)}.workspace-architect-table-header{display:flex;gap:12px;margin-bottom:12px}.workspace-architect-table-name{flex:1;padding:10px 14px;border:1px solid #d0d0d0;border-radius:6px;font-size:15px;font-weight:500;transition:border-color .2s}.workspace-architect-table-name:focus{outline:none;border-color:#667eea}.workspace-architect-remove-btn{width:36px;height:36px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;color:#999;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.workspace-architect-remove-btn:hover{background:#fee;border-color:#f88;color:#d44}.workspace-architect-table-description{width:100%;padding:10px 14px;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s;box-sizing:border-box}.workspace-architect-table-description:focus{outline:none;border-color:#667eea}.workspace-architect-empty{padding:40px;text-align:center;color:#999;font-size:14px}.workspace-architect-relationships{display:flex;flex-direction:column;gap:12px}.workspace-architect-relationship-card{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f0f4ff;border:1px solid #d1d9f0;border-radius:8px;transition:all .2s}.workspace-architect-relationship-card:hover{border-color:#667eea;background:#e8edff}.relationship-row{display:flex;align-items:center;gap:8px}.relationship-select{flex:1;padding:8px 12px;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;font-weight:500;background:#fff;cursor:pointer;transition:border-color .2s}.relationship-select:focus{outline:none;border-color:#667eea}.relationship-description{width:100%;padding:8px 12px;border:1px solid #d0d0d0;border-radius:6px;font-size:13px;transition:border-color .2s;box-sizing:border-box}.relationship-description:focus{outline:none;border-color:#667eea}.workspace-architect-add-relationship-btn{width:100%;padding:10px 16px;background:#f0f4ff;color:#667eea;border:2px dashed #667eea;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.workspace-architect-add-relationship-btn:hover:not(:disabled){background:#e8edff;border-color:#5568d3}.workspace-architect-add-relationship-btn:disabled{opacity:.5;cursor:not-allowed}.workspace-architect-relationship{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f0f4ff;border-radius:6px;font-size:13px}.relationship-from,.relationship-to{font-weight:600;color:#667eea}.relationship-arrow{color:#999}.relationship-desc{color:#666;flex:1}.workspace-architect-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e0e0e0;background:#fafafa;border-radius:0 0 12px 12px}.workspace-architect-cancel,.workspace-architect-submit{padding:10px 24px;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.workspace-architect-cancel{background:#fff;color:#666;border:1px solid #d0d0d0}.workspace-architect-cancel:hover{background:#f5f5f5;border-color:#999}.workspace-architect-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.workspace-architect-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.workspace-architect-submit:disabled{opacity:.6;cursor:not-allowed}.workspace-review-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.workspace-review-panel{background:#fff;border-radius:12px;width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative}.workspace-review-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:28px;color:#666;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;z-index:10}.workspace-review-close:hover{background-color:#f0f0f0;color:#333}.workspace-review-header{padding:24px 24px 16px;border-bottom:1px solid #e0e0e0}.workspace-review-title{font-size:24px;font-weight:600;margin:0 0 12px;color:#1a1a1a}.workspace-review-progress{display:flex;gap:16px}.progress-item{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500}.progress-pending{background:#fff4e6;color:#d97706}.progress-reviewed{background:#dcfce7;color:#16a34a}.progress-removed{background:#fee2e2;color:#dc2626}.workspace-review-body{display:flex;flex:1;overflow:hidden}.workspace-review-sidebar{width:250px;border-right:1px solid #e0e0e0;overflow-y:auto;background:#f9fafb}.sidebar-table-item{padding:12px 16px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:all .2s}.sidebar-table-item:hover{background:#f3f4f6}.sidebar-table-item.active{background:#fff;border-left:3px solid #667eea}.sidebar-table-item.removed{opacity:.5;background:#fef2f2}.sidebar-table-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.sidebar-table-name{font-weight:500;font-size:14px;color:#1a1a1a;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-table-item.removed .sidebar-table-name{text-decoration:line-through;color:#999}.sidebar-table-actions{display:flex;gap:4px;align-items:center}.sidebar-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:12px}.sidebar-badge.reviewed{background:#16a34a;color:#fff}.sidebar-btn-remove,.sidebar-btn-restore{width:20px;height:20px;border:none;background:none;cursor:pointer;font-size:18px;color:#999;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .2s}.sidebar-btn-remove:hover{background:#fee2e2;color:#dc2626}.sidebar-btn-restore:hover{background:#dcfce7;color:#16a34a}.sidebar-table-info{font-size:12px;color:#6b7280}.workspace-review-tabs{display:none}.workspace-review-content{flex:1;overflow-y:auto;padding:24px}.workspace-review-table-editor{display:flex;flex-direction:column;gap:24px}.table-name-editor{display:flex;flex-direction:column;gap:8px}.table-name-editor label,.table-description-editor label,.properties-editor label{font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.table-name-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:18px;font-weight:600;color:#1a1a1a;transition:border-color .2s}.table-name-input:focus{outline:none;border-color:#667eea}.table-description-editor{display:flex;flex-direction:column;gap:8px}.table-description-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1a1a1a;resize:vertical;min-height:60px;font-family:inherit;transition:border-color .2s}.table-description-input:focus{outline:none;border-color:#667eea}.table-actions{display:flex;gap:12px;align-items:center;padding-top:12px;border-top:1px solid #e5e7eb}.reviewed-indicator{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#dcfce7;border-radius:6px;color:#16a34a;font-weight:500}.reviewed-checkmark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#16a34a;color:#fff;font-size:14px}.workspace-review-btn-accept{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.workspace-review-btn-accept:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.workspace-review-removed-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.removed-icon{width:80px;height:80px;border-radius:50%;background:#fee2e2;color:#dc2626;font-size:48px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.workspace-review-removed-state h3{font-size:20px;color:#1a1a1a;margin:0 0 8px}.workspace-review-removed-state p{color:#666;margin:0 0 24px}.workspace-review-btn-restore{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.workspace-review-btn-restore:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.workspace-review-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e0e0e0;background:#fafafa;border-radius:0 0 12px 12px}.workspace-review-cancel,.workspace-review-submit{padding:10px 24px;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.workspace-review-cancel{background:#fff;color:#666;border:1px solid #d0d0d0}.workspace-review-cancel:hover{background:#f5f5f5;border-color:#999}.workspace-review-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.workspace-review-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.workspace-review-submit:disabled{opacity:.6;cursor:not-allowed}.confirm-dialog{padding:var(--space-6)}.confirm-dialog-title{margin:0 0 var(--space-4);font-size:1.25rem;font-weight:600;color:var(--text-primary);text-align:start}.confirm-dialog-message{margin:0 0 var(--space-6);color:var(--text-secondary);line-height:1.5;text-align:start;word-wrap:break-word}.confirm-dialog-actions{display:flex;gap:var(--space-3);justify-content:flex-end}[dir=rtl] .confirm-dialog-actions{flex-direction:row-reverse}.tables-section{margin-top:20px;border-top:1px solid #ccc;padding-top:10px}.toggle-tables-header-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:4px}.toggle-tables-header-btn:hover{background-color:#0000000d}.toggle-chevron{font-size:12px;margin-left:8px;color:#666}[dir=rtl] .toggle-chevron{margin-left:0;margin-right:8px;transform:scaleX(-1)}.workspace-h3-with-icon{display:flex;align-items:center;gap:8px}.workspace-h3-with-icon h3{margin:0;font-weight:600}.workspace-h3-with-icon span{display:flex;align-items:center}.tables-content{margin-left:1rem;margin-top:8px;padding:8px;background-color:#00000008;border-radius:6px;border-left:2px solid rgba(0,0,0,.08)}.system-tables-section{margin-top:16px;padding-top:12px;border-top:1px dashed #ccc}.toggle-form-submissions-tables-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:4px;font-size:13px;color:#666;transition:all .2s ease}.toggle-form-submissions-tables-btn:hover{background-color:#0000000d;color:#333}.toggle-form-submissions-tables-btn .chevron-icon{transition:transform .2s ease}.toggle-form-submissions-tables-btn .chevron-icon.rotated{transform:rotate(180deg)}.system-tables-content{margin-left:1rem;margin-top:8px}.system-tables-content .loading-text,.system-tables-content .no-tables-text{font-size:12px;color:#999;padding:8px;font-style:italic}.system-tables-content .Regular-object-button{opacity:.85}.system-tables-content .Regular-object-button:hover{opacity:1}.create-toggle-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;width:100%;border:1px solid var(--border-subtle, #e5e7eb);border-radius:8px;background:var(--card-bg, white);color:var(--text-primary, #374151);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;margin-bottom:8px}.create-toggle-btn:hover{background:var(--card-bg-hover, #f9fafb);border-color:var(--border-focus, #3b82f6);box-shadow:0 1px 3px #0000001a}.create-toggle-btn .chevron-icon{transition:transform .2s;margin-inline-start:auto}.create-toggle-btn .chevron-icon.rotated{transform:rotate(180deg)}.create-options-card{margin-bottom:12px;padding:8px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.create-option-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;cursor:pointer;transition:all .15s}.create-option-item:hover{background:var(--card-bg-hover, #f3f4f6)}.option-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;flex-shrink:0}.option-icon.create-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.option-icon.ai-icon{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.option-icon.workspace-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.ai-sparkle{font-size:20px}.option-content{flex:1;min-width:0}.option-title{font-size:14px;font-weight:600;color:var(--text-primary, #111827);margin-bottom:2px}.option-description{font-size:12px;color:var(--text-secondary, #6b7280);line-height:1.4}.menu-container{position:relative;display:flex;justify-content:center;align-items:center}.workSpace-menu-button{background:none;border:none;font-size:22px;cursor:pointer;color:#666}.object-item-container{margin-top:10px;display:flex}.object-item-container button{border-radius:4px}.Regular-object-button{display:flex;align-items:center;background:none;color:#414141;border:none;padding:0 10px;cursor:pointer;text-align:left;width:100%;overflow:hidden;text-decoration:none;border-radius:4px}.Regular-object-button .object-table-name{margin-inline-start:8px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.Regular-object-button .object-table-icon{display:flex;align-items:center}.Regular-object-button:hover{background-color:#e7e7e7}.Regular-object-button.selected{background-color:#c8c8c8}.Regular-object-button:focus{outline:none;box-shadow:none}.regular-menu-button{border:none;outline:none;background:none;cursor:pointer}.menu-container{position:relative}.regular-objects-dropdown-menu{position:absolute;top:110%;right:0;background:#fff;border:none;border-radius:12px;box-shadow:0 8px 24px #0000002e,0 1.5px 4px #00000014;padding:10px 0;min-width:190px;z-index:1000;display:flex;flex-direction:column;gap:2px;font-family:inherit;animation:fadeInDropdown .18s ease}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu-hebrew{left:0;right:auto}.regular-objects-dropdown-menu p{padding:10px 18px 8px;margin:0 0 4px;font-size:15px;color:#222;font-weight:500;border-bottom:1px solid #f0f0f0;letter-spacing:.01em}.regular-objects-dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;padding:10px 18px;cursor:pointer;font-size:15px;color:#444;border-radius:8px;transition:background .13s,color .13s;text-align:left;font-family:inherit}.regular-objects-dropdown-menu button:hover{background:#f0f4fa;color:#1a73e8}.regular-objects-dropdown-menu button:last-child{color:#d32f2f;font-weight:500}.regular-objects-dropdown-menu button:last-child:hover{background:#fff0f0;color:#b71c1c}.workspace-usage-widget{margin-top:12px;margin-bottom:12px}.usage-widget-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;transition:all .2s ease}.usage-widget-header:hover{background:#f3f4f6;border-color:#d1d5db}.usage-widget-title{display:flex;align-items:center;gap:6px;color:#6b7280;font-weight:500;font-size:12px}.usage-widget-title svg{width:14px;height:14px}.usage-widget-summary{color:#9ca3af;font-size:12px}.usage-warning{color:#f59e0b}.usage-ok{color:#6b7280}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.usage-details-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);will-change:backdrop-filter}.usage-details-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.usage-details-header{position:sticky;top:0;z-index:10;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0}.usage-details-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.usage-header-actions{display:flex;align-items:center;gap:8px}.usage-refresh-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.usage-refresh-btn:hover:not(:disabled){background:#f3f4f6;color:#1f2937}.usage-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.usage-refresh-btn svg.spinning{animation:spin 1s linear infinite}.usage-details-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.usage-details-close:hover{background:#f3f4f6;color:#1f2937}.usage-plan-badge{padding:10px 20px;text-align:center;border-bottom:1px solid #e5e7eb;background:#fff}.plan-badge{display:inline-block;padding:4px 14px;border-radius:16px;font-size:11px;font-weight:700;letter-spacing:.5px}.plan-badge.plan-free{background:#dbeafe;color:#1e40af}.plan-badge.plan-pro{background:#fef3c7;color:#92400e}.plan-badge.plan-enterprise{background:#f3e8ff;color:#6b21a8}.usage-details-body{padding:26px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1}.usage-metric{display:flex;flex-direction:column;gap:6px}.metric-header{display:flex;align-items:center;gap:10px}.metric-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#f3f4f6;color:#6b7280;flex-shrink:0}.metric-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.metric-label{font-size:12px;font-weight:500;color:#6b7280}.metric-value{font-size:14px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.progress-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:3px}.progress-percent{font-size:12px;font-weight:600;color:#6b7280;text-align:right;min-width:45px;flex-shrink:0}.usage-warning-message{padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:12px;color:#991b1b;margin-top:4px}[dir=rtl] .usage-header-actions{flex-direction:row-reverse}[dir=rtl] .metric-header{justify-content:space-between}[dir=rtl] .progress-percent{text-align:left}[dir=rtl] .usage-warning-message{flex-direction:row-reverse}.profile-edit-modal{display:flex;flex-direction:column;height:100%;max-height:calc(90vh - 4rem)}.profile-edit-modal h3{margin:0 0 var(--space-6) 0;padding:var(--space-6) var(--space-6) 0;font-size:1.5rem;font-weight:600;flex-shrink:0}.profile-edit-modal form{display:flex;flex-direction:column;height:100%;overflow:hidden}.profile-edit-modal-content{flex:1;overflow-y:auto;padding:0 var(--space-6)}.profile-edit-modal h4{margin:var(--space-6) 0 var(--space-4) 0;font-size:1.125rem;font-weight:500;color:var(--text-secondary)}.profile-edit-modal .form-group{margin-bottom:var(--space-4)}.profile-edit-modal .form-group label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--text-primary)}.profile-edit-modal .password-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-color)}.profile-edit-modal .error-message{padding:var(--space-3);margin-bottom:var(--space-4);background-color:#fee;border:1px solid #fcc;border-radius:var(--radius);color:#c33;font-size:.875rem}.profile-edit-modal .modal-actions-profile{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding:var(--space-6);border-top:1px solid var(--border-color);flex-shrink:0}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{width:100%;padding-inline-end:40px}.password-toggle-btn{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #888);transition:color .2s ease}.password-toggle-btn:hover:not(:disabled){color:var(--text-primary, #333)}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.password-toggle-btn:focus-visible{outline:2px solid var(--primary, #007bff);outline-offset:2px;border-radius:4px}.dashboard-sidebar{width:19%;flex-shrink:0;background-color:#f4f4f4;padding:15px;border-right:1px solid #ccc;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;box-sizing:border-box;transition:transform .3s ease,width .3s ease;position:relative;scrollbar-width:thin;scrollbar-color:transparent transparent}.dashboard-sidebar::-webkit-scrollbar{width:8px}.dashboard-sidebar::-webkit-scrollbar-track{background:transparent}.dashboard-sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:4px;transition:background .3s ease}.dashboard-sidebar:hover{scrollbar-color:rgba(0,0,0,.3) transparent}.dashboard-sidebar:hover::-webkit-scrollbar-thumb{background:#0000004d}.dashboard-sidebar:hover::-webkit-scrollbar-thumb:hover{background:#00000080}.dashboard-sidebar.desktop-hidden{width:0;padding:0;border-right:none;overflow:hidden}.sidebar-desktop-toggle-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:60px;left:calc(19% - 20px);background:#fffffff2;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;color:#333;z-index:100;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;width:40px;height:40px;padding:0}.sidebar-desktop-toggle-btn:hover{background:#667eea;color:#fff;border-color:#667eea;transform:scale(1.05)}.sidebar-desktop-toggle-btn:active{transform:scale(.95)}.dashboard-sidebar.desktop-hidden .sidebar-desktop-toggle-btn{display:none}[dir=rtl] .sidebar-desktop-toggle-btn{left:auto;right:calc(19% - 20px);transform:scaleX(-1)}[dir=rtl] .sidebar-desktop-toggle-btn:hover{transform:scaleX(-1) scale(1.05)}[dir=rtl] .sidebar-desktop-toggle-btn:active{transform:scaleX(-1) scale(.95)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998}.sidebar-close-btn{display:none;position:absolute;top:16px;right:0;background:#fffffff2;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:0;color:#333;z-index:1001;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.sidebar-close-btn:hover{background:#667eea;color:#fff;border-color:#667eea;transform:scale(1.05)}.sidebar-close-btn:active{transform:scale(.95)}@media (max-width: 768px){.dashboard-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:999;transform:translate(-100%);box-shadow:2px 0 8px #00000026;scrollbar-width:thin}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#0000004d}.dashboard-sidebar.mobile-open{transform:translate(0)}.dashboard-sidebar.desktop-hidden{width:280px;padding:15px;border-right:1px solid #ccc}.sidebar-desktop-toggle-btn{display:none}.sidebar-overlay,.sidebar-close-btn{display:block}[dir=rtl] .dashboard-sidebar{left:auto;right:0;transform:translate(100%)}[dir=rtl] .dashboard-sidebar.mobile-open{transform:translate(0)}[dir=rtl] .sidebar-close-btn{right:auto;left:10px}}.dashboard-sidebar-h2{font-size:20px;margin:10px 0;color:#333;font-weight:600}.dashboard-sidebar .user-email{color:#555;margin-bottom:20px;border-bottom:2px solid #ccc;padding-bottom:10px}.user-menu-container{position:relative;margin-bottom:24px}.user-menu-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000014;font-family:inherit;position:relative;overflow:hidden}.user-menu-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4f8cff0d,#667eea0d);opacity:0;transition:opacity .2s ease}.user-menu-button:hover:before{opacity:1}.user-menu-button:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33;transform:translateY(-1px)}.user-menu-button:active{transform:translateY(0);box-shadow:0 1px 3px #00000014}.user-menu-button .user-email{color:#333;font-size:13px;font-weight:600;margin:0;padding:0;border:none;flex:1;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1}.user-menu-button .user-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0;position:relative;z-index:1}.user-menu-button .user-name{color:#333;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.user-menu-button .user-email-display{color:#666;font-size:11px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.user-menu-button .chevron{transition:transform .3s cubic-bezier(.4,0,.2,1);color:#667eea;flex-shrink:0;position:relative;z-index:1}.user-menu-button .chevron.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px #0000001f,0 2px 6px #00000014;z-index:1000;overflow:hidden;animation:slideDown .2s cubic-bezier(.4,0,.2,1)}.user-menu-item{padding:12px 14px;border:none;background:none;width:100%;text-align:start;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .15s ease;border-bottom:1px solid #f0f0f0;font-family:inherit;font-size:13px;color:#333}.user-menu-item:last-child{border-bottom:none}.user-menu-item:hover{background:linear-gradient(90deg,#f8f9fa,#f0f4ff)}.user-menu-item.language-selector{display:flex;align-items:center;gap:.75rem;cursor:default;padding:12px 14px;background:#fafbfc;border-bottom:1px solid #e8e8e8;box-sizing:border-box}.user-menu-item.language-selector:hover{background:#fafbfc}.user-menu-item.language-selector svg{color:#6b7280;flex-shrink:0}.language-dropdown-select{flex:1;padding:6px 10px;border:1px solid #d0d7de;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;background:#fff;color:#333;transition:all .2s ease;outline:none}.language-dropdown-select:hover{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.language-dropdown-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.user-menu-item.logout-item{display:flex;align-items:center;gap:8px;color:#dc3545;font-weight:600;padding:12px 14px}.user-menu-item.logout-item svg{flex-shrink:0}[dir=rtl] .user-menu-item.logout-item svg{transform:rotate(180deg)}.user-menu-item.logout-item:hover{background:#fff5f5;color:#c82333}.dashboard-sidebar-header{display:flex;align-items:center;justify-content:space-between;position:relative}.language-select-wrapper{margin-bottom:20px;padding:12px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000a;display:flex;align-items:center;gap:10px}.language-select-wrapper label{font-weight:600;font-size:14px;color:#333;white-space:nowrap}.language-select-wrapper select{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#333;background-color:#fff;cursor:pointer;transition:all .2s ease}.language-select-wrapper select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.language-select-wrapper select:hover{border-color:#d0d0d0}.dashboard-sidebar-header .menu-button{background:none;border:none;outline:none;box-shadow:none;font-size:20px;cursor:pointer;padding:6px;border-radius:4px}.dashboard-sidebar-header .menu-button:focus{outline:none;box-shadow:none}.dashboard-sidebar-header .menu-button:hover,.dashboard-sidebar-header .menu-button:active{background-color:#0000001a}.dashboard-sidebar-header .menu-button.active{background-color:#00000026}.toggle-system-tables-btn{background:none;border:none;outline:none;box-shadow:none;font-size:18px;cursor:pointer;padding:10px;border-radius:4px;display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:8px}.toggle-system-tables-btn div{display:flex;align-items:center;width:100%;gap:8px}.system-table-direct-btn{background:none;border:none;outline:none;box-shadow:none;font-size:16px;cursor:pointer;padding:10px;border-radius:4px;display:flex;align-items:center;gap:8px;width:100%;margin-top:4px;color:#333;font-weight:500;position:relative;text-decoration:none;font-family:inherit;box-sizing:border-box}.system-table-direct-btn .unread-indicator{background-color:#ef4444;color:#fff;border-radius:12px;padding:2px 7px;font-size:11px;font-weight:700;min-width:20px;text-align:center;margin-left:auto}[dir=rtl] .system-table-direct-btn .unread-indicator{margin-left:0;margin-right:auto}.system-table-direct-btn:hover{background-color:#0000001a}.system-table-direct-btn.selected{background-color:#00000026;font-weight:600;border-left:4px solid #09f;padding-left:8px}[dir=rtl] .system-table-direct-btn.selected{border-left:none;border-right:4px solid #09f;padding-left:0;padding-right:8px}.toggle-system-tables-btn:focus{outline:none;box-shadow:none}.toggle-system-tables-btn:hover,.toggle-system-tables-btn:active{background-color:#0000001a}.toggle-system-tables-btn.active{background-color:#00000026}.feedback-link{margin-top:20px;font-size:14px}.system-table-selector{margin-top:.5rem;margin-bottom:.5rem}.system-table-section-header{display:flex;align-items:center;gap:8px;padding:10px;font-weight:500;color:#333}.system-table-section-title{margin:0;font-size:16px;font-weight:600}.system-table-buttons{display:flex;flex-direction:column;gap:.5rem;margin-left:1.5rem;margin-right:.5rem}.system-table-btn{padding:.6rem 1rem;background-color:#222;color:#eee;border:none;border-radius:4px;cursor:pointer;text-align:start;transition:background-color .2s ease}.system-table-btn:hover{background-color:#333}.system-table-btn.active{background-color:#444;font-weight:700;border-left:4px solid #09f}.category-select{position:relative;width:100%}.category-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);cursor:pointer;transition:var(--transition-all);text-align:left}.category-select-trigger:hover:not(:disabled){border-color:var(--border-focus)}.category-select-trigger:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light)}.category-select-trigger:disabled{background:var(--bg-disabled);cursor:not-allowed;opacity:.6}.category-select-value{display:flex;align-items:center;gap:var(--space-2)}.category-select-icon{color:var(--text-tertiary);transition:transform var(--transition-base)}.category-select-icon.open{transform:rotate(180deg)}.category-select-dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:300px;overflow-y:auto;padding:var(--space-1)}.category-select-option{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--text-primary);cursor:pointer;transition:var(--transition-all);text-align:left}.category-select-option:hover{background:var(--bg-hover)}.category-select-option.selected{background:var(--primary-light);color:var(--primary);font-weight:var(--font-medium)}.category-select.disabled{opacity:.6;pointer-events:none}.save-template-modal{display:flex;flex-direction:column;height:70vh;max-height:80vh;overflow:hidden;min-height:0}.save-template-header{flex-shrink:0;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.save-template-body{flex:1;overflow-y:auto;min-height:0;padding:var(--space-6)}.save-template-footer{flex-shrink:0;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);background:var(--bg-primary);display:flex;gap:var(--space-3);justify-content:flex-end}.save-template-modal form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.save-template-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0;color:var(--text-primary)}.save-template-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-2) 0 0;line-height:var(--leading-relaxed)}.save-template-modal .form-group{margin-bottom:var(--space-5)}.save-template-modal .form-group label{display:block;font-size:var(--text-base);font-weight:var(--font-medium);margin-bottom:var(--space-2);color:var(--text-primary)}.save-template-modal .required{color:var(--error-500)}.save-template-modal .form-control{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);transition:var(--transition-all);font-family:var(--font-family);box-sizing:border-box}.save-template-modal .form-control:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light)}.save-template-modal .form-control:disabled{background:var(--bg-disabled);cursor:not-allowed;opacity:.6}.save-template-modal textarea.form-control{resize:vertical;min-height:80px}.save-template-modal select.form-control{cursor:pointer}.save-template-modal .form-text{display:block;font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-2)}.save-template-modal .checkbox-label{display:flex!important;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:var(--font-normal)}.save-template-modal .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.save-template-modal .checkbox-label span{font-size:var(--text-base);color:var(--text-primary)}.save-template-modal .category-select-preview{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--primary-700);font-weight:var(--font-medium)}.save-template-modal .category-select-preview svg{color:var(--primary-600)}.save-template-modal .modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-light)}@media (max-width: 768px){.save-template-modal{height:85vh;max-height:none}.save-template-header,.save-template-body{padding:var(--space-4)}.save-template-footer{padding:var(--space-3) var(--space-4);flex-direction:column}.save-template-footer .btn{width:100%}.save-template-title{font-size:var(--text-xl)}.save-template-subtitle{font-size:var(--text-xs)}.save-template-modal .form-group{margin-bottom:var(--space-4)}}.workspace-menu-popup{position:absolute;top:60px;left:-10px;width:230px;z-index:var(--z-dropdown);padding:var(--space-3)}.workspace-title{margin-top:0;padding:var(--space-2) var(--space-3);background:var(--gray-50);border-radius:var(--radius-base);color:var(--text-primary)}.workspace-menu-btn{width:100%}.workspace-delete-btn{color:var(--error-600)!important}.workspace-delete-btn:hover{background:var(--error-50)!important}.gmail-success-modal-content{text-align:center;min-width:250px;padding:32px 48px;background:#fff;border-radius:12px;box-shadow:0 2px 16px #0003}.gmail-success-modal-title{color:#4caf50;margin-bottom:16px}.gmail-success-modal-btn{margin-top:12px;padding:8px 24px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:background .2s}.gmail-success-modal-btn:hover{background:#388e3c}.system-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.refresh-button-system-table{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.refresh-button-system-table:hover{background:#388e3c;transform:scale(1.05)}.refresh-button-system-table:active{transform:scale(.98)}.system-table-container{padding:1.5rem;background-color:#fafafa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border-radius:8px;display:flex;flex-direction:column}.system-table-container.in-modal{height:750px;padding:.2rem 1.5rem 1.5rem}.system-table-container.full-height{width:100%;height:70vh;min-height:95vh;padding:1.5rem;margin:0;border-radius:0;width:calc(79vw + (100vw - 79vw) * (1 - var(--sidebar-visible, 1)))}.system-table-header.in-modal h2{font-size:1.25rem;margin:0%}.system-table-container h2{margin:0 0 16px;color:#333;font-weight:600;flex-shrink:0}.system-table-wrapper{flex:1;overflow-x:auto;overflow-y:auto;border-radius:8px;box-shadow:0 2px 6px #0000000a;background-color:#fff;min-height:0}.system-table-container.in-modal .system-table-wrapper{height:60vh;max-height:60vh}.system-table{width:100%;border-collapse:collapse;font-size:14px;background-color:#fff}.system-table th,.system-table td{border:1px solid #e8e8e8;padding:10px 12px;text-align:center;vertical-align:middle}.system-table th{background-color:#f7f7f7;font-weight:600;color:#333;font-size:14px;position:sticky;top:-2px;z-index:10}.system-table td{background-color:#fff;cursor:pointer;transition:background-color .15s ease}.system-table tr:hover td{background-color:#f0f4ff}.system-table tr{max-height:22px}.system-table td input,.system-table td select{width:100%;min-width:150px;padding:6px 10px;font-size:14px;box-sizing:border-box;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;transition:all .2s ease;cursor:pointer}.system-table td input:focus,.system-table td select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.system-table button{background:var(--primary);color:var(--text-inverse);border:1px solid var(--primary);padding:var(--btn-padding-sm);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-base);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-xs)}.system-table button:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.system-table button:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.system-table button:focus-visible{outline:2px solid var(--primary-300);outline-offset:2px}@media (max-width: 768px){.system-table-container{padding:.75rem}.system-table-container.in-modal{height:auto;max-height:70vh;padding:.5rem}.system-table-container.full-height{width:100%;min-height:auto;padding:.75rem}.system-table-header{margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.system-table-container h2{font-size:1.1rem;margin-bottom:12px}.system-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.system-table-container.in-modal .system-table-wrapper{height:auto;max-height:60vh}.system-table{font-size:12px;min-width:100%}.system-table th,.system-table td{padding:8px 6px;font-size:12px;white-space:nowrap}.system-table td input,.system-table td select{min-width:120px;padding:4px 8px;font-size:12px}.system-table button{padding:5px 10px;font-size:12px}.refresh-button-system-table{padding:.4rem .75rem;font-size:12px}}.btn-ai-create{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s;box-shadow:0 2px 4px #667eea4d;white-space:nowrap}.btn-ai-create:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);box-shadow:0 4px 8px #667eea66;transform:translateY(-1px)}.btn-ai-create:active{transform:translateY(0);box-shadow:0 1px 2px #667eea4d}[dir=rtl] .btn-ai-create{flex-direction:row-reverse}@media (max-width: 768px){.btn-ai-create{padding:5px 12px;font-size:12px}}.inline-html-editor-wrapper{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-1)}.inline-editor-ai-section{margin-top:var(--space-2)}.html-editor-footer-section{border-top:1px solid #ddd;background:#f5f5f5;flex-shrink:0}.html-editor-ai-section{padding:12px 15px;border-bottom:1px solid #e5e5e5;background:#fafafa}.html-editor-gemini-label{font-weight:500;color:#2a2a2a;margin-right:8px;white-space:nowrap}.html-editor-gemini-input{padding:7px 10px;border:1px solid #cfd8dc;border-radius:4px;font-size:1rem;width:100%;background:#fff;flex:1}.html-editor-container{max-height:85vh;overflow:hidden}.html-editor-header{padding:10px 15px;border-bottom:1px solid #ddd;background:#f5f5f5}.html-editor-body{padding:18px 18px 8px;min-height:400px;overflow-y:auto}.html-editor-body.ai-open{min-height:250px}.unified-editor-wrapper{height:100%;display:flex;flex-direction:column}.html-editor-footer{padding:10px 15px;background:#f5f5f5;display:flex;justify-content:space-between;align-items:center}.ai-inline-container{display:flex;flex-direction:column;gap:var(--space-3)}.ai-inline-trigger-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--accent-gradient);color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:var(--font-semibold);font-family:var(--font-family);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.ai-inline-trigger-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover)}.ai-inline-trigger-btn:active{transform:translateY(0)}.ai-inline-prompt-area{display:flex;flex-direction:column;gap:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);animation:slideDown .2s ease-out}.ai-inline-form{display:flex;flex-direction:column;gap:var(--space-3)}.ai-inline-input-wrapper{position:relative;display:flex;align-items:flex-start;gap:var(--space-2)}.ai-inline-icon{color:var(--accent-purple-start);flex-shrink:0;margin-top:var(--space-2)}.ai-inline-textarea{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);resize:vertical;min-height:60px;transition:var(--transition-all)}.ai-inline-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.ai-inline-textarea:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.7}.ai-inline-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.ai-inline-submit-btn{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--accent-gradient);color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);font-family:var(--font-family);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.ai-inline-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-hover)}.ai-inline-submit-btn:active:not(:disabled){transform:translateY(0)}.ai-inline-submit-btn:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed;box-shadow:none}.ai-inline-cancel-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-family);cursor:pointer;transition:var(--transition-all)}.ai-inline-cancel-btn:hover{background:var(--bg-hover);border-color:var(--border-medium)}.ai-inline-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text-inverse);border-radius:var(--radius-full);animation:spin .6s linear infinite}.ai-inline-content-area{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-light)}@media (max-width: 768px){.ai-inline-prompt-area{padding:var(--space-3)}.ai-inline-textarea{font-size:16px}.ai-inline-actions{flex-direction:column;gap:var(--space-2)}.ai-inline-submit-btn,.ai-inline-cancel-btn{width:100%;justify-content:center;padding:var(--space-3) var(--space-4)}}.terms-preview-box{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);background:var(--primary-50);border-radius:var(--radius-sm);padding:var(--space-2);min-height:28px;max-width:420px;overflow:hidden;white-space:pre-line;text-overflow:ellipsis}.fields-editor{border:1px solid var(--border-color);padding:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--bg-secondary) 60%,var(--primary-50) 100%);color:var(--text-primary);font-size:var(--text-base);display:flex;flex-direction:column;height:100%;box-shadow:var(--shadow-base)}.standalone-mode .fields-editor{min-height:auto}.fields-editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4) var(--space-2) var(--space-4);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);position:sticky;top:0;z-index:2}.fields-editor-header h4{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:.5px}.field-count-badge{display:inline-flex;align-items:center;background:var(--primary-100);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-semibold);border:1px solid var(--primary-200);box-shadow:var(--shadow-xs)}.fields-editor-header .add-button{margin-left:var(--space-8);background:var(--accent-gradient);color:var(--text-inverse);padding:var(--btn-padding-sm);font-size:var(--text-md);border:none;border-radius:var(--radius-full);cursor:pointer;font-weight:var(--font-semibold);box-shadow:var(--shadow-sm);transition:var(--transition-all);display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;max-width:160px}.fields-editor-header .add-button:hover{filter:brightness(1.1);box-shadow:var(--shadow-md)}.fields-editor-scrollable{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-4)}.fields-editor h4{margin-top:0;font-size:var(--text-md)}.field-block{margin-bottom:var(--space-2);background:var(--bg-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex;align-items:flex-start;justify-content:space-between;transition:var(--transition-all);box-shadow:var(--shadow-sm);position:relative;overflow:visible}.field-block-order-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);flex-shrink:0;min-width:50px;padding-top:2px}.field-order-input{width:48px;height:30px;text-align:center;border:1px solid var(--border-color);border-radius:var(--radius-base);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);background:var(--bg-secondary);transition:var(--transition-all);padding:var(--space-1)}.field-order-input:hover{border-color:var(--primary);background:var(--bg-primary)}.field-order-input:focus{outline:none;border-color:var(--border-focus);background:var(--bg-primary);box-shadow:0 0 0 3px #3b82f61a}.field-block-drag-handle{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1)}.field-moved-highlight{animation:highlightPulse 2s ease-out;border-color:var(--primary)!important}@keyframes highlightPulse{0%{background:var(--primary-100);box-shadow:0 0 0 4px #3b82f64d}50%{background:var(--primary-50);box-shadow:0 0 0 8px #3b82f633}to{background:var(--bg-primary);box-shadow:var(--shadow-sm)}}.field-block:hover{background:var(--bg-hover);box-shadow:var(--shadow-md)}.field-block.dragging{background:var(--primary-100);box-shadow:var(--shadow-md);opacity:.85}.field-block.ai-generated{border-left:4px solid var(--primary);background:linear-gradient(to right,var(--primary-50) 0%,var(--bg-primary) 100%);position:relative}.field-block.ai-generated:before{content:"AI";position:absolute;top:var(--space-2);right:var(--space-2);background:var(--accent-gradient);color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--font-bold);padding:3px var(--space-2);border-radius:var(--radius-full);letter-spacing:.5px;box-shadow:var(--shadow-sm)}.field-block:has(.property-type-select-dropdown),.field-block:has(.relation-type-select-dropdown){z-index:1000}.field-block label{margin:0 0 4px;font-size:var(--text-sm);min-width:90px;font-weight:var(--font-medium);color:var(--text-primary);flex-shrink:0}.LabelAndInput-form{display:flex;flex-direction:column;margin-bottom:var(--space-2);overflow:visible;position:relative;z-index:10}.field-block input,.field-block select{width:100%;background:var(--bg-secondary);color:var(--text-primary);border:var(--input-border);padding:6px var(--space-2);margin:0;border-radius:var(--radius-base);font-size:var(--text-sm);transition:var(--transition-all);box-shadow:var(--shadow-xs);box-sizing:border-box}.field-block input:focus,.field-block select:focus{border:var(--input-border-focus);outline:none;box-shadow:0 0 0 3px #3b82f61a}.field-block .field-actions{margin-left:var(--space-2);margin-top:var(--space-2);display:flex}.field-block .field-actions button{padding:6px var(--space-2);border:none;border-radius:var(--radius-base);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);background:var(--bg-secondary);color:var(--text-primary);transition:var(--transition-all);box-shadow:var(--shadow-xs);display:flex;align-items:center;gap:var(--space-2)}.remove-field-button{margin-top:20px;color:var(--error-500)!important}.field-block .field-actions button:hover{background:var(--bg-hover);box-shadow:var(--shadow-sm);color:var(--error-700)}.field-block .field-actions button:active{background:var(--bg-active)}.field-block .field-actions button:disabled{opacity:.5;cursor:not-allowed}.fields-editor .add-button{width:100%;color:var(--text-inverse);padding:var(--space-2);font-size:var(--text-lg);border:none;border-radius:var(--radius-full);cursor:pointer;font-weight:var(--font-semibold);background:var(--accent-gradient);box-shadow:var(--shadow-sm);margin-top:var(--space-3);transition:var(--transition-all)}.fields-editor .add-button:hover{filter:brightness(1.1);box-shadow:var(--shadow-md)}.field-block input[type=checkbox]{accent-color:var(--primary);width:18px;height:18px;margin-top:var(--space-1);cursor:pointer}.internal-name-toggle{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);margin-top:var(--space-1);width:fit-content}.internal-name-input-wrapper{margin-top:var(--space-1);animation:slideDown .2s ease-out}.internal-name-input{width:100%;background:var(--bg-secondary);color:var(--text-primary);border:var(--input-border);padding:6px var(--space-2);border-radius:var(--radius-base);font-size:var(--text-sm);font-family:var(--font-family-mono);transition:var(--transition-all);box-shadow:var(--shadow-xs)}.internal-name-input:focus{border:var(--input-border-focus);outline:none;box-shadow:0 0 0 3px #3b82f61a}.field-name-char-count{font-size:11px;color:var(--text-secondary);margin-top:2px}.add-field-between-button{width:100%;padding:6px;margin:6px 0;background:transparent;border:1.5px dashed var(--border-color);border-radius:var(--radius-base);color:var(--primary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all);opacity:.5;position:relative;z-index:1}.add-field-between-button:hover{opacity:1;background:var(--bg-hover);border-color:var(--primary);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.fields-editor-header{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.fields-editor-header .add-button{margin-left:0;width:100%;max-width:none}.fields-editor-scrollable{padding:var(--space-3) var(--space-4)}.field-block{flex-direction:column;gap:var(--space-2)}.field-block-order-controls{flex-direction:row;width:100%;min-width:auto}.field-block label{min-width:auto}}.gemini-prompt-container{padding:var(--space-4) var(--space-6);background:var(--primary-50);border-bottom:1px solid var(--border-color)}.gemini-prompt-content{display:flex;flex-direction:column;gap:var(--space-2)}.gemini-prompt-label{font-weight:var(--font-medium);font-size:var(--text-base);color:var(--text-primary)}.gemini-prompt-input{padding:var(--input-padding);font-size:var(--text-md);font-family:var(--font-family);border-radius:var(--radius-base);border:var(--input-border);background:var(--bg-primary);color:var(--text-primary);transition:var(--transition-all)}.gemini-prompt-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.gemini-prompt-buttons{display:flex;gap:var(--space-3)}.gemini-generate-btn{min-width:0;width:120px}.gemini-cancel-btn{background:var(--gray-300)!important;color:var(--text-primary)!important;min-width:0;width:80px}.gemini-cancel-btn:hover{background:var(--gray-400)!important}.gemini-prompt-error{color:var(--error-600);font-size:var(--text-sm);font-weight:var(--font-medium)}@media (max-width: 768px){.gemini-prompt-container{padding:var(--space-3) var(--space-4)}.gemini-prompt-buttons{flex-direction:column}.gemini-generate-btn,.gemini-cancel-btn{width:100%}}.ai-button--minimal{opacity:.9}.ai-button--minimal:hover:not(:disabled){opacity:1}.editable-cell-richtext-preview{max-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.editable-cell-root{min-width:120px;max-width:220px;width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.custom-field-cell{min-width:180px;max-width:none;overflow:visible;white-space:normal}.embed-open-btn{display:flex;align-items:center;gap:6px;white-space:nowrap}.fields-cell-container{cursor:pointer;min-width:120px}.fields-cell-summary{display:flex;align-items:center;gap:8px}.fields-cell-summary-text{font-weight:500}.fields-cell-toggle{font-size:14px;color:#888}.fields-cell-details{margin-top:8px;background:#f7f7f7;border-radius:6px;padding:8px;box-shadow:0 1px 4px #0000000a}.fields-cell-detail-row{margin-bottom:4px}.fields-cell-type{color:#666}.fields-cell-edit-btn{margin-top:6px;padding:4px 12px;border-radius:4px;background:#4f8cff;color:#fff;border:none;cursor:pointer}.fields-cell-add{color:#888;font-style:italic}.copy-link-container{position:relative;display:inline-block}.copy-link-trigger{cursor:pointer;color:#007bff;text-decoration:underline;padding:4px}.copy-link-popup{position:absolute;top:100%;right:0;margin-top:6px;background:#fff;border:1px solid #ccc;border-radius:6px;padding:8px 12px;box-shadow:0 2px 6px #00000026;z-index:1000;white-space:nowrap}.copy-link-popup-url{margin-bottom:6px;font-size:.9rem;word-break:break-all}.copy-link-button{background:#007bff;color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.85rem}.cell-tooltip{background:#fff;border:1px solid #ccc;border-radius:6px;padding:10px 12px;box-shadow:0 4px 12px #0003;max-width:400px;word-wrap:break-word;white-space:normal;font-size:13px;line-height:1.5;z-index:10000}.cell-tooltip-content{margin-bottom:8px;color:#333;max-height:300px;overflow-y:auto;-webkit-user-select:text;user-select:text;cursor:text}.cell-tooltip-copy-btn{background:#4f8cff;color:#fff;border:none;border-radius:4px;padding:4px 12px;cursor:pointer;font-size:12px;font-weight:500;transition:background .2s;width:100%}.cell-tooltip-copy-btn:hover{background:#3a7ae0}[dir=rtl] .copy-link-container{flex-direction:row-reverse}.long-text-tooltip{background:#fff;border:1px solid #ccc;border-radius:6px;padding:10px 12px;box-shadow:0 4px 12px #0003;max-width:400px;word-wrap:break-word;white-space:normal;font-size:13px;line-height:1.5;z-index:10000}.long-text-tooltip-content{margin-bottom:8px;color:#333;max-height:300px;overflow-y:auto;-webkit-user-select:text;user-select:text;cursor:text}.long-text-tooltip-copy-btn{background:#4f8cff;color:#fff;border:none;border-radius:4px;padding:4px 12px;cursor:pointer;font-size:12px;font-weight:500;transition:background .2s;width:100%}.long-text-tooltip-copy-btn:hover{background:#3a7ae0}.form-automation-btn{white-space:nowrap}.form-automation-modal-content{display:flex;flex-direction:column;height:600px;max-height:85vh;overflow:hidden}.form-automation-modal-content.standalone-mode,.form-automation-modal-content.wizard-mode{height:600px;max-height:85vh}.form-automation-modal-title{margin-top:0;margin-bottom:var(--space-4);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);padding:0 var(--space-6);flex-shrink:0}.form-automation-modal-content.standalone-mode .form-automation-modal-title{padding-top:var(--space-6)}.form-automation-scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 var(--space-6) var(--space-4) var(--space-6)}.form-automation-success{text-align:center;padding:var(--space-10) var(--space-6)}.form-automation-success-icon{color:var(--success-500);margin-bottom:var(--space-4)}.form-automation-success-text{font-size:var(--text-lg);color:var(--text-primary);margin:0}.form-automation-description{margin-bottom:var(--space-6);color:var(--text-secondary);line-height:var(--leading-relaxed)}.form-automation-field{margin-bottom:var(--space-4)}.form-automation-label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--text-primary)}.form-automation-select{width:100%;padding:var(--space-3);font-size:var(--text-base);border:1px solid var(--border-color);border-radius:var(--radius-base);background:var(--bg-primary);cursor:pointer;color:var(--text-primary);transition:var(--transition-all)}.form-automation-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-100)}.form-automation-select:disabled{background:var(--bg-disabled);cursor:not-allowed}.form-automation-error{padding:var(--space-3);margin-bottom:var(--space-4);background-color:var(--error-50);color:var(--error-700);border-radius:var(--radius-base);font-size:var(--text-sm);border-left:3px solid var(--error-500)}.form-automation-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);background:var(--bg-secondary);flex-shrink:0}.form-automation-actions-between{display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);background:var(--bg-secondary);flex-shrink:0}.form-automation-actions-group{display:flex;gap:var(--space-3)}.mapping-preview-container{border:1px solid var(--border-light);border-radius:var(--radius-base);margin-bottom:var(--space-4)}.mapping-row{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:var(--space-3)}.mapping-row:last-child{border-bottom:none}.mapping-target{flex:1;min-width:0}.mapping-target-name{font-weight:var(--font-medium);font-size:var(--text-sm);margin-bottom:var(--space-1);color:var(--text-primary)}.mapping-target-internal{font-size:var(--text-xs);color:var(--text-tertiary)}.mapping-arrow{font-size:var(--text-2xl);color:var(--text-tertiary)}.mapping-source{flex:1}.mapping-source-select{width:100%;padding:var(--space-2);font-size:var(--text-sm);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:var(--transition-all)}.mapping-source-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px var(--primary-100)}.mapping-source-select.has-value{background-color:var(--primary-50);border-color:var(--primary-200)}.mapping-remove-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-primary);cursor:pointer;font-size:var(--text-xs);color:var(--text-secondary);transition:var(--transition-all)}.mapping-remove-btn:hover{background:var(--bg-hover);border-color:var(--border-medium);color:var(--text-primary)}.form-automation-creating{text-align:center;padding:var(--space-10) var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.form-automation-creating-icon{color:var(--accent-purple-start);margin-bottom:var(--space-4)}.form-automation-creating-text{font-size:var(--text-lg);color:var(--text-primary);margin:0}.form-automation-scrollable-content .form-automation-success{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}@keyframes spinAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spinAnimation 1s linear infinite}[dir=rtl] .form-automation-error{border-left:none;border-right:3px solid var(--error-500)}[dir=rtl] .form-automation-actions{flex-direction:row-reverse}[dir=rtl] .mapping-arrow{transform:scaleX(-1)}@media (max-width: 768px){.form-automation-modal-content,.form-automation-modal-content.standalone-mode,.form-automation-modal-content.wizard-mode{height:auto;max-height:90vh}.form-automation-modal-title{font-size:var(--text-xl);padding:0 var(--space-4)}.form-automation-scrollable-content{padding:0 var(--space-4) var(--space-4) var(--space-4)}.form-automation-actions,.form-automation-actions-between{padding:var(--space-3) var(--space-4)}.form-automation-actions-between{flex-direction:column}.form-automation-actions-group{width:100%}.form-automation-actions-group button{flex:1}.mapping-row{flex-wrap:wrap;gap:var(--space-2)}.mapping-target,.mapping-source{flex-basis:100%}.mapping-arrow,.form-automation-btn span{display:none}}.setup-wizard-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-light, #e8e8e8)}@media (max-width: 768px){.setup-wizard-steps{gap:8px}.step-label{display:none}.step-number{width:28px;height:28px;font-size:12px}.setup-step-divider{width:24px}}.integration-config-popup{padding:1rem}.config-loading,.config-error,.config-empty{padding:2rem;text-align:center}.config-error{color:var(--danger);background-color:var(--danger-light);border-radius:8px;padding:1rem;margin-bottom:1rem}.config-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.config-field{display:flex;flex-direction:column;gap:.5rem}.config-label{font-weight:500;font-size:.95rem;color:var(--text-color)}.required-asterisk{color:var(--danger);margin-inline-start:.25rem}.config-input,.config-select,.config-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;transition:border-color .2s;box-sizing:border-box}.config-input:focus,.config-select:focus,.config-textarea:focus{outline:none;border-color:var(--primary-color)}.config-input.readonly{background-color:var(--bg-secondary);cursor:not-allowed;color:var(--text-secondary)}.config-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.config-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.field-hint{color:var(--text-secondary);font-size:.85rem;font-style:italic}.config-actions{display:flex;justify-content:flex-end;gap:1rem;padding-block-start:1rem;border-block-start:1px solid var(--border-color)}.config-actions button{padding:.6rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary{background:var(--bg-secondary);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover)}.btn-primary{background:var(--primary-color);color:#fff;border:none}.btn-primary:hover{background:var(--primary-dark)}.auth-guide{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.auth-guide h4{margin:0 0 .5rem;color:var(--primary-color);font-size:1rem}.auth-guide p{margin:0 0 .75rem;color:var(--text-secondary);font-size:.9rem}.use-cases{margin-block-start:.75rem}.use-cases strong{font-size:.9rem;color:var(--text-color)}.use-cases ul{margin:.5rem 0 0;padding-inline-start:1.5rem;list-style-type:disc}.use-cases li{font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem}.help-text{color:var(--text-secondary);font-size:.85rem;font-style:normal;display:block;margin-block-start:.25rem}.btn-oauth{margin-block-start:.5rem;padding:.6rem 1rem;background:#4285f4;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.btn-oauth:hover{background:#357ae8;transform:translateY(-1px);box-shadow:0 2px 8px #4285f44d}.btn-oauth:active{transform:translateY(0)}.config-btn,.test-connection-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s;white-space:nowrap}.config-btn{background:var(--primary-color);color:#fff}.config-btn:hover:not(:disabled){background:var(--primary-dark)}.test-connection-btn{background:var(--success, #28a745);color:#fff}.test-connection-btn:hover:not(:disabled){background:var(--success-dark, #218838)}.config-btn:disabled,.test-connection-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary);color:var(--text-secondary)}.test-connection-btn.loading{background:var(--primary-color);cursor:wait;opacity:.8}.test-connection-btn.success{background:var(--success, #28a745);cursor:default}.test-connection-btn.error{background:var(--danger, #dc3545);cursor:default;white-space:normal;max-width:200px;line-height:1.2}.form-embed-container{background:#fff;border-radius:0;padding:var(--space-4);width:100%;max-width:none;box-sizing:border-box;display:flex;flex-direction:column;max-height:80vh}.embed-toggle-btn{display:flex;align-items:center;gap:6px}.embed-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 16px;border-bottom:1px solid var(--border-color, #e0e0e0);background:#fff;border-radius:0;flex-shrink:0}.embed-header h4{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #1a1a1a)}.embed-tabs{display:flex;background:#fff;border-bottom:2px solid var(--border-color, #e0e0e0);padding:0;margin-top:16px;flex-shrink:0}.embed-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary, #666);transition:all .2s}.embed-tab:hover{color:var(--primary-600, #1976d2);background:var(--primary-50, #e3f2fd)}.embed-tab.active{color:var(--primary-600, #1976d2);border-bottom-color:var(--primary-600, #1976d2);background:transparent}.embed-option{background:#fff;padding:20px;margin:0;border:none;border-radius:0 0 8px 8px;overflow-y:auto;height:40vh;min-height:0}.embed-option-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}.embed-description{font-size:13px;color:var(--text-secondary, #666);margin:0;line-height:1.5;flex:1}.copy-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary-50, #e3f2fd);color:var(--primary-600, #1976d2);border:1px solid var(--primary-200, #90caf9);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.copy-btn:hover:not(:disabled){background:var(--primary-100, #bbdefb);border-color:var(--primary-300, #64b5f6);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.copy-btn:active:not(:disabled){transform:translateY(0)}.copy-btn:disabled{opacity:.5;cursor:not-allowed}.copied-text{color:var(--success-600, #2e7d32);font-weight:600}.embed-code-block{background:#282c34;border:1px solid #1e2127;border-radius:6px;padding:16px;margin-bottom:0;overflow-x:auto;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6}.embed-code-block.disabled{opacity:.6;background:#fafafa}.embed-code-block code{color:#abb2bf;word-break:break-all;white-space:pre-wrap;display:block}.embed-preview-link{text-align:center;padding:16px 0 0;background:#fff;border-radius:0;border-top:1px solid var(--border-color, #e0e0e0);margin-top:16px;flex-shrink:0}.embed-preview-link a{text-decoration:none;font-size:14px;font-weight:500}@media (max-width: 768px){.form-embed-container{max-width:100%}.embed-tabs{padding:0 12px;overflow-x:auto}.embed-tab{padding:10px 12px;font-size:13px;white-space:nowrap}.embed-option{padding:16px 12px}.embed-option-header{flex-direction:column;align-items:flex-start;gap:12px}.copy-btn{width:100%;justify-content:center}.embed-code-block{font-size:11px;padding:12px;max-height:300px}.embed-description{font-size:12px}}.richtext-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1e1e1e99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:1000;transition:background .3s}.richtext-modal{background:#fff;color:#222;border-radius:16px;width:800px;max-width:98vw;height:600px;max-height:85vh;box-shadow:0 8px 32px #0000002e;position:relative;display:flex;flex-direction:column;align-self:center;overflow:hidden}.richtext-modal.wizard-mode,.richtext-modal.standalone-mode{width:800px;height:600px;max-height:85vh}.richtext-modal-content-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-4) var(--space-6) 0 var(--space-6)}.richtext-modal .modal-buttons{display:flex;justify-content:flex-end;gap:14px;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light, #e8e8e8);background:var(--bg-secondary, #f8f9fa);flex-shrink:0}.richtext-modal .modal-buttons button{padding:8px 22px;border-radius:6px;border:none;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000a}.richtext-modal .modal-buttons button:first-child{background:var(--primary);color:var(--text-inverse);border:none}.richtext-modal .modal-buttons button:last-child{background:#f5f5f5;color:#333;border:1px solid #ddd}.richtext-modal .modal-buttons button:hover{filter:brightness(.97);box-shadow:0 4px 16px #00000014}.richtext-modal .close-btn{position:absolute;top:18px;right:18px;background:none;border:none;font-size:22px;color:#888;cursor:pointer;transition:color .2s;z-index:2}.richtext-modal .close-btn:hover{color:#222}.details-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.details-popup{position:fixed;background:#fff;border-radius:12px;box-shadow:0 12px 40px #00000040,0 4px 16px #00000026;width:500px;max-width:90vw;max-height:600px;z-index:10000;display:flex;flex-direction:column;animation:popupSlide .25s cubic-bezier(.34,1.56,.64,1);top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes popupSlide{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.details-popup-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:2px solid #e8e8e8;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px 12px 0 0}.details-popup-header h3{margin:0;font-size:18px;font-weight:600;color:#222}.details-popup-close{background:none;border:none;font-size:28px;line-height:1;color:#888;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.details-popup-close:hover{background:#f0f0f0;color:#333}.details-popup-json{padding:16px 20px;margin:0;background:linear-gradient(135deg,#f8f9fa,#f1f3f5);overflow:auto;text-align:left;white-space:pre-wrap;word-wrap:break-word;font-size:13px;line-height:1.6;font-family:Consolas,Monaco,Courier New,monospace;color:#2c3e50;flex:1;max-height:520px}.details-popup-json::-webkit-scrollbar{width:8px}.details-popup-json::-webkit-scrollbar-track{background:#e8e8e8}.details-popup-json::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.details-popup-json::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.setup-wizard-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid #e8e8e8;background:var(--bg-secondary, #f8f9fa);flex-shrink:0}.step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;background:#e8e8e8;color:#888;transition:all .3s ease}.step-label{font-size:14px;font-weight:500;color:#888;transition:all .3s ease}.setup-step.active .step-label{color:#222;font-weight:600}.setup-step.completed .step-number{background:#4ade80;color:#fff}.setup-step.completed .step-label{color:#4ade80}.setup-step-divider{width:40px;height:2px;background:#e8e8e8;transition:all .3s ease}.setup-step.active~.setup-step-divider{background:#e8e8e8}.setup-step.completed+.setup-step-divider{background:#4ade80}@media (max-width: 768px){.richtext-modal,.richtext-modal.wizard-mode,.richtext-modal.standalone-mode{width:95vw;height:auto;max-height:90vh}.richtext-modal-content-wrapper{padding:var(--space-3) var(--space-4) 0 var(--space-4)}.modal-buttons,.setup-wizard-header{padding:var(--space-3) var(--space-4)}.setup-wizard-steps{gap:8px}.step-label{display:none}.step-number{width:28px;height:28px;font-size:12px}.setup-step-divider{width:24px}}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4, 1rem);border-top:1px solid var(--border-light, #e5e7eb);gap:var(--space-4, 1rem);flex-wrap:wrap}.pagination-compact{padding:var(--space-2, .5rem) var(--space-3, .75rem);gap:var(--space-2, .5rem);flex-wrap:nowrap}.pagination-compact .pagination-info{font-size:.75rem;white-space:nowrap}.pagination-compact .pagination-controls{gap:var(--space-1, .25rem)}.pagination-compact .pagination-btn{padding:var(--space-1, .25rem) var(--space-2, .5rem);min-width:28px;justify-content:center}.pagination-compact .pagination-page{min-width:28px;padding:var(--space-1, .25rem) var(--space-2, .5rem);font-size:.75rem}.pagination-compact .pagination-pages{gap:2px}.pagination-info{font-size:var(--text-sm, .875rem);color:var(--text-secondary, #6b7280)}.pagination-controls{display:flex;align-items:center;gap:var(--space-2, .5rem)}.pagination-btn{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--border-light, #e5e7eb);background-color:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);border-radius:var(--radius-md, .375rem);cursor:pointer;font-size:var(--text-sm, .875rem);transition:all .2s;font-weight:500}.pagination-btn:hover:not(:disabled){background-color:var(--bg-hover, #f9fafb);border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;gap:var(--space-1, .25rem)}.pagination-page{padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--border-light, #e5e7eb);background-color:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);border-radius:var(--radius-md, .375rem);cursor:pointer;font-size:var(--text-sm, .875rem);min-width:36px;text-align:center;transition:all .2s;font-weight:500}.pagination-page:hover{background-color:var(--bg-hover, #f9fafb);border-color:var(--primary-300, #93c5fd)}.pagination-page.active{background-color:var(--primary, #3b82f6);color:var(--text-inverse, #ffffff);border-color:var(--primary, #3b82f6);font-weight:var(--font-semibold, 600)}.pagination-size{display:flex;align-items:center;gap:var(--space-2, .5rem);font-size:var(--text-sm, .875rem)}.pagination-size label{color:var(--text-secondary, #6b7280)}.pagination-select{padding:var(--space-2, .5rem);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, .375rem);background-color:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);font-size:var(--text-sm, .875rem);cursor:pointer;transition:all .2s}.pagination-select:hover{border-color:var(--border-hover, #d1d5db)}.pagination-select:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.pagination-container:not(.pagination-compact){flex-direction:column;gap:var(--space-3, .75rem);align-items:stretch}.pagination-container:not(.pagination-compact) .pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-container:not(.pagination-compact) .pagination-info,.pagination-container:not(.pagination-compact) .pagination-size{justify-content:center;text-align:center}.pagination-container:not(.pagination-compact) .pagination-pages{flex-wrap:wrap;justify-content:center}.pagination-container:not(.pagination-compact) .pagination-btn{font-size:.813rem;padding:.375rem .625rem}.pagination-container:not(.pagination-compact) .pagination-page{min-width:32px;padding:.375rem .5rem}.pagination-compact{overflow-x:auto;-webkit-overflow-scrolling:touch}.pagination-compact .pagination-info,.pagination-compact .pagination-controls{flex-shrink:0}}.form-metadata-modal-content{display:flex;flex-direction:column;height:600px;max-height:85vh;overflow:hidden}.form-metadata-modal-title{margin-top:0;margin-bottom:var(--space-4);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);padding:0 var(--space-6);flex-shrink:0}.form-metadata-error{margin-top:var(--space-3);padding:var(--space-3);background-color:var(--error-50);color:var(--error-700);border-radius:var(--radius-base);font-size:var(--text-sm);border-left:3px solid var(--error-500)}.form-metadata-scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 var(--space-6) var(--space-4) var(--space-6)}.form-metadata-review{display:flex;flex-direction:column;gap:var(--space-4)}.form-metadata-field{margin-bottom:var(--space-4)}.form-metadata-field label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--text-primary)}.form-metadata-field input,.form-metadata-field select,.form-metadata-field textarea{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);border:1px solid var(--border-color);border-radius:var(--radius-base);background:var(--bg-primary);color:var(--text-primary);transition:var(--transition-all);font-family:inherit}.form-metadata-field input:focus,.form-metadata-field select:focus,.form-metadata-field textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-100)}.form-metadata-field textarea{resize:vertical;min-height:60px}.form-metadata-actions{display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);background:var(--bg-secondary);flex-shrink:0}.setup-wizard-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light, #e8e8e8);background:var(--bg-secondary);flex-shrink:0}.setup-wizard-steps{display:flex;align-items:center;justify-content:center;gap:12px}.setup-step{display:flex;align-items:center;gap:8px;transition:all .3s ease}.step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;background:var(--bg-secondary, #e8e8e8);color:var(--text-tertiary, #888);transition:all .3s ease}.step-label{font-size:14px;font-weight:500;color:var(--text-tertiary, #888);transition:all .3s ease}.setup-step.active .step-number{background:linear-gradient(135deg,#4f8cff,#38c6ff);color:#fff;box-shadow:0 2px 8px #4f8cff4d}.setup-step.active .step-label{color:var(--text-primary, #222);font-weight:600}.setup-step.completed .step-number{background:var(--success-500, #4ade80);color:#fff}.setup-step.completed .step-label{color:var(--success-500, #4ade80)}.setup-step-divider{width:40px;height:2px;background:var(--border-light, #e8e8e8);transition:all .3s ease}.setup-step.completed+.setup-step-divider{background:var(--success-500, #4ade80)}[dir=rtl] .form-metadata-error{border-left:none;border-right:3px solid var(--error-500)}@media (max-width: 768px){.form-metadata-modal-content{height:auto;max-height:90vh}.form-metadata-modal-title{font-size:var(--text-lg);padding:0 var(--space-4)}.form-metadata-scrollable-content{padding:0 var(--space-4) var(--space-4) var(--space-4)}.form-metadata-actions{flex-direction:column;padding:var(--space-3) var(--space-4)}.form-metadata-actions button{width:100%}.setup-wizard-header{padding:var(--space-3) var(--space-4)}.setup-wizard-steps{gap:8px}.step-label{display:none}.step-number{width:28px;height:28px;font-size:12px}.setup-step-divider{width:24px}}.user-management-container{padding:var(--space-6);width:100%;box-sizing:border-box}.user-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.user-management-header>div{flex:1}.user-management-header h3{margin:0 0 var(--space-2) 0;font-size:1.25rem;font-weight:600}.owner-info{font-size:.875rem;color:var(--text-secondary);margin:0}.owner-info strong{color:var(--text-primary);font-weight:600}.btn-link-danger{background:none;border:none;color:var(--danger, #d32f2f);cursor:pointer;text-decoration:underline;padding:0;font-size:inherit;transition:color .2s}.btn-link-danger:hover:not(:disabled){color:var(--danger-dark, #c62828)}.btn-link-danger:disabled{opacity:.5;cursor:not-allowed}.users-table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--card-background)}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--table-header-bg, #f8f9fa);border-bottom:2px solid var(--border-color)}.users-table th,.users-table td{padding:var(--space-3) var(--space-4);text-align:start}.users-table th{font-weight:600;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.users-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s}.users-table tbody tr:hover{background-color:var(--hover-bg, #f8f9fa)}.users-table tbody tr:last-child{border-bottom:none}.role-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;text-transform:capitalize}.role-badge.global-role{background:var(--primary-light, #e3f2fd);color:var(--primary, #1976d2)}.role-badge.workspace-role{background:var(--secondary-light, #f3e5f5);color:var(--secondary, #9c27b0)}.owner-badge{display:inline-block;margin-inline-start:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--success-light, #e8f5e9);color:var(--success, #2e7d32);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.role-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;background:#fff;cursor:pointer;min-width:120px}.role-select:disabled{opacity:.5;cursor:not-allowed}.btn-danger-sm{padding:var(--space-2) var(--space-3);background:var(--danger, #d32f2f);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:background-color .2s}.btn-danger-sm:hover:not(:disabled){background:var(--danger-dark, #c62828)}.btn-danger-sm:disabled{opacity:.5;cursor:not-allowed}.btn-secondary-sm{padding:var(--space-2) var(--space-3);background:var(--secondary, #6c757d);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:background-color .2s}.btn-secondary-sm:hover:not(:disabled){background:var(--secondary-dark, #5a6268)}.btn-secondary-sm:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:var(--space-4);background:var(--danger-light, #ffebee);color:var(--danger, #d32f2f);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.loading-state,.empty-state{padding:var(--space-8);text-align:center;color:var(--text-secondary)}.no-permission-message{padding:var(--space-8);text-align:center;background:var(--warning-light, #fff3e0);color:var(--warning-dark, #e65100);border-radius:var(--radius-lg)}.invite-modal{padding:var(--space-6)}.invite-modal h3{margin:0 0 var(--space-6);font-size:1.25rem;font-weight:600}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:500;font-size:.875rem;color:var(--text-primary)}.form-select{width:100%;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;background:#fff}.help-text{display:block;margin-top:var(--space-2);font-size:.75rem;color:var(--text-secondary);line-height:1.4}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.btn-primary,.btn-secondary{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:var(--primary, #1976d2);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark, #1565c0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--hover-bg, #f5f5f5)}@media (max-width: 768px){.user-management-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.users-table-container{overflow-x:scroll}.users-table{min-width:600px}}.role-form-modal{display:flex;flex-direction:column;height:85vh;max-height:800px}.role-modal-header{padding:1.5rem 1.5rem .75rem;border-bottom:1px solid var(--border-color, #ddd);background:var(--card-bg, #fff);flex-shrink:0}.role-modal-header h3{margin:0 0 .5rem;font-size:1.3rem;font-weight:600}.modal-subtitle{margin:.5rem 0 0;color:var(--text-secondary, #666);font-size:.9rem}.warning-banner{margin-top:1rem;padding:.75rem 1rem;background:var(--warning-light, #fff8e1);border:1px solid var(--warning-color, #ff9800);border-radius:6px;color:var(--warning-dark, #f57c00);font-size:.9rem}.step-indicator{display:flex;align-items:center;justify-content:center;gap:1rem}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.step-number{width:40px;height:40px;border-radius:50%;background:var(--bg-light, #e0e0e0);color:var(--text-secondary, #666);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;transition:all .3s}.step.active .step-number{background:var(--primary-color, #4a90e2);color:#fff;box-shadow:0 0 0 4px #4a90e233}.step.completed .step-number{background:var(--success-color, #4caf50);color:#fff}.step-label{font-size:.85rem;font-weight:500;color:var(--text-secondary, #666)}.step.active .step-label{color:var(--primary-color, #4a90e2);font-weight:600}.step-divider{width:60px;height:2px;background:var(--border-color, #ddd);margin-bottom:1.5rem}.step.active~.step-divider{background:var(--primary-color, #4a90e2)}.role-modal-body{flex:1;overflow-y:auto;padding:1.5rem;padding-bottom:0%}.role-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color, #ddd);background:var(--bg-light, #f9f9f9);display:flex;justify-content:flex-end;gap:1rem;flex-shrink:0}.form-section{margin-bottom:2rem}.form-section:last-child{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.section-header h4{margin:0;font-size:1.1rem;font-weight:600}.section-subtitle{margin:0 0 1rem;color:var(--text-secondary, #666);font-size:.9rem}.permission-count-badge{background:var(--primary-color, #4a90e2);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9rem;color:var(--text-primary, #333)}.required{color:var(--error-color, #e53e3e)}.optional{color:var(--text-secondary, #666);font-weight:400;font-size:.85rem}.help-text{display:block;margin-top:.25rem;color:var(--text-secondary, #666);font-size:.85rem;line-height:1.4}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.permissions-section{background:var(--bg-light, #f9f9f9);border-radius:8px;padding:1.5rem}.permission-tabs{display:flex;gap:.5rem;overflow-x:auto;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color, #ddd)}.permission-tab-button{background:transparent;border:none;padding:.75rem 1rem;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-secondary, #666);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.permission-tab-button:hover{color:var(--primary-color, #4a90e2)}.permission-tab-button.active{color:var(--primary-color, #4a90e2);border-bottom-color:var(--primary-color, #4a90e2)}.permission-tab-badge{background:var(--bg-light, #e0e0e0);color:var(--text-secondary, #666);padding:.125rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600;transition:all .2s}.permission-tab-button.active .permission-tab-badge,.permission-tab-badge.active{background:var(--primary-color, #4a90e2);color:#fff}.permission-tab-content{background:#fff;border-radius:6px;padding:1rem}.permission-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #ddd)}.permission-tab-header h5{margin:0;font-size:1rem;font-weight:600;color:var(--primary-color, #4a90e2)}.btn-link{background:none;border:none;color:var(--primary-color, #4a90e2);cursor:pointer;font-size:.85rem;text-decoration:underline;padding:0}.btn-link:hover{color:var(--primary-color-dark, #357abd)}.permission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.permission-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--bg-light, #f5f5f5);border:1px solid var(--border-color, #ddd);border-radius:6px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.permission-item:hover{background:var(--bg-hover, #e8e8e8);border-color:var(--primary-color, #4a90e2)}.permission-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;flex-shrink:0}.permission-label{font-size:.9rem;color:var(--text-primary, #333);flex:1;display:flex;align-items:center;gap:.5rem}.permission-item.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-disabled, #f9f9f9)}.permission-item.disabled:hover{background:var(--bg-disabled, #f9f9f9);border-color:var(--border-color, #ddd)}.permission-item.disabled input[type=checkbox]{cursor:not-allowed}.permission-item.has-dependencies{border-color:var(--warning-color, #ff9800);background:var(--warning-light, #fff8e1)}.permission-item.has-dependencies:hover{border-color:var(--warning-color, #ff9800);background:var(--warning-light, #fff4d9)}.super-admin-badge{font-size:.9rem;cursor:help}@media (max-width: 768px){.role-form-modal{height:95vh}.role-modal-header,.role-modal-body,.role-modal-footer{padding:1rem}.permission-tabs{flex-wrap:nowrap;overflow-x:auto}.permission-grid{grid-template-columns:1fr}.role-modal-footer{flex-direction:column}.role-modal-footer button{width:100%}}[dir=rtl] .permission-item,[dir=rtl] .checkbox-label,[dir=rtl] .section-header{flex-direction:row-reverse}.workspace-role-management{padding:1.5rem;max-width:1400px;margin:0 auto;max-height:80%;overflow:auto}.workspace-role-management .role-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.workspace-role-management .role-management-header h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.workspace-role-management .role-management-header p{margin:0;color:var(--text-secondary, #666);font-size:.9rem}.workspace-role-management .no-permission-message{text-align:center;padding:3rem;color:var(--text-secondary, #666)}.workspace-role-management .roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.workspace-role-management .role-card{border:1px solid var(--border-color, #ddd);border-radius:8px;padding:1.5rem;background:var(--card-bg, #fff);transition:box-shadow .2s}.workspace-role-management .role-card:hover{box-shadow:0 4px 12px #0000001a}.workspace-role-management .role-card.system-default{border-left:4px solid var(--primary-color, #4a90e2)}.workspace-role-management .role-card.custom{border-left:4px solid var(--success-color, #4caf50)}.workspace-role-management .role-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.5rem}.workspace-role-management .role-card-header h4{margin:0;font-size:1.1rem;font-weight:600}.workspace-role-management .badge-system{background:var(--primary-50, #e3f2fd);color:var(--primary-700, #4a90e2)}.workspace-role-management .badge-custom{background:var(--success-50, #e8f5e9);color:var(--success-700, #4caf50)}.workspace-role-management .role-description{color:var(--text-secondary, #666);font-size:.9rem;margin:0 0 1rem;line-height:1.5}.workspace-role-management .role-permissions-summary{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-light, #f5f5f5);border-radius:6px;margin-bottom:1rem;font-size:.9rem}.workspace-role-management .permission-count{font-weight:500;color:var(--primary-color, #4a90e2)}.workspace-role-management .role-card-actions{display:flex;gap:.5rem}.workspace-role-management .role-card-actions button{flex:1}.workspace-role-management .empty-state{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--text-secondary, #666)}@media (max-width: 768px){.workspace-role-management .role-management-header{flex-direction:column;align-items:stretch}.workspace-role-management .roles-grid{grid-template-columns:1fr}}.role-management-container{padding:1.5rem;max-width:1400px;margin:0 auto;max-height:80%;overflow:auto}.role-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.role-management-header h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.role-management-header p{margin:0;color:var(--text-secondary, #666);font-size:.9rem}.no-permission-message,.empty-state{text-align:center;padding:3rem;color:var(--text-secondary, #666);background:var(--bg-light, #f9f9f9);border-radius:8px}.empty-state{grid-column:1 / -1}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.role-card{border:1px solid var(--border-color, #ddd);border-radius:8px;padding:1.5rem;background:var(--card-bg, #fff);transition:box-shadow .2s}.role-card:hover{box-shadow:0 4px 12px #0000001a}.role-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.5rem}.role-card-header h4{margin:0;font-size:1.1rem;font-weight:600}.role-description{color:var(--text-secondary, #666);font-size:.9rem;margin:0 0 1rem;line-height:1.5}.role-permissions-summary{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-light, #f5f5f5);border-radius:6px;margin-bottom:1rem;font-size:.9rem}.permission-count{font-weight:500;color:var(--primary-color, #4a90e2)}.default-role-notice{padding:.75rem;background:var(--warning-light, #fff8e1);border-radius:6px;margin-bottom:1rem}.default-role-notice small{color:var(--warning-dark, #f57c00);font-size:.85rem;line-height:1.4}.role-card-actions{display:flex;gap:.5rem}.role-card-actions button{flex:1}@media (max-width: 768px){.role-management-container{padding:1rem}.role-management-header{flex-direction:column;align-items:stretch}.roles-grid{grid-template-columns:1fr;gap:1rem}.role-card{padding:1rem}}.system-role-management{padding:1.5rem;max-width:1400px;margin:0 auto;max-height:80%;overflow:auto}.system-role-management .role-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.system-role-management .role-management-header h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.system-role-management .role-management-header p{margin:0;color:var(--text-secondary, #666);font-size:.9rem}.system-role-management .no-permission-message{text-align:center;padding:3rem;color:var(--text-secondary, #666);background:var(--bg-light, #f9f9f9);border-radius:8px}.system-role-management .roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.system-role-management .role-card{border:1px solid var(--border-color, #ddd);border-radius:8px;padding:1.5rem;background:var(--card-bg, #fff);transition:box-shadow .2s}.system-role-management .role-card:hover{box-shadow:0 4px 12px #0000001a}.system-role-management .role-card.default{border-left:4px solid var(--warning-color, #ff9800);background:var(--warning-light, #fff8e1)}.system-role-management .role-card.custom{border-left:4px solid var(--info-color, #2196f3)}.system-role-management .role-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:.5rem}.system-role-management .role-card-header h4{margin:0;font-size:1.1rem;font-weight:600}.system-role-management .badge-default{background:var(--warning-50, #fff3e0);color:var(--warning-700, #f57c00)}.system-role-management .badge-custom{background:var(--info-50, #e3f2fd);color:var(--info-700, #1976d2)}.system-role-management .role-description{color:var(--text-secondary, #666);font-size:.9rem;margin:0 0 1rem;line-height:1.5}.system-role-management .role-permissions-summary{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-light, #f5f5f5);border-radius:6px;margin-bottom:1rem;font-size:.9rem}.system-role-management .permission-count{font-weight:500;color:var(--primary-color, #4a90e2)}.system-role-management .default-role-notice{padding:.75rem;background:var(--warning-light, #fff8e1);border-radius:6px;margin-bottom:1rem}.system-role-management .default-role-notice small{color:var(--warning-dark, #f57c00);font-size:.85rem;line-height:1.4}.system-role-management .role-card-actions{display:flex;gap:.5rem}.system-role-management .role-card-actions button{flex:1}.system-role-management .empty-state{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--text-secondary, #666);background:var(--bg-light, #f9f9f9);border-radius:8px}@media (max-width: 768px){.system-role-management .role-management-header{flex-direction:column;align-items:stretch}.system-role-management .roles-grid{grid-template-columns:1fr}}.settings-modal-container{max-width:1200px;width:90vw;max-height:85vh;display:flex;flex-direction:column}.settings-modal-layout{overflow:hidden;min-height:500px}.settings-modal-sidebar{width:220px;background:var(--bg-tertiary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;padding:var(--space-4) 0}.settings-sidebar-tab{padding:var(--space-3) var(--space-6);background:none;border:none;border-left:3px solid transparent;cursor:pointer;font-size:var(--text-md);font-weight:var(--font-medium);color:var(--text-secondary);transition:var(--transition-all);text-align:start}.settings-sidebar-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.settings-sidebar-tab.active{color:var(--primary);background:var(--primary-light);border-left-color:var(--primary)}[dir=rtl] .settings-sidebar-tab.active{border-left-color:transparent;border-right:3px solid var(--primary);border-right-color:var(--primary)}.settings-modal-body{overflow:hidden;overflow-x:auto}@media (max-width: 768px){.settings-modal-container{width:95vw;max-height:90vh;padding:0}.settings-modal-layout{flex-direction:column;min-height:auto;max-height:80vh}.settings-modal-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-light);flex-direction:row;overflow-x:auto;padding:var(--space-2) 0;flex-shrink:0}.settings-sidebar-tab{white-space:nowrap;padding:var(--space-2) var(--space-4);border-left:none;border-bottom:3px solid transparent;font-size:var(--text-sm);flex-shrink:0}.settings-sidebar-tab.active{border-left:none;border-bottom:3px solid var(--primary)}[dir=rtl] .settings-sidebar-tab.active{border-right:none;border-bottom:3px solid var(--primary)}.settings-modal-body{flex:1;overflow:auto;min-height:0}}.features-guide{padding:2rem}.guide-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.guide-header h1{margin:0;font-size:1.75rem;flex:1}.guide-close-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;color:var(--text-secondary, #666);transition:background-color .2s}.guide-close-btn:hover{background-color:var(--bg-hover, #f0f0f0)}.guide-intro{color:var(--text-secondary, #666);margin-bottom:1.5rem;font-size:1rem}.guide-sections{display:flex;flex-direction:column;gap:.5rem}.guide-section{border:1px solid var(--border-color, #e0e0e0);border-radius:8px;overflow:hidden;background:var(--bg-secondary, #fff)}.guide-section.expanded{box-shadow:0 2px 8px #00000014}.guide-section-header{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;font-size:1rem;font-weight:500;text-align:start;color:var(--text-primary, #333);transition:background-color .2s}.guide-section-header:hover{background-color:var(--bg-hover, #f5f5f5)}.guide-section-header span{flex:1}.guide-section-content{padding:0 1.25rem 1.25rem;border-top:1px solid var(--border-color, #e0e0e0);background:var(--bg-primary, #fafafa)}.guide-text{margin:1rem 0;line-height:1.6;color:var(--text-primary, #333)}.guide-list{margin:1rem 0;padding-inline-start:1.5rem}.guide-list li{margin:.5rem 0;line-height:1.5}.guide-steps{list-style:decimal}.guide-features{list-style:disc}.guide-features li::marker{color:var(--primary-color, #4a90d9)}.guide-howto{margin:1rem 0;padding:1rem;background:var(--bg-secondary, #fff);border-radius:6px;border:1px solid var(--border-color, #e0e0e0)}.guide-howto h4{margin:0 0 .75rem;font-size:.95rem;color:var(--primary-color, #4a90d9)}.guide-howto ol{margin:0;padding-inline-start:1.25rem}.guide-howto li{margin:.4rem 0;line-height:1.5}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin:1rem 0}.guide-grid-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:6px}.guide-grid-item strong{font-size:.9rem;color:var(--text-primary, #333)}.guide-grid-item span{font-size:.8rem;color:var(--text-secondary, #666)}.guide-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.guide-table th,.guide-table td{padding:.6rem .75rem;text-align:start;border:1px solid var(--border-color, #e0e0e0)}.guide-table th{background:var(--bg-tertiary, #f0f0f0);font-weight:600}.guide-table tr:nth-child(2n){background:var(--bg-secondary, #fff)}.guide-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e0e0e0)}.guide-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--primary-color, #4a90d9);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background-color .2s}.guide-back-btn:hover{background:var(--primary-hover, #3a7bc8)}.guide-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem 1rem;max-height:100vh;width:100vw;overflow-y:auto;display:flex;justify-content:center}.guide-page-container{max-width:800px;width:100%;height:100%;padding-bottom:2rem}.guide-page-header{text-align:center;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.guide-logo-badge{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin-bottom:1.5rem;box-shadow:0 10px 30px #667eea4d}.guide-logo{width:50px;height:50px;filter:brightness(0) invert(1)}.guide-app-name{font-size:2.5rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#1e3a8a,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.guide-tagline{font-size:1.125rem;font-weight:400;margin:0;color:#64748b}.guide-modal .features-guide{padding:1.5rem}.guide-modal .guide-header h1{font-size:1.5rem}[dir=rtl] .guide-list{padding-inline-start:1.5rem;padding-inline-end:0}[dir=rtl] .guide-howto ol{padding-inline-start:1.25rem;padding-inline-end:0}@media (max-width: 600px){.features-guide{padding:1rem}.guide-header h1{font-size:1.4rem}.guide-grid{grid-template-columns:repeat(2,1fr)}.guide-table{font-size:.8rem}.guide-table th,.guide-table td{padding:.4rem .5rem}.guide-logo-badge{width:60px;height:60px;margin-bottom:1rem}.guide-logo{width:40px;height:40px}.guide-app-name{font-size:2rem}.guide-tagline{font-size:1rem}}.dashboard-container{display:flex;height:100vh;overflow:hidden;width:100vw;--sidebar-visible: 1}.dashboard-container.sidebar-hidden{--sidebar-visible: 0}@media (max-width: 768px){.dashboard-container{flex-direction:column;overflow-y:auto;overflow-x:hidden}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.desktop-sidebar-show-btn{display:none}}.bulk-edit-list-modal{color:var(--text-primary);padding:var(--space-6) var(--space-8);font-family:inherit}.bulk-edit-list-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--text-primary);text-align:start}.bulk-edit-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--primary);line-height:1.5}.bulk-edit-list-fields{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(auto-fill,minmax(50px,auto));gap:var(--space-1) var(--space-8);width:100%;max-height:50vh;overflow-y:auto;padding:var(--space-2);position:relative}.bulk-edit-list-field{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-primary);transition:var(--transition-all)}.bulk-edit-list-field:hover{border-color:var(--border-medium);background:var(--bg-secondary)}.bulk-edit-list-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.bulk-edit-field-input{flex:1;min-width:0;position:relative}.bulk-edit-select-display{display:flex;align-items:center;padding:var(--space-2) var(--space-3);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-height:38px;transition:var(--transition-all)}.bulk-edit-select-display:hover{border-color:var(--border-medium);background:var(--bg-secondary)}.bulk-edit-select-badge{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:12px;padding:2px 8px;font-size:.95em;display:inline-block}.bulk-edit-select-placeholder{color:var(--text-secondary);font-size:.95em}.bulk-edit-select-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;background:transparent}.checkbox-toggle-group{display:flex;gap:var(--space-1);align-items:center}.checkbox-state-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:var(--transition-all);font-size:var(--text-sm);font-weight:var(--font-medium)}.checkbox-state-btn:hover{background-color:var(--bg-tertiary);border-color:var(--border-medium)}.checkbox-state-btn.checkbox-skip{min-width:50px}.checkbox-state-btn.checkbox-skip.active{background-color:var(--gray-200);color:var(--text-primary);border-color:var(--gray-400)}.checkbox-state-btn.checkbox-yes{min-width:50px}.checkbox-state-btn.checkbox-yes.active{background-color:var(--success-200);color:var(--success-700);border-color:var(--success-500)}.checkbox-state-btn.checkbox-yes:hover{background-color:var(--success-500);color:var(--text-inverse)}.checkbox-state-btn.checkbox-no{min-width:50px}.checkbox-state-btn.checkbox-no.active{background-color:var(--error-200);color:var(--error-700);border-color:var(--error-500)}.checkbox-state-btn.checkbox-no:hover{background-color:var(--error-500);color:var(--text-inverse)}.bulk-edit-list-submit-btn{width:100%;margin-top:var(--space-4)}@media (max-width: 768px){.bulk-edit-list-modal{padding:var(--space-4)}.bulk-edit-list-fields{grid-template-columns:1fr;grid-auto-flow:row;max-height:50vh}.bulk-edit-description{font-size:var(--text-xs);padding:var(--space-2)}}.tag-multiselect-container{display:flex;flex-direction:column;gap:8px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:.75rem;box-shadow:0 1px 3px #0000000f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.tag-multiselect-collapsed{gap:0;padding:.5rem}.tag-multiselect-header{margin-bottom:4px}.tag-multiselect-collapsed .tag-multiselect-header{margin-bottom:0}.tag-multiselect-toggle{all:unset;display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:#f9fafb!important;border:1px solid #e0e0e0!important;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.8125rem;font-weight:500;color:#374151!important;box-sizing:border-box;flex-direction:row-reverse}.tag-multiselect-toggle:hover{background:#f3f4f6!important;border-color:#d1d5db!important}.tag-multiselect-toggle:active{background:#e5e7eb!important}.tag-multiselect-toggle-icon{font-size:10px;color:#6b7280!important;transition:transform .2s ease;width:12px;display:flex;align-items:center;justify-content:center}:dir(rtl) .tag-multiselect-collapsed .tag-multiselect-toggle-icon{transform:rotate(180deg)}.tag-multiselect-toggle-text{flex:1;color:#6b7280!important}.tag-multiselect-selected{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:6px;border-bottom:1px solid #f0f0f0;max-height:120px;overflow-y:auto}.tag-multiselect-selected::-webkit-scrollbar{width:6px}.tag-multiselect-selected::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.tag-multiselect-selected::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:3px}.tag-multiselect-selected::-webkit-scrollbar-thumb:hover{background:#9e9e9e}.tag-multiselect-tag{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#9e9e9e,#757575);color:#fff;border-radius:16px;padding:4px 8px 4px 10px;font-size:.75rem;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px #00000026;height:26px;box-sizing:border-box}.tag-multiselect-remove{all:unset;background:#ffffff40!important;border:none!important;color:#fff!important;border-radius:50%!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:14px!important;line-height:1!important;transition:all .2s ease!important;padding:0!important;margin:0!important;box-shadow:none!important;flex-shrink:0!important}.tag-multiselect-remove:hover{background:#fff6!important;transform:scale(1.1)!important}.tag-multiselect-input-wrapper{margin-bottom:4px}.tag-multiselect-input{width:100%;padding:.5rem .75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:.8125rem;background:#f9fafb;color:#111827;transition:all .2s ease;outline:none;box-sizing:border-box}.tag-multiselect-input:focus{border-color:#9e9e9e;background:#fff;box-shadow:0 0 0 3px #9e9e9e1a}.tag-multiselect-input::placeholder{color:#9ca3af}.tag-multiselect-options{display:flex;flex-direction:column;gap:3px;max-height:180px;overflow-y:auto;padding:3px 0}.tag-multiselect-options::-webkit-scrollbar{width:8px}.tag-multiselect-options::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.tag-multiselect-options::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:4px}.tag-multiselect-options::-webkit-scrollbar-thumb:hover{background:#9e9e9e}.tag-multiselect-option{display:flex;align-items:center;gap:6px;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .15s ease;background:#f9fafb;border:1px solid transparent}.tag-multiselect-color-indicator{width:14px;height:14px;border-radius:3px;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.tag-multiselect-option:hover{background:linear-gradient(135deg,#9e9e9e14,#75757514);border-color:#e0e0e0}.tag-multiselect-option-label{font-size:.8125rem;color:#374151;font-weight:500;flex:1}.tag-multiselect-option-add{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#9e9e9e;color:#fff;font-size:16px;font-weight:600;transition:all .2s ease;flex-shrink:0}.tag-multiselect-option:hover .tag-multiselect-option-add{background:#757575;transform:rotate(90deg)}.tag-multiselect-no-results{padding:12px .75rem;text-align:center;color:#9ca3af;font-size:.75rem;font-style:italic}.tag-multiselect-all-selected{padding:.75rem;text-align:center;color:#616161;font-size:.75rem;font-weight:500;background:#f5f5f5;border-radius:6px}.select-input-wrapper{position:relative;display:inline-block;width:100%}.select-input-modal{position:absolute;left:0;width:250px;max-height:250px;border:1px solid #ccc;background:#fff;box-shadow:0 2px 10px #0000001a;border-radius:8px;display:flex;flex-direction:column;z-index:100;top:-20px;overflow-y:auto;padding:8px 0}.select-input-option{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:20px;padding:2px 8px;font-size:.95em;margin-left:2px;width:fit-content;margin-top:2px;margin-bottom:2px;cursor:pointer}.select-input-option:hover,.select-input-option:focus{background:#f0f0f0!important;color:#222!important}.select-input-modal label{font-weight:700;margin-bottom:8px;padding:0 8px}.select-input-modal hr{border:none;border-top:1px solid #eee;margin:4px 0}.option-text-box{display:inline-flex;padding:2px 4px;border-radius:12px;transition:background .15s,color .15s}.table-container{display:flex;flex-direction:column;height:100%;min-height:0}.error-banner{background-color:#fee;border:1px solid #fcc;border-radius:4px;padding:12px 16px;margin:6px 34px;display:flex;align-items:center;justify-content:space-between;color:#c33;max-width:100%;box-sizing:border-box}.error-banner-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.error-banner-icon{font-size:18px;flex-shrink:0}.error-banner-message{flex:1;word-wrap:break-word}.error-banner-close{background:none;border:none;font-size:20px;cursor:pointer;color:#c33;padding:0 8px;flex-shrink:0;line-height:1}.error-banner-close:hover{opacity:.7}.no-properties-message{color:#888;text-align:center;margin-top:20px}.infinite-scroll-loader{text-align:center;padding:16px;color:#667eea;font-weight:500;font-size:14px}@media (max-width: 768px){.table-container{height:100%}}.relation-input-container{height:75vh;padding:28px 24px 20px;display:flex;flex-direction:column}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.relation-input-header{flex-shrink:0;display:flex;flex-direction:column;gap:8px;margin-bottom:8px;background:#fff;z-index:10;border-bottom:1px solid #eaeaea;padding-bottom:8px}.enhanced-header .header-title-row{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#3498db;margin-bottom:4px}.header-main-icon{color:#3498db}.header-title{font-size:18px;font-weight:700;color:#3498db}.relation-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;cursor:default;min-height:0}.relation-content-columns{flex:1;display:flex;gap:16px;overflow:hidden;min-height:0}.available-column{flex:1;display:flex;flex-direction:column;min-width:0;border-right:2px solid #e0e7ef;padding-right:16px}.selected-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #3498db;border-radius:12px;padding:12px}.column-header{display:flex;flex-direction:column;gap:4px;padding-bottom:10px;border-bottom:2px solid #e0e7ef;margin-bottom:12px;flex-shrink:0}.selected-header{border-bottom-color:#3498db}.column-title{font-size:15px;font-weight:700;color:#2d3a4a}.column-subtitle{font-size:12px;color:#6b7280;font-style:italic}.available-scroll-area,.selected-scroll-area{flex:1;overflow:auto;padding-right:4px;min-height:0;max-height:100%}.available-scroll-area{margin-bottom:12px}.available-pagination{flex-shrink:0;padding-top:8px;border-top:1px solid #e0e7ef}.relation-actions{flex-shrink:0;display:flex;justify-content:center;align-items:center;margin-top:8px}.actions-spacer{width:40%;display:flex;justify-content:space-between;gap:80px}.enhanced-actions{border-top:1px solid #9a9a9a;padding-top:10px}.save-btn,.cancel-btn{padding:10px 22px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:15px;transition:all .3s ease;box-shadow:0 2px 8px #3498db14;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px}.save-btn{background-color:#95a5a6;color:#fff;opacity:.6}.save-btn:disabled{cursor:not-allowed;opacity:.5}.save-btn.has-changes{background:linear-gradient(135deg,#3498db,#2980b9);opacity:1;box-shadow:0 4px 16px #3498db40;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 4px 16px #3498db40}50%{box-shadow:0 6px 24px #3498db66}}.save-btn.has-changes:hover{background:linear-gradient(135deg,#2980b9,#1f618d);box-shadow:0 6px 24px #3498db59;transform:translateY(-1px)}.cancel-btn{background-color:#e0e0e0;color:#333}.cancel-btn:hover,.enhanced-btn.cancel-btn:focus{background-color:#bdbdbd;box-shadow:0 4px 16px #3498db14}.relation-input-container select{padding:8px;border-radius:8px;border:1px solid #ccc;font-size:14px;background-color:#f9f9f9;transition:border .2s,box-shadow .2s}.relation-input-container select:focus{outline:none;border-color:#5a9cff;box-shadow:0 0 0 2px #5a9cff4d}.relation-table-container{margin-top:8px}.relation-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}.relation-table thead{position:sticky;top:0;background:#f0f4f8;z-index:5}.relation-table th{text-align:left;padding:12px 10px;font-weight:700;color:#2d3a4a;border-bottom:2px solid #e0e7ef;white-space:nowrap}.relation-table th.checkbox-column{width:40px;padding:12px 8px}.relation-table tbody tr{cursor:pointer;transition:background .2s;border-bottom:1px solid #f0f0f0}.relation-table tbody tr:hover{background:#f0f8ff}.relation-table tbody tr.selected{background:#eaf6fd}.relation-table tbody tr.selected:hover{background:#dff0fd}.relation-table td{padding:12px 10px;color:#2d3a4a;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relation-table td.checkbox-column{padding:12px 8px}.relation-table input[type=checkbox],.relation-table input[type=radio]{accent-color:#3498db;width:18px;height:18px;cursor:pointer}.relation-table.sidebar-table{font-size:13px}.relation-table.sidebar-table th,.relation-table.sidebar-table td{padding:10px 8px}.relation-table.sidebar-table td{max-width:150px}.relation-input-container.modal{cursor:default}.relation-loading-spinner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;color:#6b7280}.relation-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px;color:#9ca3af;font-size:14px}.relation-info{position:relative;display:flex;align-items:center;cursor:help;color:#7f8c8d}.info-icon{color:#3498db;transition:color .2s ease}.relation-info:hover .info-icon{color:#1abc9c}.tooltip{visibility:hidden;opacity:0;width:240px;background-color:#333;color:#eee;text-align:left;border-radius:6px;padding:10px 14px;position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);font-size:13px;line-height:1.4;pointer-events:none;transition:opacity .3s ease;box-shadow:0 2px 8px #0000002e}.tooltip strong{font-weight:700}.relation-info:hover .tooltip{visibility:visible;opacity:1;pointer-events:auto}.selector-search-row{display:flex;align-items:center;margin-bottom:8px;flex-direction:row;justify-content:flex-start}.search-and-selector-group,.property-selector-container{display:flex;align-items:center;gap:8px}.property-multi-selector{position:relative}.property-selector-button{padding:8px 14px;border-radius:8px;border:1px solid #ccc;font-size:14px;background-color:#f9f9f9;cursor:pointer;transition:border .2s,box-shadow .2s;font-weight:600;color:#2d3a4a;display:flex;align-items:center;gap:8px;max-width:300px}.property-selector-button .button-label{font-weight:700;color:#3498db;white-space:nowrap}.property-selector-button .selected-props-preview{font-weight:500;color:#2d3a4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-selector-button:hover{border-color:#5a9cff;background-color:#fff}.property-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10000;min-width:200px;max-height:300px;overflow-y:auto;padding:8px}.property-checkbox-label{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;border-radius:6px;transition:background .2s;-webkit-user-select:none;user-select:none}.property-checkbox-label:hover{background-color:#f0f8ff}.property-checkbox-label input[type=checkbox]{accent-color:#3498db;width:16px;height:16px;cursor:pointer}.property-checkbox-label span{font-size:14px;color:#2d3a4a}.relation-search-container{display:flex;align-items:center;position:relative}.search-icon{position:absolute;left:10px;color:#6b7280;pointer-events:none;z-index:1}.relation-search-input{padding:8px 8px 8px 36px;border-radius:8px;border:1px solid #ccc;font-size:14px;background-color:#f9f9f9;transition:border .2s,box-shadow .2s;width:220px}.inline-icon{vertical-align:middle;margin-right:6px}.relation-search-input:focus{outline:none;border-color:#5a9cff;box-shadow:0 0 0 2px #5a9cff4d}.relation-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-top:40px;color:#3498db;font-size:16px}.spinner{border:4px solid #e0e7ef;border-top:4px solid #3498db;border-radius:50%;width:32px;height:32px;animation:spin .8s linear infinite}.relation-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#7f8c8d;margin-top:40px;font-size:16px}.modern-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:18px}@media (max-width: 768px){.relation-content-columns{flex-direction:column}.selected-sidebar{width:100%;margin-top:16px}.available-column{border-right:none;padding-right:0;border-bottom:2px solid #e0e7ef;padding-bottom:16px}.search-and-selector-group{flex-direction:column;align-items:stretch;width:100%}.relation-search-input{width:100%}.property-selector-container{width:100%;flex-direction:column;align-items:stretch}.property-multi-selector{width:100%}.property-selector-button{width:100%;max-width:none}.property-dropdown{left:0;right:0;width:auto}.relation-table{font-size:13px}.relation-table th,.relation-table td{padding:8px 6px;font-size:12px}.relation-table td{max-width:120px}.actions-spacer{width:100%;gap:16px}}.pagination-btn{background:#f9f9fc;color:#3498db;border:1px solid #e0e7ef;border-radius:6px;padding:6px 16px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.pagination-btn:disabled{color:#bdbdbd;background:#f3f3f3;cursor:not-allowed}.pagination-info{font-size:15px;color:#2d3a4a;font-weight:500}.pagination-total{color:#969696;font-size:13px}.mode-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-left:auto;border:2px solid transparent}.mode-toggle-btn.view{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.mode-toggle-btn.view:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.mode-toggle-btn.edit{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border-color:#3498db}.mode-toggle-btn.edit:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}.refresh-btn{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid #95a5a6;background:#fff;color:#7f8c8d;min-width:40px}.refresh-btn:hover:not(:disabled){background:#ecf0f1;border-color:#7f8c8d;color:#2c3e50;transform:translateY(-1px);box-shadow:0 2px 8px #7f8c8d33}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn .spinning{animation:spin 1s linear infinite}.action-column{width:60px;text-align:center}.open-in-tab-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#3498db;cursor:pointer;transition:all .2s}.open-in-tab-btn:hover{background:#3498db;color:#fff;border-color:#3498db;transform:translateY(-1px);box-shadow:0 2px 6px #3498db4d}.open-in-tab-btn:active{transform:translateY(0)}.relation-view-mode{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:16px 0}.view-mode-info{padding:8px 12px;background:#e3f2fd;border-left:3px solid #3498db;color:#1565c0;font-size:14px;font-weight:500;margin-bottom:12px;border-radius:4px}.relation-view-table-wrapper{flex:1;overflow:auto;border:2px solid #e0e7ef;border-radius:12px;box-shadow:0 2px 8px #0000000f}.relation-view-table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}.relation-view-table thead{position:sticky;top:0;background:linear-gradient(135deg,#f8fafc,#e8f4f8);z-index:10;box-shadow:0 2px 4px #0000000d}.relation-view-table th{padding:14px 16px;text-align:start;font-weight:700;color:#2d3a4a;border-bottom:2px solid #3498db;font-size:13px;text-transform:uppercase;letter-spacing:.3px}.relation-view-table tbody tr{transition:background-color .15s;border-bottom:1px solid #f0f4f8}.relation-view-table tbody tr:hover{background-color:#f8fcff}.relation-view-table td{padding:12px 16px;color:#4a5568;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relation-view-table td a{color:#3498db;text-decoration:none;transition:color .2s}.relation-view-table td a:hover{color:#2980b9;text-decoration:underline}@media (max-width: 768px){.mode-toggle-btn{padding:6px 12px;font-size:13px}.relation-view-table{font-size:13px}.relation-view-table th,.relation-view-table td{padding:10px 12px;font-size:12px}.relation-view-table td{max-width:150px}}.editable-input{width:140px}.file-upload-wrapper{position:relative}.file-upload-container{position:absolute;top:100%;left:0;background-color:#f4f4f4;width:200px;padding:10px;box-shadow:0 2px 8px #00000026;z-index:100;border-radius:6px;border:1px solid #e0e0e0}.file-display{display:flex;align-items:center;gap:8px;min-height:32px;padding:0}.add-file-button{background:#e8eaf6;color:#5c6bc0;border:1px solid #c5cae9;border-radius:4px;cursor:pointer;padding:3px 5px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;min-width:28px;height:26px}.add-file-button:hover{background:#c5cae9;color:#3f51b5;border-color:#9fa8da}.open-popup-button{background:#f5f5f5;color:#666;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:3px 5px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;min-width:28px;height:26px}.open-popup-button:hover{background:#e0e0e0;border-color:#667eea;color:#667eea}.no-file-selected-message{white-space:nowrap;display:flex;align-items:center;gap:6px;font-size:13px;color:#999}.file-container{display:inline-flex;position:relative;flex-shrink:0;white-space:nowrap}.file-link{text-decoration:none}.file-image{width:100px;height:28px;object-fit:cover;border-radius:3px;border:1px solid #e0e0e0}.file-box{padding:0 8px;border:1px solid #e0e0e0;border-radius:3px;background:#f8f8f8;font-size:12px;display:flex;align-items:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100px;height:28px}.remove-button{position:absolute;top:-4px;right:-4px;background:#fffffff2;color:#f44;border:1px solid #ffcccc;cursor:pointer;padding:2px;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-button:hover{background:#f44;color:#fff;border-color:#f44}.more-files-indicator{font-size:11px;font-weight:500;color:#888;padding:0 4px;white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content{background:#fff;padding:20px;border-radius:10px;max-height:80vh;overflow-y:auto;width:80%;position:relative}.popup-images{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.popup-images .file-container{flex:0 0 120px}.close-popup{margin-top:15px;padding:5px 10px;background:#222;color:#fff;border:none;cursor:pointer;border-radius:5px}.popup-images{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem}.popup-images .file-container{flex:0 0 auto;position:relative}.popup-images .file-image{width:300px;height:300px;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #0003}.file-box.popup-file{max-width:150px;height:150px;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #0003;white-space:normal}.phone-email-link-container{display:flex;align-items:center;gap:5px}.phone-email-link-container a{display:block;white-space:nowrap;width:150px;overflow:hidden;text-overflow:ellipsis}.phone-email-link-container button{background-color:#f0f0f0}.data-view-text{display:flex;align-items:center;gap:4px;white-space:nowrap;width:150px;overflow:hidden;text-overflow:ellipsis;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .15s ease}.data-view-text:hover:not(.readonly-field){background-color:#efefef}.data-view-text.readonly-field{cursor:default;background:transparent;padding:2px 4px}.data-view-text.readonly-field:hover{background:transparent}.computed-field-readonly{cursor:default!important;opacity:.85;color:#555;font-style:italic;background:#f9fafb;padding:2px 6px;border-radius:4px;border:1px solid #e5e7eb;display:inline-flex;align-items:center;gap:4px}.computed-field-readonly .computed-field-indicator{margin:0;padding:0;font-size:.85em;width:14px;height:14px;background:none!important;box-shadow:none!important;color:#6b7280!important;font-weight:600;opacity:.7}.computed-field-readonly .computed-field-indicator:hover{transform:none;opacity:.9}.multiselect-box{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:12px;padding:2px 8px;font-size:.95em;color:#333;margin-right:2px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.multiselect-plus{background:#e0e7ff;border:1px solid #a5b4fc;border-radius:12px;padding:2px 8px;font-size:.95em;color:#3730a3;margin-right:2px;display:inline-block;white-space:nowrap}.readonly-field{cursor:default!important;background:transparent;padding:2px 4px}.readonly-field:hover{background:transparent;cursor:default!important}.checkbox-card.readonly-field{opacity:.85;cursor:default!important}.checkbox-card.readonly-field:hover{transform:none;box-shadow:0 2px 4px #0000001a;cursor:default!important}.phone-email-link-container.readonly-field button{display:none}.json-container{display:flex;align-items:center;min-width:100%;gap:8px}.json-preview{gap:8px;display:flex;align-items:center;border:1px solid #ccc;padding:2px 4px;border-radius:4px}.json-item{background-color:#f0f0f0;padding:4px 8px;border-radius:4px;height:50%;white-space:nowrap}.json-more{margin-left:4px;color:#888;font-style:italic;display:flex;align-items:center;justify-content:center;white-space:nowrap}.json-edit-button{background-color:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:24px;cursor:pointer;white-space:nowrap}.json-edit-button:hover{background-color:#0056b3}.data-view-relation{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;max-width:200px;overflow:visible}.relation-badge{background:#e3f2fd;border:1px solid #90caf9;border-radius:12px;padding:2px 10px;font-size:.9em;color:#1565c0;margin-right:2px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;font-weight:500;cursor:pointer;transition:var(--transition-base)}.relation-badge:hover{background:#bbdefb;border-color:#64b5f6;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.relation-badge-more{background:#fff3e0;border:1px solid #ffb74d;border-radius:12px;padding:2px 8px;font-size:.85em;color:#e65100;display:inline-block;white-space:nowrap;font-weight:600;cursor:pointer;transition:var(--transition-base)}.relation-badge-more:hover{background:#ffe0b2;border-color:#ff9800;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.relation-badge.clickable,.relation-badge-more.clickable{cursor:pointer}.show-more-btn{background:#0000000d;border:none;color:var(--primary);cursor:pointer;font-size:.85em;padding:4px 8px;margin-left:4px;transition:var(--transition-base)}.checkbox-card{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-all);font-size:var(--text-sm);font-weight:var(--font-medium);-webkit-user-select:none;user-select:none;border:1px solid transparent}.checkbox-card.checkbox-yes{background-color:var(--success-200);color:var(--success-700)}.checkbox-card.checkbox-no{background-color:var(--error-200);color:var(--error-700)}.checkbox-content{display:flex;align-items:center;gap:var(--space-1)}.checkbox-icon{flex-shrink:0;width:14px;height:14px;stroke-width:2.5}.checkbox-label-data-view{font-size:var(--text-sm);font-weight:var(--font-medium);padding:.4rem}.relation-tooltip-wrapper{position:relative;display:flex}.relation-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);padding:var(--space-3);min-width:250px;max-width:350px;z-index:1000;animation:tooltipFadeIn .15s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.relation-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--bg-primary);filter:drop-shadow(0 2px 1px rgba(0,0,0,.05))}.relation-tooltip-header{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);padding-bottom:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px solid var(--border-color)}.relation-tooltip-body{display:flex;flex-direction:column;gap:var(--space-2)}.relation-tooltip-field{display:flex;gap:var(--space-2);font-size:var(--text-xs)}.relation-tooltip-label{color:var(--text-secondary);font-weight:var(--font-medium);min-width:70px;flex-shrink:0}.relation-tooltip-value{color:var(--text-primary);word-break:break-word}.relation-tooltip-footer{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-color);font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;font-style:italic}.computed-field-indicator{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:3px;font-size:11px;font-weight:700;margin-inline-start:6px;cursor:help;-webkit-user-select:none;user-select:none}.formula-indicator{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 1px 3px #667eea4d}.rollup-indicator{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 1px 3px #22c55e4d}.computed-field-indicator:hover{transform:scale(1.1);transition:transform .2s}@media (max-width: 768px){.computed-field-indicator{width:16px;height:16px;font-size:10px;margin-inline-start:4px}}[dir=rtl] .computed-field-indicator{margin-inline-start:0;margin-inline-end:6px}.multi-select-wrapper{position:relative;display:inline-block;width:100%}.multi-select-modal{position:absolute;left:0;width:300px;max-height:250px;border:1px solid #ccc;background:#fff;box-shadow:0 2px 10px #0000001a;border-radius:8px;display:flex;flex-direction:column;z-index:100;top:-20px}.multi-select-header,.multi-select-footer{padding:8px 12px;background:#f5f5f5;font-weight:700;flex-shrink:0}.multi-select-footer{display:flex;justify-content:flex-end;gap:8px}.multi-select.save-btn{background-color:var(--primary-700)}.multi-select.save-btn:hover{background-color:var(--primary-900)}.multi-select-scroll{overflow-y:auto;flex-grow:1;padding:8px 12px}.multi-select-option{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer}.multi-select-option.selected{background:#e0f0ff;border-radius:4px}.data-card{background:var(--bg-primary);padding:var(--space-6);border-radius:var(--radius-lg);width:700px;max-width:90vw;box-shadow:var(--shadow-md);max-height:85vh;position:relative;border:1px solid var(--border-color)}.data-card-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);padding:var(--space-3) var(--space-4);position:sticky;top:0;z-index:20}.data-card-modal-header .data-card-header{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);background:none;border:none;padding:0}.data-card-modal-header .card-close-btn{margin:0;position:static;float:none;background:var(--bg-primary);border:1px solid var(--border-color);font-size:var(--text-3xl);line-height:1;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-base);transition:var(--transition-all);box-shadow:var(--shadow-xs)}.data-card-modal-header .card-close-btn:hover{background:var(--bg-hover);color:var(--error-500);border-color:var(--error-200)}.data-card-modal-header .card-close-btn:active{background:var(--error-50)}.data-card-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-overlay);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.data-card-ai{width:100%;max-width:100%;padding:0;box-shadow:none;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;max-height:50vh}.data-card-header{margin:0;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);position:sticky;top:0;z-index:10}.data-card-ai .data-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.data-card-ai .data-card-header h3{margin:0;font-size:var(--text-lg)}.data-card-header .ai-suggestion-badge{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--accent-gradient);color:var(--text-inverse);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);font-size:var(--text-xs);font-weight:var(--font-semibold);box-shadow:var(--shadow-sm);flex-shrink:0}.data-card-scrollable{max-height:75vh;overflow-y:auto;overflow-x:hidden;padding:var(--space-3) var(--space-4);flex:1}.data-card-ai .data-card-scrollable{padding-bottom:var(--space-10)}.data-card-scrollable::-webkit-scrollbar{width:6px}.data-card-scrollable::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}.data-card-scrollable::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}.data-card-scrollable::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.card-close-btn{position:sticky;top:var(--space-2);float:right;margin-bottom:-30px;z-index:10;background:var(--bg-primary);border:1px solid var(--border-color);font-size:var(--text-3xl);line-height:1;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-base);transition:var(--transition-all);box-shadow:var(--shadow-xs)}.card-close-btn:hover{background:var(--bg-hover);color:var(--error-500);border-color:var(--error-200)}.card-close-btn:active{background:var(--error-50)}.card-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.card-field-bg{background:var(--bg-secondary);border-radius:var(--radius-base);padding:var(--space-1) var(--space-2);margin-bottom:var(--space-1);display:flex;align-items:center;box-shadow:var(--shadow-xs);border:1px solid var(--border-light);transition:var(--transition-all);min-height:32px;cursor:pointer}.card-field-bg:hover{background:var(--primary-50);border-color:var(--primary-100)}.card-field-key{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);margin-inline-end:var(--space-2);font-weight:var(--font-semibold);min-width:100px;text-align:end;color:var(--text-primary);font-size:var(--text-sm);flex-shrink:0}.card-field-value{flex:1;padding:var(--space-1) var(--space-2);background:var(--bg-primary);border-radius:var(--radius-sm);min-width:0;box-shadow:var(--shadow-xs);border:1px solid var(--border-light);font-size:var(--text-sm);min-height:22px;display:flex;align-items:center}.card-actions-data-card{margin-top:var(--space-5);display:flex;gap:var(--space-3);justify-content:center}.card-actions-data-card button{padding:var(--space-2) var(--space-5);border:none;cursor:pointer;border-radius:var(--radius-base);font-weight:var(--font-semibold);font-size:var(--text-base);transition:var(--transition-all)}.card-actions-data-card button:first-child{background:var(--accent-gradient);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.card-actions-data-card button:first-child:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover)}.card-actions-data-card button:last-child{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.card-actions-data-card button:last-child:hover{background:var(--gray-200);color:var(--text-primary)}@media (max-width: 768px){.data-card{width:95vw;padding:var(--space-4);max-height:90vh}.data-card-ai{max-height:60vh;width:auto!important}.data-card-modal-header{padding:var(--space-3)}.card-field-bg{flex-direction:column;align-items:stretch;gap:var(--space-1)}.card-field-key{min-width:auto;text-align:start;margin-inline-end:0}.card-field-value{width:100%}.card-actions-data-card{flex-direction:column;gap:var(--space-2)}.card-actions-data-card button{width:100%;padding:var(--space-3)}}.selected-row{background-color:#e8edff!important}.selected-row td{border-color:#b8c5ff!important;position:relative}.selected-row:hover{background-color:#dce4ff!important}.highlighted-entry-row{background-color:#fff9e6!important;border:2px solid #ffc107!important;animation:highlightPulse 2s ease-in-out}.highlighted-entry-row td{border-color:#ffc107!important}.highlighted-entry-row:hover{background-color:#fff4d6!important}.select-viewcard-cell{display:flex;align-items:center;justify-content:center;gap:6px;min-width:60px;position:relative}[dir=ltr] .select-viewcard-cell{flex-direction:row}[dir=rtl] .select-viewcard-cell{flex-direction:row-reverse}.select-checkbox-cell{position:relative;overflow:visible}.select-checkbox-cell:before{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:4;pointer-events:all}[dir=ltr] .select-checkbox-cell:before{left:-90px}[dir=rtl] .select-checkbox-cell:before{right:-90px}.copy-link-btn{position:relative;height:28px;width:28px;background:transparent;color:#94a3b8;border:1px solid #e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;pointer-events:none;border-radius:6px;flex-shrink:0}.copy-link-btn.show{opacity:1;pointer-events:all}.copy-link-btn:hover{background:#f1f5f9;color:#5568d3;border-color:#667eea}.copy-link-btn:active{transform:translateY(0);background:#e2e8f0}.copy-link-btn svg{display:block}.view-card-btn{position:absolute;top:50%;transform:translateY(-50%);height:44px;width:36px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,box-shadow .2s ease;pointer-events:none;z-index:6}[dir=ltr] .view-card-btn{left:-46px;border-radius:8px 0 0 8px;box-shadow:-2px 0 8px #667eea4d;border-right:2px solid rgba(255,255,255,.2)}[dir=rtl] .view-card-btn{right:-46px;border-radius:0 8px 8px 0;box-shadow:2px 0 8px #667eea4d;border-left:2px solid rgba(255,255,255,.2)}.view-card-btn.show{opacity:1;pointer-events:all}.view-card-btn:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f)}[dir=ltr] .view-card-btn:hover{box-shadow:-3px 0 12px #667eea80}[dir=rtl] .view-card-btn:hover{box-shadow:3px 0 12px #667eea80}.view-card-btn:active{transform:translateY(-50%) scale(.97)}.view-card-btn svg{display:block}.delete-data-row-button{background:red;color:#fff;border:none;cursor:pointer;padding:2px 4px}.card-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card-field-bg{background:#f7f7f7;border-radius:8px;padding:10px 14px;margin-bottom:10px;display:flex;align-items:center;box-shadow:0 2px 4px #0000000a;border:1px solid #e8e8e8;transition:all .15s ease}.card-field-bg:hover{background:#f0f4ff;border-color:#d0d9ff}.card-field-key{background:linear-gradient(135deg,#e8edff,#dce4ff);border-radius:6px;padding:6px 12px;font-weight:600;color:#333;margin-right:12px;font-weight:400;min-width:110px;text-align:right;color:#2d3748}.card-field-value{flex:1;padding:6px 10px;background:#fff;border-radius:5px;min-width:0;box-shadow:0 .5px 1px #00000008}.card-actions-data-entry{margin-top:20px}.card-actions-data-entry button{margin:5px;padding:10px 15px;border:none;cursor:pointer}.card-actions-data-entry button:first-child{background:green;color:#fff}.card-actions-data-entry button:last-child{background:gray;color:#fff}.th-edit-container{position:relative;overflow:visible;z-index:1}.th-edit-container:hover{z-index:15}.edit-container{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#f9fafd;border:1.5px solid #e0e4ea;box-shadow:0 8px 24px #00000021,0 1.5px 4px #00000012;padding:0;border-radius:10px;z-index:20;min-width:260px;max-width:340px;display:flex;flex-direction:column;animation:fadeInEdit .18s ease;max-height:70vh;overflow:hidden;overflow:auto}.edit-content-scrollable{flex:1;overflow-y:auto;padding:18px 16px 12px;display:flex;flex-direction:column;gap:12px}@media (max-height: 1400px){.edit-container{max-height:50vh}}@keyframes fadeInEdit{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.edit-input{width:100%;padding:7px 10px;border:1.2px solid #bfc7d1;border-radius:5px;box-sizing:border-box;font-size:15px;margin-bottom:4px;background:#fff;transition:border .18s}.edit-input:focus{border:1.5px solid #6c8cff;outline:none;background:#f4f8ff}.edit-container label{font-size:14px;color:#3a3a3a;margin-bottom:2px;display:flex;align-items:center;gap:7px}.edit-container select{padding:5px 8px;border-radius:4px;border:1.2px solid #bfc7d1;font-size:14px;background:#fff;margin-left:6px}.edit-container input[type=checkbox]{accent-color:#6c8cff;margin-right:5px}.edit-container .prop-type{color:#b0b0b0;font-size:12px;font-style:italic;letter-spacing:.2px}.edit-container .default-value-input{display:flex;flex-direction:column;gap:4px;width:100%;margin-top:8px;padding-top:12px;border-top:1px solid #e8eaed}.edit-container .options-editor-label{font-size:13px;color:#555;font-weight:600;margin-top:4px;margin-bottom:0}.edit-container .default-value-input label{font-size:13px;color:#555;font-weight:500;margin-bottom:2px}.edit-container .default-value-input input,.edit-container .default-value-input select,.edit-container .default-value-input textarea{width:100%;padding:7px 10px;border:1.2px solid #bfc7d1;border-radius:5px;font-size:14px;background:#fff;box-sizing:border-box}.edit-container .default-value-input textarea{min-height:60px;resize:vertical}.edit-btn-row{padding:12px 16px;border-top:1px solid #e0e4ea;background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;flex-shrink:0}.edit-btn-row .save-property-btn{background:#2d72d9}.edit-btn-row .save-property-btn:hover:not(:disabled){background:#2563c7}.property-header{display:flex;align-items:center;height:100%;min-height:40px;padding:6px 0;box-sizing:border-box;gap:0}.property-header-content{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.property-header .header-clickable{cursor:pointer;font-weight:700;text-align:center;display:flex;align-items:center;gap:6px;height:100%}.prop-name-ellipsis{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.sort-indicator-container{position:relative}.sort-indicator{flex-shrink:0;min-width:36px;display:inline-block;text-align:left;font-weight:700;color:#007;margin-left:4px}.remove-sort-btn{background:none;border:rgb(124,124,124) 1px solid;cursor:pointer;font-size:10px;margin-left:4px;position:absolute;right:-5px;top:-5px;font-weight:900;font-size:12px;padding:0;line-height:1;display:flex;align-items:center;justify-content:center}.menu-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:2px 4px;margin-left:12px;display:flex;align-items:center;flex-shrink:0}.property-menu-dropdown{position:absolute;right:0;top:100%;background:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0000001f;border-radius:4px;min-width:100px;z-index:20;display:flex;flex-direction:column;padding:4px 0}.dropdown-item{background:none;border:none;text-align:left;padding:8px 16px;cursor:pointer;font-size:14px;color:#222;transition:background .15s}.dropdown-item:hover{background:#f0f0f0}.dropdown-item.delete{color:#c00}.select-icon{margin-left:8px}.searchAble-and-type-row{display:flex;align-items:center;justify-content:space-between}.property-type-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:6px;color:#5a6c7d;opacity:.85;flex-shrink:0;cursor:help;transition:all .15s ease}.property-type-icon:hover{opacity:1;color:#3b4f63;transform:scale(1.1)}.property-edit-description{margin-top:8px}.property-edit-description label{display:block;margin-bottom:4px;font-size:13px}.property-edit-description .label-optional{color:#888;font-weight:400}.property-edit-description textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:40px;padding:6px 8px;font-size:13px;border:1px solid #d0d0d0;border-radius:4px;font-family:inherit}.property-edit-description .char-count{font-size:11px;color:#888}.property-config-section{display:flex;flex-direction:column;gap:8px;width:100%;padding:10px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-top:8px}.property-config-section label{font-size:13px;color:#555;font-weight:500;margin-bottom:2px}.formula-expression-input,.config-input{width:100%;padding:7px 10px;border:1px solid #d0d0d0;border-radius:4px;font-size:13px;background:#fff;box-sizing:border-box}.formula-expression-input{font-family:Consolas,Monaco,Courier New,monospace;min-height:60px;resize:vertical}.config-input:focus,.formula-expression-input:focus{outline:none;border-color:#667eea;background:#f9fafb}.config-select{width:100%;padding:7px 10px;border:1px solid #d0d0d0;border-radius:4px;font-size:13px;background:#fff;cursor:pointer}.config-select:focus{outline:none;border-color:#667eea}.formula-help-list{margin-top:8px;display:flex;flex-direction:column;gap:6px;font-size:11px;line-height:1.6}.formula-help-list code{display:inline-block;padding:2px 5px;background:#fff;border:1px solid #cbd5e0;border-radius:3px;font-family:Consolas,Monaco,Courier New,monospace;font-size:10px;color:#2d3748;margin:0 2px}.rollup-help-text{font-size:11px;color:#166534;background:#f0fdf4;padding:8px;border-radius:4px;border:1px solid #bbf7d0;line-height:1.4;margin-top:8px}.property-cancel-btn{margin-top:6px;padding:5px 14px;background:#f0f0f0;color:#474747;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer;transition:background .15s;align-self:flex-start}.property-cancel-btn:hover{background:#e0e0e0;color:#555}.create-property-form{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:6px;border-bottom-right-radius:6px;box-shadow:0 2px 8px #0000000a;padding:10px 12px;width:220px;position:absolute;z-index:10;top:100%;left:0}.create-property-form input[type=text],.create-property-form select{width:100%;padding:5px 8px;border:1px solid #d0d0d0;border-radius:4px;font-size:14px;background:#fafbfc;box-sizing:border-box}.property-save-btn{margin-top:6px;padding:5px 14px;background:#2d72d9;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .15s;align-self:flex-end}.property-save-btn:disabled{background:#b0c4de;cursor:not-allowed}.property-checkbox-label{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:15px;color:#444;-webkit-user-select:none;user-select:none;cursor:pointer}.default-value-input{display:flex;flex-direction:column;gap:4px;width:100%;margin-top:8px}.default-value-input label{font-size:13px;color:#555;font-weight:500}.default-value-input input,.default-value-input select,.default-value-input textarea{width:100%;padding:5px 8px;border:1px solid #d0d0d0;border-radius:4px;font-size:14px;background:#fafbfc;box-sizing:border-box}.default-value-input textarea{min-height:60px;resize:vertical}.property-checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #b0c4de;border-radius:4px;background:#fff;transition:box-shadow .15s,border-color .15s;position:relative;cursor:pointer;margin-right:2px;display:inline-block}.property-checkbox-input:checked{background:#2d72d9;border-color:#2d72d9}.property-checkbox-input:checked:after{content:"";display:block;position:absolute;left:5px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.create-property-actions{display:flex;justify-content:center;align-items:center;gap:30px;width:100%;margin-top:10px}.property-description-field{display:flex;flex-direction:column;gap:4px;width:100%;margin-top:8px}.property-description-field label{font-size:13px;color:#555;font-weight:500}.property-description-field .label-optional{color:var(--text-muted, #888);font-weight:400}.property-description-field textarea{width:100%;padding:6px 8px;border:1px solid #d0d0d0;border-radius:4px;font-size:13px;background:#fafbfc;box-sizing:border-box;resize:vertical;min-height:40px;font-family:inherit}.property-description-field .char-count{font-size:11px;color:var(--text-muted, #888)}.property-config-section{display:flex;flex-direction:column;gap:8px;width:100%;padding:12px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-top:8px;box-sizing:border-box}.property-config-section label{font-size:13px;color:#555;font-weight:500;margin-bottom:4px}.property-config-section input,.property-config-section select,.property-config-section textarea,.config-input,.config-select{width:100%;padding:6px 10px;border:1px solid #d0d0d0;border-radius:4px;font-size:13px;background:#fff;box-sizing:border-box}.config-input:focus,.config-select:focus{outline:none;border-color:#667eea}.formula-expression-input{width:100%;box-sizing:border-box}.formula-config .formula-expression-input{font-family:Consolas,Monaco,Courier New,monospace;min-height:60px;resize:vertical}.formula-help-details{margin-top:8px;padding:8px;background:#e8f4fd;border:1px solid #b3d9f2;border-radius:4px}.formula-help-details summary{cursor:pointer;font-size:12px;font-weight:600;color:#1e5a8e;-webkit-user-select:none;user-select:none}.formula-help-details summary:hover{color:#134a73}.formula-help-list{margin-top:8px;display:flex;flex-direction:column;gap:6px;font-size:11px}.formula-help-list div{line-height:1.6}.formula-help-list strong{color:#2c5282;font-weight:600}.formula-help-list code{display:inline-block;padding:2px 5px;background:#fff;border:1px solid #cbd5e0;border-radius:3px;font-family:Consolas,Monaco,Courier New,monospace;font-size:10px;color:#2d3748;margin:0 3px}.rollup-config{gap:10px}.rollup-help-text{font-size:11px;color:#166534;background:#f0fdf4;padding:8px;border-radius:4px;border:1px solid #bbf7d0;line-height:1.4}.formula-config-container,.rollup-config-container{display:flex;flex-direction:column;gap:var(--space-3, 12px);margin-top:var(--space-3, 12px);width:100%;box-sizing:border-box}.config-header-ai{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.config-header-ai label{font-size:var(--text-base, 14px);font-weight:var(--font-semibold, 600);color:var(--text-primary, #1a1a1a);margin:0}.ai-prompt-section{display:flex;flex-direction:column;gap:var(--space-2, 8px);padding:var(--space-3, 12px);background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-base, 6px);width:100%;box-sizing:border-box}.ai-prompt-label{display:flex;align-items:center;gap:var(--space-2, 8px);font-size:var(--text-sm, 12px);font-weight:var(--font-medium, 500);color:var(--text-secondary, #666);margin:0}.ai-prompt-icon{color:var(--accent-purple-start, #667eea)}.ai-prompt-input-wrapper{display:flex;gap:var(--space-2, 8px);align-items:flex-start;width:100%;box-sizing:border-box}.ai-prompt-input{flex:1;padding:var(--space-2, 8px) var(--space-3, 12px);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-base, 6px);font-size:var(--text-sm, 12px);font-family:var(--font-family);color:var(--text-primary, #1a1a1a);background:var(--bg-primary, white);resize:vertical;min-height:40px;transition:border-color .2s,box-shadow .2s}.ai-prompt-input:focus{outline:none;border-color:var(--accent-purple-start, #667eea);box-shadow:0 0 0 3px #667eea1a}.ai-prompt-input:disabled{background:var(--bg-disabled, #e5e7eb);cursor:not-allowed}.ai-prompt-input::placeholder{color:var(--text-tertiary, #888)}.ai-generate-btn{flex-shrink:0;align-self:flex-end;font-size:var(--text-sm, 12px)!important;padding:8px 16px!important}.ai-inline-btn{font-size:var(--text-sm, 12px)!important;padding:6px 12px!important;gap:6px}.ai-highlighted{animation:ai-highlight-pulse 2s ease-in-out;border:2px solid transparent;border-radius:var(--radius-base, 6px);padding:var(--space-3, 12px);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box}.ai-highlighted-input{animation:ai-highlight-pulse 2s ease-in-out;border:2px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box!important;box-shadow:0 0 0 4px #667eea26;transition:box-shadow .3s ease}@keyframes ai-highlight-pulse{0%,to{box-shadow:0 0 #667eea00}50%{box-shadow:0 0 0 8px #667eea33}}.spinning{animation:spin 1s linear infinite}@media (max-width: 768px){.create-property-form{width:100%;position:relative}.property-config-section{padding:10px}.ai-inline-btn,.ai-generate-btn{font-size:11px!important;padding:6px 10px!important}.ai-prompt-input-wrapper{flex-direction:column}.ai-generate-btn{align-self:stretch;width:100%}.formula-help-list{font-size:10px}.formula-help-list code{font-size:9px;padding:1px 4px}}.relation-type-select{position:relative;width:100%;z-index:100}.relation-type-select-button{width:100%;padding:var(--space-2) var(--space-2);border:var(--input-border);border-radius:var(--radius-sm);font-size:var(--text-base);font-family:var(--font-family);background:var(--bg-secondary);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:var(--transition-all);text-align:left}.relation-type-select-button:hover{border-color:var(--border-dark);background:var(--bg-primary)}.relation-type-select-button:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px #3b82f61a}.relation-type-select-value{display:flex;align-items:center;gap:var(--space-2);flex:1}.relation-type-select-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--accent-purple-start);flex-shrink:0}.relation-type-select-label{color:var(--text-primary);font-size:var(--text-base)}.relation-type-select-arrow{color:var(--text-secondary);flex-shrink:0;transition:var(--transition-fast)}.relation-type-select-arrow.open{transform:rotate(180deg)}.relation-type-select-dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:99999;padding:var(--space-1)}.relation-type-select-option{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);font-size:var(--text-base);text-align:left}.relation-type-select-option:hover{background:var(--primary-50)}.relation-type-select-option.selected{background:var(--primary-100);font-weight:var(--font-medium)}.relation-type-option-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--accent-purple-start);flex-shrink:0}.relation-type-option-label{color:var(--text-primary);flex:1}.relation-type-option-code{color:var(--accent-purple-start);font-size:var(--text-sm);font-weight:var(--font-semibold);background:#667eea1a;padding:2px var(--space-2);border-radius:var(--radius-sm)}@media (max-width: 768px){.relation-type-select-option{padding:var(--space-3)}}.relation-field-label{font-size:13px;font-weight:600;color:#2c3e50;text-align:left}.relation-select{cursor:pointer}.relation-select:hover{border-color:#a0a0a0}.relation-select:focus{border-color:#6c8cff;background:#f4f8ff;box-shadow:0 0 0 3px #6c8cff1a}.relation-select option{padding:8px}.color-picker-container{display:flex;align-items:center;padding:2px;background-color:#ececec}.color-picker-select{width:36px;height:36px;border:none;padding:0;cursor:pointer}.option-input{flex:1;padding:6px 8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.add-btn{background:#4caf50}.add-btn:hover:not(:disabled){background:#45a049}.options-list-edit{max-height:150px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;padding:0;margin:0}.option-item{padding:6px 8px;border-bottom:1px solid #eee;font-size:14px}.option-item span{border-radius:12px;padding:2px 8px}.option-item:last-child{border-bottom:none}.select-editor-remove-btn{background:none;background-color:#f0f0f0;border:none;cursor:pointer;font-size:16px;line-height:1;padding:2px 6px}.remove-btn:hover{color:#c0392b}.formula-property-picker-wrapper{position:relative;margin-bottom:var(--space-2, 8px)}.property-picker-btn{padding:var(--space-1, 4px) var(--space-2, 8px);font-size:var(--text-sm, 12px);background:var(--info-50, #eff6ff);color:#0369a1;border:1px solid var(--info-200, #bfdbfe);border-radius:var(--radius-sm, 4px);cursor:pointer;transition:var(--transition-fast)}.property-picker-btn:hover{background:#dbeafe}.property-dropdown{position:absolute;top:100%;left:0;z-index:var(--z-dropdown, 1000);background:var(--bg-primary, white);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-base, 6px);box-shadow:var(--shadow-md, 0 8px 20px rgba(0,0,0,.12));max-height:200px;overflow-y:auto;min-width:200px;margin-top:var(--space-1, 4px)}.property-dropdown-item{padding:var(--space-2, 8px) var(--space-3, 12px);cursor:pointer;border-bottom:1px solid var(--gray-100, #f3f4f6);font-size:var(--text-base, 13px);transition:background var(--transition-fast)}.property-dropdown-item:hover{background:var(--bg-hover, #f9fafb)}.property-dropdown-item:last-child{border-bottom:none}.property-dropdown-name{font-weight:var(--font-medium, 500);color:var(--text-primary, #374151)}.property-dropdown-ref{font-size:var(--text-xs, 11px);color:var(--text-tertiary, #9ca3af);font-family:var(--font-family-mono, monospace)}.formula-help-section{margin-bottom:var(--space-3, 12px)}.formula-help-indent{margin-left:var(--space-3, 12px);margin-top:var(--space-1, 4px)}.formula-help-text{color:var(--text-secondary, #555)}.formula-help-example{font-size:var(--text-xs, 10px);color:var(--text-secondary, #666);margin-top:2px}.formula-help-success-example{font-size:var(--text-xs, 10px);color:var(--success-700, #166534);margin-top:2px;background:var(--success-50, #f0fdf4);padding:var(--space-1, 4px);border-radius:var(--radius-sm, 3px)}.formula-help-warning{background:var(--warning-200, #fef3c7);padding:var(--space-2, 6px) var(--space-2, 8px);border-radius:var(--radius-sm, 4px);border:1px solid var(--warning-500, #fbbf24);margin-top:var(--space-1, 4px)}.formula-help-warning strong{color:#92400e}.formula-help-warning-text{margin-left:var(--space-3, 12px);font-size:var(--text-xs, 10px);color:#78350f;margin-top:2px}@media (max-width: 768px){.property-dropdown{max-height:150px;min-width:180px}.formula-help-indent{margin-left:var(--space-2, 8px)}}.property-modal-container{display:flex;flex-direction:column;height:70vh}.property-modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light)}.property-modal-title{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.property-modal-subtitle{margin:var(--space-1) 0 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.internal-name-viewer{margin-top:var(--space-3)}.internal-name-toggle{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease}.internal-name-toggle:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.internal-name-toggle svg{flex-shrink:0}.internal-name-display{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md)}.internal-name-display code{font-family:var(--font-mono, "Monaco", "Courier New", monospace);font-size:var(--text-sm);color:var(--text-primary);background:transparent;padding:0}.property-modal-body{padding:var(--space-5);overflow-y:auto;flex:1}.property-modal-body .create-property-form{position:static;width:100%;border:none;box-shadow:none;padding:0;background:transparent}.select-viewcard-cell input[type=checkbox]{width:14px;height:14px;cursor:pointer}.creating-property-disabled-text{color:#b0b0b0;font-weight:700;font-style:italic;opacity:.7;cursor:not-allowed;-webkit-user-select:none;user-select:none;background:none;border:none;padding:0 8px;margin:0;letter-spacing:.5px}.table-outer-flex{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:auto}.view-mode-toggle{display:flex;gap:4px;padding:6px 35px;background:transparent}.view-toggle-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:12px;font-weight:400;color:#6b7280;transition:all .15s ease}.view-toggle-btn:hover{background:#f3f4f6;color:#4b5563}.view-toggle-btn.active{background:#e5e7eb;color:#1f2937;border-color:#d1d5db}.view-toggle-text{font-size:11px}@media (max-width: 768px){.view-mode-toggle{padding:4px 12px;gap:2px}.view-toggle-btn{padding:4px 6px}.view-toggle-text{display:none}}.table-scroll-wrapper{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:auto;width:calc(80.5vw + (96vw - 78vw) * (1 - var(--sidebar-visible, 1)));box-sizing:border-box;margin-top:10px;height:100%;padding-left:35px;padding-right:50px}@media (max-width: 768px){.table-scroll-wrapper{width:100%;padding-left:12px;padding-right:12px;height:auto;overflow-y:auto}.object-data-table{font-size:13px}.object-data-table th,.object-data-table td{padding:8px 6px}}.object-data-table{width:100%;border-collapse:separate;border-spacing:0;padding-bottom:0}.new-header-button{white-space:nowrap;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;padding:8px 14px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #667eea33}.new-header-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.add-new-entery-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px;box-shadow:0 2px 6px #667eea4d}.add-new-entery-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.filter-warning-message{color:#b45309;margin-top:8px;font-size:13px;background:#fffbe6;border:1px solid #fcd34d;border-radius:4px;padding:6px 28px 6px 10px;max-width:400px;position:relative;display:flex;align-items:center;min-height:28px}.filter-warning-dismiss{position:absolute;top:4px;right:6px;background:none;border:none;color:#b45309;font-weight:700;font-size:16px;cursor:pointer;line-height:1;padding:0;margin:0;z-index:1}.object-data-table thead{position:sticky;top:0;z-index:2;overflow:visible;width:100%}td{border:1px solid #e8e8e8;text-align:left;font-size:14px;color:#333;padding:4px 20px;transition:all .15s ease}td>span{display:block;width:100%;min-height:20px}.object-data-table th{position:sticky;border:1px solid #e0e0e0;top:0;padding:4px 24px;background-color:#f7f7f7;font-weight:600;color:#333;font-size:14px;box-shadow:0 2px 4px #0000000a}.object-data-table th:first-child{padding:10px;text-align:center}.object-data-table th:first-child input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#667eea}.object-data-table th:last-child{min-width:140px;width:140px;position:relative;padding-right:30px}.object-data-table th.relation-column{min-width:260px;width:auto}.object-data-table tbody tr{transition:all .2s ease;height:44px}.object-data-table tbody{z-index:1}.object-data-table tbody tr:nth-child(odd){background-color:#fafafa}.object-data-table tbody tr:nth-child(2n){background-color:#fff}.object-data-table tbody tr:hover{background-color:#f0f4ff}.property-insert-edge-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:4px;cursor:pointer;opacity:0;transition:all .2s ease;z-index:10;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-secondary);box-shadow:var(--shadow-sm)}.property-insert-edge-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium);box-shadow:var(--shadow-base)}.property-insert-right{right:-12px}.th-edit-container:hover .property-insert-edge-btn{opacity:1}.add-first-property-btn{padding:6px 12px!important}.voice-recorder{background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-md, 8px);padding:var(--space-3, 12px);margin-bottom:var(--space-3, 12px)}.voice-recorder-header{display:flex;align-items:center;gap:var(--space-2, 8px);font-size:var(--text-sm, 13px);font-weight:var(--font-medium, 500);color:var(--text-secondary, #666);margin-bottom:var(--space-2, 8px)}.voice-recorder-controls{display:flex;align-items:center;gap:var(--space-2, 8px)}.voice-recorder-btn{display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-2, 8px) var(--space-3, 12px);border:none;border-radius:var(--radius-base, 6px);font-size:var(--text-sm, 13px);font-weight:var(--font-medium, 500);cursor:pointer;transition:var(--transition-all, all .2s ease)}.voice-recorder-btn:disabled{opacity:.5;cursor:not-allowed}.voice-recorder-start{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.voice-recorder-start:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.voice-recorder-active{display:flex;align-items:center;gap:var(--space-3, 12px);flex:1}.voice-recorder-indicator{display:flex;align-items:center;gap:var(--space-2, 8px)}.voice-recorder-pulse{width:12px;height:12px;background:#ef4444;border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.voice-recorder-time{font-size:var(--text-base, 14px);font-weight:var(--font-semibold, 600);color:var(--text-primary, #1a1a1a);font-variant-numeric:tabular-nums;min-width:45px}.voice-recorder-stop{background:#ef4444;color:#fff}.voice-recorder-stop:hover{background:#dc2626}.voice-recorder-playback{display:flex;flex-direction:column;gap:var(--space-2, 8px);background:var(--bg-primary, white);padding:var(--space-3, 12px);border-radius:var(--radius-base, 6px);border:1px solid var(--border-color, #e5e7eb)}.voice-recorder-controls-row{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%}.voice-recorder-play{background:var(--primary, #3b82f6);color:#fff;padding:var(--space-2, 8px);border-radius:50%;width:36px;height:36px;justify-content:center}.voice-recorder-play:hover{background:var(--primary-hover, #2563eb)}.voice-recorder-time{font-size:var(--text-sm, 13px);font-weight:var(--font-medium, 500);color:var(--accent-purple-start, #667eea);font-variant-numeric:tabular-nums;min-width:40px}.voice-recorder-progress{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.voice-recorder-progress::-webkit-slider-runnable-track{width:100%;height:6px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-full, 999px)}.voice-recorder-progress::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent-purple-start, #667eea);border-radius:var(--radius-full, 999px);cursor:pointer;margin-top:-5px;border:2px solid white;box-shadow:0 2px 4px #0000001a;transition:var(--transition-fast, all .15s ease)}.voice-recorder-progress::-webkit-slider-thumb:hover{background:var(--accent-purple-end, #764ba2);transform:scale(1.1)}.voice-recorder-progress::-moz-range-track{width:100%;height:6px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-full, 999px)}.voice-recorder-progress::-moz-range-thumb{width:16px;height:16px;background:var(--accent-purple-start, #667eea);border-radius:var(--radius-full, 999px);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0000001a;transition:var(--transition-fast, all .15s ease)}.voice-recorder-progress::-moz-range-thumb:hover{background:var(--accent-purple-end, #764ba2);transform:scale(1.1)}.voice-recorder-duration{font-size:var(--text-sm, 13px);font-weight:var(--font-medium, 500);color:var(--text-secondary, #666);font-variant-numeric:tabular-nums;min-width:40px}.voice-recorder-speed{background:var(--bg-secondary, #f9fafb);color:var(--accent-purple-start, #667eea);font-weight:var(--font-semibold, 600);font-size:var(--text-xs, 11px);padding:var(--space-1, 4px) var(--space-2, 8px);min-width:45px}.voice-recorder-speed:hover{background:var(--primary-50, #eff6ff);color:var(--accent-purple-end, #764ba2)}.voice-recorder-delete{background:transparent;color:var(--text-tertiary, #888);padding:var(--space-2, 8px)}.voice-recorder-delete:hover{background:var(--error-50, #fef2f2);color:var(--error-500, #ef4444)}.voice-recorder-help{display:block;margin-top:var(--space-2, 8px);font-size:var(--text-xs, 11px);color:var(--text-tertiary, #888)}.voice-recorder-or{color:var(--text-tertiary, #888);font-size:var(--text-sm, 13px)}.voice-recorder-upload{background:var(--bg-primary, white);border:1px dashed var(--border-color, #e5e7eb);color:var(--text-secondary, #666)}.voice-recorder-upload:hover{background:var(--bg-secondary, #f9fafb);border-color:var(--primary, #3b82f6);color:var(--primary, #3b82f6)}.voice-recorder-filename{font-size:var(--text-xs, 11px);color:var(--text-secondary, #666);background:var(--bg-secondary, #f9fafb);padding:var(--space-1, 4px) var(--space-2, 8px);border-radius:var(--radius-sm, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border-light, #f3f4f6)}@media (max-width: 480px){.voice-recorder-btn span{display:none}.voice-recorder-start,.voice-recorder-stop,.voice-recorder-upload{padding:var(--space-2, 8px);border-radius:50%;width:40px;height:40px;justify-content:center}.voice-recorder-or{display:none}.voice-recorder-filename{font-size:var(--text-xs, 10px);padding:2px 4px}.voice-recorder-controls-row{gap:var(--space-1, 4px)}.voice-recorder-time,.voice-recorder-duration{font-size:var(--text-xs, 11px);min-width:35px}.voice-recorder-speed{min-width:38px;padding:var(--space-1, 4px) var(--space-1, 4px)}}.ai-voice-section{display:flex;flex-direction:column;gap:var(--space-2);min-height:200px}.ai-voice-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.ai-back-to-text-btn{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-base);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.ai-back-to-text-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-purple-start)}.ai-voice-recorder-wrapper{position:relative}.ai-voice-add-image-btn{position:absolute;bottom:var(--space-2);right:var(--space-2);display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);z-index:1;box-shadow:var(--shadow-sm)}.ai-voice-add-image-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-purple-start);color:var(--accent-purple-start);transform:translateY(-1px)}.ai-voice-add-image-btn:disabled{opacity:.5;cursor:not-allowed}.ai-image-count-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--accent-purple-start);color:var(--text-inverse);font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);padding:0 4px;border:2px solid var(--bg-primary)}.ai-file-property-selector{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.ai-file-property-selector label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap}.ai-file-property-selector select{flex:1;padding:var(--space-2) var(--space-3);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-base);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);min-width:200px}.ai-file-property-selector select:hover{border-color:var(--accent-purple-start)}.ai-file-property-selector select:focus{outline:none;border-color:var(--accent-purple-start);box-shadow:0 0 0 3px #667eea1a}.ai-uploaded-images-display{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light);min-height:110px}.ai-images-hint{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--info-50);border:1px solid var(--info-200);border-radius:var(--radius-base);font-size:var(--text-xs);color:var(--info-700);margin-bottom:var(--space-1)}.ai-bulk-modal-result-container{display:flex;flex-direction:column;gap:var(--space-4)}.ai-bulk-modal-accept{width:100%;margin-top:var(--space-6);margin-bottom:var(--space-4)}.ai-bulk-entry-mode-toggle{padding:var(--space-3);background:var(--primary-50);border-radius:var(--radius-md);border:1px solid var(--primary-100)}.ai-bulk-entry-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm)}.ai-bulk-entry-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-purple-start)}.ai-uploaded-image-item{position:relative;width:90px;height:90px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column}.ai-uploaded-image-item img{width:100%;height:70px;object-fit:cover}.ai-image-name{font-size:var(--text-xs);padding:2px 4px;background:var(--gray-800);color:var(--text-inverse);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center}.ai-remove-image-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:var(--radius-full);background:var(--error-500);color:var(--text-inverse);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-bold);line-height:1;transition:var(--transition-all)}.ai-remove-image-btn:hover{background:var(--error-600);transform:scale(1.1)}.ai-uploaded-pdfs-display{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.ai-uploaded-pdf-item{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast)}.ai-uploaded-pdf-item:hover{border-color:var(--primary-color);background:var(--bg-hover)}.ai-pdf-icon{font-size:24px}.ai-pdf-name{font-size:var(--text-sm);color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-remove-pdf-btn{margin-left:var(--space-2);width:20px;height:20px;border-radius:var(--radius-full);background:var(--error-500);color:var(--text-inverse);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-bold);line-height:1;transition:var(--transition-all)}.ai-remove-pdf-btn:hover{background:var(--error-600);transform:scale(1.1)}.ai-multi-entry-layout{display:grid;grid-template-columns:180px 1fr;grid-template-rows:1fr auto;gap:0;min-height:350px;max-height:60vh;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-primary)}.ai-multi-entry-sidebar{grid-row:1 / 3;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.ai-multi-entry-sidebar-header{padding:var(--space-3);background:var(--accent-gradient);color:var(--text-inverse)}.ai-multi-entry-sidebar-header h4{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold)}.ai-multi-entry-list{flex:1;overflow-y:auto;padding:var(--space-2)}.ai-multi-entry-item{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-1);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-all)}.ai-multi-entry-item.selected{border-color:var(--accent-purple-start);box-shadow:var(--shadow-sm)}.ai-multi-entry-item.excluded{opacity:.5;background:var(--bg-tertiary)}.ai-multi-entry-item.excluded .ai-multi-entry-item-btn{text-decoration:line-through;color:var(--text-disabled)}.ai-multi-entry-item-btn{flex:1;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2);background:none;border:none;text-align:start;cursor:pointer;transition:var(--transition-fast);min-width:0}.ai-multi-entry-item-btn:hover{background:var(--bg-hover)}.ai-multi-entry-item.selected .ai-multi-entry-item-btn{background:#667eea14}.ai-multi-entry-item-number{font-weight:var(--font-bold);color:var(--accent-purple-start);font-size:var(--text-xs);flex-shrink:0}.ai-multi-entry-item-preview{font-size:var(--text-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.ai-multi-entry-item-actions{display:flex;gap:1px;padding:var(--space-1);flex-shrink:0}.ai-multi-entry-exclude-btn,.ai-multi-entry-remove-btn{background:none;border:none;padding:var(--space-1);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);color:var(--text-secondary)}.ai-multi-entry-exclude-btn:hover{background:#667eea1a;color:var(--accent-purple-start)}.ai-multi-entry-exclude-btn.excluded{color:var(--error-500)}.ai-multi-entry-exclude-btn.excluded:hover{background:var(--error-50)}.ai-multi-entry-remove-btn:hover{background:var(--error-50);color:var(--error-500)}.ai-multi-entry-content{padding:var(--space-4);overflow-y:auto;background:var(--bg-primary)}.ai-multi-entry-content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-light)}.ai-multi-entry-content-header h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.ai-multi-entry-excluded-badge{background:var(--error-500);color:var(--text-inverse);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.ai-multi-entry-footer{grid-column:2 / 3;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-top:1px solid var(--border-light)}.ai-multi-entry-footer .ai-bulk-modal-accept{margin:0}@media (max-width: 768px){.ai-file-property-selector{flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-2)}.ai-file-property-selector label{font-size:var(--text-xs)}.ai-file-property-selector select{width:100%;min-width:auto;font-size:var(--text-xs)}.ai-uploaded-image-item{width:70px;height:70px}.ai-uploaded-image-item img{height:55px}.ai-textarea-action-btn{width:32px;height:32px}.ai-images-hint{font-size:10px;padding:var(--space-1)}.ai-image-count-badge{min-width:16px;height:16px;font-size:9px}.ai-multi-entry-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;min-height:auto;max-height:70vh}.ai-multi-entry-sidebar{grid-row:auto;border-right:none;border-bottom:1px solid var(--border-color);max-height:150px}.ai-multi-entry-list{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2)}.ai-multi-entry-item{margin-bottom:0;flex:0 0 auto}.ai-multi-entry-item-btn{padding:var(--space-4);border:1px solid var(--border-light)}.ai-multi-entry-exclude-btn,.ai-multi-entry-remove-btn{min-width:22px!important;min-height:22px!important;width:22px;height:22px}.ai-multi-entry-item-preview{display:none}.ai-multi-entry-content{padding:var(--space-3);max-height:none;overflow-y:auto}.ai-multi-entry-footer{grid-column:1;padding:var(--space-3)}}.ai-transcription-display{background:var(--info-50);border:1px solid var(--info-200);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3)}.ai-transcription-header{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--info-700);margin-bottom:var(--space-2)}.ai-transcription-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0;white-space:pre-wrap}.ai-bulk-entry-mode-hint{display:block;font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-normal);margin-top:var(--space-1)}.file-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.file-popup-content{background:#fff;padding:20px;border-radius:10px;max-height:80vh;overflow-y:auto;width:80%;max-width:1200px;position:relative}.file-popup-images{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem}.file-popup-container{flex:0 0 auto;position:relative}.file-popup-link{text-decoration:none}.file-popup-image{width:300px;height:300px;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #0003}.file-popup-box{max-width:300px;min-width:150px;height:150px;padding:20px;border:1px solid #ccc;border-radius:8px;background:#f8f8f8;font-size:14px;display:flex;align-items:center;justify-content:center;text-align:center;word-wrap:break-word;box-shadow:0 4px 12px #0003}.file-popup-remove-button{position:absolute;top:8px;right:8px;background:#ffffffe6;border:1px solid #ddd;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s ease}.file-popup-remove-button:hover{background:#f44;color:#fff;border-color:#f44}.file-popup-actions{display:flex;justify-content:center;margin-top:20px}.file-popup-close{padding:10px 24px;background:#667eea;color:#fff;border:none;cursor:pointer;border-radius:6px;font-weight:600;transition:all .2s ease}.file-popup-close:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.data-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;padding:16px 35px;overflow-y:auto;flex:1 1 auto;min-height:0;height:100%;width:calc(78vw + (100vw - 78vw) * (1 - var(--sidebar-visible, 1)));margin-top:10px;box-sizing:border-box;align-items:start}.grid-view-header{display:flex;justify-content:space-between;align-items:center;padding:12px 35px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;margin-top:10px}.grid-select-all-container{display:flex;align-items:center;gap:10px}.grid-select-all-checkbox{width:18px;height:18px;cursor:pointer}.grid-select-all-label{font-size:14px;font-weight:500;color:#333}.grid-entry-count{font-size:13px;color:#666;font-weight:500}.grid-actions-bar{display:flex;gap:12px;padding:12px 35px;background:#fff;border-bottom:1px solid #e0e0e0}.grid-actions-bar .add-new-entery-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px;box-shadow:0 2px 4px #667eea33}.grid-actions-bar .add-new-entery-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.grid-actions-bar .add-property-button{background:#fff;color:#667eea;border:1.5px solid #667eea;border-radius:6px;padding:8px 14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px;box-shadow:0 1px 3px #667eea26}.grid-actions-bar .add-property-button:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #667eea4d}@media (max-width: 1400px){.data-grid-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 1200px){.data-grid-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:16px 20px}}@media (max-width: 992px){.data-grid-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:16px 15px}}.data-grid-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;transition:all .2s ease}.data-grid-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.data-grid-card.selected{border-color:#667eea;box-shadow:0 4px 12px #667eea40}.data-grid-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0;gap:8px}.card-checkbox{width:18px;height:18px;cursor:pointer;flex-shrink:0}.copy-link-btn-grid{height:28px;width:28px;background:transparent;color:#94a3b8;border:1px solid #e2e8f0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:6px;flex-shrink:0}.copy-link-btn-grid:hover{background:#f1f5f9;color:#5568d3;border-color:#667eea}.copy-link-btn-grid:active{transform:translateY(0);background:#e2e8f0}.highlighted-entry-card{background-color:#fff9e6!important;border:2px solid #ffc107!important;animation:highlightPulse 2s ease-in-out}@keyframes highlightPulse{0%,to{box-shadow:0 0 #ffc107b3}50%{box-shadow:0 0 0 8px #ffc10700}}.card-expand-btn{background:transparent;border:none;color:#667eea;font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease}.card-expand-btn:hover{background:#f0f4ff}.data-grid-card-body{display:flex;flex-direction:column;gap:12px}.data-grid-field{display:flex;flex-direction:column;gap:4px}.data-grid-field-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.data-grid-field-value{font-size:14px;color:#333;word-break:break-word}@media (max-width: 768px){.grid-view-header{padding:10px 12px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.grid-actions-bar{gap:8px;flex-wrap:wrap}.grid-actions-bar .add-new-entery-button,.grid-actions-bar .add-property-button{font-size:13px;padding:7px 12px;flex:1;min-width:max-content}.grid-entry-count{font-size:12px;flex:1 1 100%;text-align:start}.data-grid-container{grid-template-columns:1fr;gap:12px;padding:12px;width:100%;max-width:100%;width:95vw;height:auto;overflow-y:visible;overflow-x:hidden;box-sizing:border-box}.data-grid-card{padding:12px;width:100%;max-width:100%;box-sizing:border-box}}@media (max-width: 480px){.data-grid-container{padding:8px;gap:8px}.data-grid-card{padding:10px;border-radius:8px}.data-grid-field-label{font-size:11px}.data-grid-field-value{font-size:13px}}.search-box-container{display:flex;flex-direction:column;gap:6px;padding:0;background:none;border-radius:8px;border:none;max-width:320px;position:relative}.search-box-flex-row{display:flex;align-items:center;width:100%;position:relative}.search-toggle-btn-full{width:100%}.search-toggle-label{margin-left:6px}.search-input-wrapper-wide{min-width:300px;max-width:520px;width:100%;transition:max-width .3s}.search-input.search-input-full{width:100%;transition:width .3s}.search-input.search-input-min{width:60px;transition:width .3s}.toggle-properties-label{margin-left:8px;font-size:14px;padding:2px 8px;border-radius:12px;transition:background .2s,color .2s}.search-input-wrapper{display:flex;align-items:center;background:#fff;padding:6px 14px;border-radius:20px;border:none;box-shadow:none;position:relative;min-width:120px;max-width:320px;width:100%;box-sizing:border-box;transition:box-shadow .2s,min-width .3s,max-width .3s,border-radius .2s;margin-bottom:0}.search-box-container.search-options-open .search-input-wrapper{border-bottom-left-radius:0;border-bottom-right-radius:0}.search-toggle-btn{background:#fff;border:none;border-radius:20px;padding:8px 18px;cursor:pointer;display:flex;align-items:center;font-size:.98rem;font-weight:500;box-shadow:none;transition:background .15s;min-width:120px;max-width:180px}.search-toggle-btn:hover{background:#f2f4f8}.search-icon-table-data{color:#888;margin-left:6px}.search-icon-table-data.en{margin-right:6px}.search-input-wrapper input{flex:1;background:transparent;border:none;outline:none;color:#222;font-size:15px;padding:4px 0;min-width:60px;transition:width .3s}.clear-search-btn{background:transparent;border:none;color:#999;cursor:pointer;padding:0;margin-left:6px;transition:color .2s}.clear-search-btn:hover{color:#e74c3c}.toggle-properties-btn{border:none;background:transparent;color:#888;cursor:pointer;padding:2px;margin-left:6px;transition:background .2s,color .2s;display:flex;align-items:center}.toggle-properties-btn:hover{background:#f2f4f8;border-radius:4px}.searchable-properties-selector{display:flex;flex-direction:column;gap:8px;position:absolute;left:0;top:100%;width:100%;max-width:320px;box-sizing:border-box;z-index:10;background:#fff;box-shadow:0 4px 16px #0000001f;border-radius:0 0 20px 20px;border-top:none;padding:8px 14px 12px}.searchable-properties-selector .label{font-size:12px;color:#666;font-weight:600;margin-bottom:4px}.temp-filter-form{padding:var(--space-2);min-width:700px}@media (max-width: 768px){.temp-filter-form{min-width:100%;padding:var(--space-3);width:100%;box-sizing:border-box}}.ai-filter-generator{background-color:var(--primary-50);padding:var(--space-4);border-radius:var(--radius-base);margin-bottom:var(--space-6);border:1px solid var(--primary-100)}.ai-prompt-input-group{display:flex;gap:var(--space-2);align-items:flex-start}@media (max-width: 768px){.ai-prompt-input-group{flex-direction:column;gap:var(--space-3)}}.ai-prompt-input-group .ai-prompt-input-container{flex:1}@media (max-width: 768px){.ai-prompt-input-group .ai-prompt-input-container{width:100%}}.ai-generate-btn{background-color:var(--primary)!important;color:#fff!important;padding:var(--btn-padding-base)!important;border:none;border-radius:var(--radius-base);cursor:pointer;white-space:nowrap;font-weight:var(--font-medium);transition:var(--transition-all);align-self:flex-end;margin-bottom:2px}@media (max-width: 768px){.ai-generate-btn{width:100%;align-self:stretch;min-height:44px;margin-bottom:0}}.ai-generate-btn:hover:not(:disabled){background-color:var(--primary-hover)!important}.ai-generate-btn:disabled{background-color:var(--gray-400)!important;cursor:not-allowed;opacity:.6}.custom-multiselect-filter-form{min-height:40px;border:1px solid #ccc;padding:6px;border-radius:4px}.custom-multiselect-filter-form .selected-tags{display:flex;flex-wrap:wrap;gap:4px}.custom-multiselect-filter-form .selected-tag{display:inline-flex;align-items:center;background:#e0e0e0;border-radius:12px;padding:2px 8px;margin-right:4px}.custom-multiselect-filter-form .selected-tag .remove-tag-btn{margin-left:6px;background:none!important;border:none!important;cursor:pointer!important;font-weight:700!important;box-shadow:none!important;color:inherit!important;padding:0!important}.custom-multiselect-filter-form select{margin-top:4px}.filter-condition-group{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);position:relative}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-light)}@media (max-width: 768px){.group-header{flex-wrap:wrap;gap:var(--space-2)}}.group-label{font-weight:var(--font-semibold);color:var(--primary);font-size:var(--text-base)}.remove-group-btn{background:transparent;border:none;color:var(--error-500);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;transition:var(--transition-fast)}.remove-group-btn:hover{color:var(--error-600)}.group-conditions{display:flex;flex-direction:column;gap:var(--space-0)}.filter-condition{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;background:var(--bg-secondary);padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-base);position:relative}@media (max-width: 768px){.filter-condition{flex-direction:column;align-items:stretch;padding:var(--space-2)}}.filter-condition select,.filter-condition input{flex:1;min-width:150px;padding:var(--input-padding);background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-base);font-size:var(--text-sm);font-family:var(--font-family);transition:var(--transition-all);outline:none}@media (max-width: 768px){.filter-condition select,.filter-condition input{min-width:100%;width:100%;font-size:16px}}.filter-condition select:focus,.filter-condition input:focus{border-color:var(--border-color);background-color:var(--bg-secondary)}.remove-condition-btn{background:transparent;border:none;color:var(--error-500);cursor:pointer;padding:var(--space-2);display:flex;align-items:center;transition:var(--transition-fast)}@media (max-width: 768px){.remove-condition-btn{min-width:44px;min-height:44px;justify-content:center}}.remove-condition-btn:hover{color:var(--error-600)}.condition-separator{display:block;width:100%;text-align:center;color:var(--primary);font-weight:var(--font-semibold);font-size:var(--text-sm);padding:var(--space-1);border-radius:var(--radius-sm)}.add-condition-btn{background:var(--bg-secondary);color:var(--primary);padding:var(--btn-padding-sm);border:none;border-radius:var(--radius-base);cursor:pointer;font-weight:var(--font-medium);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2);align-self:flex-start;transition:var(--transition-all)}@media (max-width: 768px){.add-condition-btn{width:100%;justify-content:center;min-height:44px;padding:var(--btn-padding-base)}}.add-condition-btn:hover{box-shadow:var(--shadow-sm)}.filter-groups-container{margin-top:var(--space-6)}.filter-groups-container h4{margin-bottom:var(--space-2);color:var(--text-primary);font-weight:var(--font-semibold);font-size:var(--text-lg)}.filter-groups-container>.filter-condition-group:not(:first-of-type){position:relative;margin-top:var(--space-6)}.filter-groups-container>.filter-condition-group:not(:first-of-type):before{content:"OR";position:absolute;top:calc(-1 * var(--space-6) / 2 - 12px);left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:4px 20px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:1px;box-shadow:var(--shadow-sm);z-index:10}.filter-groups-help{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);padding:var(--space-2);background:var(--info-50);border-left:3px solid var(--info-500);border-radius:var(--radius-sm)}.add-group-btn{background:var(--bg-secondary);color:var(--primary);padding:var(--btn-padding-base);border-radius:var(--radius-base);cursor:pointer;font-weight:var(--font-medium);font-size:var(--text-base);display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);transition:var(--transition-all)}@media (max-width: 768px){.add-group-btn{width:100%;justify-content:center;min-height:44px}}.add-group-btn:hover{border:.2px solid var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.filter-dropdown{position:relative}.filter-dropdown-menu{width:850px;max-width:calc(100vw - 40px);max-height:80vh;overflow-y:auto;overflow-x:auto;box-shadow:var(--shadow-md);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.filter-dropdown-menu{width:100%;max-width:100%;max-height:85vh;overflow-x:hidden;box-sizing:border-box}}.filter-dropdown-header{padding-bottom:var(--space-3);border-bottom:2px solid var(--gray-100)}@media (max-width: 768px){.filter-dropdown-header{padding-bottom:var(--space-2)}}.segmented-toggle{display:flex;position:relative;background:var(--primary-50);border-radius:var(--radius-md);padding:var(--space-1);width:fit-content;box-shadow:0 2px 8px #3b82f614}@media (max-width: 768px){.segmented-toggle{width:100%}}.segmented-toggle-btn{background:transparent;border:none;color:var(--primary-700);font-weight:600;padding:8px 28px;border-radius:var(--radius-base);cursor:pointer;position:relative;z-index:2;transition:color .18s}@media (max-width: 768px){.segmented-toggle-btn{padding:8px 16px;font-size:var(--text-sm);flex:1}}.segmented-toggle-btn.active{color:var(--text-inverse)}.segmented-toggle-indicator{position:absolute;top:var(--space-1);left:var(--space-1);width:calc(50% - var(--space-1));height:calc(100% - 8px);background:var(--primary);border-radius:var(--radius-base);transition:left .22s cubic-bezier(.4,0,.2,1);z-index:1}.segmented-toggle-indicator.saved{left:var(--space-1)}.segmented-toggle-indicator.temp{left:calc(50% + var(--space-1))}.filter-search-wrapper{position:relative;width:100%}.filter-search-wrapper .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.filter-search-wrapper .input{padding-left:34px}[dir=rtl] .filter-search-wrapper .search-icon{left:auto;right:10px}[dir=rtl] .filter-search-wrapper .input{padding-left:var(--space-4);padding-right:34px}[dir=rtl] .segmented-toggle-indicator{left:auto;right:var(--space-1);transition:right .22s cubic-bezier(.4,0,.2,1)}[dir=rtl] .segmented-toggle-indicator.saved{right:var(--space-1)}[dir=rtl] .segmented-toggle-indicator.temp{right:calc(50% + var(--space-1))}.selected-filters-wrapper{background:var(--primary-50);border:2px solid var(--primary-200)}.selected-filters-label{color:var(--primary-700)}.selected-filter-chip{position:relative;background:var(--primary-100);color:var(--primary-800);padding:6px 14px 6px 12px;min-width:80px;font-weight:600;border:1px solid var(--primary-300)}@media (max-width: 768px){.selected-filter-chip{padding:6px 12px 6px 10px;font-size:var(--text-sm);min-width:60px}}.remove-selected-filter-btn{position:absolute;top:-7px;right:-7px;background:var(--bg-primary);border:1px solid var(--primary-300);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 2px 6px #3b82f626;transition:var(--transition-all);z-index:2}.remove-selected-filter-btn:hover{background:var(--gray-100);border-color:var(--primary)}.filter-options{max-height:250px;overflow-y:auto;padding-bottom:5px}@media (max-width: 768px){.filter-options{max-height:200px}}.filter-option{padding:6px 12px;cursor:pointer;border-radius:var(--radius-base);background:var(--gray-50);border:1px solid var(--border-color);font-size:var(--text-sm);font-weight:500;white-space:nowrap;transition:var(--transition-all)}.filter-options-empty{padding:8px;width:100%}@media (max-width: 768px){.filter-option{padding:8px 10px;font-size:13px;min-height:44px;display:flex;align-items:center}}.filter-option:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.filter-option.active{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.filter-checkbox{margin-right:8px;cursor:pointer;width:16px;height:16px;accent-color:var(--primary)}.filter-dropdown-temp-form{max-height:500px;min-width:700px;overflow-y:auto;overflow-x:visible}@media (max-width: 768px){.filter-dropdown-temp-form{min-width:100%;max-height:65vh;overflow-x:hidden}}.temp-filter-form-header{color:var(--primary-700)}.temp-filter-form-scroll{overflow-y:auto;max-height:300px;margin-bottom:var(--space-3);padding-right:var(--space-1)}@media (max-width: 768px){.temp-filter-form-scroll{max-height:40vh;padding-right:0}}.save-filter-form-section{background:var(--primary-50);border:1px solid var(--primary-200)}@media (max-width: 768px){.save-filter-form-section{padding:var(--space-3)}}.quick-filter-preference-toggle{padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-border)}.quick-filter-preference-toggle label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.import-summary-modal{padding:32px 24px 24px;min-width:420px}.import-summary-table-wrapper{max-height:45vh;overflow:auto;margin-top:10px}.import-summary-table{width:100%;border-collapse:collapse;font-size:.98rem}.import-summary-table th,.import-summary-table td{border:1px solid #e0e0e0;padding:6px 10px;text-align:left}.import-summary-table th{background:#f7f7f7}.failed-row{background:#ffeaea}.updated-row{background:#eaf7ff}.imported-row{background:#eaffea}.download-link{color:#1a73e8;text-decoration:underline;font-weight:500;font-size:1rem}.excel-import-wizard{display:flex;flex-direction:column;min-height:500px;max-height:80vh}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light)}.wizard-header h2{margin:0;font-size:var(--text-xl);color:var(--text-primary)}.wizard-header .target-table{font-size:var(--text-sm);color:var(--text-secondary);margin-inline-end:40px}.wizard-stages{display:flex;justify-content:center;align-items:center;padding:var(--space-4) var(--space-6);background:var(--bg-secondary);gap:var(--space-2)}.stage-item{display:flex;align-items:center;gap:var(--space-2);position:relative}.stage-icon{width:32px;height:32px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--border-medium);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .3s ease}.stage-item.active .stage-icon{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.stage-item.completed .stage-icon{background:var(--success-500);border-color:var(--success-500);color:#fff}.stage-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium)}.stage-item.active .stage-label{color:var(--primary-600);font-weight:var(--font-semibold)}.stage-item.completed .stage-label{color:var(--success-600)}.stage-connector{width:40px;height:2px;background:var(--border-medium);margin:0 var(--space-2)}.stage-item.completed+.stage-item .stage-connector,.stage-item.completed .stage-connector{background:var(--success-500)}.wizard-content{flex:1;overflow-y:auto;padding:var(--space-6)}.upload-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;position:relative}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);border:2px dashed var(--border-medium);border-radius:var(--radius-lg);background:var(--bg-secondary);cursor:pointer;transition:all .2s ease;width:100%;max-width:500px}.upload-area:hover{border-color:var(--primary-400);background:var(--primary-50)}.upload-area.dragging{border-color:var(--primary-500);background:var(--primary-100);border-width:3px;transform:scale(1.02)}.upload-icon{color:var(--primary-500);margin-bottom:var(--space-4)}.upload-area h3{margin:0 0 var(--space-2);color:var(--text-primary);font-size:var(--text-lg)}.upload-area p{margin:0;color:var(--text-muted);font-size:var(--text-sm)}.upload-area.file-selected{border-color:var(--success-400);background:var(--success-50);border-style:solid}.upload-area.file-selected:hover{border-color:var(--success-500);background:var(--success-100)}.file-name{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-base);margin-top:var(--space-3)}.file-stats{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3)}.loading-overlay p{color:var(--text-secondary);font-weight:var(--font-medium)}.mapping-stage{display:flex;flex-direction:column;gap:var(--space-4)}.mapping-header-excel{display:flex;justify-content:space-between;align-items:center;align-items:flex-start;gap:var(--space-4)}.mapping-info h3{margin:0 0 var(--space-1);font-size:var(--text-lg)}.mapping-info p{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.file-reference{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-medium)}.ai-suggest-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--primary-500),var(--accent-purple-end));color:#fff;border:none;border-radius:var(--radius-base);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap}.ai-suggest-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.ai-suggest-btn:disabled{opacity:.7;cursor:not-allowed}.ai-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--warning-50);border:1px solid var(--warning-200);border-radius:var(--radius-base);color:var(--warning-700);font-size:var(--text-sm)}.mapping-table-wrapper{overflow-x:auto;border:1px solid var(--border-light);border-radius:var(--radius-base)}.mapping-table{width:100%;border-collapse:collapse}.mapping-table th{text-align:start;padding:var(--space-3);background:var(--bg-secondary);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.mapping-table td{padding:var(--space-3);border-bottom:1px solid var(--border-light);vertical-align:middle}.mapping-table tr:last-child td{border-bottom:none}.header-cell{display:flex;align-items:center;gap:var(--space-2)}.column-letter{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-sm);font-weight:var(--font-bold);font-size:var(--text-xs)}.header-name{font-weight:var(--font-medium)}.sample-cell{color:var(--text-secondary);font-size:var(--text-sm);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-value{color:var(--text-muted)}.mapping-select{width:100%;padding:var(--space-2);border:1px solid var(--border-medium);border-radius:var(--radius-base);background:#fff;font-size:var(--text-sm)}.mapping-select:focus{border-color:var(--primary-400);outline:none;box-shadow:0 0 0 2px var(--primary-100)}.confidence-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:capitalize}.confidence-low{background:var(--bg-tertiary);color:var(--text-muted)}.import-options{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-base);display:flex;flex-direction:column;gap:var(--space-3)}.import-options h4{margin:0 0 var(--space-2);font-size:var(--text-base)}.option-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm)}.option-checkbox input{width:16px;height:16px;accent-color:var(--primary-500)}.id-column-select{display:flex;align-items:center;gap:var(--space-3);padding-inline-start:var(--space-6)}.id-column-select label{font-size:var(--text-sm);color:var(--text-secondary)}.id-column-select select{padding:var(--space-2);border:1px solid var(--border-medium);border-radius:var(--radius-base);font-size:var(--text-sm)}.preview-stage{display:flex;flex-direction:column;gap:var(--space-4)}.preview-header h3{margin:0 0 var(--space-1)}.preview-header p{margin:0;color:var(--text-secondary)}.preview-summary{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-base)}.summary-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-6);background:#fff;border-radius:var(--radius-base);flex:1}.summary-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--primary-600)}.mapped-columns-list{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-base)}.mapped-columns-list h4{margin:0 0 var(--space-3)}.mapping-list{display:flex;flex-direction:column;gap:var(--space-2)}.mapping-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#fff;border-radius:var(--radius-base)}.excel-header{font-weight:var(--font-medium);color:var(--text-primary)}.arrow-icon{color:var(--text-muted)}.property-name{color:var(--primary-600);font-weight:var(--font-medium)}.property-type{color:var(--text-muted);font-size:var(--text-sm)}.preview-table-wrapper{margin-top:var(--space-4)}.preview-table-wrapper h4{margin:0 0 var(--space-3)}.preview-table{width:100%;border-collapse:collapse;border:1px solid var(--border-light);border-radius:var(--radius-base);overflow:hidden}.preview-table th{background:var(--bg-secondary);padding:var(--space-2) var(--space-3);text-align:start;font-weight:var(--font-semibold);font-size:var(--text-sm);border-bottom:1px solid var(--border-light)}.preview-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-light);font-size:var(--text-sm)}.preview-table tr:last-child td{border-bottom:none}.importing-stage{display:flex;align-items:center;justify-content:center;min-height:300px}.importing-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.importing-content h3{margin:0}.importing-content p{margin:0;color:var(--text-secondary)}.complete-stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-6)}.import-success,.import-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.success-icon{color:var(--success-500)}.error-icon{color:var(--error-500)}.import-success h3,.import-error h3{margin:0}.import-error p{color:var(--text-secondary)}.results-summary{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.result-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-6);background:var(--bg-secondary);border-radius:var(--radius-base);min-width:120px}.result-count{font-size:var(--text-3xl);font-weight:var(--font-bold)}.result-item.success .result-count{color:var(--success-600)}.result-item.updated .result-count{color:var(--primary-600)}.result-item.skipped .result-count{color:var(--text-muted)}.result-item.failed .result-count{color:var(--error-600)}.result-label{font-size:var(--text-sm);color:var(--text-secondary)}.download-summary{margin-top:var(--space-4)}.download-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-base);text-decoration:none;font-weight:var(--font-medium);transition:all .2s ease}.download-btn:hover{background:var(--bg-tertiary);border-color:var(--border-dark)}.wizard-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);background:var(--bg-secondary)}.footer-left,.footer-right{display:flex;gap:var(--space-3)}.wizard-footer .btn{display:flex;align-items:center;gap:var(--space-2)}.wizard-footer .import-btn{background:var(--success-500)}.wizard-footer .import-btn:hover{background:var(--success-600)}.spinner.large{color:var(--primary-500)}@media (max-width: 768px){.wizard-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.wizard-stages{flex-wrap:wrap;gap:var(--space-3)}.stage-connector,.stage-label{display:none}.mapping-header-excel{flex-direction:column}.ai-suggest-btn{width:100%;justify-content:center}.preview-summary{flex-direction:column}.results-summary{flex-direction:column;width:100%}.result-item{width:100%}.wizard-footer{flex-direction:column;gap:var(--space-3)}.footer-left,.footer-right{width:100%}.footer-left .btn,.footer-right .btn{flex:1;justify-content:center}}.excel-manager{display:flex;align-items:center;margin:12px 0}.more-dropdown-menu{box-shadow:0 4px 16px #0000001a;border-radius:10px;background:#fff;padding:8px 0;min-width:200px}.dropdown-option{display:flex;align-items:center;gap:10px;padding:10px 18px;font-weight:500;font-size:15px;cursor:pointer;border:none;background:none;transition:background .18s,color .18s;border-bottom:1px solid #f0f0f0}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:#f5faff}.dropdown-option.loading{opacity:.7;cursor:not-allowed}.excel-import-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px}.excel-import-loading-text{font-size:18px;font-weight:500;color:#217346}.excel-spinner{border:3px solid #e3f2e9!important;border-top:3px solid #217346!important}.viewsbar-save-text{cursor:pointer;color:#16a085;text-decoration:none;display:inline-flex;align-items:center;gap:6px;margin:16px 0 8px;font-weight:500;font-size:14px;padding:8px 12px;border-radius:6px;transition:all .2s;background:#16a08514}.viewsbar-save-text:hover,.viewsbar-save-text:focus{color:#138d75;background:#16a08526;transform:translate(2px)}.viewsbar-container{color:#222;padding:20px;width:520px;min-height:320px;max-height:600px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014}.viewsbar-title{margin-bottom:16px;font-size:20px;font-weight:700;border-bottom:2px solid #e8eaed;padding-bottom:12px;color:#1a1a1a;letter-spacing:-.3px}.viewsbar-list{list-style:none;margin:0;padding:0}.viewsbar-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px;border-radius:6px;background:#f8f9fb;transition:all .15s}.viewsbar-item:hover{background:#eef2f7;transform:translate(2px)}.viewsbar-btn{background:#f5f7fa;border:1px solid #e0e4e9;padding:8px 14px;border-radius:6px;cursor:pointer;transition:all .2s;color:#1a1a1a;font-weight:500;font-size:14px}.viewsbar-btn:hover{background:#eef2f7;border-color:#cbd2da;transform:translateY(-1px);box-shadow:0 2px 4px #0000000f}.viewsbar-delete{background:transparent;border:none;color:#e74c3c;font-size:14px;cursor:pointer;transition:all .15s;padding:4px 8px;border-radius:4px}.viewsbar-delete:hover{color:#c0392b;background:#e74c3c1a}.viewsbar-actions{margin:14px 0;display:flex;gap:10px;flex-wrap:wrap}.viewsbar-clear{background:#f5f7fa;border:1px solid #e0e4e9;padding:8px 14px;border-radius:6px;cursor:pointer;color:#1a1a1a;font-weight:500;font-size:14px;transition:all .2s}.viewsbar-clear:hover{background:#eef2f7;border-color:#cbd2da;transform:translateY(-1px)}.viewsbar-clear:disabled{opacity:.5;cursor:not-allowed;transform:none}.viewsbar-new{display:flex;gap:10px;align-items:stretch;background:#f8f9fb;padding:12px;border-radius:8px;border:1px solid #e8eaed}.viewsbar-input{flex:1;padding:10px 14px;border-radius:6px;border:1px solid #cbd2da;background:#fff;color:#1a1a1a;font-size:14px;outline:none;transition:all .2s;font-family:inherit}.viewsbar-input:focus{border-color:#16a085;box-shadow:0 0 0 3px #16a0851a}.viewsbar-input::placeholder{color:#999}.viewsbar-save{background:linear-gradient(135deg,#16a085,#138d75);border:none;padding:10px 20px;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .2s;box-shadow:0 2px 6px #16a08540}.viewsbar-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #16a08559}.viewsbar-save:active{transform:translateY(0)}.viewsbar-popup{background:#fff;box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-lg);border-radius:12px;padding:0;margin-top:10px;border:1px solid #e8eaed;animation:fadeInViewsBar .2s}@keyframes fadeInViewsBar{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.viewsbar-dropdown-menu::-webkit-scrollbar{width:8px}.viewsbar-dropdown-menu::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.viewsbar-dropdown-menu::-webkit-scrollbar-thumb{background:#cbd2da;border-radius:4px}.viewsbar-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#9ca3af}.viewsbar-checkbox-item{display:none}.viewsbar-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}.viewsbar-dropdown{position:relative}.viewsbar-dropdown-btn{background:#f5f7fa;border:1px solid #e0e4e9;padding:10px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;color:#1a1a1a;transition:all .2s;box-shadow:0 1px 2px #0000000a}.viewsbar-dropdown-btn:hover{background:#eef2f7;border-color:#cbd2da;transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.viewsbar-dropdown-menu{background:#fff;border:1px solid #e0e4e9;box-shadow:0 8px 24px #0000001f;border-radius:10px;padding:12px;min-width:280px;max-width:90vw;animation:fadeInSlide .2s ease-out;max-height:320px;overflow-y:auto}.viewsbar-dropdown-rtl .dropdown-menu{left:auto!important;right:0!important}.dropdown-menu-container:not(.viewsbar-dropdown-rtl) .dropdown-menu{left:0!important;right:auto!important}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.viewsbar-dropdown-header{margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #f0f2f5}.viewsbar-dropdown-title{margin:0;font-size:14px;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px}.viewsbar-columns-menu{min-width:320px;max-width:min(420px,85vw)}.viewsbar-views-menu{min-width:260px;max-width:min(360px,85vw)}.viewsbar-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:6px;transition:all .15s;margin-bottom:4px}.viewsbar-dropdown-item:hover{background:#f7f9fc}.viewsbar-view-btn{background:transparent;border:none;padding:6px 10px;border-radius:6px;color:#333;font-weight:500;font-size:14px;cursor:pointer;transition:all .15s;flex:1;text-align:left}.viewsbar-view-btn:hover{background:#eef2f7;color:#16a085}.viewsbar-view-btn.active{background:linear-gradient(135deg,#16a085,#138d75);color:#fff;font-weight:600;box-shadow:0 2px 6px #16a08540}.viewsbar-delete-icon{color:#e74c3c;cursor:pointer;transition:all .15s;padding:4px;border-radius:4px}.viewsbar-delete-icon:hover{color:#c0392b;background:#e74c3c1a;transform:scale(1.1)}.viewsbar-dropdown-empty{padding:16px;text-align:center;color:#999;font-size:13px;font-style:italic}.viewsbar-sort-state{background:#f8f9fb;border:1px solid #e8eaed;border-radius:8px;padding:14px;margin:16px 0;font-size:13px}.viewsbar-section-header{margin-bottom:10px;font-size:13px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px}.viewsbar-sort-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.viewsbar-sort-item{display:flex;align-items:center;gap:8px;background:#fff;padding:8px 12px;border-radius:6px;border:1px solid #e8eaed;transition:all .15s}.viewsbar-sort-item:hover{border-color:#cbd2da;box-shadow:0 1px 3px #0000000f}.viewsbar-sort-field{flex:1;font-weight:500;color:#333;font-size:13px}.viewsbar-sort-arrow{font-size:16px;font-weight:600}.viewsbar-sort-asc{color:#16a085}.viewsbar-sort-desc{color:#e74c3c}.viewsbar-sort-order{background:#e8eaed;color:#666;font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px}.viewsbar-sort-none{color:#999;font-style:italic;font-size:13px}.viewsbar-checkbox-item{display:flex;gap:6px;padding:4px;align-items:center}.viewsbar-count-badge{background:linear-gradient(135deg,#16a085,#138d75);color:#fff;border-radius:10px;font-size:11px;padding:3px 8px;font-weight:700;box-shadow:0 1px 3px #16a0854d}.viewsbar-active-indicator{color:#16a085;font-size:10px;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.viewsbar-clear-selection-btn{font-style:normal;color:#666;background:#f5f7fa;border:1px solid #e0e4e9;padding:10px 16px;cursor:pointer;transition:all .2s;border-radius:8px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}.viewsbar-clear-selection-btn:hover{color:#e74c3c;background:#fff;border-color:#e74c3c;transform:translateY(-1px);box-shadow:0 2px 4px #e74c3c26}.viewsbar-section{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e8eaed}.viewsbar-section-header{margin-bottom:8px;font-size:13px;color:#666;font-weight:600}.viewsbar-display-mode-buttons{display:inline-flex;background:#f5f7fa;border-radius:6px;padding:2px;border:1px solid #e0e4e9}.viewsbar-display-btn{flex:1;min-width:65px;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s;font-size:12px;font-weight:500;color:#666;white-space:nowrap}.viewsbar-display-btn:hover{background:#667eea14;color:#333}.viewsbar-display-btn.active{background:#667eea;color:#fff;box-shadow:0 1px 3px #0000001a}.viewsbar-display-btn.active:hover{background:#5a6fd8}.viewsbar-display-hint{margin-top:10px;padding:8px 12px;background:#667eea0d;border-radius:6px;font-size:13px;color:#555;border-left:3px solid #667eea}.viewsbar-display-hint strong{color:#667eea}@media (max-width: 768px){.viewsbar-container{width:100%;max-width:100%;padding:16px;max-height:80vh;max-height:90vh;border-radius:16px 16px 0 0;box-sizing:border-box}.viewsbar-title{font-size:18px}.viewsbar-item{flex-direction:column;align-items:flex-start;gap:8px}.viewsbar-btn,.viewsbar-clear-selection-btn{width:100%;justify-content:center}.viewsbar-display-mode-buttons{flex-direction:column}.viewsbar-display-btn{width:100%;min-width:auto}}.filter-form{padding:var(--space-2);min-width:700px}@media (max-width: 768px){.filter-form{min-width:100%;padding:var(--space-3)}}.filter-name-label{display:block;margin-bottom:var(--space-4);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-primary)}.filter-name-input{width:100%;padding:var(--input-padding);background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-base);margin-top:var(--space-2);font-size:var(--text-sm);font-family:var(--font-family);transition:var(--transition-all);outline:none;box-sizing:border-box}.filter-name-input:focus{border-color:var(--border-color);background-color:var(--bg-secondary)}.filter-submit-btn{background:var(--primary);color:#fff;padding:var(--btn-padding-base);border:none;border-radius:var(--radius-base);cursor:pointer;width:100%;margin-top:var(--space-4);font-size:var(--text-base);font-weight:var(--font-semibold);transition:var(--transition-all)}.filter-submit-btn:hover{background:var(--primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.filter-list{max-height:65vh;overflow-y:auto;border:none;border-radius:0;background-color:transparent;font-family:var(--font-family);margin-top:0;padding:4px}@media (max-width: 768px){.filter-list{max-height:70vh;padding:2px}}.filter-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);font-size:var(--text-sm);color:var(--text-primary);transition:var(--transition-all);cursor:pointer;border-radius:var(--radius-md);margin-bottom:var(--space-3);background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-xs);min-height:60px}@media (max-width: 768px){.filter-item{flex-direction:column;align-items:flex-start;padding:var(--space-3);gap:var(--space-3);min-height:auto}}.filter-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px);background:var(--bg-hover)}.filter-item:last-child{margin-bottom:0}.filter-item-content{flex:1;overflow:hidden}@media (max-width: 768px){.filter-item-content{width:100%}}.filter-item-header{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-2)}@media (max-width: 768px){.filter-item-header{flex-wrap:wrap}}.filter-item-content h4{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);max-width:250px}@media (max-width: 768px){.filter-item-content h4{max-width:100%;white-space:normal}}.filter-search-wrapper-list{position:relative;width:100%}.filter-search-wrapper-list .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.filter-search-wrapper-list .input{padding-left:34px}@media (max-width: 768px){.filter-search-wrapper-list .search-icon{left:8px}.filter-search-wrapper-list .input{padding-left:32px}}[dir=rtl] .filter-search-wrapper-list .search-icon{left:auto;right:10px}[dir=rtl] .filter-search-wrapper-list .input{padding-left:var(--space-4);padding-right:34px}@media (max-width: 768px){[dir=rtl] .filter-search-wrapper-list .search-icon{right:8px}[dir=rtl] .filter-search-wrapper-list .input{padding-right:32px}}.filter-item-content ul{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none;font-size:var(--text-sm);color:var(--text-secondary)}.filter-item-content li{background-color:var(--primary-50);padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--text-xs);border:1px solid var(--primary-100);color:var(--text-secondary)}.filter-groups-display{display:flex;flex-direction:column;gap:var(--space-2)}.filter-group-display{position:relative}.or-separator{display:inline-block;background:var(--primary);color:#fff;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-bottom:var(--space-1);letter-spacing:.5px}.and-text{color:var(--primary);font-weight:var(--font-semibold);font-size:var(--text-xs);margin-left:var(--space-1)}.filter-actions{display:flex;gap:var(--space-2);margin-left:var(--space-3);flex-shrink:0}@media (max-width: 768px){.filter-actions{width:100%;margin-left:0;flex-wrap:wrap}}.filter-actions button{padding:var(--btn-padding-sm);font-size:var(--text-sm);font-weight:var(--font-medium);border:none;border-radius:var(--radius-base);cursor:pointer;color:#fff;transition:var(--transition-all);box-shadow:var(--shadow-xs)}@media (max-width: 768px){.filter-actions button{min-height:44px;min-width:44px;padding:var(--btn-padding-base);flex:1}}.filter-actions button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.filter-actions button:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.filter-activate-button{background:var(--success-500)}.filter-activate-button:hover{background:var(--success-600)}.filter-activate-button.Not-Active{background:var(--warning-500)}.filter-activate-button.Not-Active:hover{background:var(--warning-600)}.filter-actions .filter-edit-button{background:var(--primary);display:none}.filter-actions .filter-edit-button:hover{background:var(--primary-hover)}.filter-actions .filter-duplicate-button{background:var(--primary);display:flex;align-items:center;gap:var(--space-1)}.filter-actions .filter-duplicate-button:hover{background:var(--primary-hover)}.filter-actions .filter-delete-button{background:var(--error-500)}.filter-actions .filter-delete-button:hover{background:var(--error-600)}.filter-panel{padding:24px 28px}@media (max-width: 768px){.filter-panel{padding:16px 30px;box-sizing:border-box;width:100%;max-width:100%}}.filter-panel-header{padding-bottom:var(--space-4);padding-right:var(--space-8);border-bottom:2px solid var(--gray-100)}.create-filter-btn{margin-bottom:5px;width:fit-content}.published-toggle{width:fit-content;background-color:var(--primary-50)}.published-toggle.showing-published:hover{background:var(--primary-50);color:var(--primary-700)}.published-toggle.showing-table:hover{background:#e0f7fa;color:#00897b}.filter-view-content{background:var(--bg-tertiary);padding:var(--space-4);padding-top:var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-2);min-height:65vh}@media (max-width: 768px){.filter-view-content{min-height:50vh;padding:var(--space-2);padding-top:var(--space-2)}}.published-filter-panel{background:transparent;padding:0}.published-filter-panel .create-filter-btn{background:var(--primary)}.published-filter-panel .create-filter-btn:hover{background:var(--primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.published-filter-panel .back-to-list-btn{width:fit-content}.published-filter-panel-header h3{margin:0}.published-filter-form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-2);min-width:700px}@media (max-width: 768px){.published-filter-form{min-width:100%;padding:var(--space-3);width:100%;box-sizing:border-box}}.filter-field-label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-primary)}.filter-field-input,.filter-field-select{width:100%;padding:var(--input-padding);background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-base);margin-top:var(--space-2);font-size:var(--text-sm);font-family:var(--font-family);transition:var(--transition-all);outline:none;box-sizing:border-box}@media (max-width: 768px){.filter-field-input,.filter-field-select{font-size:16px;padding:12px}}.filter-field-input:focus,.filter-field-select:focus{border-color:var(--border-color);background-color:var(--bg-secondary)}.allowed-properties{background:var(--bg-secondary);padding:var(--space-3);border-radius:var(--radius-base);border:1px solid var(--border-light)}.allowed-properties h4{margin-bottom:var(--space-2);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.visibility-toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);padding:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-base);border:1px solid var(--border-light);transition:var(--transition-all)}.visibility-toggle:hover{background:var(--bg-tertiary)}.visibility-toggle input[type=checkbox]{width:auto;height:1rem;cursor:pointer;accent-color:var(--primary)}.published-filter-form .filter-submit-btn{background:var(--primary);color:#fff;padding:var(--btn-padding-base);border:none;border-radius:var(--radius-base);cursor:pointer;width:100%;margin-top:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);transition:var(--transition-all)}.published-filter-form .filter-submit-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.published-filter-form .filter-submit-btn:disabled{background:var(--gray-400);cursor:not-allowed;opacity:.6}.published-filter-list{max-height:65vh;overflow-y:auto;padding:4px}@media (max-width: 768px){.published-filter-list{max-height:70vh;padding:2px}}.no-filters-message{text-align:center;color:#666;padding:2rem;font-size:.9rem}.published-filter-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);transition:var(--transition-all);cursor:pointer;border-radius:var(--radius-base);margin-bottom:var(--space-3);background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-xs);min-height:60px}@media (max-width: 768px){.published-filter-item{flex-direction:column;align-items:flex-start;padding:var(--space-3);gap:var(--space-2);min-height:auto}}.published-filter-item:hover{border-color:var(--border-color);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.published-filter-item:last-child{margin-bottom:0}.published-filter-content{flex:1;overflow:hidden}.published-filter-header{display:flex;gap:10px;align-items:center;margin-bottom:8px}.published-filter-content h4{font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0;color:var(--text-primary)}.visibility-icon{flex-shrink:0}.visibility-icon.public{color:var(--primary)}.visibility-icon.private{color:var(--text-secondary)}.published-filter-details{display:flex;flex-direction:column;gap:6px}.filter-url-container{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.filter-url-container{flex-wrap:wrap;width:100%}}.filter-url{font-size:var(--text-xs);color:var(--text-secondary);background-color:var(--bg-secondary);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-light);font-family:Courier New,monospace;display:inline-block;width:fit-content}@media (max-width: 768px){.filter-url{word-break:break-all;font-size:11px;max-width:100%}}.copy-url-btn{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--primary);padding:5px 10px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-all);flex-shrink:0;height:fit-content}@media (max-width: 768px){.copy-url-btn{min-width:44px;min-height:44px;padding:8px 12px}}.copy-url-btn:hover{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--primary-hover)}.copy-url-btn:active{transform:scale(.95)}.allowed-props-tags{display:flex;flex-wrap:wrap;gap:6px}.prop-tag{background-color:var(--bg-secondary);padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--text-xs);border:1px solid var(--border-light);color:var(--text-primary)}.published-filter-actions .filter-delete-button{background:var(--error-500)}.published-filter-actions .filter-delete-button:hover{background:var(--error-600)}.quick-filter-bar{margin-left:35px;margin-right:35px;margin-top:var(--space-3);width:70vw;padding:0%;animation:slideInDown .3s ease-out}.quick-filter-bar.slide-out{animation:slideOutUp .3s ease-in forwards}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@media (max-width: 768px){.quick-filter-bar{margin-left:12px;margin-right:12px;margin-top:var(--space-2);width:calc(100vw - 24px)}}.quick-filter-bar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}@media (max-width: 768px){.quick-filter-bar-header{flex-wrap:wrap;gap:var(--space-2)}}.quick-filter-bar-chips-wrapper{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:1;min-width:0}.quick-filter-label{white-space:nowrap;flex-shrink:0}.quick-filter-chips-container{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1;min-width:0}.quick-filter-chip{position:relative;padding:6px 14px 6px 12px;min-width:80px;font-weight:600;text-transform:none;letter-spacing:normal;transition:var(--transition-all);cursor:pointer}@media (max-width: 768px){.quick-filter-chip{padding:6px 12px 6px 10px;min-width:60px;font-size:var(--text-sm)}}.quick-filter-selected{background:var(--primary-100);color:var(--primary-800);border:1px solid var(--primary-300)}.quick-filter-unselected{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300);cursor:pointer}.quick-filter-unselected:hover{background:var(--gray-200);border-color:var(--gray-400)}.quick-filter-remove-btn{position:absolute;top:-7px;right:-7px;background:var(--bg-primary);border:1px solid var(--primary-300);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 2px 6px #3b82f626;transition:var(--transition-all);z-index:2}.quick-filter-remove-btn:hover{background:var(--gray-100);border-color:var(--primary)}.quick-filter-clear-btn{flex-shrink:0;margin-inline-start:auto}.quick-filter-clear-btn:hover{transform:none!important}.refresh-btn-icon-wrapper{width:18px;height:18px;position:relative}.viewsbar-dot-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16a085;margin-inline-start:4px;vertical-align:middle}.table-controls-flex{position:relative}.table-name-header{font-size:18px;font-weight:600;color:#333;margin:0;padding:0;width:150px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;cursor:default}.table-entry-count{font-size:13px;color:#666;font-weight:500;margin-inline-start:auto;padding:6px 12px;background:#f8f9fa;border-radius:6px;white-space:nowrap}.quick-filter-toggle-icon{border-radius:4px;transition:all .2s ease;min-width:32px;height:32px}.quick-filter-toggle-icon:hover{background-color:#0000000d}.quick-filter-toggle-icon .btn-icon{display:flex;align-items:center;justify-content:center}.filter-dropdown-popup.filter-dropdown-position{position:absolute;top:100%;right:0;left:0;z-index:100;margin-top:10px}.filter-dropdown-popup.filter-dropdown-position.filter-dropdown-rtl{right:0;left:0}.viewsbar-inner-wrapper{position:relative;display:inline-block}.viewsbar-popup-position{position:absolute;top:100%;left:50%;margin-left:-300px;z-index:100}.viewsbar-popup-position.viewsbar-popup-rtl{left:auto;right:50%;margin-left:0;margin-right:-300px}.table-header-buttons.enhanced-ui{background:#f7f8fa;border-radius:10px;border:none;padding:10px 14px;box-shadow:none;height:35px}[dir=ltr] .table-header-buttons.enhanced-ui{margin-left:35px;margin-right:35px}[dir=rtl] .table-header-buttons.enhanced-ui{margin-right:50px;margin-left:35px}.enhanced-btn{background:#fff;color:#222}.enhanced-btn:hover,.enhanced-btn:focus{background:#f2f4f8}.enhanced-action-bar{margin-inline-start:30px}.enhanced-action-bar .enhanced-btn{background:#fff9;color:#222}.enhanced-action-bar .enhanced-btn:hover{background:#eef2fa}.open-FilterPanel.enhanced-btn{color:#222;padding:0 10px}.open-FilterPanel.enhanced-btn .btn-icon{display:flex;align-items:center;justify-content:center;padding:0!important;width:auto!important}.open-FilterPanel.enhanced-btn:hover{background:#eef2fa!important}.enhanced-select{padding:5px 10px;border-radius:6px;border:none;background:#f7f8fa;color:#222;font-size:.98rem;font-weight:500}.enhanced-select:disabled{opacity:.5;cursor:not-allowed}.viewsbar-popup-toggle{background:#fff;color:#222;padding:0 10px!important}.viewsbar-popup-toggle .btn-icon{display:flex;align-items:center;justify-content:center;padding:0!important;width:auto!important}.viewsbar-popup-toggle:hover{background:#eef2fa}.dropdown-wrapper{position:relative;display:inline-block}.table-buttons-dropdown-menu{border:none;border-radius:9px;min-width:200px;position:absolute;top:100%;left:0;z-index:200}.more-menu-align-end .table-buttons-dropdown-menu{left:0;right:auto}[dir=rtl] .more-menu-align-end .table-buttons-dropdown-menu{right:0;left:auto}.searchbox-wrapper{flex:1;min-width:160px;max-width:300px;margin-inline-start:10px}.btn-selected-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8e44ad;margin-inline-start:8px;vertical-align:middle}.filter-icon,.viewsbar-icon{display:flex;align-items:center;justify-content:center;padding:0!important;width:auto!important}.refresh-button-table-controls{padding:6px 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#fff!important}.refresh-button-table-controls:hover{transform:none!important;background:#eef2fa!important}.more-dropdown-toggle{padding:6px 10px!important;background-color:#fff!important}.more-dropdown-toggle .btn-icon{display:flex;align-items:center;justify-content:center;padding:0!important;width:auto!important}.more-dropdown-toggle:hover{background:#eef2fa!important}.viewsbar-wrapper{margin-inline-end:8px}@media (max-width: 1200px){.table-header-buttons.enhanced-ui{margin-left:20px;margin-right:20px}.enhanced-action-bar{margin-left:0}.table-name-header{max-width:160px}}@media (max-width: 992px){.table-controls-flex{gap:8px}.searchbox-wrapper{min-width:120px;max-width:200px}.btn-text{display:none}.table-name-header{max-width:140px;font-size:16px}}@media (max-width: 768px){.table-header-buttons.enhanced-ui{margin-left:12px;margin-right:12px;padding:8px 10px;gap:6px;height:auto;flex-wrap:wrap}.table-controls-flex{gap:14px;flex-wrap:wrap}.table-name-header{order:-2;flex:1 1 100%;max-width:calc(100% - 60px);font-size:16px;margin-bottom:4px;margin-inline-start:55px}.searchbox-wrapper{flex:1 1 100%;max-width:100%;order:-1}.enhanced-action-bar{gap:6px;flex-wrap:wrap}.refresh-button-table-controls{padding:6px 10px;background-color:#fff}.btn-lg{padding:6px 10px;font-size:.9rem}.filter-count-badge{font-size:10px;padding:2px 5px}.table-entry-count{font-size:11px;padding:4px 8px;width:100%;text-align:center;margin-inline-start:0;margin-top:8px}.filter-panel-btn .btn-text,.filter-panel-btn .btn-chevron,.viewsbar-popup-toggle .btn-text,.viewsbar-popup-toggle .btn-chevron{display:none}.filter-panel-btn.btn-lg,.viewsbar-popup-toggle.btn-lg{gap:0;padding:0!important;display:flex;align-items:center;justify-content:center}}@media (max-width: 480px){.table-header-buttons.enhanced-ui{margin-left:8px;margin-right:8px;padding:6px 8px}}.bulk-actions-bar.enhanced-bulk-bar{display:flex;align-items:center;gap:12px;width:100%}.bulk-actions-label{font-weight:600;font-size:.98rem;color:#222}.bulk-action-btn{background:#fff;color:#222;border:none;border-radius:7px;padding:6px 12px;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:7px;font-weight:500;font-size:.98rem;box-shadow:none;outline:none}.bulk-action-btn:hover:not(:disabled){background:#f2f4f8}.bulk-action-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-action-btn .btn-icon{display:flex;align-items:center}.bulk-action-btn .btn-text{margin-right:2px}.delete-selected-btn:hover:not(:disabled){background:#ffe6e6}.bulk-edit-selected-btn:hover:not(:disabled){background:#e6f3ff}.duplicate-selected-btn:hover:not(:disabled){background:#fff4e6}.send-email-btn:hover:not(:disabled){background:#e6ffe6}@media (max-width: 768px){.bulk-actions-bar.enhanced-bulk-bar{flex-wrap:wrap;gap:8px}.bulk-actions-label{font-size:.9rem;width:100%}.bulk-action-btn{padding:8px 12px;font-size:.9rem;min-width:44px}.bulk-action-btn .btn-text{display:none}.bulk-action-btn .btn-icon{margin:0}}.recipient-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;max-height:120px;overflow-y:auto;padding-right:4px}.recipient-chip{display:flex;align-items:center;background:#eaf4fb;color:#2563eb;border-radius:16px;padding:4px 12px 4px 10px;font-size:var(--text-sm);box-shadow:0 1px 2px #0000000a;transition:background .2s,color .2s;border:1px solid #cfe2f3;cursor:default}.recipient-chip.manual{background:#f3e8ff;color:#7c3aed;border:1px solid #e9d5ff}.recipient-chip .remove-chip{background:none;border:none;color:#d32f2f;margin-left:6px;font-size:1.1em;cursor:pointer;border-radius:50%;padding:2px 5px;transition:background .2s}.recipient-chip .remove-chip:hover{background:#ffeaea}.manual-recipients-row{width:100%;margin-bottom:8px}.manual-chips-row{display:flex;flex-wrap:wrap;gap:8px}.auto-recipients-row{width:100%}.auto-chips-row{display:flex;flex-wrap:wrap;gap:8px}.recipient-label-auto{margin-bottom:4px;font-size:.95em;color:#2563eb;font-weight:500}.recipient-label-manual{margin-bottom:4px;font-size:.95em;color:#7c3aed;font-weight:500}.recipient-label-none{color:gray;font-size:.98em}.add-recipient-row{display:flex;gap:8px;margin-top:8px;align-items:center}.add-recipient-row input[type=email]{flex:1;padding:6px 10px;border-radius:16px;border:1px solid #cfe2f3;background:#f8fafd;font-size:.97rem;transition:border-color .2s}.add-recipient-row input[type=email]:focus{border-color:#2563eb}.add-recipient-row button{padding:6px 16px;border-radius:16px;font-size:.97rem;background:#2563eb;color:#fff;border:none;cursor:pointer;transition:background .2s}.add-recipient-row button:disabled{background:#b0b0b0;cursor:not-allowed}.add-recipient-row button:hover:not(:disabled){background:#174ea6}.template-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.template-row select{flex:1}.template-row button{white-space:nowrap}.send-email-modal-wrapper{display:flex;flex-direction:column;max-height:80vh;overflow:hidden;padding:var(--space-3)}.modal-description{padding:var(--space-3) var(--space-4);background:#eff6ff;border-left:4px solid var(--primary);border-radius:var(--radius-md) var(--radius-md) 0 0;color:#1e40af;font-size:var(--text-base);line-height:1.5;flex-shrink:0;margin-bottom:var(--space-3)}.send-email-modal{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-6);overflow-y:auto;flex:1}.send-row{display:flex;gap:var(--space-4);align-items:flex-end}.send-row>div{flex:1;display:flex;flex-direction:column}.send-email-modal label{font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--text-primary);font-size:var(--text-base)}.subject-input-wrapper{position:relative;display:flex;align-items:center;gap:8px}.subject-input-wrapper.ai-updated input{border:2px solid #3b82f6;background:#eff6ff;padding-right:120px}.subject-ai-badge{position:absolute;right:8px;display:flex;align-items:center;gap:6px;padding:4px 8px;background:#3b82f6;color:#fff;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap}.subject-ai-badge span{display:flex;align-items:center;gap:4px}.subject-ai-badge button{padding:2px 8px;font-size:.7rem;min-height:auto;height:auto;line-height:1.2}.send-email-modal .error-message{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;padding:10px 12px;margin-top:8px;font-size:.93rem;display:flex;align-items:center;gap:8px}.send-email-modal .validation-errors{background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:12px;margin:12px 0}.send-email-modal .validation-errors strong{color:#dc2626;display:block;margin-bottom:8px}.send-email-modal .validation-errors ul{margin:0;padding-left:24px;list-style-type:disc}.send-email-modal .validation-errors li{color:#991b1b;margin-bottom:4px;font-size:.92rem}.send-email-modal .html-editor-modal{z-index:100}.send-email-modal .sender-info{margin:4px 0;padding:10px 12px;background:#f0f9ff;border-left:3px solid #0078d4;border-radius:6px;font-size:.96rem;color:#1e40af}.bcc-toggle-wrapper{margin-top:8px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.recipients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.recipients-label{font-weight:600;color:#2c3e50;font-size:var(--text-sm)}.bcc-toggle-inline{display:flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 8px;background:#f0fdf4;border:1px solid #86efac;border-radius:4px;transition:all .2s ease}.bcc-toggle-inline:hover{background:#dcfce7;border-color:#4ade80}.bcc-toggle-inline input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#16a34a;margin:0}.bcc-toggle-inline span{color:#166534;font-size:var(--text-xs);font-weight:500}.recipient-label-none{color:#6b7280;font-style:italic;font-size:.92rem}.attachments-section{display:flex;flex-direction:column;gap:8px;margin-top:8px}.attachments-section input[type=file]{padding:8px;border:2px dashed #d1d5db;border-radius:6px;background:#f9fafb;cursor:pointer;transition:all .2s ease}.attachments-section input[type=file]:hover{border-color:#3b82f6;background:#eff6ff}.selected-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.file-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#eff6ff;border:1px solid #3b82f6;border-radius:16px;font-size:var(--text-xs);color:#1e40af}.file-chip span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-chat-panel{position:fixed;top:0;right:0;height:100vh;width:400px;max-width:33vw;background:var(--surface-color, white);border-left:1px solid var(--border-color, #e0e0e0);box-shadow:-2px 0 8px #0000001a;transform:translate(100%);transition:transform .3s ease;z-index:1000;display:flex;flex-direction:column}.agent-chat-panel.open{transform:translate(0)}.agent-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color, #e0e0e0);background:var(--surface-color, white)}.header-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem}.btn-conversations-toggle,.btn-new-chat{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text-secondary, #666);transition:color .2s;display:flex;align-items:center}.btn-conversations-toggle:hover,.btn-new-chat:hover{color:var(--primary-color, #007bff)}.btn-new-chat{margin-left:auto}.btn-close-panel{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text-secondary, #666);transition:color .2s}.btn-close-panel:hover{color:var(--text-primary, #333)}.conversations-dropdown{border-bottom:1px solid var(--border-color, #e0e0e0);background:var(--surface-secondary, #f9f9f9);max-height:300px;display:flex;flex-direction:column}.conversations-header{padding:.75rem 1rem;font-size:.85rem;font-weight:600;color:var(--text-secondary, #666);border-bottom:1px solid var(--border-color, #e0e0e0)}.conversations-scroll{overflow-y:auto;max-height:250px}.no-conversations{padding:2rem 1rem;text-align:center;color:var(--text-secondary, #999);font-size:.9rem}.conversation-option{padding:.75rem 1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--border-color, #e0e0e0);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.conversation-option:hover{background:var(--surface-color, white)}.conversation-option.active{background:var(--primary-color, #007bff);color:#fff}.conversation-info{flex:1;min-width:0}.conversation-option .conversation-title{font-size:.9rem;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-option.active .conversation-title{color:#fff}.conversation-option .conversation-date{font-size:.75rem;color:var(--text-secondary, #999)}.conversation-option.active .conversation-date{color:#fffc}.btn-delete-conversation{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text-secondary, #666);transition:all .2s;display:flex;align-items:center;opacity:0;border-radius:4px}.conversation-option:hover .btn-delete-conversation{opacity:1}.btn-delete-conversation:hover{background:#dc35451a;color:#dc3545}.conversation-option.active .btn-delete-conversation{color:#ffffffb3}.conversation-option.active .btn-delete-conversation:hover{background:#fff3;color:#fff}.agent-panel-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary, #999);gap:.5rem}.empty-state p{margin:.5rem 0 0;font-weight:500}.empty-state small{font-size:.8rem;max-width:200px}.panel-message{display:flex;flex-direction:column;max-width:85%;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-message.user{align-self:flex-end}.panel-message.assistant{align-self:flex-start}.panel-message .message-content{padding:.6rem .85rem;border-radius:10px;word-wrap:break-word;white-space:pre-wrap;font-size:.9rem;line-height:1.4}.panel-message.user .message-content{background:var(--primary-color, #007bff);color:#fff;border-bottom-right-radius:3px}.panel-message.assistant .message-content{background:var(--surface-secondary, #f0f0f0);color:var(--text-primary, #333);border-bottom-left-radius:3px}.panel-message.system{align-self:center;max-width:90%}.panel-message.system .message-content{background:#4caf501a;color:#2e7d32;border:1px solid rgba(76,175,80,.3);border-radius:6px;font-size:.85rem;text-align:center;padding:.5rem .75rem}.panel-message.system .message-time{text-align:center}.panel-message.error .message-content{background:#ffebee;color:#c62828;border:1px solid #ef5350}.panel-message .message-time{font-size:.7rem;color:var(--text-secondary, #999);margin-top:.2rem;padding:0 .5rem}.panel-message.user .message-time{text-align:end}.typing{display:flex;gap:.2rem;padding:.75rem!important}.typing span{width:6px;height:6px;background:var(--text-secondary, #999);border-radius:50%;animation:typing 1.4s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.agent-panel-actions{background:#fff8e1;border-top:2px solid var(--warning-color, #ff9800);padding:.75rem;max-height:40vh;overflow-y:auto}.actions-header{font-size:.85rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary, #333)}.action-item{background:#fff;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;margin-bottom:.5rem;overflow:hidden}.action-item-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.85rem;background:var(--surface-color, white);transition:background .2s}.action-item-header:hover{background:var(--surface-secondary, #f9f9f9)}.action-name{font-weight:500;flex:1}.action-preview{padding:.5rem .6rem;background:var(--surface-secondary, #f9f9f9);border-top:1px solid var(--border-color, #e0e0e0);font-size:.8rem}.preview-row{display:flex;gap:.25rem;margin-bottom:.3rem}.preview-row:last-child{margin-bottom:0}.preview-row strong{color:var(--text-secondary, #666);min-width:60px;font-size:.75rem}.preview-row span{color:var(--text-primary, #333);word-break:break-word}.action-buttons{display:flex;gap:.4rem;padding:.5rem .6rem;border-top:1px solid var(--border-color, #e0e0e0)}.btn-action-approve,.btn-action-reject{flex:1;padding:.4rem .6rem;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.3rem;transition:background .2s}.btn-action-approve{background:var(--success-color, #4caf50);color:#fff}.btn-action-approve:hover{background:#388e3c}.btn-action-reject{background:var(--error-color, #f44336);color:#fff}.btn-action-reject:hover{background:#d32f2f}.agent-panel-input{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--border-color, #e0e0e0);background:var(--surface-color, white)}.agent-panel-input input{flex:1;padding:.6rem .75rem;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;font-size:.85rem;outline:none;transition:border-color .2s}.agent-panel-input input:focus{border-color:var(--primary-color, #007bff)}.agent-panel-input input:disabled{background:var(--surface-secondary, #f5f5f5);cursor:not-allowed}.agent-panel-input button{padding:.6rem .85rem;background:var(--primary-color, #007bff);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s;display:flex;align-items:center}.agent-panel-input button:hover:not(:disabled){background:var(--primary-hover, #0056b3)}.agent-panel-input button:disabled{background:var(--border-color, #ccc);cursor:not-allowed}.agent-panel-messages::-webkit-scrollbar,.agent-panel-actions::-webkit-scrollbar{width:6px}.agent-panel-messages::-webkit-scrollbar-track,.agent-panel-actions::-webkit-scrollbar-track{background:transparent}.agent-panel-messages::-webkit-scrollbar-thumb,.agent-panel-actions::-webkit-scrollbar-thumb{background:var(--border-color, #e0e0e0);border-radius:3px}.agent-panel-messages::-webkit-scrollbar-thumb:hover,.agent-panel-actions::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #999)}.main-content{flex-grow:1;padding:20px 0 10px;width:100%;border-radius:15px;margin:10px;box-shadow:0 4px 8px 4px #0000001a;position:relative}.mobile-menu-toggle{display:none;position:fixed;top:15px;left:15px;z-index:997;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:10px;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.mobile-menu-toggle:hover{background:#f8f9fa;border-color:#667eea}.mobile-menu-toggle:active{transform:scale(.95)}[dir=rtl] .mobile-menu-toggle{left:auto;right:15px}.desktop-sidebar-show-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:60px;left:10px;z-index:997;background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:40px;height:40px;padding:0;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:all .2s ease}.desktop-sidebar-show-btn:hover{background:#667eea;color:#fff;border-color:#667eea;transform:scale(1.05)}.desktop-sidebar-show-btn:active{transform:scale(.95)}[dir=rtl] .desktop-sidebar-show-btn{left:auto;right:10px;transform:scaleX(-1)}[dir=rtl] .desktop-sidebar-show-btn:hover{transform:scaleX(-1) scale(1.05)}[dir=rtl] .desktop-sidebar-show-btn:active{transform:scaleX(-1) scale(.95)}@media (max-width: 768px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.desktop-sidebar-show-btn{display:none}.main-content{margin:5px;padding:15px 10px;border-radius:10px;height:auto}.system-table-main-wrapper{height:auto;min-height:100vh}body:has(.modal-overlay) .mobile-menu-toggle,body:has(.modal-backdrop) .mobile-menu-toggle{display:none!important}body:has(.modal-overlay) .agent-toggle-button,body:has(.modal-backdrop) .agent-toggle-button{display:none!important}}.agent-toggle-button{position:fixed;bottom:2rem;right:2rem;left:auto;width:56px;height:56px;border-radius:50%;background:var(--primary-color, #007bff);color:#fff;border:none;box-shadow:0 4px 12px #007bff66;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:999;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 4px 12px #007bff66}50%{box-shadow:0 4px 20px #007bff99}to{box-shadow:0 4px 12px #007bff66}}.agent-toggle-button:hover{background:var(--primary-hover, #0056b3);transform:scale(1.05);box-shadow:0 6px 16px #007bff80;animation:none}.agent-toggle-button:active{transform:scale(.95)}[dir=rtl] .agent-toggle-button{right:auto;left:2rem}.system-table-main-wrapper{flex-grow:1;width:100%;height:100%;padding:0;margin:0;display:flex;flex-direction:column;position:relative}.select-object-message{font-size:18px;color:#666;text-align:center;margin-top:50px}.forgot-password-link{margin-top:var(--space-3);width:100%;display:flex;justify-content:flex-start}.forgot-password-button{text-decoration:underline;font-size:var(--text-base)}.login-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;background-color:var(--bg-secondary);color:var(--text-primary);padding:var(--space-4) var(--space-5);box-sizing:border-box;overflow-y:auto}.login-container h2{margin-bottom:var(--space-6);font-size:var(--text-3xl);color:var(--text-primary)}.login-container form{background-color:var(--bg-primary);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:var(--modal-max-width);margin:auto 0}.login-container .form-group{margin-bottom:var(--space-5);display:flex;flex-direction:column}.login-container .form-group label{margin-bottom:var(--space-2);font-weight:var(--font-medium);color:var(--text-primary)}.login-container button[type=submit]{width:100%}.login-container p{margin-top:var(--space-5);color:var(--text-secondary)}.login-container .register-button{text-decoration:underline}@media (max-width: 768px){.login-container{padding:var(--space-5) var(--space-4)}.login-container form{padding:var(--space-5)}.login-container h2{font-size:var(--text-2xl);margin-bottom:var(--space-4)}}.register-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;background-color:var(--bg-secondary);color:var(--text-primary);padding:var(--space-8) var(--space-5);box-sizing:border-box;overflow-y:auto}.register-container h2{margin-bottom:var(--space-6);font-size:var(--text-3xl);color:var(--text-primary)}.register-container form{background-color:var(--bg-primary);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:var(--modal-max-width);margin:auto 0}.register-container .form-group{margin-bottom:var(--space-5);display:flex;flex-direction:column}.register-container .form-group label{margin-bottom:var(--space-2);font-weight:var(--font-medium);color:var(--text-primary)}.register-container button[type=submit]{width:100%}.register-container p{margin-top:var(--space-5);color:var(--text-secondary)}.register-container .login-button{text-decoration:underline}@media (max-width: 768px){.register-container{padding:var(--space-5) var(--space-4)}.register-container form{padding:var(--space-5)}.register-container h2{font-size:var(--text-2xl);margin-bottom:var(--space-4)}}input[type=file]{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-base);background:var(--bg-primary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-all);width:100%;box-sizing:border-box}input[type=file]:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.user-form-terms-wrapper{display:block;margin-bottom:.5em;position:relative;width:100%}.user-form-terms-row{display:flex;align-items:flex-start;gap:.5em}.user-form-terms-label{font-size:.95em;line-height:1.5;cursor:pointer}.user-form-terms-view-btn{margin-left:.7em;background:none;border:none;color:#1976d2;text-decoration:underline;cursor:pointer;font-size:.97em;padding:0}.user-form-terms-view-btn:focus{outline:2px solid #1976d2}.user-form-terms-inline-box{width:100%;margin-top:.5em;margin-bottom:.5em;background:#fff;border:1.5px solid #b6c6e3;border-radius:12px;box-shadow:0 2px 12px #3c507817;min-width:220px;animation:fadeIn .18s ease}.user-form-terms-fullwidth{max-width:none;width:100%}.user-form-terms-inline-content{max-height:260px;overflow-y:auto;padding:18px 22px 18px 18px;font-size:.98em;color:#222;line-height:1.6}.custom-multiselect-wrapper{position:relative;margin-top:2px;margin-bottom:2px;min-width:220px}.custom-multiselect-display{min-height:38px;border:1.5px solid #b6c6e3;border-radius:10px;padding:7px 12px;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer;background:linear-gradient(90deg,#f7faff 80%,#e3f0ff);outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 4px #3c507812}.custom-multiselect-display:focus{border-color:#4caf50;box-shadow:0 0 0 2px #e0f7e9}.custom-multiselect-placeholder{color:#b6c6e3;font-size:1rem;font-style:italic;opacity:.8}.custom-multiselect-tag{border-radius:18px;padding:6px 14px 6px 12px;margin:3px 8px 3px 0;display:inline-flex;align-items:center;font-size:15px;background:#eafaf1;box-shadow:0 2px 6px #4caf501f;transition:all .2s ease;font-weight:500;border:1px solid rgba(0,0,0,.08)}.custom-multiselect-tag:hover{box-shadow:0 3px 8px #4caf502e;transform:translateY(-1px)}.custom-multiselect-tag-remove{margin-left:10px;cursor:pointer;font-weight:700;font-size:1.3em;transition:all .2s;padding:0 2px;opacity:.7;line-height:1}.custom-multiselect-tag-remove:hover{opacity:1;transform:scale(1.15)}.custom-multiselect-dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;background:linear-gradient(180deg,#fff,#f7faff);border:1.5px solid #b6c6e3;border-radius:12px;margin-top:4px;box-shadow:0 10px 40px #3c507826;max-height:280px;overflow-y:auto;padding:8px;animation:fadeInDropdown .2s ease}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.custom-multiselect-option{padding:12px 16px;cursor:pointer;background:#fff;font-weight:500;display:flex;align-items:center;transition:all .2s ease;font-size:1.02rem;border-radius:10px;margin-bottom:4px;border:1px solid transparent}.custom-multiselect-option.selected{font-weight:600;border:1px solid rgba(76,175,80,.3);box-shadow:0 2px 8px #4caf5026}.custom-multiselect-option:hover{background:#f0f7ff;transform:translate(2px)}.custom-multiselect-option-color{width:18px;height:18px;border-radius:50%;display:inline-block;margin-right:12px;border:2px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a;flex-shrink:0}.custom-multiselect-check{margin-left:auto;color:#4caf50;font-size:1.3em;font-weight:700}.user-form-page-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw;background:linear-gradient(135deg,var(--primary-50) 0%,var(--gray-50) 100%)}.form-title{text-align:center;margin-bottom:var(--space-4);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary)}.form-header-html{margin-bottom:var(--space-6);font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);text-align:center}.user-form-container{padding:var(--space-8) var(--space-6);max-width:480px;width:100%;background:linear-gradient(120deg,var(--bg-primary) 80%,var(--primary-50) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:var(--transition-base);max-height:92vh;display:flex;flex-direction:column;padding-bottom:var(--space-2)}.form-progress-bar{height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-4)}.form-progress-fill{height:100%;background:linear-gradient(90deg,var(--success-500),var(--success-600));transition:width .3s ease;border-radius:var(--radius-full)}.user-form-scroll-area{max-height:85vh;overflow-y:auto;border-radius:var(--radius-md);padding:var(--space-4) var(--space-4) var(--space-6) var(--space-4);position:relative}.user-form-scroll-area:after{content:"";position:sticky;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,var(--bg-primary),transparent);pointer-events:none;opacity:0;transition:opacity .3s ease}.user-form-container h2{text-align:center;margin-bottom:var(--space-6);font-size:var(--text-3xl);color:var(--text-primary);font-weight:var(--font-bold);letter-spacing:.5px}.user-form-container form{display:flex;flex-direction:column;gap:var(--space-5)}.user-form-group{margin-bottom:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.user-form-group label{margin-bottom:var(--space-1);font-weight:var(--font-semibold);text-align:left;color:var(--text-primary);font-size:var(--text-base);letter-spacing:.2px}.user-form-page-wrapper.rtl .user-form-group label{text-align:right}.user-form-group input[type=checkbox]{width:18px;height:18px;margin-right:var(--space-2);accent-color:var(--success-600)}.user-form-submit-btn{margin-top:var(--space-2)}.user-form-sticky-submit{position:sticky;bottom:0;left:0;right:0;padding:0 var(--space-2);border-top:1px solid var(--border-light);display:flex;justify-content:center;z-index:10;opacity:0;max-height:0;overflow:hidden;transition:opacity .4s ease,max-height .4s ease,padding .4s ease}.user-form-sticky-submit.visible{opacity:1;max-height:100px;padding:var(--space-2);padding-bottom:var(--space-8)}.user-form-sticky-submit.visible.not-long-form{padding:var(--space-2) var(--space-2) var(--space-4) var(--space-2)}.user-form-sticky-submit .user-form-submit-btn{margin-top:0;width:100%;max-width:300px;box-shadow:var(--shadow-md)}.submit-status{margin-top:var(--space-4);font-weight:var(--font-medium);color:var(--text-primary);text-align:center;font-size:var(--text-base);background:var(--success-50);border-radius:var(--radius-base);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-xs)}.user-form-error-message{color:var(--error-700);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-top:var(--space-1);margin-bottom:var(--space-2);text-align:left;background:var(--error-50);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-xs)}.submit-status.user-form-error-message{color:var(--error-700);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-top:var(--space-1);margin-bottom:var(--space-2);text-align:center;background:var(--error-50);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-xs)}.user-form-success-wrapper{display:flex;flex-direction:column;align-items:center}.user-form-success-wrapper .submit-status{margin-bottom:var(--space-8)}.user-form-success-wrapper .user-form-submit-btn{margin-top:0;display:block;margin-left:auto;margin-right:auto}.submit-status+.user-form-submit-btn{display:block;margin-left:auto;margin-right:auto;margin-top:var(--space-8)}.user-form-footer{display:flex;justify-content:center;align-items:center;padding-top:var(--space-1);border-top:1px solid var(--border-light)}.user-form-footer.rtl{flex-direction:row-reverse}.powered-by-text{font-size:var(--text-base);color:var(--text-secondary);margin-right:var(--space-2)}.user-form-footer.rtl .powered-by-text{margin-right:0;margin-left:var(--space-2)}.user-form-logo-link{display:inline-block;transition:var(--transition-base);opacity:.7}.user-form-logo-link:hover{opacity:1;transform:translateY(-2px)}.user-form-logo{height:32px;width:auto;display:block}.forgot-password-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--bg-secondary);color:var(--text-primary);padding:var(--space-5);box-sizing:border-box;width:100vw}.forgot-password-container h2{margin-bottom:var(--space-6);font-size:var(--text-3xl);color:var(--text-primary)}.forgot-password-container form{background-color:var(--bg-primary);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:var(--modal-max-width)}.forgot-password-container .form-group{margin-bottom:var(--space-5);display:flex;flex-direction:column}.forgot-password-container .form-group label{margin-bottom:var(--space-2);font-weight:var(--font-medium);color:var(--text-primary)}.forgot-password-container button[type=submit]{width:100%}.reset-password-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--bg-secondary);color:var(--text-primary);padding:var(--space-5);box-sizing:border-box;width:100vw}.reset-password-container h2{margin-bottom:var(--space-6);font-size:var(--text-3xl);color:var(--text-primary)}.reset-password-container form{background-color:var(--bg-primary);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:var(--modal-max-width)}.reset-password-container .form-group{margin-bottom:var(--space-5);display:flex;flex-direction:column}.reset-password-container .form-group label{margin-bottom:var(--space-2);font-weight:var(--font-medium);color:var(--text-primary)}.reset-password-container button[type=submit]{width:100%}.save-btn-row{display:flex;justify-content:flex-end;width:100%}.automation-form-step-container{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.automation-form{display:flex;flex-direction:column;gap:1rem;background:#f8fafc;border-radius:8px;padding:1.2rem;box-shadow:0 1px 3px #0000000f;border:1px solid #e0e0e0;margin-bottom:1rem}.condition-row{display:flex;flex-direction:row;align-items:flex-end;gap:.8rem;margin-bottom:.8rem;flex-wrap:wrap;background:#f8fafc;padding:.8rem;border-radius:6px;border:1px solid #e8eaed}.condition-row>select,.condition-row>input{min-width:140px;flex:1;max-width:200px}.condition-row .btn-icon{flex-shrink:0;min-width:auto}.form-row{display:flex;flex-direction:column;gap:.4rem}.trigger-type-row{flex-direction:row;align-items:center;gap:.8rem}.trigger-type-label{margin-bottom:0;min-width:120px}.trigger-type-select{flex:0 0 120px;min-width:90px;max-width:140px}.form-label{font-weight:600;color:#333;margin-bottom:.3rem;font-size:.95rem}.automation-form input[type=text],.automation-form input[type=number],.automation-form input[type=date],.automation-form input[type=datetime-local],.automation-form input[type=time],.automation-form select{padding:.5rem .7rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.92rem;background:#fff;color:#333;transition:border-color .15s,box-shadow .15s}.automation-form input[type=text]:focus,.automation-form input[type=number]:focus,.automation-form input[type=date]:focus,.automation-form input[type=datetime-local]:focus,.automation-form input[type=time]:focus,.automation-form select:focus{border-color:#0078d4;outline:none;box-shadow:0 0 0 3px #0078d41a}.automation-form button[type=button],.automation-form .save-button{background:#0078d4;color:#fff;border:none;border-radius:6px;padding:.45rem .85rem;font-size:.92rem;font-weight:500;cursor:pointer;box-shadow:0 1px 3px #00000014;transition:background .15s,box-shadow .15s;margin-top:.4rem;display:flex;align-items:center;gap:.5rem;min-width:80px;max-width:140px}.automation-form button[type=button]:hover,.automation-form .save-button:hover{background:#005a9e;box-shadow:0 2px 8px #0000001f}.condition-fieldset,.schedule-fieldset{border:1px solid #e0e0e0;border-radius:6px;padding:1rem;margin-bottom:.8rem;background:#fff}.condition-fieldset{max-height:400px;overflow-y:auto}.condition-fieldset legend,.schedule-fieldset legend{font-size:.92rem;font-weight:600;color:#333;padding:0 .5rem}.schedule-note{font-size:.85rem;color:#666;margin-top:.5rem;margin-bottom:.5rem}.automation-form-box{padding:.6rem 1rem;border-radius:12px;min-width:180px;max-width:320px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 2px 6px #6b93c61f,0 1px 3px #00000014;position:relative;border:1.5px solid #d0dce9;transition:all .2s ease;margin:8px auto 0;cursor:pointer}.automation-form-box.editing{border:2px solid #0078d4;box-shadow:0 0 0 3px #0078d41f,0 3px 10px #0078d426;background:linear-gradient(135deg,#f0f7ff,#e6f2ff);transform:scale(1.02)}.automation-form-box.open{max-width:700px;min-width:220px;box-shadow:0 2px 8px #00000014}.automation-form-header{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border-radius:6px;padding:.5rem .9rem;margin-bottom:.8rem;box-shadow:0 1px 2px #0000000a}.automation-form-header .step-badge{display:flex;align-items:center;font-weight:600;color:#fff;background:#0078d4;border-radius:5px;padding:.2rem .8rem;margin-right:.8rem;box-shadow:0 1px 3px #0078d44d;letter-spacing:.3px;font-size:.85rem}.automation-form-header .summary-trigger{font-size:.92rem;color:#555;margin-right:auto;margin-left:.4rem;font-weight:500}.auto-form-edit-btn{background:#0078d4;color:#fff;border:none;border-radius:5px;padding:.3rem .65rem;font-size:.85rem;font-weight:500;cursor:pointer;box-shadow:0 1px 3px #00000014;transition:background .15s,box-shadow .15s}.auto-form-edit-btn:hover{background:#005a9e;box-shadow:0 2px 6px #0000001f}@media (max-width: 1024px){.automation-form{padding:1rem;gap:.8rem}.condition-row{flex-direction:column;align-items:stretch;gap:.6rem}.condition-row>select,.condition-row>input{max-width:100%;width:100%}.trigger-type-row{flex-direction:column;align-items:stretch}.trigger-type-select{flex:1;max-width:100%}.automation-form-header{flex-wrap:wrap;gap:8px}.automation-form-header .summary-trigger{width:100%;margin:0}}@media (max-width: 768px){.automation-form{padding:.8rem;gap:.6rem}.form-label{font-size:.9rem}.automation-form input[type=text],.automation-form input[type=number],.automation-form input[type=date],.automation-form input[type=datetime-local],.automation-form input[type=time],.automation-form select{font-size:.9rem;padding:.4rem .6rem}.condition-row{padding:.6rem}.automation-form-header .step-badge{font-size:.8rem;padding:.15rem .6rem}.automation-form-header .summary-trigger{font-size:.85rem}.auto-form-edit-btn{font-size:.8rem;padding:.25rem .5rem}}.field-note{font-size:.85rem;color:#666;margin-top:.5rem;line-height:1.4}.computed-note{background:#e8f4fd;border-left:3px solid #0078d4;padding:.7rem .9rem;margin-top:.7rem;border-radius:4px;color:#333}.computed-note strong{color:#0078d4;font-weight:600}@media (max-width: 768px){.field-note,.computed-note{font-size:.8rem;padding:.6rem .7rem}}.step-tree{gap:4px}.step-tree-empty{min-height:120px}.step-box{border-radius:var(--radius-md);width:260px;background:var(--bg-primary);box-shadow:var(--shadow-sm);position:relative;border:1px solid var(--border-light);transition:var(--transition-all);margin-bottom:0;cursor:pointer}.step-box:hover{border-color:var(--border-medium);box-shadow:var(--shadow-base)}.step-box.editing{border:2px solid var(--primary-500);box-shadow:0 0 0 3px var(--primary-100),var(--shadow-base);background:var(--primary-50);transform:scale(1.02)}.step-content{gap:.75rem}.step-icon{color:var(--primary-500);flex-shrink:0;margin-top:2px}.step-integration-logo{width:24px;height:24px;object-fit:contain;flex-shrink:0}.step-name{font-size:var(--text-base);color:var(--primary-600);font-weight:var(--font-semibold);letter-spacing:.2px}.action-label{margin:var(--space-2) 0;color:var(--text-secondary);font-weight:var(--font-medium);font-size:var(--text-sm)}.integration-info{color:var(--primary-700);font-weight:var(--font-semibold);text-transform:capitalize}.condition-details{background:var(--bg-tertiary);border-radius:var(--radius-base);padding:var(--space-2) var(--space-3);margin:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary);border:1px solid var(--border-light)}.condition-value{font-weight:var(--font-semibold);color:var(--text-primary)}.condition-operator{color:var(--text-tertiary);font-weight:var(--font-medium)}.step-delete-icon{position:absolute;top:var(--space-3);right:var(--space-3);z-index:2}.step-delete-icon button{background-color:var(--bg-primary);border:none;padding:0;color:var(--gray-400);border-radius:var(--radius-full);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-base)}.step-delete-icon button:hover{background:var(--error-50);color:var(--error-600)}.down-connector{width:2px;height:16px;background:var(--gray-400);border-radius:var(--radius-sm)}.condition-connector{height:16px;margin-bottom:calc(-1 * var(--space-1))}.condition-line{width:100%;height:3px;background:var(--gray-400);margin-bottom:var(--space-1);margin-top:var(--space-2);position:relative;border-radius:var(--radius-sm)}.condition-columns{width:100%}.branch-label{margin-bottom:var(--space-2);color:var(--text-primary);font-weight:var(--font-semibold);letter-spacing:.3px;font-size:var(--text-base)}.add-step-btn{background:transparent;color:var(--text-tertiary);border:none;padding:var(--space-1);padding:0;border-radius:var(--radius-base);transition:var(--transition-all);cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.add-step-btn:hover{background:var(--gray-100);color:var(--text-secondary)}.insertion-placeholder{position:relative;padding:var(--space-3);border-radius:var(--radius-md);width:260px;background:var(--primary-50);border:2px dashed var(--primary-400);display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--primary-700);font-weight:var(--font-semibold);font-size:var(--text-sm);animation:fade-in .3s ease}.insertion-placeholder svg{color:var(--primary-600)}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.add-step-below-container{display:flex;justify-content:center;margin-top:var(--space-2)}.add-step-below-btn.visible{background:var(--primary-500);color:var(--text-inverse);border:1px solid var(--primary-600);font-weight:var(--font-semibold);box-shadow:var(--shadow-sm);transition:var(--transition-all);outline:none;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.add-step-below-btn.visible:hover{background:var(--primary-600);border-color:var(--primary-700);box-shadow:var(--shadow-base);transform:translateY(-1px)}.automation-container{display:flex;flex-direction:column;gap:16px;flex:1;overflow:hidden}.new-automation-section{display:flex;flex-direction:column;gap:12px;padding:12px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:8px}.create-buttons{display:flex;gap:8px}.object-selector{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:7px;font-size:.95rem;background:#fff;cursor:pointer;transition:border-color .15s}.object-selector:hover,.object-selector:focus{border-color:#0078d4;outline:none}.automation-list{overflow-y:auto;flex:1;border-top:1px solid #e0e0e0;margin-top:8px;padding-top:16px;padding-inline-end:10px}.new-auto-button{background:#0078d4;color:#fff;border:none;padding:10px 18px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s;font-weight:500;font-size:.95rem;white-space:nowrap;width:100%}.new-auto-button:hover{background:#005a9e}.new-auto-button.create-btn{flex:1}.new-auto-button:disabled{background:#ccc;cursor:not-allowed}.cancel-create-btn{background:#6c757d;color:#fff;border:none;padding:10px 18px;border-radius:7px;cursor:pointer;transition:background .15s;font-weight:500;font-size:.95rem;white-space:nowrap}.cancel-create-btn:hover{background:#5a6268}.automation-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.automation-item{position:relative;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px 12px;font-size:14px;transition:all .15s;cursor:pointer}.automation-item:hover{box-shadow:0 2px 8px #00000014;border-color:#ccc}.automation-item.selected{background:#e3f2fd;border-color:#0078d4;box-shadow:0 2px 8px #0078d426}.automation-item-header{margin-bottom:10px}.automation-name-section{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.automation-name{font-size:15px;font-weight:600;color:#222;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.automation-object-tag{display:inline-block;background:#f0f0f0;color:#555;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.name-edit-group{display:flex;align-items:center;gap:6px}.name-edit-input{flex:1;padding:6px 10px;border:1px solid #0078d4;border-radius:4px;font-size:14px;font-weight:600;outline:none}.name-edit-btn{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s}.name-edit-btn.save{color:#0a8900}.name-edit-btn.save:hover{background:#e8f5e9}.name-edit-btn.cancel{color:#d32f2f}.name-edit-btn.cancel:hover{background:#ffebee}.toggle-bottom-right{position:absolute;bottom:12px;inset-inline-end:12px}.toggle-switch{display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:24px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}[dir=rtl] .toggle-slider:before{left:auto;right:3px}[dir=rtl] .toggle-switch input:checked+.toggle-slider:before{transform:translate(-20px)}.toggle-switch input:checked+.toggle-slider{background-color:#0a8900}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.automation-menu{position:absolute;top:8px;inset-inline-end:8px}.name-edit-buttons{display:flex;padding-top:2px;padding-inline-end:8px;gap:4px}.menu-trigger{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#666;transition:all .15s}.menu-trigger:hover{background:#f0f0f0;color:#333}.menu-dropdown{position:absolute;top:100%;inset-inline-end:0;margin-top:4px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:140px;overflow:hidden}.menu-dropdown button{width:100%;padding:10px 14px;background:none;border:none;text-align:start;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;color:#333;transition:background .15s}.menu-dropdown button:hover{background:#f5f5f5}.menu-dropdown button.delete-option{color:#d32f2f}.menu-dropdown button.delete-option:hover{background:#ffebee}.automation-info{font-size:13px;color:#666;margin-bottom:8px;display:flex;align-items:center;gap:6px}.info-label{font-weight:500;color:#555}.trigger-type{background:#f0f0f0;padding:2px 8px;border-radius:4px;font-weight:500;color:#333}.webhook-section{margin-top:10px;padding-top:10px;border-top:1px solid #e8e8e8;display:flex;flex-direction:column;gap:8px}.webhook-url-container{display:flex;align-items:center;gap:6px;background:#f8f8f8;padding:6px 10px;border-radius:4px;border:1px solid #e0e0e0}.webhook-url{flex:1;font-size:11px;color:#555;font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-webhook-btn{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;color:#0078d4;transition:all .15s;flex-shrink:0}.copy-webhook-btn:hover{color:#005a9e}.run-automation-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#0078d4;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.run-automation-btn:hover{background:#005a9e}@media (max-width: 1024px){.automation-container{gap:12px;padding-inline-end:30px}.new-automation-section{padding:10px;gap:10px}.create-buttons{flex-direction:column;gap:8px}.new-auto-button,.cancel-create-btn{width:100%}.automation-item{padding:12px}.automation-item-header{flex-wrap:wrap;gap:8px}.automation-item-title{font-size:.95rem}.automation-item-actions{flex-wrap:wrap}}@media (max-width: 768px){.automation-container{gap:10px}.new-automation-section{padding:8px}.object-selector{font-size:.9rem;padding:8px 10px}.new-auto-button,.cancel-create-btn{font-size:.9rem;padding:8px 14px}.automation-item{padding:10px}.automation-item-title{font-size:.9rem}.status-badge-automation{font-size:.75rem;padding:3px 8px}}.ai-automation-generator{padding:0;border-radius:12px;margin-bottom:24px;border:1px solid #bae6fd}.ai-automation-generator .ai-prompt-input-group{display:flex;gap:10px;align-items:flex-start}.ai-automation-generator .ai-prompt-input-container{flex:1}.ai-automation-generator .ai-generate-btn{background-color:#0ea5e9!important;color:#fff!important;padding:10px 20px!important;border:none;border-radius:4px;cursor:pointer;white-space:nowrap;font-weight:600;transition:background-color .2s;align-self:flex-end;margin-bottom:2px}.ai-automation-generator .ai-generate-btn:hover:not(:disabled){background-color:#0284c7!important}.ai-automation-generator .ai-generate-btn:disabled{background-color:#94a3b8!important;cursor:not-allowed}.react-js-cron{display:flex;align-items:flex-start;flex-wrap:wrap}.react-js-cron>div,.react-js-cron-field{display:flex;align-items:center}.react-js-cron-field{margin-bottom:10px}.react-js-cron-field>span{margin-left:5px}div.react-js-cron-select{margin-left:5px}.react-js-cron-select.react-js-cron-select-no-prefix{margin-left:0}.react-js-cron-select .ant-select-selection-wrap{position:relative;align-items:center}.react-js-cron-select .ant-select-selection-overflow:has(>:nth-child(-n+1):last-child){position:absolute;top:0;left:0}.react-js-cron-select .ant-select-selection-placeholder{margin-top:-2px}div.react-js-cron-error .react-js-cron-select .ant-select-selector{border-color:#ff4d4f;background:#fff6f6}div.react-js-cron-custom-select{min-width:70px;z-index:1}div.react-js-cron-error div.react-js-cron-custom-select{background:#fff6f6}div.react-js-cron-select.react-js-cron-custom-select.ant-select div.ant-select-selector{padding-left:11px;padding-right:30px}.react-js-cron-read-only div.react-js-cron-select.react-js-cron-custom-select.ant-select div.ant-select-selector{padding-right:11px}div.react-js-cron-custom-select .ant-select-selection-search{width:0!important;margin:0!important}div.react-js-cron-custom-select .ant-select-selection-placeholder{position:static;top:50%;right:auto;left:auto;transform:none;transition:none;opacity:1;color:inherit}.react-js-cron-week-days-placeholder .react-js-cron-custom-select .ant-select-selection-placeholder,.react-js-cron-month-days-placeholder .react-js-cron-custom-select .ant-select-selection-placeholder{opacity:.4}.react-js-cron-custom-select-dropdown{min-width:0!important;width:174px!important}.react-js-cron-custom-select-dropdown .rc-virtual-list{max-height:none!important}.react-js-cron-custom-select-dropdown-grid .rc-virtual-list-holder{max-height:initial!important}.react-js-cron-custom-select-dropdown-grid .rc-virtual-list-holder-inner{display:grid!important;grid-template-columns:repeat(4,1fr)}.react-js-cron-custom-select-dropdown-grid .rc-virtual-list-holder-inner .ant-select-item-option-content{text-align:center}.react-js-cron-custom-select-dropdown-hours-twelve-hour-clock{width:260px!important}.react-js-cron-custom-select-dropdown-minutes-large{width:300px!important}.react-js-cron-custom-select-dropdown-minutes-large .rc-virtual-list-holder-inner{grid-template-columns:repeat(6,1fr)}.react-js-cron-custom-select-dropdown-minutes-medium{width:220px!important}.react-js-cron-custom-select-dropdown-minutes-medium .rc-virtual-list-holder-inner{grid-template-columns:repeat(5,1fr)}.react-js-cron-period>span:first-child{margin-left:0!important}.react-js-cron-period .react-js-cron-select.ant-select-single.ant-select-open .ant-select-selection-item{opacity:1}.react-js-cron-select-dropdown-period{min-width:0!important;width:auto!important}.react-js-cron-clear-button{margin-left:10px;margin-bottom:10px}.react-js-cron-disabled .react-js-cron-select.ant-select-disabled{background:#f5f5f5}div.react-js-cron-select.react-js-cron-custom-select.ant-select div.ant-select-selector>.ant-select-selection-overflow{align-items:center;flex:initial}.step-form-label{font-weight:var(--font-semibold);margin-bottom:var(--space-1);display:block;color:var(--text-primary);font-size:var(--text-sm)}.step-form-casing{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-5) var(--space-6);margin:var(--space-5) auto;max-width:650px;min-width:260px;transition:var(--transition-fast)}.step-config-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-base);padding:var(--space-4);margin-bottom:var(--space-4)}.action-select-group{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);margin-bottom:var(--space-2)}.action-description-collapsible{margin-bottom:var(--space-3);margin-top:calc(-1 * var(--space-1))}.desc-toggle-btn{text-decoration:underline;font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2);margin-bottom:0;padding:0}.desc-toggle-btn.open{margin-bottom:var(--space-1)}.desc-toggle-icon{font-size:1.1em;width:1.2em;height:1.2em;margin-right:var(--space-1)}.action-description-expanded{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-base);color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);margin-top:var(--space-1);line-height:var(--leading-relaxed);box-shadow:var(--shadow-xs);transition:var(--transition-base)}.step-edit-form{display:flex;flex-direction:column;border-radius:var(--radius-md);padding:var(--space-4) var(--space-5) var(--space-5) var(--space-5);margin-bottom:var(--space-3);max-width:500px;margin-left:auto;margin-right:auto;box-sizing:border-box}.step-edit-form label{font-weight:var(--font-semibold);margin-bottom:var(--space-1);display:block;color:var(--text-primary);font-size:var(--text-sm)}.step-edit-form .condition-group{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-base);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.step-edit-form .branch-choice-group{background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-base);padding:var(--space-3);margin-bottom:var(--space-3)}.step-edit-form .branch-choice-group .text-muted{font-size:var(--text-xs);color:var(--text-tertiary);display:block;margin-top:var(--space-1)}.step-edit-form .condition-group button[type=button]{margin-top:var(--space-2)}.step-edit-form .wait-fields label{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.step-form-footer{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.Modal .step-edit-form,.modal .step-edit-form{max-width:600px;min-width:220px;background:var(--bg-primary);box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.webhook-fields textarea{height:80px;resize:vertical}@media (max-width: 1024px){.step-form-casing{padding:var(--space-4);margin:var(--space-3) var(--space-2);max-width:100%}.step-edit-form{padding:var(--space-3) var(--space-4);max-width:100%}.step-config-section{padding:var(--space-3)}.action-description-expanded{padding:var(--space-2) var(--space-3)}.step-form-footer{flex-direction:column-reverse;gap:var(--space-2)}.step-form-footer button{width:100%}}@media (max-width: 768px){.step-form-casing{padding:var(--space-3);margin:var(--space-2) var(--space-1)}.step-edit-form{padding:var(--space-2) var(--space-3)}.step-form-label,.step-edit-form label{font-size:var(--text-xs)}.step-config-section{padding:var(--space-2)}.action-select-group{gap:var(--space-1)}.action-description-expanded{font-size:var(--text-xs);padding:var(--space-2)}.desc-toggle-btn{font-size:var(--text-xs)}}.ai-file-selector{margin-top:var(--space-3);border-top:1px solid var(--border-color);padding-top:var(--space-3)}.ai-file-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-base);cursor:pointer;width:100%;font-size:var(--text-base);color:var(--text-primary);transition:var(--transition-all)}.ai-file-toggle:hover{background:var(--bg-hover);border-color:var(--primary)}.ai-file-toggle svg:first-child{color:var(--primary)}.ai-file-toggle svg:last-child{margin-left:auto;color:var(--text-secondary)}.ai-file-list{margin-top:var(--space-2);padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-base)}.ai-file-item{display:flex!important;align-items:center;gap:var(--space-2);padding:var(--space-2);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-all)}.ai-file-item:hover{background:var(--bg-hover)}.ai-file-item input[type=checkbox]{cursor:pointer;width:16px;height:16px}.ai-file-item .field-name{font-size:var(--text-base);color:var(--text-primary)}.ai-file-item .field-type-badge{font-size:var(--text-xs);padding:2px var(--space-2);background:var(--primary-500);color:var(--text-inverse);border-radius:var(--radius-full);font-weight:var(--font-medium);text-transform:lowercase}.ai-file-help{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-color);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}@media (max-width: 768px){.ai-file-toggle{font-size:var(--text-sm)}.ai-file-item{padding:var(--space-3)}.ai-file-item .field-name{font-size:var(--text-sm)}}.update-field-editor{display:flex;flex-direction:column;gap:var(--space-3)}.update-field-editor label{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-primary);margin-bottom:0}.value-mode-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.btn-ai-toggle{padding:var(--btn-padding-sm);border:2px solid var(--primary-300);background:var(--bg-primary);color:var(--primary-600);border-radius:var(--radius-base);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all)}.btn-ai-toggle:hover{border-color:var(--primary-400);background:var(--primary-50)}.btn-ai-toggle.active{border-color:var(--primary-500);background:var(--primary-500);color:var(--text-inverse)}.ai-prompt-section{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--primary-50);border:2px solid var(--primary-300);border-radius:var(--radius-base)}.ai-prompt-textarea-update-field{width:100%;border:2px solid var(--primary-300)!important;background:var(--bg-primary);font-family:var(--font-family-mono);font-size:var(--text-sm);resize:vertical;min-height:70px;padding:var(--input-padding);border-radius:var(--radius-base);box-sizing:border-box;transition:var(--transition-all)}.ai-prompt-textarea-update-field:focus{border-color:var(--primary-500)!important;outline:none;box-shadow:0 0 0 3px #3b82f61a}.ai-prompt-help{font-size:var(--text-xs);color:var(--text-secondary);font-style:italic;display:block}@media (max-width: 768px){.value-mode-toggle{flex-direction:column;align-items:flex-start}.btn-ai-toggle{width:100%}}.ai-field-mapper{display:flex;flex-direction:column;gap:.5rem}.ai-field-mapper-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary-500),var(--accent-purple-end));color:#fff;border:none;border-radius:var(--radius-base);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap}.ai-field-mapper-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.ai-field-mapper-btn:active:not(:disabled){transform:translateY(0)}.ai-field-mapper-btn:disabled{opacity:.6;cursor:not-allowed}.ai-field-mapper-btn .spinner{animation:spin 1s linear infinite}.ai-field-mapper-error{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--error-50);color:var(--error-700);border:1px solid var(--error-200);border-radius:var(--radius-sm);font-size:var(--text-sm)}.ai-field-mapper-success{padding:.5rem;background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200);border-radius:var(--radius-sm);font-size:var(--text-sm)}.create-data-editor{display:flex;flex-direction:column;gap:var(--space-4)}.step-guide{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--gray-50);border-left:3px solid var(--primary-500);border-radius:var(--radius-base)}.create-data-target{display:flex;flex-direction:column;gap:var(--space-3)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.step-form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.action-update-or-create-data{display:flex;flex-direction:column;gap:var(--space-4)}.source-section,.payload-section{display:flex;flex-direction:column;gap:var(--space-2)}.payload-keys-info{font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-2) var(--space-3);background:var(--success-50);border-radius:var(--radius-base);border-left:3px solid var(--success-500)}.payload-keys-info strong{color:var(--text-primary);font-weight:var(--font-semibold)}.step-guide{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--gray-50);border-left:3px solid var(--primary-500);border-radius:var(--radius-base);margin-top:var(--space-2)}.step-content{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-base);border:1px solid var(--border-light)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary-500);color:var(--text-inverse);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);flex-shrink:0}.step-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.source-table-ref{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-normal)}.source-table-ref strong{color:var(--info-700);font-weight:var(--font-semibold)}.step-form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.required{color:var(--error-500)}.form-row-compact{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.form-field{display:flex;flex-direction:column}.target-table-info{font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-2) var(--space-3);background:#e0f2f1;border-radius:var(--radius-base);border-left:3px solid #00897b}.target-table-info strong{color:#00695c;font-weight:var(--font-semibold)}.source-table-info{font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-2) var(--space-3);background:var(--info-50);border-radius:var(--radius-base);border-left:3px solid var(--info-600)}.source-table-info strong{color:var(--info-700);font-weight:var(--font-semibold)}.mapping-arrow-container{display:flex;justify-content:center;align-items:center}.mapping-icon{width:20px;height:20px;color:var(--gray-400)}.source-field-label-container{width:100%;margin-bottom:var(--space-1)}.source-field-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--info-700);display:flex;align-items:center;gap:var(--space-1)}.source-hint{font-size:var(--text-xs);color:var(--info-600);font-weight:var(--font-normal)}.field-map-row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-base);border:1px solid var(--border-light);transition:var(--transition-all)}.target-property-name{font-weight:var(--font-semibold);font-size:var(--text-sm);color:#00897b;display:flex;align-items:center;gap:var(--space-2)}.target-property-name:before{content:"→";color:#4db6ac;font-weight:var(--font-bold)}.field-map-separator{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-medium);flex-shrink:0}.ai-prompt-container{flex:1;width:100%;display:flex;flex-direction:column;gap:var(--space-1)}.ai-prompt-textarea{width:100%;border:2px solid var(--primary-300)!important;background:var(--primary-50);font-family:var(--font-family-mono);font-size:var(--text-xs);resize:vertical;min-height:50px}.ai-prompt-textarea:focus{border-color:var(--primary-500)!important;background:var(--bg-primary)}.ai-prompt-help{font-size:var(--text-xs);color:var(--text-secondary);font-style:italic}.confidence-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px}.confidence-text{display:none}.ai-mapping-section{margin-bottom:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-base);border:1px dashed var(--primary-300)}@media (max-width: 768px){.field-map-inputs{flex-direction:column;align-items:stretch}.field-map-inputs .input{min-width:100%}.step-guide{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.target-property-header{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.form-row-compact{grid-template-columns:1fr}}.action-link-relations{display:flex;flex-direction:column;gap:var(--space-4, 1rem)}.link-mode-section{background:var(--bg-tertiary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-base, 8px);padding:var(--space-4, 1rem)}.link-mode-label{display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.label-text{font-weight:var(--font-semibold, 600);font-size:var(--text-base, 14px);color:var(--text-primary, #1f2937)}.mode-options{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.mode-option{display:flex;align-items:flex-start;gap:var(--space-3, .75rem);padding:var(--space-3, .75rem);background:var(--bg-primary, #ffffff);border:2px solid var(--border-light, #e5e7eb);border-radius:var(--radius-base, 8px);cursor:pointer;transition:all .2s}.mode-option:hover{border-color:var(--primary-400, #93c5fd);background:var(--primary-50, #eff6ff)}.mode-option input[type=radio]{margin-top:2px;cursor:pointer;accent-color:var(--primary-600, #2563eb)}.mode-option input[type=radio]:checked+.mode-label{color:var(--primary-700, #1d4ed8)}.mode-option:has(input:checked){border-color:var(--primary-600, #2563eb);background:var(--primary-50, #eff6ff)}.mode-label{display:flex;flex-direction:column;gap:var(--space-1, .25rem);flex:1}.mode-label strong{font-size:var(--text-sm, 13px);color:var(--text-primary, #1f2937)}.mode-desc{font-size:var(--text-xs, 12px);color:var(--text-secondary, #6b7280);line-height:var(--leading-relaxed, 1.5)}.link-info-banner{background:var(--info-50, #eff6ff);border-left:3px solid var(--info-500, #3b82f6);padding:var(--space-3, .75rem);border-radius:var(--radius-base, 8px)}.link-info-banner p{margin:0;font-size:var(--text-sm, 13px);color:var(--info-700, #1e40af);line-height:var(--leading-relaxed, 1.5)}.link-config-section,.link-matching-section{background:var(--bg-tertiary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-base, 8px);padding:var(--space-4, 1rem);display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.link-config-section h4,.link-matching-section h4{margin:0;font-size:var(--text-base, 14px);font-weight:var(--font-semibold, 600);color:var(--text-primary, #1f2937)}.section-help{font-size:var(--text-xs, 12px);color:var(--text-secondary, #6b7280);margin:0;line-height:var(--leading-relaxed, 1.5)}.action-link-relations label{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.action-link-relations label .required:after{content:" *";color:var(--danger-600, #dc2626)}.field-help{font-size:var(--text-xs, 12px);color:var(--text-secondary, #6b7280);font-style:italic}.warning-box{background:var(--warning-50, #fef3c7);border:1px solid var(--warning-300, #fcd34d);border-radius:var(--radius-base, 8px);padding:var(--space-3, .75rem);font-size:var(--text-sm, 13px);color:var(--warning-800, #92400e)}.target-info,.trigger-info{background:var(--primary-50, #eff6ff);border-left:3px solid var(--primary-500, #3b82f6);padding:var(--space-2, .5rem) var(--space-3, .75rem);border-radius:var(--radius-base, 8px);font-size:var(--text-sm, 13px)}.target-info strong,.trigger-info strong{color:var(--primary-700, #1d4ed8);font-weight:var(--font-semibold, 600)}.matching-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3, .75rem)}@media (max-width: 768px){.matching-fields-grid{grid-template-columns:1fr}}.match-preview{background:var(--success-50, #f0fdf4);border:1px solid var(--success-300, #86efac);border-radius:var(--radius-base, 8px);padding:var(--space-3, .75rem);margin-top:var(--space-2, .5rem)}.match-preview strong{color:var(--success-800, #166534);font-size:var(--text-sm, 13px);display:block;margin-bottom:var(--space-2, .5rem)}.match-formula{font-family:var(--font-mono, "Courier New", monospace);background:var(--bg-primary, #ffffff);padding:var(--space-2, .5rem) var(--space-3, .75rem);border-radius:var(--radius-sm, 4px);border:1px solid var(--border-light, #e5e7eb);font-size:var(--text-sm, 13px);color:var(--success-700, #15803d);display:flex;align-items:center;gap:var(--space-2, .5rem);margin:var(--space-2, .5rem) 0}.match-operator{color:var(--primary-600, #2563eb);font-weight:var(--font-bold, 700);padding:0 var(--space-2, .5rem)}.match-example{font-size:var(--text-xs, 12px);color:var(--success-700, #15803d);margin:var(--space-2, .5rem) 0 0 0;line-height:var(--leading-relaxed, 1.5)}.match-example code{background:var(--bg-primary, #ffffff);padding:2px 6px;border-radius:var(--radius-sm, 4px);font-family:var(--font-mono, "Courier New", monospace);font-size:var(--text-xs, 11px);color:var(--success-800, #166534);border:1px solid var(--success-200, #bbf7d0)}.validation-warning{background:var(--warning-50, #fef3c7);border:1px solid var(--warning-400, #fbbf24);border-radius:var(--radius-base, 8px);padding:var(--space-3, .75rem);font-size:var(--text-sm, 13px);color:var(--warning-800, #92400e);text-align:center}.action-link-relations .input,.action-link-relations .select{padding:var(--space-2, .5rem) var(--space-3, .75rem);border:1px solid var(--border-color, #d1d5db);border-radius:var(--radius-base, 8px);font-size:var(--text-sm, 13px);width:100%;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);transition:border-color .2s}.action-link-relations .input:focus,.action-link-relations .select:focus{outline:none;border-color:var(--primary-500, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.action-link-relations .select:disabled{background:var(--bg-disabled, #f3f4f6);color:var(--text-disabled, #9ca3af);cursor:not-allowed}.integration-action-selector{background:#f8f9fa;border-radius:8px;padding:1.5rem}.integration-selector-loading,.integration-selector-error{padding:2rem;text-align:center;color:#666}.integration-selector-error{background:#fff5f5;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;display:flex;flex-direction:column;align-items:center;gap:1rem}.add-integration-link{color:#0078d4;text-decoration:none;font-weight:600}.add-integration-link:hover{text-decoration:underline}.selector-section{background:#fff;border-radius:6px;padding:1.5rem;margin-bottom:1rem}.selector-section:last-child{margin-bottom:0}.selector-section-title{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;font-size:1.1rem;color:#333}.step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#0078d4;color:#fff;border-radius:50%;font-size:.9rem;font-weight:600}.integration-warning{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:.9rem}.actions-list{display:grid;gap:.75rem}.action-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:6px;padding:1rem;cursor:pointer;transition:all .2s;text-align:start;width:100%}.action-card:hover{border-color:#0078d4;background:#fff}.action-card.selected{border-color:#0078d4;background:#e7f3ff}.action-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.action-card h5{margin:0;font-size:1.05rem;color:#333}.action-card p{margin:0;color:#666;font-size:.9rem;line-height:1.4}.action-config-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#333;font-size:.95rem}.form-group .required{color:#dc3545}.field-description{color:#666;font-size:.85rem}.field-hint{color:#888;font-size:.8rem;font-style:italic}.no-params{color:#666;font-style:italic;text-align:center;padding:1rem}.output-info{margin-top:1.5rem;padding:1rem;background:#e7f3ff;border-radius:4px;border:1px solid #b3d9ff}.output-info h5{margin:0 0 .75rem;color:#0056b3;font-size:.95rem}.output-info ul{margin:0;padding-left:1.5rem}.output-info li{margin-bottom:.5rem;color:#333;font-size:.9rem}.output-info code{background:#fff;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;color:#0056b3;font-weight:600}.integration-dropdown{position:relative;width:100%}.integration-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#fff;border:1px solid var(--border-color, #ddd);border-radius:var(--radius-base, 4px);cursor:pointer;font-size:var(--text-sm, .875rem);transition:all .2s;gap:.5rem;min-height:42px}.integration-dropdown-trigger:hover{border-color:var(--primary-500, #0078d4)}.integration-dropdown-trigger:focus{outline:none;border-color:var(--primary-500, #0078d4);box-shadow:0 0 0 3px #0078d41a}.integration-dropdown-trigger-content{display:flex;align-items:center;gap:.75rem;flex:1;text-align:start}.integration-dropdown-logo{width:28px;height:28px;object-fit:contain;flex-shrink:0}.integration-dropdown-text{display:flex;flex-direction:column;gap:.15rem;flex:1}.integration-dropdown-name{font-weight:var(--font-medium, 500);color:var(--text-primary, #333);line-height:1.2}.integration-dropdown-type{font-size:.75rem;color:var(--text-secondary, #666);line-height:1.2}.integration-dropdown-placeholder{color:var(--text-tertiary, #999)}.integration-dropdown-chevron{flex-shrink:0;transition:transform .2s;color:var(--text-secondary, #666)}.integration-dropdown-chevron.open{transform:rotate(180deg)}.integration-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border-color, #ddd);border-radius:var(--radius-base, 4px);box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;z-index:1000}.integration-dropdown-option{width:100%;display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:#fff;border:none;cursor:pointer;font-size:var(--text-sm, .875rem);text-align:start;transition:background-color .15s}.integration-dropdown-option:hover{background-color:var(--bg-tertiary, #f8f9fa)}.integration-dropdown-option.selected{background-color:var(--primary-50, #e7f3ff)}.integration-dropdown-option.selected .integration-dropdown-name{font-weight:var(--font-semibold, 600);color:var(--primary-600, #0066b8)}.column-mapping-input{display:flex;flex-direction:column;gap:var(--space-3)}.auto-map-section{display:flex;flex-direction:column;gap:.5rem;padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-base);border:1px dashed var(--primary-300);margin-bottom:var(--space-3)}.auto-map-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary-500),var(--accent-purple-end));color:#fff;border:none;border-radius:var(--radius-base);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease;align-self:flex-start}.auto-map-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.auto-map-btn:active{transform:translateY(0)}.auto-map-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auto-map-help{font-size:var(--text-xs);color:var(--text-secondary)}.loading-headers{display:flex;align-items:center;gap:.5rem;padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-base);border:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--text-sm)}.field-mapping-list{display:flex;flex-direction:column;gap:var(--space-2)}.field-map-row{display:flex;flex-direction:column;padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-base);border:1px solid var(--border-light);transition:var(--transition-all)}.field-map-row:hover{border-color:var(--border-medium);background:var(--bg-hover)}.field-map-row-content{display:flex;gap:var(--space-2);align-items:flex-start}.field-map-main{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.remove-mapping-btn{background:transparent;border:none;color:var(--danger-600);cursor:pointer;padding:.25rem;border-radius:var(--radius-base);transition:var(--transition-all);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.125rem}.remove-mapping-btn:hover:not(:disabled){background:var(--danger-50);color:var(--danger-700)}.remove-mapping-btn:disabled{opacity:.3;cursor:not-allowed}.target-property-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.target-property-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);flex:1;min-width:120px}.target-property-name:before{content:"→";color:#4db6ac;font-weight:var(--font-bold);margin-right:var(--space-1)}.field-map-inputs{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.field-map-inputs .input{flex:1;min-width:140px}.confidence-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);flex-shrink:0}.confidence-high{background:var(--success-100);color:var(--success-700)}.confidence-medium{background:var(--warning-100);color:var(--warning-700)}.confidence-low{background:var(--gray-100);color:var(--gray-600)}.spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.field-map-inputs{flex-direction:column;align-items:stretch}.field-map-inputs .input{min-width:100%}.field-map-row-content{flex-direction:column}.remove-mapping-btn{align-self:flex-end}.auto-map-section{padding:.5rem}.auto-map-btn{width:100%;justify-content:center}}.mapping-help{margin-top:var(--space-2);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-base);border:1px solid var(--border-light)}.mapping-help small{color:var(--text-secondary);line-height:1.4}.action-dropdown{position:relative;width:100%}.action-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#fff;border:1px solid var(--border-color, #ddd);border-radius:var(--radius-base, 4px);cursor:pointer;font-size:var(--text-sm, .875rem);transition:all .2s;gap:.5rem}.action-dropdown-trigger:hover{border-color:var(--primary-500, #0078d4)}.action-dropdown-trigger:focus{outline:none;border-color:var(--primary-500, #0078d4);box-shadow:0 0 0 3px #0078d41a}.action-dropdown-trigger-content{display:flex;align-items:center;gap:.5rem;flex:1;text-align:start}.action-dropdown-icon{color:var(--primary-500, #0078d4);flex-shrink:0}.action-dropdown-placeholder{color:var(--text-tertiary, #999)}.action-dropdown-chevron{flex-shrink:0;transition:transform .2s;color:var(--text-secondary, #666)}.action-dropdown-chevron.open{transform:rotate(180deg)}.action-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border-color, #ddd);border-radius:var(--radius-base, 4px);box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;z-index:1000}.action-dropdown-option{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:none;cursor:pointer;font-size:var(--text-sm, .875rem);text-align:start;transition:background-color .15s}.action-dropdown-option:hover{background-color:var(--bg-tertiary, #f8f9fa)}.action-dropdown-option.selected{background-color:var(--primary-50, #e7f3ff);font-weight:var(--font-medium, 500)}.action-dropdown-option.selected .action-dropdown-icon{color:var(--primary-600, #0066b8)}.automations-page{display:flex;flex-direction:column;flex:1;height:100%;width:100%;background:#f8f9fa;overflow:hidden}.automations-page-header{padding:var(--space-6) var(--space-4);display:flex;align-items:center;height:50px;gap:20px;padding:20px 30px;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000d}.back-to-dashboard-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;color:#333;font-weight:500;cursor:pointer;transition:all .15s;font-size:.95rem}.back-to-dashboard-btn:hover{background:#e8e8e8;border-color:#ccc}.automations-page-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-2xl);margin:0}.automations-page-content{display:flex;flex:1;overflow:hidden;gap:0}.automations-left-panel{width:300px;min-width:300px;background:#fff;border-right:1px solid #e0e0e0;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.automations-middle-panel{flex:1;min-height:0;background-color:#f8f9fa;background-image:radial-gradient(circle,#d0d5dd 1px,transparent 1px);background-size:20px 20px;overflow:hidden;padding:30px;display:flex;flex-direction:column;border-right:1px solid #e0e0e0;position:relative}.flow-container{flex:1;overflow:auto;position:relative}.flow-zoom-controls{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px;box-shadow:0 2px 8px #0000001a;z-index:10}.flow-zoom-btn{background:#fff;border:1px solid #e0e0e0;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;color:#333;font-weight:600;font-size:18px}.flow-zoom-btn:hover{background:#f5f5f5;border-color:#0078d4;color:#0078d4}.flow-zoom-level{text-align:center;font-size:12px;color:#666;padding:4px 0;-webkit-user-select:none;user-select:none}.flow-content{transform-origin:top center;transition:transform .2s ease;will-change:transform}.automations-right-panel{width:420px;min-width:420px;background:#fff;overflow-y:auto;display:flex;flex-direction:column}.form-editor-container{display:flex;flex-direction:column;height:100%;border:2px solid var(--primary-500);border-radius:2px;margin:var(--space-1);background:var(--bg-primary);box-shadow:0 0 0 3px var(--primary-100)}.form-editor-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:#fafafa}.form-editor-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#333}.close-form-btn{background:transparent;border:none;cursor:pointer;padding:4px;color:#666;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s}.close-form-btn:hover{background:#e8e8e8;color:#333}.form-editor-content{flex:1;overflow-y:auto;min-height:0}.form-editor-placeholder{display:flex;align-items:center;justify-content:center;flex:1;text-align:center;padding:40px}.form-editor-placeholder p{font-size:1rem;color:#999;max-width:300px;line-height:1.6}.automations-placeholder{display:flex;align-items:center;justify-content:center;flex:1;text-align:center}.automations-placeholder p{font-size:1.1rem;color:#999;max-width:400px;line-height:1.6}.step-box.clickable{cursor:pointer;transition:all .2s ease}.step-box.clickable:hover{background:#f8f9fa;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.mobile-nav-tabs{display:none}.mobile-step-context{font-weight:400;font-size:.9rem;color:#666}@media (max-width: 1400px){.automations-right-panel{width:400px;min-width:400px}}@media (max-width: 1200px){.automations-left-panel{width:250px;min-width:250px}.automations-right-panel{width:350px;min-width:350px}}@media (max-width: 1024px){.automations-page{height:100vh;overflow:hidden}.automations-page-header{padding:15px 20px}.automations-page-title{font-size:1.2rem}.back-to-dashboard-btn{padding:6px 12px;font-size:.9rem}.mobile-nav-tabs{display:flex;background:#fff;border-bottom:2px solid #e0e0e0;padding:0 20px;gap:4px;overflow-x:auto}.mobile-nav-tab{flex:1;min-width:80px;padding:12px 16px;background:transparent;border:none;border-bottom:3px solid transparent;color:#666;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s;white-space:nowrap}.mobile-nav-tab:hover:not(:disabled){color:#0078d4;background:#f5f5f5}.mobile-nav-tab.active{color:#0078d4;border-bottom-color:#0078d4;font-weight:600}.mobile-nav-tab:disabled{color:#ccc;cursor:not-allowed;opacity:.5}.automations-page-content{position:relative;height:calc(100vh - 140px)}.automations-left-panel,.automations-middle-panel,.automations-right-panel{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1}.automations-left-panel.mobile-active,.automations-middle-panel.mobile-active,.automations-right-panel.mobile-active{opacity:1;visibility:visible;z-index:2}.automations-left-panel{min-width:unset;border-right:none;padding:15px;overflow-y:auto}.automations-middle-panel{border-right:none;padding:15px}.automations-right-panel{min-width:unset;padding:0}.form-editor-container{margin:0;border-radius:0;height:100%;border:none;box-shadow:none}.form-editor-header{padding:15px 20px;position:sticky;top:0;z-index:10;background:#fff}.form-editor-header h3{font-size:1.1rem;display:flex;flex-direction:column;gap:4px}.form-editor-content{padding:0}.flow-zoom-controls{top:10px;right:50px}.automations-placeholder,.form-editor-placeholder{padding:20px}.automations-placeholder p,.form-editor-placeholder p{font-size:.95rem}}@media (max-width: 768px){.automations-page-header{padding:12px 15px 12px 70px;flex-wrap:wrap;gap:10px}.automations-page-title{font-size:1rem;width:100%;order:2}.back-to-dashboard-btn{order:1}.mobile-nav-tabs{padding:0 15px}.mobile-nav-tab{padding:10px 12px;font-size:.9rem}.automations-page-content{height:calc(100vh - 160px)}.form-editor-header h3{font-size:1rem}.flow-zoom-controls{top:8px;right:40px;padding:6px}.flow-zoom-btn{width:28px;height:28px}}.portal-permissions-manager{background:var(--bg-primary);border-radius:var(--radius-lg);width:90%;max-width:1200px;max-height:90vh;overflow-y:auto;padding:0}.subtitle{color:var(--text-secondary);font-size:var(--text-base);margin-top:var(--space-2)}.manager-actions{padding:0;margin-top:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--border-light);padding-bottom:var(--space-6);display:flex;justify-content:flex-end}.portal-permissions-manager-container.embedded .manager-actions{margin-top:0;padding-top:0%;padding-bottom:var(--space-6)}.permissions-list{padding:var(--space-4);margin-top:var(--space-6)}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.permission-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-6);transition:var(--transition-base)}.permission-form-modal-content{padding:0;display:flex;flex-direction:column;height:600px;max-height:calc(var(--modal-max-height) - 4rem)}.permission-modal-header-section{padding:var(--space-6) var(--space-8) var(--space-4);background:var(--bg-primary);flex-shrink:0}.permission-modal-header-section h3{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.permission-modal-tabs{display:flex;gap:var(--space-2);border-bottom:2px solid var(--border-light);background:var(--bg-primary);padding:0 var(--space-8);flex-shrink:0}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s;position:relative;margin-bottom:-2px}.tab-button:hover:not(:disabled){color:var(--text-primary);background:var(--gray-50)}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-button:disabled{opacity:.5;cursor:not-allowed}.tab-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--gray-200);color:var(--text-secondary);font-size:.75rem;font-weight:600;transition:all .2s}.tab-button.active .tab-number{background:var(--primary-color);color:#fff}.tab-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.tab-panel{animation:fadeIn .2s ease-in;padding:var(--space-6) var(--space-8);display:flex;flex-direction:column;gap:var(--space-4)}.tab-panel>div{display:flex;flex-direction:column}.permission-checkboxes{display:flex;flex-direction:column;gap:var(--space-1)}.permission-checkboxes label{display:flex;gap:var(--space-2);align-items:flex-start;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background .2s}.permission-checkboxes label:hover{background:var(--gray-50)}.properties-checklist label{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2);border-radius:var(--radius-sm);transition:background .2s}.properties-checklist label:not(.opacity-50):hover{background:var(--gray-100);cursor:pointer}.properties-checklist label.opacity-50{opacity:.5;cursor:not-allowed}.properties-table{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.properties-table-header{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--gray-50);border-bottom:1px solid var(--border-light);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-secondary)}.properties-table-header .text-center{text-align:center}.properties-table-row{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-100);transition:background .15s}.properties-table-row:last-child{border-bottom:none}.properties-table-row:hover{background:var(--gray-50)}.property-name-col{display:flex;align-items:center;gap:var(--space-2);min-width:0}.property-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.property-type{font-size:var(--text-xs);color:var(--text-secondary);flex-shrink:0}.property-checkbox-col{display:flex;align-items:center;justify-content:center;width:120px;flex-shrink:0}.checkbox-with-description{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.checkbox-description{font-size:.7rem;color:var(--text-secondary);text-align:center;white-space:nowrap}.checkbox-wrapper{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--space-2)}.checkbox-wrapper input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-wrapper input[type=checkbox]:disabled{cursor:not-allowed;opacity:.4}.field-access-help{display:flex;flex-direction:column;gap:var(--space-2)}.help-text{display:block;font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-2) var(--space-3);background:var(--gray-50);border-radius:var(--radius-sm);border-left:3px solid var(--primary-color)}.help-text.warning{background:#fef3c7;border-left-color:#f59e0b;color:#92400e}.permissions-table{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.permissions-table-body{display:flex;flex-direction:column}.permission-table-row{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-100);transition:background .15s;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.permission-table-row:last-child{border-bottom:none}.permission-table-row:hover{background:var(--gray-50)}.permission-table-row:active{background:var(--gray-100)}.permission-checkbox-cell{display:flex;align-items:center;justify-content:center}.permission-info-cell{display:flex;flex-direction:column;gap:var(--space-1)}.permission-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.permission-description{font-size:var(--text-xs);color:var(--text-secondary)}@media (max-width: 768px){.properties-table-header,.properties-table-row{grid-template-columns:1fr 110px 110px;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.property-checkbox-col{width:110px}.property-name{font-size:.8rem}.property-type{display:none}.checkbox-description{font-size:.65rem}.permission-table-row{grid-template-columns:auto 1fr;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.permission-label{font-size:.85rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.permission-modal-footer{border-top:1px solid var(--border-light);padding:var(--space-4) var(--space-8);background:var(--bg-primary);flex-shrink:0}@media (max-width: 768px){.permission-form-modal-content{height:500px}.tab-button{font-size:.875rem;padding:var(--space-2) var(--space-3)}.tab-number{width:20px;height:20px;font-size:.7rem}.permission-modal-header-section{padding:var(--space-4) var(--space-4) var(--space-3)}.permission-modal-tabs{padding:0 var(--space-4)}.tab-panel{padding:var(--space-4)}.permission-modal-footer{padding:var(--space-3) var(--space-4)}}.permission-card:hover{box-shadow:var(--shadow-base)}.permission-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-100)}.object-info{display:flex;align-items:center;gap:.5rem;color:#2563eb}.object-info h3{margin:0;font-size:1.1rem}.card-actions-portal-permissions{display:flex;gap:.5rem;z-index:1;flex-shrink:0}.permission-card .icon-btn{padding:.4rem;background:none;border:none;cursor:pointer;color:#6b7280;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.permission-card .icon-btn:hover{background:#f3f4f6;color:#374151}.permission-card .icon-btn.edit-btn{color:#3b82f6}.permission-card .icon-btn.edit-btn:hover{background:#eff6ff;color:#1d4ed8}.permission-card .icon-btn.delete-btn{color:#6b7280}.permission-card .icon-btn.delete-btn:hover{background:#fee2e2;color:#dc2626}.permission-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;flex-direction:column;gap:.4rem}.label{font-size:.85rem;font-weight:600;color:#6b7280}.detail-row code{background:#f3f4f6;padding:.3rem .5rem;border-radius:4px;font-size:.85rem;color:#374151;display:inline-block}.access-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize;width:fit-content}.access-badge.read{background:#dbeafe;color:#1e40af}.access-badge.write{background:#fef3c7;color:#92400e}.access-badge.update{background:#d1fae5;color:#065f46}.permissions-badges{display:flex;flex-wrap:wrap;gap:.4rem}.permission-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap}.permission-badge.enabled{background:var(--success-200);color:var(--success-700)}.permission-badge.disabled{background:var(--gray-200);color:var(--text-tertiary);font-style:italic}.fields-list{display:flex;flex-wrap:wrap;gap:.5rem}.field-chip{background:#f3f4f6;padding:.3rem .6rem;border-radius:12px;font-size:.8rem;color:#374151;display:inline-flex;align-items:center;gap:.3rem}.field-chip.editable{background:#d1fae5;color:#065f46;font-weight:500}.field-chip.readonly{background:#dbeafe;color:#1e40af}.field-chip .edit-badge{font-size:.7rem}.no-fields{color:#9ca3af;font-style:italic;font-size:.85rem}.empty-state{text-align:center;padding:3rem;color:#6b7280}.empty-icon{color:#d1d5db;margin-bottom:1rem}.hint{color:#9ca3af;font-size:.9rem}.modal-content.large{max-width:700px}.fields-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.select-actions{display:flex;gap:1rem}.text-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.85rem;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.text-btn:hover{background:#eff6ff;color:#1d4ed8}.properties-checklist{border:1px solid #e5e7eb;border-radius:6px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:#f9fafb}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.4rem;border-radius:4px;transition:background .2s}.checkbox-label:hover{background:#fff}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.checkbox-label span{color:#374151}.prop-type{color:#9ca3af!important;font-size:.85rem;margin-left:.25rem}.disabled-input{background:#f3f4f6;color:#6b7280;cursor:not-allowed}@media (max-width: 768px){.portal-permissions-manager{width:95%}.permissions-grid{grid-template-columns:1fr}.manager-header{padding:1.5rem}}.manager-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-light)}.manager-header h2{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-2) 0}.subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.main-invite-button{display:flex!important;align-items:center!important;gap:var(--space-2)!important}.manager-actions-users{padding:0;margin-bottom:var(--space-6);display:flex;justify-content:flex-end;padding-bottom:var(--space-5);border-bottom:1px solid var(--border-light)}.users-section{margin-bottom:var(--space-8)}.email-invite-label{display:flex!important;align-items:center!important;gap:var(--space-2)!important;margin-bottom:var(--space-2)!important;color:var(--text-primary)!important;font-weight:var(--font-semibold)!important;font-size:var(--text-sm)!important}.users-section h3{margin-bottom:var(--space-4);color:var(--text-primary);font-size:var(--text-lg)}.users-section .system-table-wrapper{border-radius:8px;box-shadow:0 2px 6px #0000000a;overflow-x:auto;background:#fff}.user-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;font-weight:var(--font-semibold);font-size:var(--text-sm)}.user-info{display:flex;align-items:center;gap:var(--space-3)}.user-info h4{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:var(--text-base)}.user-meta{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.loading-state{display:flex;align-items:center;justify-content:center;padding:var(--space-12);color:var(--text-secondary);font-size:var(--text-base)}.invite-user-modal{display:flex;flex-direction:column;height:550px;max-height:80vh}.invite-modal-header{padding:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light);flex-shrink:0}.invite-modal-header h3{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.invite-modal-content{flex:1;overflow-y:auto;padding:var(--space-6);min-height:0}.invite-modal-footer{padding:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:var(--space-3);flex-shrink:0}.search-section{margin-bottom:var(--space-6)}.search-input-group{display:flex;gap:var(--space-3)}.search-input-group .form-input{flex:1}.search-results{margin-top:var(--space-6)}.search-results h4{margin-bottom:var(--space-4);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold)}.results-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:400px;overflow-y:auto}.result-meta{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.selected-user-info{margin-bottom:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md)}.selected-user-info h4{margin-bottom:var(--space-2);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.user-card.selected{position:relative;padding:var(--space-3);background:var(--success-50);border:2px solid var(--success-200)!important;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2);font-size:var(--text-sm)}.check-icon{position:absolute;top:var(--space-2);inset-inline-end:var(--space-2);color:var(--success-600);width:16px;height:16px}.client-selection-section{margin-top:var(--space-4)}.client-selection-section h4{margin-bottom:var(--space-2);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.section-subtitle{color:var(--text-secondary);font-size:var(--text-xs);margin-bottom:var(--space-3)}.client-search-wrapper{margin-bottom:var(--space-3)}.selected-user-info .btn-link{padding:0;margin-top:var(--space-1);font-size:var(--text-xs)}.search-input-with-icon{position:relative;display:flex;align-items:center}.search-input-with-icon .search-icon{position:absolute;inset-inline-start:var(--space-3);color:var(--text-secondary);pointer-events:none}.search-input-with-icon .client-search-input{padding-inline-start:var(--space-10)}.client-records-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:280px;overflow-y:auto}.remove-connection-button,.edit-connection-button,.cancel-invite-button{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;background:var(--gray-100)!important;color:var(--text-secondary)!important;border:none!important;box-shadow:none!important}.remove-connection-button:hover{background:var(--error-100)!important;color:var(--error-600)!important;transform:translateY(0)!important}.cancel-invite-button:hover{background:var(--gray-200)!important;color:var(--error-600)!important;transform:translateY(0)!important}.edit-connection-button:hover{background:var(--primary-100)!important;color:var(--primary)!important;transform:translateY(0)!important}.status-badge-portal-connection{box-sizing:border-box!important}.client-record-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition-base)}.client-record-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.client-record-info{flex:1}.modal-actions-portal-users{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:var(--space-3)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.badge-info{background:var(--info-50);color:var(--info-700)}.email-input-section{margin-bottom:0}.form-label{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:var(--font-semibold);font-size:var(--text-sm)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);transition:var(--transition-base);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:var(--text-tertiary)}.autocomplete-wrapper{position:relative}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:1000}.dropdown-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase}.dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);cursor:pointer;transition:var(--transition-base)}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item.disabled{cursor:not-allowed;opacity:.6;background:var(--bg-secondary)}.dropdown-item.disabled:hover{background:var(--bg-secondary)}.dropdown-item-content{flex:1}.dropdown-item-content strong{display:block;color:var(--text-primary);margin-bottom:var(--space-1)}.dropdown-item-email{display:flex;align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm)}.dropdown-item-status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);margin-top:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);width:fit-content}.dropdown-item-status.warning{background:var(--warning-50);color:var(--warning-700)}.dropdown-item-status.info{background:var(--info-50);color:var(--info-700)}.dropdown-item-icon{color:var(--success-600);flex-shrink:0}.input-loading{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%)}.spinner-sm{width:16px;height:16px;border:2px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field-hint{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-2);line-height:var(--leading-normal)}.field-description{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4);line-height:var(--leading-normal)}.email-input-group{display:flex;gap:var(--space-3)}.email-input-group .form-input{flex:1}.text-muted{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-2)}.edit-connection-modal{padding:var(--space-6);min-width:500px;max-width:700px}.edit-connection-modal h3{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.edit-connection-modal .modal-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.current-connection-info{margin-bottom:var(--space-6);padding:var(--space-5);background:var(--bg-secondary);border-radius:var(--radius-md)}.current-connection-info h4{margin-bottom:var(--space-3);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold)}.current-record-badge{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.current-record-badge strong{font-size:var(--text-sm);color:var(--text-secondary)}.client-record-item.current{background:var(--gray-50);border-color:var(--info-500);opacity:.7}.client-record-item.current button{cursor:not-allowed}.client-record-info{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.bulk-invite-modal{display:flex;flex-direction:column;height:550px;max-height:80vh}.bulk-modal-header{padding:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light);flex-shrink:0}.bulk-modal-header h3{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.bulk-modal-header .modal-subtitle,.bulk-invite-modal .modal-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:0;line-height:var(--leading-normal)}.bulk-modal-content{flex:1;overflow-y:auto;padding:var(--space-6);min-height:0}.bulk-modal-footer{padding:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:var(--space-3);flex-shrink:0}.bulk-invite-step{margin-bottom:0}.bulk-invite-step h4{margin-bottom:var(--space-2);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.bulk-invite-step .section-subtitle{color:var(--text-secondary);font-size:var(--text-xs);margin-bottom:var(--space-3);line-height:var(--leading-normal)}.step-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.tables-list,.properties-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:250px;overflow-y:auto;padding:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-md)}.table-item,.property-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:#fff;border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.table-item:hover,.property-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #00000014}.table-item.selected,.property-item.selected{border-color:var(--primary);background:var(--primary-50)}.table-info,.property-info{display:flex;align-items:center;gap:var(--space-2);flex:1}.table-internal-name,.property-internal-name{color:var(--text-secondary);font-size:var(--text-sm);margin-left:var(--space-1)}.check-icon{color:var(--primary);opacity:0;transition:opacity .2s ease}.check-icon.visible{opacity:1}.bulk-invite-info{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--info-50);border-radius:var(--radius-md);margin-top:var(--space-3)}.bulk-invite-info p{margin:0;color:var(--info-700);font-size:var(--text-xs);line-height:var(--leading-normal)}.filter-option-section{margin-top:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.filter-toggle{margin-bottom:var(--space-3)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.filter-selection{padding-top:var(--space-3);border-top:1px solid var(--border-light)}.filter-selection .form-label{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:var(--font-semibold);font-size:var(--text-sm)}.filter-selection .field-hint{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);color:var(--info-700);font-size:var(--text-xs);background:var(--info-50);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.bulk-invite-results{padding:0}.bulk-invite-results h4{margin-bottom:var(--space-4);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.results-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.result-stat{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:#fff;border:2px solid var(--border-light)}.result-stat.success{border-color:var(--success-500);background:var(--success-50)}.result-stat.success svg{color:var(--success-600)}.result-stat.warning{border-color:var(--warning-500);background:var(--warning-50)}.result-stat.warning svg{color:var(--warning-600)}.result-stat.error{border-color:var(--error-500);background:var(--error-50)}.result-stat.error svg{color:var(--error-600)}.result-stat div{display:flex;flex-direction:column;gap:var(--space-1)}.result-stat strong{font-size:var(--text-2xl);color:var(--text-primary)}.result-stat span{font-size:var(--text-sm);color:var(--text-secondary)}.results-errors{margin-top:var(--space-4)}.results-errors h5{margin-bottom:var(--space-3);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.errors-list{max-height:200px;overflow-y:auto;padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md)}.error-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);margin-bottom:var(--space-2);background:#fff;border-radius:var(--radius-sm);font-size:var(--text-sm)}.error-item:last-child{margin-bottom:0}.more-errors{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-2)}.manager-actions-users{gap:var(--space-2)}@media (max-width: 768px){.search-input-group,.email-input-group{flex-direction:column}.portal-users-modal{max-width:95vw}.autocomplete-dropdown{max-height:200px}.results-summary{grid-template-columns:1fr}.manager-actions-users{flex-direction:column;align-items:stretch}.manager-actions-users button{width:100%}.invite-user-modal,.bulk-invite-modal{height:500px;max-height:90vh}.invite-modal-header,.invite-modal-content,.invite-modal-footer,.bulk-modal-header,.bulk-modal-content,.bulk-modal-footer{padding:var(--space-4)}.client-records-list,.properties-list{max-height:180px}.invite-modal-footer,.bulk-modal-footer{flex-direction:column;gap:var(--space-2)}.invite-modal-footer button,.bulk-modal-footer button{width:100%}}.portals-page-with-sidebar{display:flex;flex:1;height:100%;width:100%;overflow:hidden}.portals-sidebar{width:320px;border-right:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.new-portal-btn{border-radius:var(--radius-full)!important;height:38px!important;width:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0%!important}.new-portal-btn-empty{border-radius:var(--radius-md)!important;height:auto!important;width:auto!important;padding:var(--space-3) var(--space-4)!important;background-color:var(--primary)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:var(--space-2)!important}.discription-portal{min-height:80px!important}.portal-active-checkbox{gap:var(--space-2)!important;padding:var(--space-2) var(--space-3)!important;background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;color:var(--text-secondary)!important;font-size:var(--text-sm)!important;transition:var(--transition-all)!important;display:flex!important;align-items:center!important}.portals-sidebar-header{padding:var(--space-6) var(--space-4);box-sizing:border-box;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);min-height:30px}.portals-sidebar-header h2{font-size:var(--text-2xl);margin:0}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.portals-list{flex:1;overflow-y:auto;padding:var(--space-2)}.portal-list-item{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-2);cursor:pointer;transition:var(--transition-all);display:flex;justify-content:space-between;align-items:center;background:var(--bg-primary);border:1px solid transparent}.portal-list-item:hover{background:var(--bg-hover);border-color:var(--border-color)}.portal-list-item.active{background:var(--primary-50);border-color:var(--primary)}.portal-list-info h3{font-size:var(--text-base);margin:0 0 var(--space-1) 0;color:var(--text-primary)}.portal-object-name{font-size:var(--text-sm);color:var(--text-secondary)}.portal-list-status{flex-shrink:0}.status-icon.active{color:var(--success-600)}.status-icon.inactive{color:var(--error-500)}.empty-sidebar{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-tertiary)}.empty-sidebar p{margin-bottom:var(--space-4)}.portals-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.portal-detail-header{padding:var(--space-6) var(--space-4);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;box-sizing:border-box}.portal-detail-header .back-button{background:none;border:none;cursor:pointer;color:var(--text-primary);padding:var(--space-2);min-width:32px;height:32px;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition-fast)}.portal-detail-header .back-button:hover{background-color:var(--bg-hover)}.portal-detail-header .back-button.mobile-only{display:none}.portal-title-section{display:flex;align-items:center;gap:var(--space-3)}.portal-title-section h1{font-size:var(--text-3xl);margin:0}.status-badge-portal{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium)}.status-badge-portal.active{background:var(--success-50);color:var(--success-700)}.status-badge-portal.inactive{background:var(--error-50);color:var(--error-600)}.portal-header-actions{display:flex;gap:var(--space-2);align-items:center}.dropdown-container{position:relative}.btn-icon-only{padding:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:var(--transition-all);display:flex;align-items:center;justify-content:center}.btn-icon-only:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-secondary)}.dropdown-menu{position:absolute;top:calc(100% + var(--space-1));inset-inline-end:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;z-index:1000;overflow:hidden}.dropdown-item{width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;text-align:start;cursor:pointer;color:var(--text-primary);font-size:var(--text-base);transition:var(--transition-all);display:flex;align-items:center;gap:var(--space-2)}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item.danger{color:var(--error-600)}.dropdown-item.danger:hover{background:var(--error-50);color:var(--error-700)}.portal-tabs{display:flex;gap:var(--space-1);padding:0 var(--space-6);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.portal-tabs .tab{padding:var(--space-4) var(--space-6);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:var(--text-base);color:var(--text-secondary);transition:var(--transition-all);display:flex;align-items:center;gap:var(--space-2);margin-bottom:-1px}.portal-tabs .tab:hover{color:var(--text-primary);background:var(--bg-hover)}.portal-tabs .tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:var(--font-semibold)}.portal-tab-content{flex:1;overflow-y:auto;padding:var(--space-6)}.portal-overview{max-width:800px}.overview-section{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--border-color)}.overview-section h3{margin:0 0 var(--space-6) 0;font-size:var(--text-2xl)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.info-item{display:flex;flex-direction:column;gap:var(--space-2)}.info-item.full-width{grid-column:1 / -1}.info-item label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.info-item p{font-size:var(--text-base);color:var(--text-primary);margin:0}.portal-url-display{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-tertiary);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-color)}.portal-url-display code{flex:1;font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-portal-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--space-8);color:var(--text-tertiary)}.no-portal-selected .empty-icon{opacity:.3;margin-bottom:var(--space-6)}.no-portal-selected h2{font-size:var(--text-3xl);color:var(--text-secondary);margin:0 0 var(--space-4) 0}.no-portal-selected p{font-size:var(--text-lg);margin-bottom:var(--space-6)}.portal-modal-container{padding:var(--space-8)}.portal-modal-container h2{margin:0 0 var(--space-6) 0;font-size:var(--text-3xl);color:var(--text-primary)}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-medium);color:var(--text-primary)}.form-group small{display:block;margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.modal-actions-portal{display:flex;justify-content:flex-end;gap:var(--space-4);margin-top:var(--space-8)}@media (max-width: 768px){.portals-page-with-sidebar{flex-direction:column;position:relative;width:100%;height:100vh;max-width:100vw}.portals-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);max-height:none;height:100%;display:flex}.portals-page-with-sidebar.portal-selected .portals-sidebar{display:none}.portals-page-with-sidebar.portal-selected .mobile-menu-toggle{display:none!important}.portals-page-with-sidebar.portal-selected .portals-main-content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:10}.portal-detail-header .back-button.mobile-only{display:flex!important}.portal-detail-header{flex-direction:column;align-items:flex-start;padding:var(--space-3);gap:var(--space-2)}.portal-header-actions{width:100%;justify-content:flex-start}.info-grid{grid-template-columns:1fr}.portal-title-section h1{font-size:var(--text-xl)}.portals-sidebar-header{padding:var(--space-3);padding-left:70px}.portals-sidebar-header h2{font-size:var(--text-lg)}}.workspace-templates-page{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary);overflow:hidden;width:100%}.templates-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6) var(--space-8);background:var(--bg-primary);border-bottom:1px solid var(--border-color);gap:var(--space-4)}.templates-header-left{display:flex;align-items:center;gap:var(--space-4)}.templates-title{font-size:var(--text-3xl);font-weight:var(--font-semibold);margin:0;color:var(--text-primary)}.templates-header-actions{display:flex;gap:var(--space-3)}.search-box{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:300px}.search-box input{border:none;background:transparent;outline:none;flex:1;font-size:var(--text-base);color:var(--text-primary)}.search-box svg{color:var(--text-tertiary)}.templates-content{display:flex;flex:1;overflow:hidden}.templates-sidebar{width:250px;background:var(--bg-primary);border-right:1px solid var(--border-color);padding:var(--space-6) var(--space-4);overflow-y:auto}.sidebar-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-4);color:var(--text-primary)}.category-list{display:flex;flex-direction:column;gap:var(--space-1)}.category-btn{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-secondary);cursor:pointer;transition:var(--transition-all);text-align:left}.category-btn-content{display:flex;align-items:center;gap:var(--space-2)}.category-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.category-btn.active{background:var(--primary-light);color:var(--primary);font-weight:var(--font-medium)}.category-count{font-size:var(--text-sm);color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px var(--space-2);border-radius:var(--radius-full);min-width:24px;text-align:center}.category-btn.active .category-count{background:var(--primary);color:#fff}.templates-main{flex:1;padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column}.templates-main-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color);gap:var(--space-4)}.templates-main .back-button{background:none;border:none;cursor:pointer;color:var(--text-primary);padding:var(--space-2);min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition-fast);position:fixed;top:15px;left:15px;z-index:997}.templates-main .back-button.mobile-only{display:none}[dir=rtl] .templates-main .back-button{left:auto;right:15px}.back-to-categories-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all)}.back-to-categories-btn:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.current-category-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--primary-light);color:var(--primary);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-full);box-sizing:border-box}.current-category-badge svg{color:var(--primary)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.template-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-all);display:flex;flex-direction:column}.template-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-card-header{padding:var(--space-4);display:flex;justify-content:space-between;align-items:center}.template-category-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--primary-light);color:var(--primary);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);text-transform:uppercase}.template-card-body{padding:0 var(--space-4) var(--space-4);flex:1}.template-card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-3);color:var(--text-primary)}.template-card-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.template-card-stats{display:flex;gap:var(--space-4);flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-tertiary)}.stat-item svg{color:var(--text-tertiary)}.template-card-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-top:1px solid var(--border-light);gap:var(--space-2)}.templates-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center;color:var(--text-tertiary)}.templates-empty svg{color:var(--gray-400);margin-bottom:var(--space-4)}.templates-empty p{font-size:var(--text-lg);margin:var(--space-2) 0}.empty-subtitle{font-size:var(--text-base);color:var(--text-tertiary)}.templates-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-16);font-size:var(--text-lg);color:var(--text-tertiary)}.template-detail-modal{display:flex;flex-direction:column;height:80vh;max-height:80vh;overflow:hidden;min-height:0}.template-detail-header{flex-shrink:0;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.template-detail-body{flex:1;overflow-y:auto;min-height:0;padding:var(--space-6)}.template-detail-footer{flex-shrink:0;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);background:var(--bg-primary);display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.footer-workspace-input{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:250px}.footer-workspace-input label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;margin:0}.footer-workspace-input .form-control{flex:1;padding:var(--space-4) var(--space-3);font-size:var(--text-base)}.template-detail-form{display:flex;gap:var(--space-3);align-items:center;margin-left:auto}.template-detail-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0 0 var(--space-2);color:var(--text-primary)}.template-detail-modal .template-category-badge{padding:var(--space-1) var(--space-3);background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:capitalize}.template-detail-section{margin-bottom:var(--space-6)}.template-detail-section:last-child{margin-bottom:0}.template-detail-section h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-4);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.template-detail-section p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.template-description-text{background:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-md);border-left:3px solid var(--primary)}.template-tabs{display:flex;gap:var(--space-1);border-bottom:2px solid var(--border-color);margin-bottom:var(--space-5);flex-wrap:nowrap;overflow:visible}.template-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;flex-shrink:0}.template-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.template-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.template-tab svg{flex-shrink:0}.template-tab-content{flex:1;overflow-y:auto;min-height:0}.template-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-all)}.stat-card:hover{border-color:var(--primary-light);background:var(--bg-hover)}.stat-card-highlight{background:var(--success-50);border-color:var(--success-200)}.stat-card-highlight:hover{border-color:var(--success-300)}.stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-light);border-radius:var(--radius-md);color:var(--primary);flex-shrink:0}.stat-card-highlight .stat-icon{background:var(--success-100);color:var(--success-600)}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1}.stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.template-objects-list{display:flex;flex-direction:column;gap:var(--space-3)}.template-object-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-all)}.template-object-item:hover{border-color:var(--primary-light)}.template-object-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);cursor:pointer;transition:var(--transition-fast);background:var(--bg-primary)}.template-object-header:hover{background:var(--bg-hover)}.template-object-header-left{display:flex;align-items:center;gap:var(--space-3);flex:1}.template-object-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.template-object-property-count{font-size:var(--text-sm);color:var(--text-tertiary);padding:2px var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.template-object-header svg{color:var(--primary)}.template-object-header svg.expanded{transform:rotate(180deg)}.template-object-properties{padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.template-property-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-primary);border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.template-property-item:last-child{margin-bottom:0}.template-property-item svg{color:var(--text-tertiary);flex-shrink:0}.template-property-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium);flex:1}.template-property-type{font-size:var(--text-xs);color:var(--text-tertiary);padding:2px var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-sm);text-transform:uppercase}.template-property-required{font-size:var(--text-xs);color:var(--danger);font-weight:var(--font-medium)}.template-automations-list{display:flex;flex-direction:column;gap:var(--space-3)}.template-automation-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);transition:var(--transition-all)}.template-automation-item:hover{border-color:var(--warning-300);background:var(--warning-50)}.template-automation-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.template-automation-header svg{color:var(--warning-500)}.template-automation-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);flex:1}.template-automation-status{font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;font-weight:var(--font-medium)}.template-automation-status.active{background:var(--success-100);color:var(--success-700)}.template-automation-trigger{display:flex;gap:var(--space-2);font-size:var(--text-sm);margin-bottom:var(--space-1)}.template-automation-trigger-label{color:var(--text-tertiary)}.template-automation-trigger-value{color:var(--text-primary);font-weight:var(--font-medium);padding:2px var(--space-2);background:var(--bg-primary);border-radius:var(--radius-sm)}.template-automation-steps-count{font-size:var(--text-sm);color:var(--text-tertiary)}.template-forms-list{display:flex;flex-direction:column;gap:var(--space-2)}.template-form-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-all)}.template-form-item:hover{border-color:var(--primary-light);background:var(--primary-50)}.template-form-item svg{color:var(--primary)}.template-form-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.template-form-object{font-size:var(--text-xs);color:var(--text-tertiary);margin-left:auto}.template-email-list{display:flex;flex-direction:column;gap:var(--space-2)}.template-email-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-all)}.template-email-item:hover{border-color:var(--info-300);background:var(--info-50)}.template-email-item svg{color:var(--info-500)}.template-email-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.template-integrations-notice{background:var(--warning-50);border:1px solid var(--warning-200);border-radius:var(--radius-md);padding:var(--space-4)}.template-integrations-notice p{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--text-primary)}.template-integrations-notice p:last-child{margin-bottom:0}.notice-text{color:var(--warning-700);font-weight:var(--font-medium)}.template-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.feature-item{display:flex;justify-content:space-between;padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md)}.feature-item.feature-highlight{background:var(--success-50);color:var(--success-700)}.feature-label{font-size:var(--text-sm);color:var(--text-secondary)}.feature-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.feature-highlight .feature-label,.feature-highlight .feature-value{color:var(--success-700)}.template-card-actions{display:flex;gap:var(--space-2)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--text-base);font-weight:var(--font-medium);margin-bottom:var(--space-2);color:var(--text-primary)}.form-control{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);transition:var(--transition-all)}.form-control:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light)}.form-control:disabled{background:var(--bg-disabled);cursor:not-allowed}.template-edit-modal{display:flex;flex-direction:column;height:70vh;max-height:80vh;overflow:hidden;min-height:0}.template-edit-header{flex-shrink:0;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.template-edit-body{flex:1;overflow-y:auto;min-height:0;padding:var(--space-6)}.template-edit-footer{flex-shrink:0;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);background:var(--bg-primary);display:flex;gap:var(--space-3);justify-content:flex-end}.template-edit-modal form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.template-edit-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0;color:var(--text-primary)}.template-edit-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:var(--space-2) 0 0;font-style:italic}.template-edit-modal .form-group{margin-bottom:var(--space-4)}.template-edit-modal .form-group:last-child{margin-bottom:0}.template-card-view-btn{display:flex!important;align-items:center!important;gap:var(--space-1)!important}.template-edit-modal label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-2)}.template-edit-modal .form-control{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box}.template-edit-modal textarea.form-control{resize:vertical;font-family:inherit}.category-select-preview{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--primary-700);font-weight:var(--font-medium)}.category-select-preview svg{color:var(--primary-600)}@media (max-width: 1024px) and (min-width: 769px){.templates-sidebar{width:220px}.templates-header{padding:var(--space-5) var(--space-6)}.templates-title{font-size:var(--text-2xl)}.search-box{min-width:250px}.templates-main{padding:var(--space-5)}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}}@media (max-width: 768px){.workspace-templates-page{position:relative;width:100%;height:100vh;max-width:100vw}.templates-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);padding:var(--space-4);max-height:none;height:100%;display:flex;flex-direction:column}.templates-main{display:none}.workspace-templates-page.category-selected .templates-main{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:10;margin-top:130px}.workspace-templates-page.category-selected .templates-sidebar{display:none}.workspace-templates-page.category-selected .mobile-menu-toggle{display:none!important}.templates-main .back-button.mobile-only{display:flex!important}.templates-content{flex-direction:column;height:100%}.templates-header{padding:var(--space-6);padding-bottom:var(--space-2);padding-left:70px;flex-wrap:wrap}.templates-header-left{flex:1;min-width:0}.templates-title{font-size:var(--text-xl);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.templates-header-actions{width:100%;margin-top:var(--space-2)}.search-box{min-width:auto;flex:1;width:100%}.templates-content{flex-direction:column}.templates-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);padding:var(--space-4);max-height:none;height:auto;display:flex;flex-direction:column;box-sizing:border-box}.templates-main{flex:1;padding:var(--space-4);overflow-y:auto;width:100%;box-sizing:border-box}.templates-grid{grid-template-columns:1fr;gap:var(--space-4)}.template-features-grid{grid-template-columns:1fr}.template-detail-modal{height:85vh;max-height:none}.template-detail-header,.template-detail-body{padding:var(--space-4)}.template-detail-footer{padding:var(--space-3) var(--space-4);flex-direction:column;align-items:stretch;gap:var(--space-3)}.footer-workspace-input{flex-direction:column;align-items:stretch;gap:var(--space-2);min-width:100%}.footer-workspace-input label{white-space:normal}.template-detail-form{flex-direction:column;margin-left:0;width:100%}.template-detail-form .btn{width:100%}.template-tabs{gap:var(--space-1);padding:0;margin-bottom:var(--space-4);overflow-x:auto;overflow-y:visible}.template-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);gap:var(--space-1)}.template-tab svg{width:14px;height:14px}.template-stats-grid{grid-template-columns:1fr 1fr;gap:var(--space-3)}.stat-card{padding:var(--space-3)}.stat-icon{width:36px;height:36px}.stat-icon svg{width:18px;height:18px}.stat-value{font-size:var(--text-lg)}.template-object-header{padding:var(--space-3)}.template-object-properties{padding:var(--space-2) var(--space-3)}.template-property-item{padding:var(--space-2);font-size:var(--text-sm)}.template-automation-item{padding:var(--space-3)}.template-automation-header{flex-wrap:wrap}.template-form-item,.template-email-item{padding:var(--space-2) var(--space-3);flex-wrap:wrap}.template-form-object{width:100%;margin-left:0;margin-top:var(--space-1)}.template-edit-modal{height:85vh;max-height:none}.template-edit-header,.template-edit-body{padding:var(--space-4)}.template-edit-footer{padding:var(--space-3) var(--space-4);flex-direction:column}.template-edit-footer .btn{width:100%}.template-card{border-radius:var(--radius-md)}.template-card-header{padding:var(--space-3)}.template-card-body{padding:0 var(--space-3) var(--space-3)}.template-card-title{font-size:var(--text-lg)}.template-card-description{font-size:var(--text-sm)}.template-card-stats{font-size:var(--text-xs)}.template-card-footer{flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.template-card-view-btn{width:100%;justify-content:center}.template-card-actions{width:100%;justify-content:center;gap:var(--space-3)}.template-card-actions .btn-icon{flex:1;min-width:44px;min-height:44px}.sidebar-title{font-size:var(--text-base);margin-bottom:var(--space-3)}.category-list{gap:var(--space-2)}.category-btn{padding:var(--space-3);font-size:var(--text-sm);min-height:44px}.category-count{font-size:var(--text-xs);min-width:20px;padding:1px var(--space-1)}.templates-empty{padding:var(--space-8)}.templates-empty svg{width:36px;height:36px}.templates-empty p{font-size:var(--text-base)}.empty-subtitle{font-size:var(--text-sm)}.templates-main-header{padding-left:70px;margin-bottom:var(--space-4);padding-bottom:var(--space-3);justify-content:center}.current-category-badge{font-size:var(--text-sm)}}.desktop-sidebar-toggle{display:none}@media (min-width: 769px){.mobile-menu-toggle{display:none}.desktop-sidebar-toggle{display:flex}.templates-main .back-button{display:none!important}.templates-main-header{display:none}.workspace-templates-page.category-selected .templates-main{position:relative!important;inset:auto!important;margin-top:0!important;display:flex!important;box-sizing:border-box!important}.templates-main{display:flex!important}}.rotate-180{transform:rotate(180deg)}.template-roles-list{display:flex;flex-direction:column;gap:var(--space-3)}.template-role-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);transition:var(--transition-all)}.template-role-item:hover{border-color:var(--primary-300);background:var(--primary-50)}.template-role-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.template-role-header svg{color:var(--primary-500)}.template-role-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);flex:1}.template-role-permission-count{font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--primary-100);color:var(--primary-700);font-weight:var(--font-medium)}.template-role-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3) 0;line-height:1.5}.template-role-permissions{margin-top:var(--space-3)}.permissions-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.permissions-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.permission-badge{display:inline-flex;align-items:center;padding:4px var(--space-3);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-primary);font-family:var(--font-mono);transition:var(--transition-all)}.permission-badge:hover{background:var(--primary-50);border-color:var(--primary-300)}.workspace-portal-sidebar{width:280px;background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);height:fit-content;max-height:calc(100vh - 200px);overflow-y:auto;position:sticky;top:var(--space-6);box-sizing:border-box}.workspace-portal-sidebar .sidebar-header{margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.workspace-portal-sidebar .sidebar-header h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.connections-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;transition:var(--transition-base);flex-shrink:0}.connections-button:hover{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.sidebar-workspace-selector{margin-bottom:var(--space-4)}.sidebar-workspace-select{width:100%;padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.sidebar-workspace-select:hover{border-color:var(--primary);background-color:var(--bg-hover)}.sidebar-workspace-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.portals-list{display:flex;flex-direction:column;gap:var(--space-2)}.portal-section{display:flex;flex-direction:column;gap:var(--space-1)}.portal-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;font-size:var(--text-sm);color:var(--text-secondary);width:100%;text-align:start;min-height:44px}.portal-button:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-300)}.portal-button.selected{background:var(--primary-light, rgba(59, 130, 246, .1));color:var(--primary);border-color:var(--primary);font-weight:var(--font-medium);box-shadow:0 0 0 3px var(--primary-50)}.portal-button .portal-expand-icon{display:flex;align-items:center;justify-content:center;width:18px;color:var(--text-secondary);flex-shrink:0}.portal-button .portal-icon{flex-shrink:0}.portal-button .portal-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-objects-list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);margin-block-start:var(--space-1);margin-block-end:var(--space-3);background:#3b82f608;border-radius:var(--radius-md);border-left:2px solid var(--primary-200);animation:slideDown .2s ease-out}.data-object-button{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;font-size:var(--text-xs);color:var(--text-secondary);width:100%;text-align:start;min-height:38px}.data-object-button:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-200)}.data-object-button.selected{background:var(--primary-light, rgba(59, 130, 246, .15));color:var(--primary);border-color:var(--primary);font-weight:var(--font-medium);box-shadow:0 0 0 2px var(--primary-100)}.data-object-button .object-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-object-button .data-count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-1-5);background:var(--gray-200);color:var(--text-secondary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.data-object-button.selected .data-count{background:var(--primary);color:#fff}@media (prefers-color-scheme: dark){.portals-list{background:#0003}.data-objects-list{background:#3b82f614;border-left-color:var(--primary-300)}.workspace-section{background:#00000026}}[dir=rtl] .data-objects-list{border-left:none;border-right:2px solid var(--primary-200)}@media (max-width: 768px){.workspace-portal-sidebar{width:100%;position:relative;top:0}.data-objects-list,.portals-list{padding:var(--space-1-5)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.portal-connections-modal{max-width:900px;height:85vh;display:flex;flex-direction:column;overflow:hidden}.portal-connections-container{padding:var(--space-6) var(--space-8);display:flex;flex-direction:column;height:100%;overflow:hidden}.connections-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-light)}.connections-header h2{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-2) 0}.subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-2)}.connections-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:2px solid var(--border-light)}.tab-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;transition:var(--transition-base)}.tab-button:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-2);background:var(--danger);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.tab-count{color:var(--text-secondary);font-size:var(--text-sm)}.tab-content{padding:var(--space-4) 0;flex:1;overflow-y:auto;min-height:0}.connections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.connection-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);position:relative;transition:var(--transition-base)}.connection-card:hover{box-shadow:var(--shadow-base)}.connection-card.invitation-card{border-color:var(--warning);background:var(--bg-warning-subtle, #fffbeb)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.card-disconnect-button{padding:var(--space-1) var(--space-2)!important;font-size:var(--text-xs)!important;background:none;border:1px solid var(--border-light);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:var(--space-1);transition:var(--transition-base);flex-shrink:0;display:flex;gap:var(--space-2)}.card-disconnect-button:hover{background:var(--error-500)!important;color:#fff;border-color:var(--error-500)!important}.card-content{flex:1}.card-content h3{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:var(--text-base);font-weight:600}.card-description{color:var(--text-secondary);font-size:var(--text-xs);margin:var(--space-1) 0;line-height:1.4}.card-meta{color:var(--text-secondary);font-size:var(--text-xs);margin-top:var(--space-1);line-height:1.5}.card-meta strong{color:var(--text-primary)}.card-actions-portal-connections{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.accept-invitation-btn{background:var(--success-500)!important;color:#fff;border:1px solid var(--success-500)!important;display:flex;gap:var(--space-2)}.accept-invitation-btn:hover{background:var(--success-600)!important;border-color:var(--success-600)!important}.portal-connections-header-content{display:flex;flex-direction:row;justify-content:space-between;width:100%}.reject-invitation-btn{background:var(--error-500)!important;color:#fff;border:1px solid var(--error-500)!important;display:flex;gap:var(--space-2)}.reject-invitation-btn:hover{background:var(--error-600)!important;border-color:var(--error-600)!important}.status-badge-portal-connection{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;margin-top:var(--space-2)}.status-badge-portal-connection.inactive{background:var(--gray-200);color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--text-secondary);text-align:center}.empty-state svg{margin-bottom:var(--space-4);color:var(--text-disabled)}.loading-state{display:flex;align-items:center;justify-content:center;padding:var(--space-12);color:var(--text-secondary)}@media (max-width: 768px){.portal-connections-modal{max-width:95vw;height:90vh}.portal-connections-container{padding:var(--space-4) var(--space-4)}.connections-grid{grid-template-columns:1fr}.connections-header{flex-direction:column;margin-bottom:var(--space-4);padding-bottom:var(--space-4)}.connections-header h2{font-size:var(--text-lg)}.tab-button{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.card-header{flex-direction:column-reverse;gap:var(--space-2);align-items:flex-start}.card-disconnect-button{align-self:flex-end}.card-actions-portal-connections{flex-direction:column}.card-actions-portal-connections button{width:100%}}.portal-edit-modal-container,.portal-create-modal-container{display:flex;flex-direction:column;min-height:0;max-height:85vh;overflow:hidden}.portal-create-modal-container .modal-title,.portal-edit-modal-container .modal-title{margin:0;padding:var(--space-6);font-size:var(--text-xl);color:var(--text-primary);font-weight:var(--font-semibold);background:var(--bg-primary);border-bottom:1px solid var(--border-light);flex-shrink:0}.portal-edit-form,.portal-create-form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.form-fields{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);padding-inline-end:var(--space-4);overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.form-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:2px solid var(--border-light);margin-top:var(--space-2);margin-bottom:var(--space-2)}.form-section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.form-section-badge{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-tertiary);background-color:var(--bg-secondary);padding:.25rem .5rem;border-radius:var(--radius-sm)}.form-section-divider{height:1px;background-color:var(--border-light);margin:var(--space-4) 0}.form-readonly-section{background-color:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--space-3)}.form-readonly-section .form-section-header{margin-top:0;margin-bottom:var(--space-2)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.form-label.required:after{content:" *";color:var(--danger-600)}.form-input,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-50)}.form-textarea{min-height:100px;resize:vertical}.form-checkbox-wrapper{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;width:fit-content}.form-checkbox-wrapper:hover{background-color:var(--bg-hover);border-color:var(--border-medium)}.form-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary);margin:0}.form-checkbox-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium);-webkit-user-select:none;user-select:none}.form-computed-field{padding:var(--space-2) var(--space-3);background-color:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}.portal-field-readonly-wrapper{display:flex;align-items:center;gap:var(--space-2);flex:1}.portal-field-value-readonly{flex:1;color:var(--text-secondary);font-size:var(--text-sm);font-style:italic;padding:var(--space-2);background-color:var(--bg-secondary);border-radius:var(--radius-sm)}.portal-readonly-badge{font-size:var(--text-xs);color:var(--text-tertiary);background-color:var(--gray-200);padding:.25rem .5rem;border-radius:var(--radius-sm);white-space:nowrap;font-weight:var(--font-medium)}.form-readonly-field{display:flex;align-items:center;gap:var(--space-2)}.form-readonly-badge{font-size:var(--text-xs);color:var(--text-tertiary);background-color:var(--gray-200);padding:.25rem .5rem;border-radius:var(--radius-sm);white-space:nowrap;font-weight:var(--font-medium)}.portal-file-input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.portal-file-input{display:none}.portal-file-label{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);transition:all .2s;width:fit-content}.portal-file-label:hover{background-color:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.portal-current-file,.portal-selected-file,.portal-current-files,.portal-selected-files{font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-1) var(--space-2);background-color:var(--bg-secondary);border-radius:var(--radius-sm);width:fit-content}.portal-selected-file,.portal-selected-files{color:var(--success-700);background-color:var(--success-50)}.portal-relation-field-wrapper{display:flex;align-items:center;gap:var(--space-2)}.portal-relation-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:all .2s;width:100%;justify-content:flex-start;text-align:left}.portal-relation-button:hover{background-color:var(--bg-hover);border-color:var(--border-dark)}.portal-relation-button:focus{outline:2px solid var(--primary);outline-offset:2px}.portal-relation-button:disabled{opacity:.5;cursor:not-allowed}.portal-multiselect-inline{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.portal-multiselect-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:var(--text-sm)}.portal-multiselect-option:hover{opacity:.9;transform:scale(1.02)}.portal-multiselect-option input[type=checkbox]{cursor:pointer;width:16px;height:16px}.modal-actions-portal-users{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--bg-primary);border-top:1px solid var(--border-light);flex-shrink:0}@media (max-width: 768px){.portal-edit-modal-container,.portal-create-modal-container{max-height:90vh}.portal-edit-modal-container .modal-title,.portal-create-modal-container .modal-title{padding:var(--space-4);font-size:var(--text-lg)}.form-fields{padding:var(--space-4)}.form-section-header{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.form-section-title{font-size:var(--text-sm)}.modal-actions-portal-users{padding:var(--space-3) var(--space-4);gap:var(--space-2)}}.portal-dashboard-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:var(--space-5) var(--space-6);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.portal-dashboard-header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);max-width:100%}.portal-dashboard-header h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.portal-dashboard-user-info{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-1) 0 0}.portal-dashboard-header-actions{display:flex;gap:var(--space-3);align-items:center}.portal-dashboard-connections-btn{display:flex!important;align-items:center;gap:var(--space-2);height:36px;white-space:nowrap}.portal-dashboard-menu-dropdown{position:relative}.portal-dashboard-menu-btn{display:flex!important;align-items:center;justify-content:center;gap:var(--space-2);height:36px;padding:var(--space-2) var(--space-3)!important;min-width:40px}.portal-dashboard-dropdown-content{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:1001;overflow:hidden}[dir=rtl] .portal-dashboard-dropdown-content{right:auto;left:0}.portal-dashboard-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);width:100%;background:none;border:none;text-align:start;cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);transition:background-color .2s}.portal-dashboard-dropdown-item:hover{background-color:var(--bg-secondary)}.portal-dashboard-dropdown-logout{color:var(--danger-600);border-top:1px solid var(--border-light)}.portal-dashboard-dropdown-logout:hover{background-color:var(--danger-50)}@media (max-width: 768px){.portal-dashboard-header{padding:var(--space-4) var(--space-5)}.portal-dashboard-header-content{flex-direction:column;gap:var(--space-3);align-items:flex-start}.portal-dashboard-header h1{font-size:var(--text-xl)}.portal-dashboard-user-info{font-size:var(--text-xs)}.portal-dashboard-header-actions{flex-direction:row;justify-content:flex-end;gap:var(--space-2);align-items:center;width:100%}.portal-dashboard-connections-btn span{display:none}.portal-dashboard-connections-btn{padding:var(--space-2);min-width:40px;justify-content:center}.portal-dashboard-connections-btn-top{width:40%!important}}@media (max-width: 480px){.portal-dashboard-header{padding:var(--space-3) var(--space-4)}.portal-dashboard-header h1{font-size:var(--text-lg)}.portal-dashboard-user-info{font-size:var(--text-xs)}}.portal-data-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .2s,border-color .2s;display:flex;flex-direction:column;height:fit-content;width:350px}.portal-data-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-medium)}.portal-data-card .property-type-image,.portal-data-card .property-type-images,.portal-data-card .property-type-file,.portal-data-card .property-type-files{display:flex!important;gap:var(--space-2);flex-direction:column}.portal-data-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4);cursor:pointer;gap:var(--space-3);min-height:80px;background:var(--bg-primary);transition:background-color .2s}.portal-data-card-header:hover{background-color:var(--bg-secondary)}.portal-data-card-preview{flex:1;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.portal-data-card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.4}.portal-data-card-meta{display:flex;flex-direction:column;gap:var(--space-1-5);align-items:flex-start}.portal-data-card-meta-item{font-size:var(--text-sm);color:var(--text-secondary);display:flex;align-items:center}.portal-data-card-meta-item:not(:last-child):after{display:none}.portal-data-card-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap}.portal-data-card-actions{display:flex;gap:var(--space-1);align-items:center;flex-shrink:0}.portal-data-card-icon-btn{padding:var(--space-1-5) var(--space-2);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s}.portal-data-card-icon-btn:hover{background-color:var(--bg-tertiary);color:var(--primary)}.portal-data-card-delete-btn{color:var(--error-500)}.portal-data-card-delete-btn:hover{background-color:var(--error-50);color:var(--error-700)}.portal-data-card-expand-btn{padding:var(--space-1);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:color .2s}.portal-data-card-expand-btn:hover{color:var(--text-primary)}.portal-data-card-body{padding:var(--space-4);padding-block-start:var(--space-2);border-top:1px solid var(--border-light);background-color:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--space-2)}.portal-data-card-field-row{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-2);border-radius:var(--radius-sm);background:var(--bg-primary)}.portal-data-card-field-row:last-child{border-bottom:none}.portal-data-card-field-label{flex:0 0 160px;font-weight:var(--font-medium);color:var(--text-secondary);font-size:var(--text-sm);word-break:break-word}.portal-data-card-field-label.property-type-file,.portal-data-card-field-label.property-type-files,.portal-data-card-field-label.property-type-image,.portal-data-card-field-label.property-type-images{flex:0 0 0px}.portal-data-card-field-value{flex:1;color:var(--text-primary);font-size:var(--text-sm);word-break:break-word;min-width:0}.portal-data-card-no-additional-fields{text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);font-style:italic;padding:var(--space-4)}@media (max-width: 768px){.portal-data-card-header{padding:var(--space-3);min-height:70px}.portal-data-card-title{font-size:var(--text-sm)}.portal-data-card-body{padding:var(--space-3)}.portal-data-card-field-label{flex:0 0 120px;font-size:var(--text-xs)}.portal-data-card-field-value{font-size:var(--text-xs)}}.portal-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-tertiary);text-align:center;min-height:300px}.portal-empty-state p{margin-top:var(--space-4);font-size:var(--text-base)}.portal-empty-state-full{min-height:60vh}.portal-empty-state-no-portals-message{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.portal-empty-state-no-portals-message h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.portal-empty-state-no-portals-message p{font-size:var(--text-base);color:var(--text-secondary);margin:0}.portal-empty-state-no-portals-message .btn{margin-top:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}@media (max-width: 768px){.portal-empty-state{padding:var(--space-6)}.portal-empty-state-no-portals-message h2{font-size:var(--text-xl)}.portal-empty-state p{font-size:var(--text-sm)}}.portal-data-card-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.portal-data-card-list-header{background:var(--bg-primary);padding:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;flex-shrink:0}.portal-data-card-list-title-section{flex:1;min-width:250px}.portal-data-card-list-title-section h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-3) 0}.portal-data-card-list-search-container{position:relative;max-width:400px}.portal-data-card-list-search-icon{position:absolute;inset-inline-start:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.portal-data-card-list-search-input{width:100%!important;padding:var(--space-2) var(--space-10) var(--space-2) var(--space-10)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-md)!important;font-size:var(--text-sm)!important;background-color:var(--bg-primary)!important;color:var(--text-primary)!important;transition:border-color .2s,box-shadow .2s}.portal-data-card-list-search-input:focus{outline:none;border-color:var(--primary-500)!important;box-shadow:0 0 0 3px var(--primary-100)!important}.portal-data-card-list-search-input::placeholder{color:var(--text-tertiary)}.portal-data-card-list-search-clear{position:absolute;inset-inline-end:var(--space-2);top:50%;transform:translateY(-50%);background:transparent;border:none;padding:var(--space-1);cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:color .2s}.portal-data-card-list-search-clear:hover{color:var(--text-primary)}.portal-data-card-list-header-actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.portal-data-card-list-permissions-display{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.portal-data-card-list-permission-badge{padding:var(--space-1) var(--space-3);background-color:var(--success-200);color:var(--success-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:capitalize;white-space:nowrap}.portal-data-card-list-create-btn{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.portal-data-card-list-grid{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:start;align-content:start}.portal-data-card-list-pagination{position:sticky;bottom:0;z-index:10;background:var(--bg-primary);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;flex-shrink:0}.portal-data-card-list-pagination-info{font-size:var(--text-sm);color:var(--text-secondary)}.portal-data-card-list-pagination-controls{display:flex;gap:var(--space-2);align-items:center}.portal-data-card-list-pagination-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:all .2s}.portal-data-card-list-pagination-btn:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--border-medium)}.portal-data-card-list-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.portal-data-card-list-pagination-pages{display:flex;gap:var(--space-1)}.portal-data-card-list-pagination-page{min-width:36px;height:36px;padding:var(--space-2);background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.portal-data-card-list-pagination-page:hover{background-color:var(--bg-secondary);border-color:var(--border-medium)}.portal-data-card-list-pagination-page.active{background-color:var(--primary-500);border-color:var(--primary-600);color:#fff;font-weight:var(--font-semibold)}.portal-data-card-list-pagination-size{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.portal-data-card-list-pagination-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer}@media (max-width: 1024px){.portal-data-card-list-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.portal-data-card-list-header{padding:var(--space-4);flex-direction:column}.portal-data-card-list-grid{padding:var(--space-4)}.portal-data-card-list-pagination{padding:var(--space-3) var(--space-4)}.portal-data-card-list-title-section{width:100%}.portal-data-card-list-header-actions{width:100%;justify-content:space-between}.portal-data-card-list-grid{grid-template-columns:1fr}.portal-data-card-list-pagination{flex-direction:column;align-items:stretch}.portal-data-card-list-pagination-controls{flex-wrap:wrap;justify-content:center}.portal-data-card-list-pagination-info,.portal-data-card-list-pagination-size{text-align:center;justify-content:center}}@media (max-width: 480px){.portal-data-card-list-header,.portal-data-card-list-grid{padding:var(--space-3)}.portal-data-card-list-pagination{padding:var(--space-2) var(--space-3)}.portal-data-card-list-title-section h2{font-size:var(--text-xl)}.portal-data-card-list-pagination-pages{flex-wrap:wrap}.portal-data-card-list-pagination-btn span{display:none}}.portal-image-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-in-out}.portal-image-lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.portal-image-lightbox-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-xl)}.portal-image-lightbox-close{position:absolute;top:-50px;right:0;background:#ffffffe6;border:none;border-radius:var(--radius-full);padding:var(--space-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .2s;z-index:10001}.portal-image-lightbox-close:hover{background:#fff;transform:scale(1.1)}.portal-image-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:var(--radius-full);padding:var(--space-3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .2s;z-index:10001}.portal-image-lightbox-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.portal-image-lightbox-prev{left:-60px}.portal-image-lightbox-next{right:-60px}.portal-image-lightbox-counter{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);background:#ffffffe6;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}@media (max-width: 768px){.portal-image-lightbox-close{top:var(--space-4);right:var(--space-4)}.portal-image-lightbox-prev{left:var(--space-4)}.portal-image-lightbox-next{right:var(--space-4)}.portal-image-lightbox-counter{bottom:var(--space-4)}.portal-image-lightbox-nav{padding:var(--space-2)}}.portal-view-relation-modal{background:var(--bg-primary);border-radius:var(--radius-lg);max-width:700px;height:85vh;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.portal-view-relation-modal-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;padding:var(--space-6);border-bottom:1px solid var(--border-light);background:var(--bg-primary);flex-shrink:0}.portal-view-relation-modal-details{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-6);padding-inline-end:var(--space-4);min-height:0}.portal-view-relation-modal-list{display:flex;flex-direction:column;gap:var(--space-3)}.portal-view-relation-modal-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4)}.portal-view-relation-modal-item-details{display:flex;flex-direction:column;gap:var(--space-2)}.portal-view-relation-modal-field{display:flex;gap:var(--space-2);font-size:var(--text-sm);min-width:0}.portal-view-relation-modal-field-label{font-weight:var(--font-medium);color:var(--text-secondary);min-width:100px}.portal-view-relation-modal-field-value{color:var(--text-primary);word-break:break-word;overflow-wrap:anywhere;min-width:0}.portal-view-relation-modal-primary{padding-bottom:var(--space-2);border-bottom:1px solid var(--border-light);margin-bottom:var(--space-2)}.portal-view-relation-modal-primary .portal-view-relation-modal-field-value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.portal-view-relation-modal-item-simple{font-size:var(--text-sm);color:var(--text-primary)}.portal-view-relation-modal-simple-value{font-size:var(--text-sm);color:var(--text-primary);margin:0}.portal-view-relation-modal-empty{text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-4)}.portal-view-relation-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--bg-primary);border-top:1px solid var(--border-light);flex-shrink:0}@media (max-width: 768px){.portal-view-relation-modal{width:95vw;max-height:90vh}.portal-view-relation-modal-title{font-size:var(--text-lg);padding:var(--space-4)}.portal-view-relation-modal-details{padding:var(--space-4)}.portal-view-relation-modal-actions{padding:var(--space-3) var(--space-4)}.portal-view-relation-modal-field{flex-direction:column;gap:var(--space-1)}.portal-view-relation-modal-field-label{min-width:auto}}.portal-dashboard{min-height:100vh;background-color:var(--bg-secondary);display:flex;flex-direction:column;max-height:100vh;overflow:auto}.portal-loading,.portal-error{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:var(--text-lg);color:var(--text-secondary)}.portal-content{display:flex;flex:1;max-width:100%;gap:var(--space-4);min-height:0}.portal-content-wrapper{display:flex;gap:var(--space-4);flex:1;padding:var(--space-6)}.portal-sidebar-container{flex-shrink:0;width:300px;display:block}.portal-main{flex:1;background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-y:auto;min-height:0}.portal-data-view{display:flex;flex-direction:column;gap:var(--space-4)}.portal-mobile-back-btn{display:none;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s;width:fit-content}.portal-mobile-back-btn:hover{background-color:var(--bg-primary);border-color:var(--border-medium)}.portal-mobile-back-btn:active{transform:scale(.98)}.portal-field-multiselect-display{display:flex;flex-wrap:wrap;gap:var(--space-1)}.portal-field-tag{padding:var(--space-1) var(--space-2);background-color:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium)}.portal-field-html-content{max-width:100%;overflow-wrap:break-word}.portal-field-relation-view{display:flex;align-items:center;gap:var(--space-2)}.portal-field-relation-text{flex:1}.portal-field-relation-view-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background-color:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-sm);color:var(--primary-600);font-size:var(--text-xs);cursor:pointer;transition:all .2s}.portal-field-relation-view-btn:hover{background-color:var(--primary-100);border-color:var(--primary-300)}.portal-field-image-preview-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.portal-field-image-thumbnail{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-light);cursor:pointer;transition:transform .2s,box-shadow .2s}.portal-field-image-thumbnail:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.portal-field-file-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--primary-600);text-decoration:none;font-size:var(--text-sm);transition:color .2s}.portal-field-file-link:hover{color:var(--primary-700);text-decoration:underline}.portal-field-images-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.portal-field-files-list{display:flex;flex-direction:column;gap:var(--space-1)}.portal-empty-data,.portal-select-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);color:var(--text-secondary);text-align:center}.portal-empty-data p,.portal-select-prompt p{margin-top:var(--space-3);font-size:var(--text-base)}.portal-no-portals-state{display:flex;align-items:center;justify-content:center;flex:1;padding:var(--space-10)}.no-portals-message{text-align:center;max-width:500px}.no-portals-message h2{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-2xl);color:var(--text-primary);font-weight:var(--font-semibold)}.no-portals-message p{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6}.no-portals-message .btn{margin-block-start:var(--space-6);display:inline-flex;align-items:center;gap:var(--space-2)}.portal-access-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--info-50);color:var(--info-700);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:capitalize}.portal-field-value a{color:var(--primary);text-decoration:none;transition:all .2s}.portal-field-value a:hover{text-decoration:underline;color:var(--primary-700)}@media (max-width: 1024px){.portal-sidebar-container{width:250px}.portal-content{flex-direction:column;gap:var(--space-4)}.portal-content-wrapper{flex-direction:column}}@media (max-width: 768px){.portal-content{padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.portal-content-wrapper{padding:var(--space-4);flex-direction:column}.portal-sidebar-container{width:100%}.portal-sidebar-container.show-mobile{display:block}.portal-sidebar-container.hide-mobile{display:none}.portal-main.show-mobile{display:flex;flex-direction:column}.portal-main.hide-mobile{display:none}.portal-mobile-back-btn{display:flex}.portal-main{padding:var(--space-4)}}@media (max-width: 480px){.portal-content-wrapper{padding:var(--space-3)}.portal-main{border-radius:var(--radius-md);padding:var(--space-4)}.portal-mobile-back-btn{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}}[dir=rtl] .portal-field-relation-view,[dir=rtl] .portal-field-file-link,[dir=rtl] .portal-mobile-back-btn,[dir=rtl] .portal-data-card-field-row{flex-direction:row-reverse}.policy-container{min-height:100vh;width:100vw;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:40px 20px;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto}.policy-content{max-width:900px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:50px 60px;margin:20px}.back-home-link{display:inline-block;color:#667eea;text-decoration:none;font-weight:600;font-size:1rem;margin-bottom:30px;transition:all .3s ease;padding:8px 16px;border-radius:6px}.back-home-link:hover{background:#f0f0ff;transform:translate(-5px)}.policy-content h1{font-size:2.5rem;color:#2d3748;margin-bottom:10px;font-weight:700}.last-updated{color:#718096;font-size:.95rem;margin-bottom:30px;font-style:italic}.policy-content section{margin-bottom:35px}.policy-content h2{font-size:1.6rem;color:#2d3748;margin-bottom:15px;margin-top:25px;font-weight:600;border-bottom:2px solid #e2e8f0;padding-bottom:8px}.policy-content p{font-size:1.05rem;line-height:1.8;color:#4a5568;margin-bottom:15px}.policy-content ul{margin:15px 0;padding-left:30px}.policy-content li{font-size:1.05rem;line-height:1.8;color:#4a5568;margin-bottom:10px}.policy-footer{margin-top:50px;padding-top:30px;border-top:2px solid #e2e8f0;display:flex;gap:15px;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:12px 30px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#f0f0ff;transform:translateY(-2px)}@media (max-width: 768px){.policy-content{padding:30px 25px;margin:10px}.policy-content h1{font-size:2rem}.policy-content h2{font-size:1.3rem}.policy-content p,.policy-content li{font-size:1rem}.policy-footer{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--primary: var(--primary-600);--primary-hover: var(--primary-700);--primary-light: var(--primary-100);--accent-purple-start: #667eea;--accent-purple-end: #764ba2;--accent-gradient: linear-gradient(135deg, var(--accent-purple-start) 0%, var(--accent-purple-end) 100%);--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-50: #f0fdf4;--success-200: #bbf7d0;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--warning-50: #fffbeb;--warning-200: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--error-50: #fef2f2;--error-200: #fecaca;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--info-50: #eff6ff;--info-200: #bfdbfe;--info-500: #3b82f6;--info-600: #2563eb;--info-700: #1d4ed8;--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #888888;--text-disabled: #9ca3af;--text-inverse: #ffffff;--text-link: var(--primary-600);--text-link-hover: var(--primary-700);--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f3f4f6;--bg-hover: #f9fafb;--bg-active: #f3f4f6;--bg-disabled: #e5e7eb;--bg-overlay: rgba(0, 0, 0, .5);--bg-overlay-dark: rgba(0, 0, 0, .6);--border-color: #e0e0e0;--border-light: #e5e7eb;--border-medium: #d1d5db;--border-dark: #9ca3af;--border-focus: var(--primary-500);--border-error: var(--error-500);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-family: "Heebo", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Courier New", monospace;--font-family-hebrew: "Heebo", sans-serif;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 28px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.6;--radius-sm: 4px;--radius-base: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-base: 0 4px 12px rgba(0, 0, 0, .1);--shadow-md: 0 8px 20px rgba(0, 0, 0, .12);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .3);--shadow-hover: 0 4px 12px rgba(102, 126, 234, .4);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-all: all .2s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--btn-padding-sm: 6px 12px;--btn-padding-base: 8px 16px;--btn-padding-lg: 10px 20px;--btn-height-sm: 32px;--btn-height-base: 36px;--btn-height-lg: 40px;--input-padding: 10px 14px;--input-border: 1px solid var(--border-color);--input-border-focus: 1px solid var(--border-focus);--input-height: 38px;--modal-backdrop: rgba(0, 0, 0, .5);--modal-backdrop-blur: blur(4px);--modal-border-radius: var(--radius-lg);--modal-max-width: 400px;--modal-max-width-lg: 800px;--modal-max-height: 85vh;--card-padding: var(--space-4);--card-border-radius: var(--radius-md);--card-border: 1px solid var(--border-color);--card-bg: var(--bg-primary);--card-bg-hover: var(--bg-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--btn-padding-base);font-size:var(--text-base);font-weight:var(--font-medium);font-family:var(--font-family);border-radius:var(--radius-base);border:none;cursor:pointer;transition:var(--transition-all);white-space:nowrap;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--btn-padding-sm);font-size:var(--text-sm);height:var(--btn-height-sm)}.btn-lg{padding:var(--btn-padding-lg);font-size:var(--text-md);height:var(--btn-height-lg)}.btn-primary{background:var(--primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{background:var(--bg-disabled);color:var(--text-disabled);opacity:1}.btn-gradient{background:var(--accent-gradient);color:var(--text-inverse)}.btn-gradient:hover:not(:disabled){filter:brightness(1.1)}.btn-gradient:disabled{background:var(--bg-disabled);color:var(--text-disabled);opacity:1}.btn-secondary{background:var(--gray-100);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--gray-200);border-color:var(--border-medium)}.btn-secondary:disabled{background:var(--bg-disabled);color:var(--text-disabled);border-color:var(--border-light);opacity:1}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--error-500);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:var(--error-600)}.btn-danger:disabled{background:var(--bg-disabled);color:var(--text-disabled);opacity:1}.btn-success{background:var(--success-500);color:var(--text-inverse)}.btn-success:hover:not(:disabled){background:var(--success-600)}.btn-success:disabled{background:var(--bg-disabled);color:var(--text-disabled);opacity:1}.btn-icon{padding:var(--space-2);width:36px;height:36px}.btn-icon-sm{padding:var(--space-1);width:28px;height:28px}.card{background:var(--card-bg);border:var(--card-border);border-radius:var(--card-border-radius);padding:var(--card-padding);transition:var(--transition-all)}.card-hover:hover{border-color:var(--border-focus);background:var(--card-bg-hover);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.card-body{color:var(--text-secondary);line-height:var(--leading-relaxed)}.input{width:100%;padding:var(--input-padding);font-size:var(--text-base);font-family:var(--font-family);border:var(--input-border);border-radius:var(--radius-base);background:var(--bg-primary);color:var(--text-primary);transition:var(--transition-all);height:var(--input-height);box-sizing:border-box}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.input:disabled{background:var(--bg-disabled);cursor:not-allowed;opacity:.6}.input-error{border-color:var(--border-error)}.textarea{min-height:80px;height:auto;resize:vertical;padding:var(--input-padding);font-family:var(--font-family)}.select{-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 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase}.badge-primary{background:var(--primary-100);color:var(--primary-800)}.badge-success{background:var(--success-50);color:var(--success-700)}.badge-warning{background:var(--warning-50);color:var(--warning-700)}.badge-error{background:var(--error-50);color:var(--error-700)}.badge-gray{background:var(--gray-100);color:var(--gray-700)}.divider{border:none;border-top:1px solid var(--border-light);margin:var(--space-6) 0}.divider-thick{border-top:2px solid var(--border-light);margin:var(--space-8) 0}.list-none{list-style:none;padding:0;margin:0}.list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-base);transition:var(--transition-all)}.list-item:hover{background:var(--bg-hover)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-1{flex:1}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-slide-up{animation:slideInUp var(--transition-base)}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}@media (max-width: 768px){.mobile-hidden{display:none}.modal-content{width:95%}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.channel-list{width:280px;background-color:var(--gray-50);color:var(--text-primary);display:flex;flex-direction:column;border-inline-end:1px solid var(--border-light)}@media (min-width: 1441px){.channel-list{width:320px}}.channel-list-header{padding:var(--space-6) var(--space-4);border-block-end:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-primary);min-height:30px;box-sizing:border-box}.channel-list-header h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-2xl);margin:0}.new-channel-btn{width:38px!important;height:38px!important;border-radius:var(--radius-full)!important;background-color:var(--primary);border:none;padding:0%!important;color:var(--text-inverse);font-size:var(--text-2xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.new-channel-btn:hover{background-color:var(--primary-hover)}.channel-search{padding:var(--space-3) var(--space-4);position:relative}.channel-search .search-icon{position:absolute;left:calc(var(--space-4) + 10px);top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.channel-search input,.channel-search-input{width:100%;padding:var(--space-2) var(--space-3);padding-left:34px;border-radius:var(--radius-base);border:1px solid var(--border-light);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--text-sm);box-sizing:border-box}.channel-search input::placeholder,.channel-search-input::placeholder{color:var(--text-tertiary)}.channel-search input:focus,.channel-search-input:focus{outline:none;border-color:var(--border-focus);background-color:var(--bg-primary)}[dir=rtl] .channel-search .search-icon{left:auto;right:calc(var(--space-4) + 10px)}[dir=rtl] .channel-search input,[dir=rtl] .channel-search-input{padding-left:var(--space-3);padding-right:34px}.archived-channels-toggle{padding:0 var(--space-4);margin-block-end:var(--space-2)}.view-archived-btn{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-base);font-family:var(--font-family);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.view-archived-btn:hover{background:var(--bg-hover);border-color:var(--border-medium)}.archived-list{max-height:400px;overflow-y:auto;border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-block-end:var(--space-4);background-color:var(--bg-primary);padding:var(--space-2)}.archived-channel-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-block-end:1px solid var(--border-light);transition:var(--transition-fast);border-radius:var(--radius-sm);margin:var(--space-1)}.archived-channel-item:hover{background-color:var(--gray-100);box-shadow:var(--shadow-xs)}.archived-channel-item:last-child{border-block-end:none}.unarchive-btn{margin-inline-start:auto;padding:var(--space-2);background-color:var(--primary-50);color:var(--primary-600);border:1px solid var(--primary-200);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.unarchive-btn:hover{background-color:var(--primary-100)}.no-archived{padding:var(--space-8);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.channels-container{flex:1;overflow-y:auto;padding-block-end:var(--space-4)}.channel-section{margin-block-start:var(--space-4)}.section-header{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.channel-item{padding:var(--space-2) var(--space-4);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:var(--transition-fast);position:relative;border-radius:var(--radius-sm);margin:var(--space-1) var(--space-2)}.channel-item:hover{background-color:var(--gray-100);box-shadow:var(--shadow-xs)}.channel-item.active{background-color:var(--primary-100);border-inline-start:3px solid var(--primary);box-shadow:var(--shadow-sm)}.channel-icon{font-size:var(--text-base);min-width:20px;text-align:center;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.channel-info{flex:1;min-width:0}.channel-name{font-weight:var(--font-semibold);font-size:var(--text-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:var(--space-1);color:var(--text-primary)}.pin-indicator,.mute-indicator{font-size:var(--text-xs);opacity:.8;flex-shrink:0}.channel-last-message{font-size:var(--text-sm);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-block-start:2px}.unread-badge{background-color:var(--error-500);color:var(--text-inverse);border-radius:var(--radius-full);padding:2px 8px;font-size:var(--text-xs);font-weight:var(--font-bold);min-width:20px;text-align:center}.loading{padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-secondary)}.channel-modal-content{padding:var(--space-6)}.channel-modal-content h3{margin:0 0 var(--space-6);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);padding-block-end:var(--space-4);border-block-end:2px solid var(--border-light)}.channel-modal-content input,.channel-modal-content select{width:100%;padding:var(--space-3);border:2px solid var(--border-light);border-radius:var(--radius-base);font-size:var(--text-base);font-family:var(--font-family);box-sizing:border-box;transition:var(--transition-fast)}.channel-modal-content input:focus,.channel-modal-content select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.channel-modal-content select{background-color:var(--bg-primary);cursor:pointer}.channel-form-content{min-height:300px;display:flex;flex-direction:column}.member-selection{margin-block-start:var(--space-4);margin-block-end:var(--space-4);flex:1;display:flex;flex-direction:column}.member-selection-header{display:flex;justify-content:space-between;align-items:center;margin-block-end:var(--space-3)}.member-selection-header label{font-weight:var(--font-semibold);font-size:var(--text-md);color:var(--text-primary)}.member-selection-actions{display:flex;gap:var(--space-2)}.link-btn{background:none;border:none;color:var(--text-link);font-size:var(--text-sm);cursor:pointer;padding:0;text-decoration:underline;transition:var(--transition-fast)}.link-btn:hover{color:var(--text-link-hover)}.member-list-channel{max-height:100px;overflow-y:auto;border:2px solid var(--border-light);border-radius:var(--radius-base);padding:var(--space-2);background-color:var(--bg-secondary);margin-block-end:var(--space-3);flex:1}.direct-message-selection{display:flex;flex-direction:column;gap:var(--space-3);flex:1}.direct-message-label{font-weight:var(--font-semibold);font-size:var(--text-md);color:var(--text-primary)}.member-checkbox{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast)}.member-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.selected-count{margin-block-start:var(--space-2);font-size:var(--text-sm);color:var(--primary);font-weight:var(--font-semibold);text-align:end;padding:var(--space-2);background-color:var(--primary-50);border-radius:var(--radius-sm)}.channel-type-selector{display:flex;gap:var(--space-3);margin-block-end:var(--space-6);padding:var(--space-1);background-color:var(--bg-secondary);border-radius:var(--radius-base);border:1px solid var(--border-light)}.channel-type-selector label{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;padding:var(--space-3);border-radius:var(--radius-sm);transition:var(--transition-fast);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background-color:transparent;position:relative}.channel-type-selector label:hover{background-color:var(--bg-hover);color:var(--text-primary)}.channel-type-selector input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--border-medium);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);position:relative;flex-shrink:0}.channel-type-selector input[type=radio]:checked{border-color:var(--primary);background-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.channel-type-selector input[type=radio]:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:var(--radius-full);background-color:#fff}.channel-type-selector input[type=radio]:checked+span{color:var(--text-primary);font-weight:var(--font-semibold)}.channel-type-selector label:has(input[type=radio]:checked){background-color:var(--primary-50);color:var(--primary-700);font-weight:var(--font-semibold)}.modal-actions-channel{display:flex;justify-content:flex-end;gap:var(--space-3);padding-block-start:var(--space-5);border-block-start:2px solid var(--border-light)}.modal-actions-channel button{padding:var(--space-3) var(--space-6);border-radius:var(--radius-base);border:none;cursor:pointer;font-size:var(--text-md);font-weight:var(--font-semibold);transition:var(--transition-base);font-family:var(--font-family);min-width:100px}.modal-actions-channel button:not(.primary){background-color:var(--bg-primary);border:2px solid var(--border-medium);color:var(--text-primary)}.modal-actions-channel button:not(.primary):hover{background-color:var(--bg-hover);border-color:var(--border-dark)}.modal-actions-channel button.primary{background-color:var(--primary);color:var(--text-inverse);box-shadow:0 2px 4px #0000001a}.modal-actions-channel button.primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 8px #00000026}.modal-actions-channel button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px) and (min-width: 769px){.channel-list{width:220px}.channel-list-header h2{font-size:var(--text-lg)}.channel-item{padding:var(--space-2) var(--space-3)}}@media (max-width: 768px){.channel-list{width:100%;max-width:100%;border-inline-end:none;height:100%;overflow:hidden}.channel-list-header{padding:var(--space-3)}.channel-list-header h2{font-size:var(--text-lg)}.new-channel-btn{width:36px;height:36px}.channel-search{padding:var(--space-2) var(--space-3)}.channel-item{padding:var(--space-3);margin:var(--space-1)}.section-header{padding:var(--space-2) var(--space-3)}.member-list-channel{max-height:40vh}.channel-form-content{min-height:50vh}.channel-name{font-size:var(--text-md)}.modal-actions-channel{flex-direction:row;gap:var(--space-2)}.modal-actions-channel button{flex:1;padding:var(--space-3)}}.message{display:flex;gap:var(--space-3);padding:var(--space-2) 0;position:relative;transition:background-color .3s ease}.message:hover{background-color:var(--bg-hover)}.message.highlighted{background-color:var(--warning-100);animation:highlight-pulse 1.5s ease-out}@keyframes highlight-pulse{0%,to{background-color:var(--warning-100)}50%{background-color:var(--warning-200)}}.message-wrapper.highlighted .message{background-color:var(--warning-100);animation:highlight-pulse 1.5s ease-out;border-radius:var(--radius-sm);padding:var(--space-2);margin:calc(var(--space-2) * -1)}.message-avatar{width:36px;height:36px;border-radius:var(--radius-sm);background-color:var(--primary-700);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);flex-shrink:0}.message-content-wrapper{flex:1;min-width:0}.message-header{display:flex;align-items:baseline;gap:var(--space-2);margin-block-end:var(--space-1)}.message-sender{font-weight:var(--font-bold);color:var(--text-primary);font-size:var(--text-md)}.message-time{font-size:var(--text-xs);color:var(--text-secondary)}.message-body{color:var(--text-primary)}.message-text{line-height:var(--leading-normal);word-wrap:break-word;white-space:pre-wrap}.message-link{color:var(--primary);text-decoration:underline;cursor:pointer;transition:var(--transition-fast);word-break:break-all}.message-link:hover{color:var(--primary-hover);text-decoration:underline}.message-link:active{color:var(--primary-700)}.edited-tag{font-size:var(--text-xs);color:var(--text-secondary);margin-inline-start:var(--space-2)}.deleted-message{color:var(--text-tertiary);font-style:italic}.reply-reference{display:flex;gap:var(--space-2);margin-block-end:var(--space-2);padding:var(--space-2);background-color:var(--bg-hover);border-inline-start:3px solid var(--primary);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:var(--transition-base)}.reply-reference.clickable{cursor:pointer}.reply-reference.clickable:hover{background-color:var(--primary-50);border-inline-start-color:var(--primary-600)}.reply-reference.reply-voice{border-inline-start-color:var(--success-500)}.reply-reference.reply-voice.clickable:hover{background-color:var(--success-50);border-inline-start-color:var(--success-600)}.reply-line{width:3px;background-color:var(--primary)}.reply-content{display:flex;flex-direction:column;gap:var(--space-1)}.reply-author{font-weight:var(--font-semibold);color:var(--text-primary)}.reply-text{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-voice-indicator{color:var(--success-700);font-weight:var(--font-medium)}.forwarded-indicator{font-size:var(--text-sm);color:var(--text-secondary);margin-block-end:var(--space-2)}.message-attachments{display:flex;flex-direction:column;gap:var(--space-2)}.attachment-item{max-width:400px}.image-attachment{position:relative;display:inline-block}.attachment-image{max-width:100%;max-height:400px;border-radius:var(--radius-md);cursor:pointer;display:block}.image-actions{display:flex;gap:var(--space-2);margin-block-start:var(--space-2)}.download-btn,.view-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);text-decoration:none;cursor:pointer;transition:var(--transition-base);border:1px solid var(--border-light);background-color:var(--bg-primary);color:var(--text-primary);display:inline-flex;align-items:center;gap:var(--space-1)}.download-btn:hover,.view-btn:hover{background-color:var(--bg-hover);border-color:var(--primary)}.attachment-file{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--bg-hover);border-radius:var(--radius-md);border:1px solid var(--border-light)}.file-icon{font-size:var(--text-2xl);flex-shrink:0}.file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.file-name{color:var(--text-primary);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:var(--text-xs);color:var(--text-secondary)}.file-download-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:none;background-color:var(--primary);color:var(--text-inverse);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);transition:var(--transition-base);flex-shrink:0;cursor:pointer}.file-download-btn:hover{background-color:var(--primary-hover)}.voice-message{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background-color:var(--bg-hover);border-radius:var(--radius-md);max-width:350px}.voice-message audio{width:100%;height:40px}.voice-info{display:flex;justify-content:space-between;align-items:center}.voice-duration{font-size:var(--text-xs);color:var(--text-secondary)}.voice-download{font-size:var(--text-xs);color:var(--text-link);background:none;border:none;text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:var(--transition-base);cursor:pointer}.voice-download:hover{background-color:var(--primary-50);text-decoration:underline}.system-message-container{justify-content:center;padding:var(--space-4) 0}.system-message{background-color:var(--warning-50);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);text-align:center;color:var(--text-primary);font-size:var(--text-sm)}.reactions-container{display:flex;gap:var(--space-1);margin-block-start:var(--space-2);flex-wrap:wrap}.reaction-bubble{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);border:1px solid var(--border-light);background-color:var(--bg-primary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast)}.reaction-bubble:hover{background-color:var(--bg-hover);border-color:var(--primary)}.add-reaction-btn{width:28px;height:28px;border-radius:var(--radius-full);border:1px solid var(--border-light);background-color:var(--bg-primary);cursor:pointer;font-size:var(--text-base);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.add-reaction-btn:hover{background-color:var(--bg-hover)}.message-actions{position:absolute;inset-block-start:-.5rem;inset-inline-end:var(--space-4);display:flex;gap:var(--space-1);background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-base);padding:var(--space-1);box-shadow:var(--shadow-sm)}.action-btn{width:32px;height:32px;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);font-size:var(--text-base);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.action-btn:hover{background-color:var(--bg-hover)}.emoji-picker{position:absolute;inset-block-start:2rem;inset-inline-end:1rem;background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:.5rem;box-shadow:0 4px 12px #00000026;display:flex;gap:.25rem;z-index:10}.emoji-option{width:36px;height:36px;border:none;background:none;cursor:pointer;border-radius:4px;font-size:1.25rem;transition:background-color .15s}.emoji-option:hover{background-color:#f8f8f8}.edit-input-container{margin-block-start:.5rem}.edit-input-container textarea{width:100%;min-height:60px;padding:.5rem;border:1px solid #1264a3;border-radius:4px;font-family:inherit;font-size:.9375rem;resize:vertical}.edit-input-container textarea:focus{outline:none;border-color:#0b4c8c}.edit-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-block-start:.5rem}.edit-actions button{padding:.375rem .75rem;border-radius:4px;border:1px solid #e5e5e5;background-color:#fff;cursor:pointer;font-size:.875rem;transition:background-color .15s}.edit-actions button:hover{background-color:#f8f8f8}.edit-actions .save-btn{background-color:#007a5a;color:#fff;border-color:#007a5a}.edit-actions .save-btn:hover{background-color:#064}@media (max-width: 768px){.message{padding:var(--space-2);gap:var(--space-2)}.message-avatar{width:32px;height:32px;font-size:var(--text-sm)}.message-sender{font-size:var(--text-sm)}.message-time{font-size:10px}.message-actions{inset-inline-end:.5rem;flex-wrap:wrap;padding:var(--space-1)}.action-btn{width:28px;height:28px;font-size:var(--text-sm)}.emoji-picker{inset-inline-end:.5rem;max-width:200px}.attachment-item{max-width:100%}.attachment-image{max-height:250px}.file-preview-item{font-size:var(--text-xs)}.voice-message{max-width:100%}.edit-input-container textarea{font-size:var(--text-sm);padding:var(--space-2)}.reactions-container{gap:var(--space-1);flex-wrap:wrap}.reaction-bubble{font-size:var(--text-xs);padding:2px var(--space-2)}}.message-input-container{border-block-start:2px solid var(--border-medium);background-color:var(--bg-primary);box-shadow:0 -2px 8px #0000000d}.replying-to-bar{padding:var(--space-3) var(--space-6);background-color:var(--bg-hover);border-block-end:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}@media (min-width: 1441px){.replying-to-bar{padding:var(--space-3) var(--space-10)}}@media (min-width: 1025px) and (max-width: 1440px){.replying-to-bar{padding:var(--space-3) var(--space-8)}}.reply-info{display:flex;flex-direction:column;gap:var(--space-1)}.reply-info span:first-child{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.reply-preview{font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.cancel-reply{background:none;border:none;font-size:var(--text-xl);cursor:pointer;color:var(--text-secondary);padding:var(--space-1);transition:var(--transition-fast)}.cancel-reply:hover{color:var(--text-primary)}.files-preview{padding:var(--space-3) var(--space-6);background-color:var(--bg-hover);border-block-end:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (min-width: 1441px){.files-preview{padding:var(--space-3) var(--space-10)}}@media (min-width: 1025px) and (max-width: 1440px){.files-preview{padding:var(--space-3) var(--space-8)}}.file-preview-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--text-sm)}.file-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:var(--text-base);padding:0;transition:var(--transition-fast)}.remove-file:hover{color:var(--text-primary)}.audio-preview{padding:var(--space-3) var(--space-6);background-color:var(--bg-hover);border-block-end:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}@media (min-width: 1441px){.audio-preview{padding:var(--space-3) var(--space-10)}}@media (min-width: 1025px) and (max-width: 1440px){.audio-preview{padding:var(--space-3) var(--space-8)}}.cancel-audio{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:var(--text-xl);padding:var(--space-1);transition:var(--transition-fast)}.cancel-audio:hover{color:var(--text-primary)}.recording-indicator{padding:var(--space-3) var(--space-6);background-color:var(--error-50);border-block-end:1px solid var(--error-200);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}@media (min-width: 1441px){.recording-indicator{padding:var(--space-3) var(--space-10)}}@media (min-width: 1025px) and (max-width: 1440px){.recording-indicator{padding:var(--space-3) var(--space-8)}}.recording-dot{width:12px;height:12px;background-color:var(--error-500);border-radius:var(--radius-full);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.stop-recording-btn{margin-inline-start:auto;padding:var(--btn-padding-sm);border-radius:var(--radius-sm);border:none;background-color:var(--error-500);color:var(--text-inverse);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:var(--transition-base);font-family:var(--font-family)}.stop-recording-btn:hover{background-color:var(--error-600)}.message-input-wrapper{padding:var(--space-4) var(--space-6);display:flex;align-items:flex-end;align-items:center;gap:var(--space-3);min-height:64px;box-sizing:border-box}@media (min-width: 1441px){.message-input-wrapper{padding:var(--space-4) var(--space-10)}.message-input-container{max-width:100%}}@media (min-width: 1025px) and (max-width: 1440px){.message-input-wrapper{padding:var(--space-4) var(--space-8)}}.input-actions-start,.input-actions-end{display:flex;gap:var(--space-2)}.input-action-btn{width:40px;height:40px;border:none;background:none;cursor:pointer;font-size:var(--text-xl);border-radius:var(--radius-base);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.input-action-btn:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.input-action-btn:disabled{opacity:.4;cursor:not-allowed}.message-input{flex:1;min-height:40px;max-height:120px;padding:var(--space-2) var(--space-3);border:var(--input-border);border-radius:var(--radius-base);font-family:var(--font-family);font-size:var(--text-md);resize:none;overflow-y:auto;background-color:var(--bg-primary);line-height:1.5}.message-input:focus{outline:none;border-color:var(--border-focus)}.message-input:disabled{background-color:var(--bg-disabled);cursor:not-allowed}.send-btn{width:40px;height:40px;border:none;background-color:var(--primary);color:var(--text-inverse);cursor:pointer;font-size:var(--text-xl);border-radius:var(--radius-base);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.send-btn:hover:not(:disabled){background-color:var(--primary-hover)}.send-btn:disabled{background-color:var(--bg-disabled);cursor:not-allowed;opacity:.5}@media (max-width: 768px){.message-input-wrapper{padding:var(--space-2);gap:var(--space-2)}.replying-to-bar,.files-preview,.audio-preview,.recording-indicator{padding:var(--space-2)}.reply-preview{max-width:150px}.message-input{font-size:16px;padding:var(--space-2);min-height:40px}.input-action-btn{width:32px;height:32px;font-size:var(--text-lg)}.send-btn{width:40px;height:40px}.file-preview-item{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.file-name{max-width:120px}.recording-indicator{font-size:var(--text-xs);gap:var(--space-2)}.stop-recording-btn{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}}.message-thread{flex:1;display:flex;flex-direction:column;background-color:var(--bg-primary);overflow:hidden}.message-thread.empty{display:flex;align-items:center;justify-content:center}.empty-state{text-align:center;color:var(--text-secondary)}.empty-state h2{font-size:var(--text-2xl);margin-block-end:var(--space-2);font-weight:var(--font-semibold)}.empty-state p{color:var(--text-tertiary)}.message-thread-header{padding:var(--space-6) var(--space-4);border-block-end:1px solid var(--border-light);display:flex;align-items:center;gap:var(--space-4);background-color:var(--bg-primary);z-index:var(--z-sticky);position:relative;min-height:64px;box-sizing:border-box;height:30px}@media (min-width: 1441px){.message-thread-header{padding:var(--space-4) var(--space-10)}}@media (min-width: 1025px) and (max-width: 1440px){.message-thread-header{padding:var(--space-4) var(--space-8)}}.header-actions-right{margin-inline-start:auto;display:flex;align-items:center;gap:var(--space-2)}.search-btn,.settings-btn{background:none;border:none;cursor:pointer;padding:var(--space-2);transition:var(--transition-fast);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.search-btn:hover,.settings-btn:hover{color:var(--text-primary);background-color:var(--bg-hover);border-radius:var(--radius-sm)}.add-members-btn{padding:var(--btn-padding-sm);background-color:var(--primary);color:var(--text-inverse);border:none;border-radius:var(--radius-base);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base);font-family:var(--font-family);display:flex;align-items:center;gap:var(--space-1)}.add-members-btn:hover{background-color:var(--primary-hover)}.back-button{background:none;border:none;cursor:pointer;color:var(--text-primary);padding:var(--space-2);min-width:32px;height:32px;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition-fast)}.back-button:hover{background-color:var(--bg-hover)}.channel-settings-menu{position:absolute;top:100%;inset-inline-end:var(--space-6);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);min-width:200px;margin-top:var(--space-2)}.channel-settings-menu button{width:100%;padding:var(--space-3) var(--space-4);border:none;background:none;text-align:start;cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);transition:var(--transition-fast);font-family:var(--font-family);display:flex;align-items:center;gap:var(--space-2)}.channel-settings-menu button:hover{background-color:var(--bg-hover)}.channel-settings-menu button.danger{color:var(--error-600)}.channel-settings-menu button.danger:hover{background-color:var(--error-50)}.back-button{display:none;background:none;border:none;font-size:var(--text-2xl);cursor:pointer;color:var(--text-primary);padding:0;min-width:32px}.channel-title h2{margin:0;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.channel-description{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.messages-container{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-6);display:flex;flex-direction:column}.message-wrapper{transition:background-color .3s ease}.message-wrapper.highlighted{background-color:var(--warning-100);border-radius:var(--radius-sm);padding:var(--space-2);margin:calc(var(--space-2) * -1)}.new-messages-divider{display:flex;align-items:center;margin:var(--space-4) 0;gap:var(--space-3);animation:divider-fade-in .3s ease-in}@keyframes divider-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.new-messages-divider:before,.new-messages-divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--error-500),transparent)}.new-messages-divider span{color:var(--error-600);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-3);background-color:var(--error-50);border-radius:var(--radius-full)}@media (min-width: 1441px){.messages-container{padding:var(--space-5) var(--space-10)}.message{max-width:1200px;margin-inline:auto;width:100%}}@media (min-width: 1025px) and (max-width: 1440px){.messages-container{padding:var(--space-5) var(--space-8)}}.loading{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.empty-messages{text-align:center;padding:var(--space-8);color:var(--text-tertiary)}.typing-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--text-secondary);font-size:var(--text-sm)}.dots{width:6px;height:6px;background-color:var(--text-secondary);border-radius:var(--radius-full);animation:typing 1.4s infinite}.dots:nth-child(2){animation-delay:.2s}.dots:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.typing-text{margin-inline-start:var(--space-1)}@media (max-width: 1024px) and (min-width: 769px){.message-thread-header{padding:var(--space-4)}.messages-container{padding:var(--space-4) var(--space-5)}.add-members-btn{font-size:var(--text-sm)}}@media (max-width: 768px){.back-button.mobile-only{display:flex!important}.messages-container{padding:var(--space-3)}.message-thread-header{padding:var(--space-3);gap:var(--space-2)}.channel-title h2{font-size:var(--text-lg)}.channel-description{font-size:var(--text-xs)}.search-btn,.settings-btn{padding:var(--space-1)}.add-members-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);gap:var(--space-1)}.channel-settings-menu{inset-inline-end:var(--space-2);min-width:180px}.channel-settings-menu button{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.typing-indicator{font-size:var(--text-xs);padding:var(--space-1) 0}}.message-modal-content{padding:var(--space-6)}.message-modal-content h3{margin:0 0 var(--space-6);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary)}.member-list{max-height:300px;overflow-y:auto;border:var(--input-border);border-radius:var(--radius-base);padding:var(--space-2);background-color:var(--bg-secondary);margin-block-end:var(--space-4)}.member-checkbox{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast)}.member-checkbox:hover{background-color:var(--bg-hover)}.member-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.member-checkbox span{font-size:var(--text-sm);color:var(--text-primary)}.no-users{padding:var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.selected-count{margin-block-end:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);text-align:end}.modal-actions-message{display:flex;justify-content:flex-end;gap:var(--space-3);margin-block-start:var(--space-6)}.modal-actions-message button{padding:var(--btn-padding-base);border-radius:var(--radius-base);border:none;cursor:pointer;font-size:var(--text-md);font-weight:var(--font-semibold);transition:var(--transition-base);font-family:var(--font-family)}.modal-actions-message button:not(.primary){background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.modal-actions-message button:not(.primary):hover{background-color:var(--bg-hover);border-color:var(--border-medium)}.modal-actions-message button.primary{background-color:var(--primary);color:var(--text-inverse)}.modal-actions-message button.primary:hover{background-color:var(--primary-hover)}.modal-actions-message button:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-block-end:var(--space-4)}.form-group label{display:block;margin-block-end:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.form-group input,.form-group textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-family);transition:var(--transition-fast);box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.members-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-2)}.member-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2);font-size:var(--text-sm)}.member-item span{color:var(--text-primary)}.remove-member-btn{padding:var(--space-1) var(--space-2);background-color:var(--error-50);color:var(--error-600);border:1px solid var(--error-200);border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;transition:var(--transition-fast);font-family:var(--font-family)}.remove-member-btn:hover{background-color:var(--error-100)}.forward-message-preview{padding:var(--space-3);background-color:var(--bg-hover);border-radius:var(--radius-sm);margin-block-end:var(--space-4);border:1px solid var(--border-light)}.forward-message-preview p{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.channel-list-forward{max-height:300px;overflow-y:auto;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-3);margin-block-end:var(--space-4)}.channel-checkbox{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast)}.channel-checkbox:hover{background-color:var(--bg-hover)}.channel-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.channel-checkbox span{font-size:var(--text-sm);color:var(--text-primary)}.search-input-group{display:flex;gap:var(--space-2);margin-block-end:var(--space-4)}.search-input-group input{flex:1;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-family)}.search-input-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.search-input-group button{padding:var(--space-3) var(--space-5);background-color:var(--primary);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base);font-family:var(--font-family)}.search-input-group button:hover{background-color:var(--primary-hover)}.search-results{max-height:400px;overflow-y:auto;border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-block-end:var(--space-4)}.search-result-item{padding:var(--space-3);border-block-end:1px solid var(--border-light);cursor:pointer;transition:var(--transition-fast)}.search-result-item:hover{background-color:var(--bg-hover)}.search-result-item:last-child{border-block-end:none}.result-sender{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-block-end:var(--space-1)}.result-content{font-size:var(--text-sm);color:var(--text-secondary);margin-block-end:var(--space-1)}.result-time{font-size:var(--text-xs);color:var(--text-tertiary)}.no-results{padding:var(--space-8);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}@media (max-width: 768px){.back-button.mobile-only{display:flex!important}.messages-container{padding:var(--space-3)}.message-thread-header{padding:var(--space-3);gap:var(--space-2)}.channel-title h2{font-size:var(--text-lg)}.channel-description{font-size:var(--text-xs)}.search-btn,.settings-btn{padding:var(--space-1)}.add-members-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);gap:var(--space-1)}.channel-settings-menu{inset-inline-end:var(--space-2);min-width:180px}.channel-settings-menu button{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.typing-indicator{font-size:var(--text-xs);padding:var(--space-1) 0}.member-list,.channel-list-forward{max-height:40vh}.search-input-group input{font-size:16px}.modal-actions-message{flex-direction:column;gap:var(--space-2)}.modal-actions-message button{width:100%}.form-group{margin-block-end:var(--space-3)}.members-list{max-height:30vh}}.messaging-page{display:flex;flex:1;height:100%;width:100%;background-color:var(--bg-primary);overflow:hidden}@media (min-width: 1025px) and (max-width: 1440px){.messaging-page{width:100%}}@media (max-width: 1024px) and (min-width: 769px){.messaging-page{width:100%}.messaging-page .channel-list{width:200px}}@media (max-width: 768px){.messaging-page{flex-direction:column;position:relative;width:100%;height:100vh;max-width:100vw}.messaging-page .channel-list{flex:1;width:100%;max-width:100%;display:flex}.messaging-page.channel-selected .channel-list{display:none}.messaging-page.channel-selected .mobile-menu-toggle{display:none!important}.messaging-page .message-thread{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--bg-primary);z-index:10}.messaging-page .message-thread.empty{display:none}}.spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:18px;height:18px;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}