.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background-color:var(--bg-sidebar);display:flex;flex-direction:column;transition:width var(--transition-normal);z-index:var(--z-sticky)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.logo-icon{width:32px;height:32px;color:var(--color-primary);flex-shrink:0}.logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-inverse);white-space:nowrap}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:var(--spacing-md)}.sidebar-nav{flex:1;padding:var(--spacing-md);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);background:transparent;border:none;border-radius:var(--border-radius);color:var(--color-gray-400);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;text-decoration:none;font-family:inherit}.nav-item:hover{background-color:#ffffff1a;color:var(--text-inverse)}.nav-item.active{background-color:var(--color-primary);color:var(--text-inverse)}.nav-icon{width:20px;height:20px;flex-shrink:0}.nav-label{white-space:nowrap}.sidebar.collapsed .nav-item{justify-content:center;padding:var(--spacing-sm)}.sidebar.collapsed .nav-label{display:none}.sidebar-context{padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.context-item{margin-bottom:var(--spacing-sm)}.context-item:last-child{margin-bottom:0}.context-label{display:block;font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.context-value{display:block;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-toggle{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:transparent;border:none;border-top:1px solid rgba(255,255,255,.1);color:var(--color-gray-400);cursor:pointer;transition:all var(--transition-fast)}.sidebar-toggle:hover{background-color:#ffffff1a;color:var(--text-inverse)}.sidebar-toggle svg{width:20px;height:20px}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}}.header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--spacing-lg);background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:var(--z-sticky)}.header-left,.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.header-selector{position:relative}.selector-trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.selector-trigger:hover{border-color:var(--border-color-dark)}.selector-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.header-user{position:relative}.user-trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast)}.user-trigger:hover{background-color:var(--bg-secondary)}.user-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-primary-light);border-radius:50%;color:var(--color-primary)}.user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.user-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.dropdown-header{padding:var(--spacing-md)}.dropdown-name{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.dropdown-email{display:block;font-size:var(--font-size-xs);color:var(--text-muted)}.dropdown-divider{height:1px;background-color:var(--border-color)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;font-size:var(--font-size-sm);color:var(--text-primary);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.dropdown-item:hover{background-color:var(--bg-secondary)}.dropdown-item.active{background-color:var(--color-primary-light);color:var(--color-primary)}.dropdown-item.danger{color:var(--color-danger)}.dropdown-item.danger:hover{background-color:var(--color-danger-light)}.twofa-warning-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-bottom:2px solid #f6a23b;box-shadow:0 2px 4px #0000000d}.twofa-warning-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.twofa-warning-icon{width:24px;height:24px;color:#f6a23b;flex-shrink:0}.twofa-warning-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.twofa-warning-text strong{color:#856404;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.twofa-warning-text span{color:#856404;font-size:var(--font-size-sm)}.twofa-warning-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}@media(max-width:768px){.twofa-warning-banner{flex-direction:column;align-items:flex-start}.twofa-warning-actions{width:100%;justify-content:flex-end}}.layout-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary)}.layout{display:flex;min-height:100vh}.layout-main{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal)}.layout.sidebar-collapsed .layout-main{margin-left:var(--sidebar-collapsed-width)}.layout-content{flex:1;padding:var(--spacing-lg);overflow-y:auto}@media(max-width:768px){.layout-main,.layout.sidebar-collapsed .layout-main{margin-left:0}}.auth-wrapper{display:flex;min-height:100vh}.auth-left{flex:0 0 50%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background-color:var(--bg-primary)}.auth-container{width:100%;max-width:440px}.auth-card{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);overflow:hidden}.auth-logo{padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}.auth-logo-icon{width:48px;height:48px;margin-bottom:var(--spacing-md);color:var(--color-primary)}.auth-logo h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.auth-logo p{font-size:var(--font-size-sm);color:var(--text-secondary)}.auth-form{padding:var(--spacing-2xl) var(--spacing-lg)}.auth-form h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg);text-align:center}.auth-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background-color:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:var(--border-radius);color:var(--color-danger);font-size:var(--font-size-sm)}.auth-footer{padding:var(--spacing-md) var(--spacing-lg);text-align:center;background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.auth-footer p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.auth-link{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;margin-left:var(--spacing-xs);padding:0}.auth-link:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-right{flex:0 0 50%;position:relative;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);background:linear-gradient(135deg,#fef3e6,#fff9f0);overflow:hidden}.auth-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;z-index:0}.auth-content{position:relative;z-index:1;max-width:500px}.auth-content-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.auth-content-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);line-height:var(--line-height-relaxed)}.auth-features{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-feature{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#ffffffb3;border-radius:var(--border-radius-lg);border:1px solid rgba(246,162,59,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.auth-feature:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#f6a23b4d}.auth-feature-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-light);border-radius:var(--border-radius);color:var(--color-primary)}.auth-feature-text h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.auth-feature-text p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.auth-step-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--border-radius);color:var(--color-primary)}.step-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.auth-success{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background-color:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--border-radius);color:var(--color-success);font-size:var(--font-size-sm)}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.qr-code-container{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.qr-code{max-width:200px;height:auto;border:2px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm);background-color:#fff}.secret-code{margin:var(--spacing-lg) 0;text-align:center}.secret-code code{display:block;margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--border-radius);font-family:monospace;font-size:var(--font-size-sm);word-break:break-all}.backup-codes{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--border-radius)}.backup-codes h3{margin-bottom:var(--spacing-sm);color:var(--color-warning);font-size:var(--font-size-base)}.backup-codes p{margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.backup-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.backup-codes-grid code{padding:var(--spacing-xs);background-color:#fff;border-radius:var(--border-radius);text-align:center;font-family:monospace;font-size:var(--font-size-sm);border:1px solid var(--border-color)}.email-verification-content{text-align:center;padding:var(--spacing-2xl)}.verification-icon{margin:0 auto var(--spacing-lg);display:block}.verification-icon.spinning{color:var(--color-primary);animation:spin 1s linear infinite}.verification-icon.success{color:var(--color-success)}.verification-icon.error{color:var(--color-danger)}.redirect-message{margin-top:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.text-center,.text-center .auth-subtitle{text-align:center}@media(max-width:768px){.backup-codes-grid{grid-template-columns:1fr}}@media(max-width:1024px){.auth-right{flex:0 0 45%}.auth-left{flex:0 0 55%}.auth-content-title{font-size:var(--font-size-2xl)}.auth-content-subtitle{font-size:var(--font-size-base)}}@media(max-width:768px){.auth-wrapper{flex-direction:column}.auth-left,.auth-right{flex:none;width:100%}.auth-right{min-height:40vh;padding:var(--spacing-xl) var(--spacing-lg)}.auth-content-title{font-size:var(--font-size-xl)}.auth-features{gap:var(--spacing-md)}.auth-feature{padding:var(--spacing-sm)}.auth-feature-icon{width:40px;height:40px}}.dashboard{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.dashboard-welcome{margin-bottom:var(--spacing-xl)}.dashboard-welcome h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.dashboard-welcome p{font-size:var(--font-size-base);color:var(--text-muted);margin:0}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:hover .stat-arrow{opacity:1;transform:translate(4px)}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);flex-shrink:0}.stat-card.stat-blue .stat-icon{background-color:var(--color-info-light);color:var(--color-info)}.stat-card.stat-green .stat-icon{background-color:var(--color-success-light);color:var(--color-success)}.stat-card.stat-purple .stat-icon{background-color:#f3e8ff;color:#9333ea}.stat-content{display:flex;flex-direction:column;gap:2px;flex:1}.stat-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-muted)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.stat-subtext{font-size:var(--font-size-xs);color:var(--text-muted)}.stat-arrow{width:20px;height:20px;color:var(--text-muted);opacity:0;transition:all var(--transition-fast);flex-shrink:0}.dashboard-section{margin-bottom:var(--spacing-2xl)}.dashboard-section h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-lg) 0;color:var(--text-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-header h2{margin:0}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.action-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg)}.action-icon{width:48px;height:48px;color:var(--color-primary);flex-shrink:0}.action-content{flex:1}.action-content h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.action-content p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.recent-clients-list{display:flex;flex-direction:column;gap:1px;background-color:var(--border-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.recent-client-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-primary);cursor:pointer;transition:background-color var(--transition-fast)}.recent-client-row:hover{background-color:var(--bg-secondary)}.client-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-light);border-radius:var(--border-radius);color:var(--color-primary);flex-shrink:0}.recent-client-info{flex:1;min-width:0}.recent-client-info h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 4px;color:var(--text-primary)}.client-codes{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.code-badge{font-size:var(--font-size-xs);font-family:Courier New,monospace;background-color:var(--bg-tertiary);padding:2px 6px;border-radius:var(--border-radius-sm);color:var(--text-muted)}.recent-client-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.hosting-badge{font-size:var(--font-size-xs);padding:4px 8px;border-radius:var(--border-radius);font-weight:var(--font-weight-medium)}.recent-client-status{display:flex;align-items:center;gap:var(--spacing-xs)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.active{background-color:var(--color-success)}.status-dot.pending{background-color:var(--color-warning)}.status-dot.deploying{background-color:var(--color-info);animation:pulse 2s infinite}.status-dot.suspended,.status-dot.failed{background-color:var(--color-danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:capitalize}.recent-client-row .icon-xs{color:var(--text-muted);flex-shrink:0}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.overview-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg)}.overview-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);flex-shrink:0}.overview-icon svg{width:24px;height:24px}.overview-icon.success{background-color:var(--color-success-light);color:var(--color-success)}.overview-icon.warning{background-color:var(--color-warning-light);color:var(--color-warning)}.overview-icon.info{background-color:var(--color-info-light);color:var(--color-info)}.overview-icon.primary{background-color:var(--color-primary-light);color:var(--color-primary)}.overview-content{display:flex;flex-direction:column;gap:2px}.overview-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.overview-label{font-size:var(--font-size-xs);color:var(--text-muted)}@media(max-width:768px){.dashboard-stats,.quick-actions{grid-template-columns:1fr}.action-card{flex-direction:column;align-items:flex-start}.action-card button{width:100%}.overview-grid{grid-template-columns:repeat(2,1fr)}.recent-client-meta{display:none}}@media(max-width:480px){.overview-grid{grid-template-columns:1fr}}.image-lightbox-overlay{position:fixed;inset:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.image-lightbox-container{display:flex;flex-direction:column;width:100%;height:100%;max-width:1400px;padding:20px}.lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:20px}.lightbox-info{display:flex;flex-direction:column;gap:4px;color:#fff}.lightbox-filename{font-size:16px;font-weight:500}.lightbox-filesize{font-size:13px;opacity:.7}.lightbox-actions{display:flex;gap:8px}.lightbox-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;transition:all .2s ease}.lightbox-btn:hover{background:#fff3}.lightbox-image-wrapper{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--border-radius)}.lightbox-nav-btn{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-nav-btn:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.lightbox-nav-btn.prev{left:20px}.lightbox-nav-btn.next{right:20px}.lightbox-footer{display:flex;align-items:center;justify-content:center;padding:12px 0;margin-top:20px}.lightbox-counter{color:#fff;font-size:14px;font-weight:500;opacity:.8}@media(max-width:768px){.image-lightbox-container{padding:10px}.lightbox-nav-btn{width:40px;height:40px}.lightbox-nav-btn.prev{left:10px}.lightbox-nav-btn.next{right:10px}}.image-field{display:flex;flex-direction:column;gap:8px}.image-field-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.image-thumbnails{display:flex;gap:8px;flex-wrap:wrap}.image-thumbnail{position:relative;overflow:hidden;border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--bg-secondary);transition:all .2s ease}.image-thumbnail.clickable{cursor:pointer}.image-thumbnail:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.image-field.sm .image-thumbnail{width:40px;height:40px}.image-field.md .image-thumbnail{width:60px;height:60px}.image-field.lg .image-thumbnail{width:100px;height:100px}.thumbnail-img{width:100%;height:100%;object-fit:cover;display:block}.thumbnail-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.image-thumbnail:hover .thumbnail-overlay{opacity:1}.overlay-icon{width:20px;height:20px;color:#fff}.image-count{font-size:11px;color:var(--text-muted);font-weight:500}.image-field.empty .image-placeholder{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--border-radius);color:var(--text-muted)}.placeholder-icon{width:16px;height:16px}.placeholder-text{font-size:12px}.data-table-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.data-table-loading,.data-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted);gap:var(--spacing-md)}.data-table-empty .empty-icon{width:48px;height:48px;opacity:.5}.data-table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.toolbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.result-count{font-size:var(--font-size-sm);color:var(--text-muted)}.toolbar-right{display:flex;align-items:center;gap:var(--spacing-md)}.view-toggle{display:flex;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.view-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.view-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.view-btn.active{background-color:var(--color-primary);color:#fff}.data-table-wrapper{overflow-x:auto}.data-table-wrapper.sticky-header{max-height:600px;overflow-y:auto}.data-table-wrapper.sticky-header thead{position:sticky;top:0;z-index:1}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background-color:var(--bg-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{background-color:var(--bg-tertiary)}.th-content{display:flex;align-items:center;gap:var(--spacing-xs)}.sort-indicator{display:flex;opacity:.3}.sort-indicator.active{opacity:1;color:var(--color-primary)}.sort-indicator svg{width:14px;height:14px}.data-table td{font-size:var(--font-size-sm);color:var(--text-primary)}.data-table.striped tbody tr:nth-child(2n){background-color:var(--bg-secondary)}.data-table.hoverable tbody tr:hover,.data-table tbody tr.selected{background-color:var(--color-primary-light)}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr:last-child td{border-bottom:none}.data-table th.center,.data-table td.center{text-align:center}.data-table th.right,.data-table td.right{text-align:right}.select-cell{width:40px;text-align:center}.select-cell input[type=checkbox]{cursor:pointer}.actions-cell{width:100px;text-align:right}.table-actions{display:flex;justify-content:flex-end;gap:var(--spacing-xs);opacity:.3;transition:opacity var(--transition-fast)}.data-table tbody tr:hover .table-actions{opacity:1}.data-table-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);padding:var(--spacing-md)}.data-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);position:relative}.data-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.data-card.selected{border-color:var(--color-primary);background-color:var(--color-primary-light)}.card-select{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm)}.card-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.card-field{display:flex;flex-direction:column;gap:2px}.card-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.card-value{font-size:var(--font-size-sm);color:var(--text-primary)}.card-actions{display:flex;justify-content:flex-end;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.data-table-list{display:flex;flex-direction:column}.data-list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-fast)}.data-list-item:hover{background-color:var(--bg-secondary)}.data-list-item.selected{background-color:var(--color-primary-light)}.data-list-item:last-child{border-bottom:none}.list-select{flex-shrink:0}.list-content{flex:1;min-width:0}.list-primary{margin-bottom:2px}.list-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.list-secondary{display:flex;gap:var(--spacing-md)}.list-meta{font-size:var(--font-size-xs);color:var(--text-muted)}.list-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.data-list-item:hover .list-actions{opacity:1}.data-table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.pagination-info{font-size:var(--font-size-sm);color:var(--text-muted)}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-md)}.page-size-select{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-primary);color:var(--text-primary)}.pagination-buttons{display:flex;align-items:center;gap:var(--spacing-xs)}.page-indicator{font-size:var(--font-size-sm);color:var(--text-secondary);min-width:60px;text-align:center}@media(max-width:768px){.data-table-toolbar{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.toolbar-left,.toolbar-right{justify-content:space-between}.data-table-pagination{flex-direction:column;gap:var(--spacing-sm)}.table-actions,.list-actions{opacity:1}}.universal-search-wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:var(--spacing-xs, 4px)}.us-search-container{position:relative;width:100%}.us-search-bar{display:flex;align-items:center;gap:var(--spacing-xs, 4px);width:100%}.form-input-wrapper.us-search-input-wrapper{display:flex;align-items:center;flex:1;min-width:0;gap:var(--spacing-xs, 4px);padding:0 var(--spacing-sm, 8px);min-height:38px;background:var(--bg-primary, #ffffff);border-radius:var(--radius-md, 8px);transition:border-color .15s,box-shadow .15s}.form-input-wrapper.us-search-input-wrapper:focus-within{border-color:var(--color-primary, #4f46e5);box-shadow:0 0 0 3px var(--color-primary-alpha, rgba(79, 70, 229, .12))}.input-icon{flex-shrink:0;color:var(--text-muted, #94a3b8)}.form-input-wrapper.us-search-input-wrapper .form-group{flex:1;min-width:0;margin:0}.form-input-wrapper.us-search-input-wrapper .form-group input{width:100%;border:none;outline:none;background:transparent;font-size:var(--font-size-sm, 13px);font-family:inherit;color:var(--text-primary, #1e293b);padding:var(--spacing-xs, 4px) 0;min-width:60px}.form-input-wrapper.us-search-input-wrapper .form-group input::placeholder{color:var(--text-muted, #94a3b8)}.btn-ghost.us-clear-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:none;border:none;border-radius:var(--radius-sm, 4px);color:var(--text-muted, #94a3b8);cursor:pointer;transition:color .15s,background .15s}.btn-ghost.us-clear-btn:hover{color:var(--color-danger, #ef4444);background:var(--bg-secondary, #f8fafc)}.us-selected-fields{display:flex;flex-wrap:wrap;gap:3px;flex-shrink:0;max-width:55%}.us-field-filter-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 5px 2px 7px;font-size:11px;line-height:1.4;background:var(--color-primary-light, #ede9fe);color:var(--color-primary, #4f46e5);border-radius:999px;white-space:nowrap;max-width:160px}.us-field-name{font-weight:600;overflow:hidden;text-overflow:ellipsis}.us-field-query{opacity:.7;overflow:hidden;text-overflow:ellipsis}.us-field-tag-remove{flex-shrink:0;display:flex;align-items:center;background:none;border:none;cursor:pointer;color:inherit;opacity:.55;padding:0;transition:opacity .15s}.us-field-tag-remove:hover{opacity:1}.us-dropdown-arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;cursor:pointer;color:var(--text-muted, #94a3b8);border-radius:var(--radius-sm, 4px);transition:color .15s,background .15s}.us-dropdown-arrow:hover{color:var(--color-primary, #4f46e5);background:var(--bg-secondary, #f8fafc)}.us-chevron-icon{display:block;transition:transform .2s ease}.us-chevron-icon.rotated{transform:rotate(180deg)}.btn.us-filter-btn{flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);color:var(--text-muted, #94a3b8);cursor:pointer;transition:all .15s}.btn.us-filter-btn:hover{border-color:var(--color-primary, #4f46e5);color:var(--color-primary, #4f46e5)}.btn.us-filter-btn.btn-primary.active{background:var(--color-primary, #4f46e5);border-color:var(--color-primary, #4f46e5);color:#fff}.us-filter-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;line-height:1;background:var(--color-danger, #ef4444);color:#fff;border-radius:999px;display:flex;align-items:center;justify-content:center;pointer-events:none}.us-suggestions-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:var(--z-dropdown, 300);background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);box-shadow:0 8px 24px #0000001a;overflow:hidden}.us-suggestion-item{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);cursor:pointer;transition:background .12s}.us-suggestion-item:not(:last-child){border-bottom:1px solid var(--border-color, #e2e8f0)}.us-suggestion-item:hover{background:var(--bg-secondary, #f8fafc)}.us-suggestion-icon{flex-shrink:0;color:var(--text-muted, #94a3b8)}.us-suggestion-text{font-size:var(--font-size-sm, 13px);color:var(--text-secondary, #475569);line-height:1.4}.us-suggestion-query{font-style:normal;font-weight:500;color:var(--color-primary, #4f46e5)}.us-tags-container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs, 4px)}.us-filter-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 5px 2px 8px;font-size:11px;line-height:1.4;background:var(--color-primary-light, #ede9fe);color:var(--color-primary, #4f46e5);border-radius:999px}.us-tag-remove{display:flex;align-items:center;background:none;border:none;cursor:pointer;color:inherit;opacity:.55;padding:0;transition:opacity .15s}.us-tag-remove:hover{opacity:1}.reset-button{padding:2px 8px;font-size:11px;background:transparent;border:none;color:var(--text-muted, #94a3b8);cursor:pointer;text-decoration:underline;transition:color .15s}.reset-button:hover{color:var(--color-danger, #ef4444)}.us-dropdown-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:var(--z-dropdown, 300);background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);box-shadow:0 8px 24px #0000001a;overflow-y:auto}.us-dropdown-item{padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);cursor:pointer;transition:background .12s}.us-dropdown-item:not(:last-child){border-bottom:1px solid var(--border-color, #e2e8f0)}.us-dropdown-item:hover,.us-dropdown-item.focused{background:var(--bg-secondary, #f8fafc)}.us-dropdown-item-title{font-size:var(--font-size-sm, 13px);font-weight:500;color:var(--text-primary, #1e293b);line-height:1.4}.us-dropdown-item-subtitle{font-size:var(--font-size-xs, 11px);color:var(--text-muted, #94a3b8);margin-top:2px;line-height:1.3}.us-filter-panel{position:absolute;top:calc(100% + 4px);right:0;z-index:var(--z-dropdown, 300);min-width:240px;max-width:340px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);box-shadow:0 8px 24px #0000001a;overflow:hidden}.config-section{border-bottom:1px solid var(--border-color, #e2e8f0)}.config-section:last-child{border-bottom:none}.config-section h4{display:flex;align-items:center;justify-content:space-between;margin:0;padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);font-size:var(--font-size-sm, 13px);font-weight:600;color:var(--text-primary, #1e293b);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.config-section h4:hover{background:var(--bg-secondary, #f8fafc)}.us-chevron{flex-shrink:0;color:var(--text-muted, #94a3b8);transition:transform .2s ease}.us-chevron.expanded{transform:rotate(180deg)}.config-section-content{padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px) var(--spacing-sm, 8px);display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);max-height:220px;overflow-y:auto}.us-filter-group{display:flex;flex-direction:column;gap:4px}.us-filter-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #94a3b8);padding:0 var(--spacing-xs, 4px)}.us-filter-options{display:flex;flex-direction:column;gap:1px}.checkbox_options{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm, 8px);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);font-size:var(--font-size-sm, 13px);color:var(--text-primary, #1e293b);border-radius:var(--radius-sm, 4px);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.checkbox_options:hover{background:var(--bg-secondary, #f8fafc)}.checkbox_options input[type=checkbox],.checkbox_options input[type=radio]{flex-shrink:0;width:14px;height:14px;cursor:pointer;accent-color:var(--color-primary, #4f46e5)}.combo-us-wrapper .form-input-wrapper.us-search-input-wrapper{min-height:36px}.combo-us-wrapper.combo-us-error .form-input-wrapper.us-search-input-wrapper{border-color:var(--color-danger, #ef4444)}.combo-us-option{font-size:var(--font-size-sm, 13px);color:var(--text-primary, #1e293b);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);border-radius:var(--radius-sm, 4px);width:100%}.combo-us-option.active{color:var(--color-primary, #4f46e5);font-weight:500}.us-dropdown-empty{padding:var(--spacing-md, 12px);text-align:center;font-size:var(--font-size-sm, 13px);color:var(--text-muted, #94a3b8)}.us-dropdown-item.us-create-new{display:flex;align-items:center;gap:var(--spacing-sm, 8px);border-top:1px solid var(--border-color, #e2e8f0);background:var(--color-primary-light, #ede9fe);cursor:pointer;padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);transition:background .12s}.us-dropdown-item.us-create-new:hover{background:#4f46e526}.us-create-icon{flex-shrink:0;display:flex;align-items:center;color:var(--color-primary, #4f46e5)}.us-dropdown-item.us-create-new .us-dropdown-item-title{color:var(--color-primary, #4f46e5);font-weight:500}.us-dropdown-item.us-create-new .us-dropdown-item-subtitle{color:var(--text-muted, #94a3b8)}@media(max-width:640px){.us-filter-panel{position:fixed;inset:auto 0 0;max-width:100%;border-radius:var(--radius-md, 8px) var(--radius-md, 8px) 0 0}}.us-dropdown-item-content{display:flex;align-items:center;gap:12px;width:100%;padding:4px 0}.us-dropdown-item-image{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.us-dropdown-item-image .image-field{margin:0}.us-dropdown-item-image .image-thumbnail{width:48px;height:48px;border-radius:6px;overflow:hidden;border:1px solid var(--border-color, #e5e7eb)}.us-dropdown-item-image .thumbnail-img{width:100%;height:100%;object-fit:cover}.us-dropdown-item:hover .thumbnail-overlay{opacity:1}.us-dropdown-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.us-dropdown-item-title{font-weight:500;font-size:.9375rem;color:var(--text-primary, #111827);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.us-dropdown-item-subtitle{font-size:.8125rem;color:var(--text-secondary, #6b7280);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.us-dropdown-item:hover .us-dropdown-item-title{color:var(--primary-color, #3b82f6)}.us-dropdown-item-image img[src=""]{background:var(--background-secondary, #f3f4f6)}.us-dropdown-item-image .image-placeholder{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--background-secondary, #f3f4f6);border-radius:6px;color:var(--text-tertiary, #9ca3af)}.us-dropdown-item-image .placeholder-icon{width:20px;height:20px}.us-dropdown-item.focused .us-dropdown-item-title{color:var(--primary-color, #3b82f6);font-weight:600}.us-dropdown-item.focused .us-dropdown-item-image .image-thumbnail{border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 2px var(--primary-color-light, rgba(59, 130, 246, .1))}.us-dropdown-item-image .image-thumbnail,.us-dropdown-item-title{transition:all .15s ease}.client-list{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.client-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.client-list-header h2{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.client-list-header p{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.client-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md)}.client-list-loading p{color:var(--text-muted);font-size:var(--font-size-sm)}.client-list-search{margin-bottom:var(--spacing-lg)}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.client-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column}.client-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.client-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.client-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-light);border-radius:var(--border-radius-lg);color:var(--color-primary);flex-shrink:0}.client-icon svg{width:22px;height:22px}.client-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.client-card:hover .client-actions{opacity:1}.client-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.client-description{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--spacing-md) 0;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.client-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.hosting-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);padding:4px 8px;border-radius:var(--border-radius);font-weight:var(--font-weight-medium)}.hosting-badge.hosted{background-color:var(--color-info-light);color:var(--color-info)}.hosting-badge.self-hosted{background-color:#f3e8ff;color:#9333ea}.client-footer{display:flex;align-items:center;justify-content:space-between}.client-portal{display:flex;align-items:center;gap:var(--spacing-sm)}.portal-label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium)}.portal-code{font-size:var(--font-size-xs);background-color:var(--bg-tertiary);padding:2px 6px;border-radius:var(--border-radius-sm);font-family:Courier New,monospace;color:var(--color-primary)}.client-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.client-cell-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-light);border-radius:var(--border-radius);color:var(--color-primary);flex-shrink:0}.client-cell-info{display:flex;flex-direction:column;gap:2px}.client-cell-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.client-cell-code{font-size:var(--font-size-xs);font-family:Courier New,monospace;color:var(--text-muted);background-color:var(--bg-tertiary);padding:2px 4px;border-radius:var(--border-radius-sm)}.empty-state-icon{width:64px;height:64px;color:var(--text-muted);margin-bottom:var(--spacing-lg)}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.empty-state-description{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--spacing-lg) 0;max-width:400px}@media(max-width:768px){.client-list-header{flex-direction:column;gap:var(--spacing-md)}.client-list-header button{width:100%}.client-grid{grid-template-columns:1fr}.client-meta{flex-wrap:wrap}}.ws-type-badge{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.client-form-wrapper{max-width:100%;margin:0 auto}.client-form-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:0 var(--spacing-md)}.client-form-header h2{margin:0;font-size:var(--font-size-xl)}.client-form-split{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-lg);padding:0 var(--spacing-md)}.client-form-left{min-width:0}.client-form-right{position:sticky;top:var(--spacing-lg);align-self:flex-start;max-height:calc(100vh - 2 * var(--spacing-lg));overflow-y:auto}.client-form-right::-webkit-scrollbar{width:6px}.client-form-right::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.client-form-right::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.client-form-right::-webkit-scrollbar-thumb:hover{background:var(--border-color-dark)}.client-tree{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.client-tree h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.tree-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.tree-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.tree-section h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);display:flex;align-items:center}.tree-section h4 .icon-xs{width:14px;height:14px;color:var(--color-primary)}.tree-section ul{list-style:none;margin:0;padding:0}.tree-section li{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs);line-height:var(--line-height-relaxed)}.tree-section li strong{color:var(--text-primary);font-weight:var(--font-weight-medium)}.tree-endpoint-example{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--border-radius);overflow-x:auto}.tree-endpoint-example code{font-size:var(--font-size-xs);color:var(--color-primary);word-break:break-all}.tree-actions{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.tree-actions h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.tree-actions button{width:100%;margin-bottom:var(--spacing-xs);justify-content:flex-start}.tree-pending{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius);text-align:center}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg)}.card-header{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.card-header h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0;display:flex;align-items:center}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color var(--transition-fast)}.form-hint{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-muted)}.form-section-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.form-error-box{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background-color:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:var(--border-radius);color:var(--color-danger);font-size:var(--font-size-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.logo-upload-container{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.logo-preview-wrapper{position:relative;display:inline-block}.logo-preview{width:128px;height:128px;object-fit:contain;border-radius:var(--border-radius);border:2px solid var(--border-color);background-color:var(--bg-secondary);padding:var(--spacing-sm)}.logo-remove-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background-color:var(--color-danger);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.logo-remove-btn:hover{transform:scale(1.1)}.logo-upload-placeholder{width:128px;height:128px;border:2px dashed var(--border-color);border-radius:var(--border-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);color:var(--text-muted);background-color:var(--bg-secondary)}.logo-upload-input{display:none}.hosting-type-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.hosting-type-option{display:block;cursor:pointer}.hosting-type-option input[type=radio]{display:none}.hosting-type-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--border-radius);text-align:center;transition:all var(--transition-fast)}.hosting-type-card:hover{border-color:var(--color-primary);background-color:var(--bg-secondary)}.hosting-type-option input[type=radio]:checked+.hosting-type-card{border-color:var(--color-primary);background-color:var(--color-primary-light)}.hosting-type-label{font-weight:var(--font-weight-medium);font-size:var(--font-size-base);color:var(--text-primary)}.hosting-type-desc{font-size:var(--font-size-xs);color:var(--text-muted)}.hosting-type-readonly{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.self-hosted-config{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.api-preview{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.api-preview-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.api-preview-code{display:block;font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-primary);word-break:break-all;background-color:var(--bg-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--border-color)}.db-auto-config{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background-color:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--border-radius)}.db-auto-config span{font-size:var(--font-size-sm);color:var(--color-success)}.db-auto-config code{font-size:var(--font-size-sm);color:var(--text-primary);background-color:var(--bg-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.admin-permissions-preview{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius)}.admin-permissions-preview h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm) 0}.admin-permissions-preview ul{list-style:none;margin:0;padding:0}.admin-permissions-preview li{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.package-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.package-actions button{width:100%}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}@media(max-width:1200px){.client-form-split{grid-template-columns:1fr 350px}}@media(max-width:900px){.client-form-split{grid-template-columns:1fr}.client-form-right{position:static;max-height:none}.client-tree{margin-bottom:var(--spacing-lg)}}@media(max-width:600px){.hosting-type-options,.form-row{grid-template-columns:1fr}.client-form-header{flex-direction:column;align-items:flex-start}}.tabs-wrapper{display:flex;flex-direction:column;width:100%}.tabs-header.tabs-horizontal{display:flex;gap:4px;border-bottom:1px solid var(--border-color);margin-bottom:20px}.tabs-header.tabs-vertical{display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--border-color);padding-right:16px;margin-right:16px;min-width:180px}.tabs-wrapper.vertical{flex-direction:row}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tabs-vertical .tab-button{border-bottom:none;border-left:2px solid transparent;padding-left:12px;justify-content:flex-start;width:100%}.tab-button:hover:not(.disabled){color:var(--text-primary);background:var(--hover-bg)}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tabs-vertical .tab-button.active{border-bottom-color:transparent;border-left-color:var(--primary-color);background:var(--primary-bg)}.tab-button.disabled{opacity:.5;cursor:not-allowed}.tab-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.tab-icon svg{width:18px;height:18px}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--danger-color);color:#fff;font-size:11px;font-weight:600;border-radius:10px;margin-left:auto}.tab-button.active .tab-badge{background:var(--primary-color)}.tabs-content{flex:1;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.client-workspace{max-width:1100px;margin:0 auto;padding:0 var(--spacing-md) var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.client-workspace-header{padding-top:var(--spacing-md)}.ws-identity-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.ws-identity-main{display:flex;gap:var(--spacing-lg);flex:1;min-width:0}.ws-identity-logo{width:72px;height:72px;flex-shrink:0;border-radius:var(--border-radius-lg);background:var(--color-primary);color:#fff;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;overflow:hidden}.ws-identity-logo img{width:100%;height:100%;object-fit:cover}.ws-identity-details{flex:1;min-width:0}.ws-identity-title-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-xs)}.ws-identity-title-row h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.ws-legal-badge{display:flex;align-items:center;gap:4px}.ws-identity-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-sm)}.ws-identity-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--text-muted)}.ws-identity-meta span{display:flex;align-items:center;gap:var(--spacing-xs)}.ws-identity-meta strong{color:var(--text-primary)}.ws-identity-actions{display:flex;flex-shrink:0;gap:var(--spacing-sm);flex-wrap:wrap;align-items:flex-start}.ws-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}@media(max-width:900px){.ws-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.ws-stats-row{grid-template-columns:1fr}}.ws-stat{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.ws-stat-icon{width:44px;height:44px;border-radius:var(--border-radius);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ws-stat-content{display:flex;flex-direction:column}.ws-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.ws-stat-label{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:2px}.ws-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.ws-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.ws-card-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.ws-card-header-right{display:flex;gap:var(--spacing-sm);align-items:center}.ws-card-body{padding:var(--spacing-lg)}.ws-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}@media(max-width:768px){.ws-two-col{grid-template-columns:1fr}}.ws-info-row{display:flex;align-items:baseline;gap:var(--spacing-sm);padding:7px 0;border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm)}.ws-info-row:last-child{border-bottom:none}.ws-info-label{min-width:130px;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.ws-info-value{color:var(--text-primary);flex:1}.ws-info-code{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-primary);background:var(--bg-secondary);padding:2px 6px;border-radius:4px;border:1px solid var(--border-color);flex:1;word-break:break-all}.ws-info-notes{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.ws-section-subtitle{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin:0 0 var(--spacing-sm)}.ws-section-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-lg)}.ws-type-selector{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ws-type-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:1.5px solid var(--border-color);border-radius:var(--border-radius-lg);background:var(--bg-secondary);cursor:pointer;transition:border-color .15s,background .15s;text-align:left}.ws-type-option:hover,.ws-type-option--active{border-color:var(--color-primary);background:var(--color-primary-light)}.ws-type-option-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);background:var(--bg-primary);color:var(--color-primary);flex-shrink:0}.ws-type-option--active .ws-type-option-icon{background:var(--color-primary);color:#fff}.ws-type-option-content{flex:1;min-width:0}.ws-type-option-content strong{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.ws-type-option-content span{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}.ws-type-option-check{width:20px;height:20px;color:var(--color-primary);flex-shrink:0}.ws-type-badge{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.03em}.ws-type-badge--holding{background:#8b5cf61f;color:#7c3aed;border:1px solid rgba(139,92,246,.25)}.ws-type-badge--solo{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.ws-copyable{display:flex;align-items:center;gap:var(--spacing-xs);flex:1}.ws-empty-hint{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-sm)}.ws-empty-hint-icon{width:40px;height:40px;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.ws-empty-hint p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.ws-empty-hint-sub{color:var(--text-muted)!important;max-width:500px}.ws-reset-result{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.ws-reset-label{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 4px}.ws-reset-sub{font-size:var(--font-size-xs);color:var(--text-muted);margin:0 0 var(--spacing-md)}.ws-reset-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:5px 0;border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm)}.ws-reset-row:last-of-type{border-bottom:none}.ws-api-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}@media(max-width:768px){.ws-api-split{grid-template-columns:1fr}}.ws-api-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md)}.ws-api-section h4{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 4px;color:var(--text-primary)}.ws-api-desc{font-size:var(--font-size-xs);color:var(--text-muted);margin:0 0 var(--spacing-md)}.ws-api-note{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-info-light);border-left:3px solid var(--color-info);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--text-secondary)}.ws-api-note strong{color:var(--text-primary)}.ws-recovery-grid{display:flex;flex-direction:column;gap:1px;background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.ws-recovery-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-primary);transition:background var(--transition-fast)}.ws-recovery-item:hover:not(.ws-recovery-item--disabled){background:var(--bg-secondary)}.ws-recovery-item--disabled{opacity:.55}.ws-recovery-icon{width:40px;height:40px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ws-recovery-icon.config{background:var(--color-primary-light);color:var(--color-primary)}.ws-recovery-icon.database{background:var(--color-info-light);color:var(--color-info)}.ws-recovery-icon.rollup{background:var(--color-success-light);color:var(--color-success)}.ws-recovery-content{flex:1;min-width:0}.ws-recovery-content h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 2px;color:var(--text-primary)}.ws-recovery-content p{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.client-workspace-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md);color:var(--text-muted)}.client-workspace-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media(max-width:768px){.overview-grid{grid-template-columns:1fr}}.overview-card{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--border-radius)}.overview-card h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md);color:var(--text-primary)}.overview-list{list-style:none;margin:0;padding:0}.overview-list li{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm)}.overview-list li:last-child{border-bottom:none}.overview-meta{color:var(--text-muted);font-size:var(--font-size-xs)}.empty-message{color:var(--text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-md)}.workspace-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;gap:var(--spacing-sm)}.workspace-empty-icon{width:56px;height:56px;color:var(--text-muted);margin-bottom:var(--spacing-md)}.workspace-empty h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.workspace-empty p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;max-width:400px}.table-cell-with-icon{display:flex;align-items:center;gap:var(--spacing-sm)}.scope-badge{font-size:var(--font-size-xs);padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--border-radius-sm);color:var(--text-secondary)}@media(max-width:768px){.ws-identity-card{flex-direction:column}.ws-identity-main{flex-direction:column;align-items:center;text-align:center}.ws-identity-meta{justify-content:center}.ws-identity-actions{width:100%;flex-direction:column}.ws-identity-actions .btn{width:100%}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-primary);border-radius:4px;width:100%;max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:0 4px 16px #00000026;margin:20px;position:relative}.modal-sm{max-width:500px}.modal-md{max-width:700px}.modal-lg{max-width:900px}.modal-xl{max-width:1200px}.modal-loading{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:4px}.modal-header{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-title{margin:0;font-size:17px;font-weight:600;color:var(--text-primary)}.modal-subtitle{margin:4px 0 0;font-size:13px;color:var(--text-secondary)}.modal-close{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);border-radius:4px;transition:all .15s}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}@media(max-width:768px){.modal-content{margin:12px;max-height:calc(100vh - 24px)}.modal-header,.modal-body,.modal-footer{padding:12px 16px}}.readonly-field-modal{display:flex;flex-direction:column;max-height:85vh}.readonly-field-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.readonly-field-modal .modal-header h3{margin:0;font-size:var(--font-size-lg)}.readonly-field-modal .modal-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.readonly-field-modal .modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.field-checklist{max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm)}.field-checkbox-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs);cursor:pointer;transition:background var(--transition-fast)}.field-checkbox-item:hover{background:var(--bg-secondary)}.field-checkbox-item input[type=checkbox],.field-checkbox-item input[type=radio]{flex-shrink:0}.field-name-hint{margin-left:auto;font-size:var(--font-size-xs);color:var(--text-muted)}.readonly-badge-small{margin-left:var(--spacing-xs);font-size:12px;opacity:.7}.special-field-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.special-field-modal .modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.special-field-modal .modal-body{padding:var(--spacing-lg);max-height:70vh;overflow-y:auto}.special-field-modal .modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.form-section{margin-bottom:var(--spacing-xl)}.form-section h4{margin:0 0 var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-hint{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.special-field-types{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.special-field-type-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);text-align:left}.special-field-type-card:hover:not(.disabled){border-color:var(--color-primary);background:var(--bg-primary)}.special-field-type-card.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.special-field-type-card.disabled{opacity:.5;cursor:not-allowed}.type-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-primary);border-radius:var(--border-radius);color:var(--color-primary)}.special-field-type-card.selected .type-card-icon{background:var(--color-primary);color:#fff}.type-card-content{flex:1}.type-card-content h5{margin:0 0 var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.type-card-content p{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm) 0}.checkbox-label span{font-size:var(--font-size-sm);color:var(--text-primary)}.dynamic-combo-config{display:flex;flex-direction:column;gap:20px;min-height:400px}.dcc-header{padding-bottom:16px;border-bottom:1px solid var(--border-color)}.dcc-field-info{display:flex;align-items:center;gap:12px;margin-bottom:8px}.dcc-field-label{font-size:16px;font-weight:600;color:var(--text-primary)}.dcc-field-name{font-size:13px;color:var(--text-muted);font-family:Courier New,monospace;padding:2px 8px;background:var(--bg-tertiary);border-radius:4px}.dcc-description{font-size:14px;color:var(--text-muted);margin:0}.dcc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.dcc-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary)}.dcc-search input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--text-primary)}.dcc-search input::placeholder{color:var(--text-muted)}.dcc-module-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding:4px}.dcc-module-item{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;background:var(--bg-primary)}.dcc-module-item:hover{border-color:var(--primary);background:var(--bg-secondary)}.dcc-module-item.selected{border-color:var(--primary);background:var(--primary-alpha)}.dcc-module-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-tertiary)}.dcc-module-icon .custom-icon{width:24px;height:24px}.dcc-module-icon .default-icon{font-size:24px}.dcc-module-info{flex:1;display:flex;flex-direction:column;gap:4px}.dcc-module-name{font-size:15px;font-weight:600;color:var(--text-primary)}.dcc-module-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted)}.dcc-formcode{font-family:Courier New,monospace;padding:2px 6px;background:var(--bg-tertiary);border-radius:3px}.dcc-records{color:var(--text-muted)}.dcc-module-check{font-size:20px;color:var(--primary);font-weight:700}.dcc-empty{text-align:center;padding:40px 20px;color:var(--text-muted)}.dcc-selected-info{padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px}.dcc-info-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.dcc-info-value{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.dcc-info-endpoint{font-size:13px;font-family:Courier New,monospace;color:var(--primary);padding:8px 12px;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border-color);display:block}.dcc-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--border-color)}.dcc-fields-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding:4px}.dcc-field-item{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;background:var(--bg-primary)}.dcc-field-item:hover{border-color:var(--primary);background:var(--bg-secondary)}.dcc-field-item.selected{border-color:var(--primary);background:var(--primary-alpha)}.dcc-field-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.dcc-field-details{flex:1;display:flex;flex-direction:column;gap:4px}.dcc-field-label-text{font-size:15px;font-weight:600;color:var(--text-primary)}.dcc-field-name-text{font-size:13px;color:var(--text-muted);font-family:Courier New,monospace}.dcc-preview{padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px}.dcc-preview-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase}.dcc-preview-value{font-size:14px;font-family:Courier New,monospace;color:var(--primary);padding:8px 12px;background:var(--bg-primary);border-radius:4px}.dcc-step-actions{display:flex;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--border-color)}.module-configurator{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.configurator-summary{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--text-secondary);flex-wrap:wrap}.summary-code{padding:2px 6px;border-radius:4px;font-family:monospace;font-size:var(--font-size-xs)}.summary-code.own{background-color:var(--color-primary-light);color:var(--color-primary)}.summary-code.inherited{background-color:var(--color-warning-light);color:var(--color-warning)}.configurator-header-actions{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border-color);margin-bottom:20px}.configurator-header-actions h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.configurator-empty,.configurator-loading,.configurator-error-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);text-align:center;color:var(--text-muted)}.configurator-error-state{color:var(--color-danger)}.tab-fields{display:flex;flex-direction:column;gap:var(--spacing-lg)}.schema-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.schema-source-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.schema-source-header.own{background-color:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary)}.schema-source-header.inherited{background-color:var(--color-warning-light);color:var(--color-warning);border:1px solid var(--color-warning)}.schema-source-label{display:flex;align-items:center;gap:var(--spacing-xs)}.schema-source-code{font-family:monospace;font-size:var(--font-size-xs);opacity:.8}.section-block{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;margin-left:var(--spacing-md)}.section-block-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);cursor:pointer;transition:background-color var(--transition-fast)}.section-block-header:hover{background-color:var(--bg-tertiary)}.section-block-title{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--text-primary)}.section-field-count{font-size:var(--font-size-xs);color:var(--text-muted);padding:2px 6px;background-color:var(--bg-primary);border-radius:9999px}.section-badge{font-size:var(--font-size-xs);display:flex;align-items:center;gap:3px}.section-badge.conditional{color:var(--color-warning)}.section-actions{margin-left:auto;display:flex;gap:var(--spacing-xs)}.btn-text{background:none;border:none;font-size:var(--font-size-xs);color:var(--color-primary);cursor:pointer;padding:2px 6px;border-radius:4px;transition:all var(--transition-fast)}.btn-text:hover{background-color:var(--color-primary-light)}.section-block-fields{display:flex;flex-direction:column}.field-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-color);transition:background-color var(--transition-fast)}.field-row:hover{background-color:var(--bg-secondary)}.field-row.hidden{opacity:.45}.field-toggle{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.field-toggle .checked{color:var(--color-primary)}.field-toggle .unchecked{color:var(--text-muted)}.field-row-info{flex:1;display:flex;flex-direction:column;gap:1px}.field-row-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.field-row-name{font-size:var(--font-size-xs);font-family:monospace;color:var(--text-muted)}.field-row-type{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 6px;border-radius:4px;background-color:var(--color-primary-light);color:var(--color-primary)}.field-row-datasource{font-size:var(--font-size-xs);font-family:monospace;color:var(--text-muted);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-columns{display:flex;flex-direction:column;gap:var(--spacing-lg)}.tab-columns h5{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase}.columns-current{display:flex;flex-direction:column;gap:var(--spacing-xs)}.columns-empty{font-size:var(--font-size-sm);padding:var(--spacing-sm) 0}.column-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.column-row-order{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-muted);width:22px;text-align:center}.column-row-info{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.column-row-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.column-row-source{font-size:var(--font-size-xs);padding:2px 6px;border-radius:9999px}.column-row-source.schema,.column-row-source.own{background-color:var(--color-primary-light);color:var(--color-primary)}.column-row-source.inherited{background-color:var(--color-warning-light);color:var(--color-warning)}.column-row-source.system{background-color:var(--bg-tertiary);color:var(--text-secondary)}.column-row-source.custom{background-color:#fae8ff;color:#c026d3}.column-row-actions{display:flex;align-items:center;gap:2px}.btn-icon{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--text-muted);transition:all var(--transition-fast)}.btn-icon:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-icon:disabled{opacity:.3;cursor:default}.btn-icon.danger:hover{color:var(--color-danger)}.columns-preview{display:flex;flex-direction:column;gap:var(--spacing-xs)}.columns-preview-table{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.columns-preview-header{display:flex;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.columns-preview-th{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;border-right:1px solid var(--border-color)}.columns-preview-th:last-child{border-right:none}.columns-preview-row{display:flex}.columns-preview-td{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-muted);border-right:1px solid var(--border-color)}.columns-preview-td:last-child{border-right:none}.columns-source-group{margin-bottom:var(--spacing-md)}.columns-source-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.columns-source-header.own{background-color:var(--color-primary-light);color:var(--color-primary)}.columns-source-header.inherited{background-color:var(--color-warning-light);color:var(--color-warning)}.columns-source-code{font-family:monospace;opacity:.7}.columns-add-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.columns-add-btn{display:flex;align-items:center;gap:4px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast)}.columns-add-btn:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.columns-add-label{font-size:var(--font-size-sm);color:var(--text-primary)}.columns-add-section{font-size:var(--font-size-xs);color:var(--text-muted)}.columns-add-source{font-size:var(--font-size-xs);padding:1px 4px;border-radius:9999px}.columns-add-source.schema{background-color:var(--color-primary-light);color:var(--color-primary)}.columns-add-source.system{background-color:var(--bg-tertiary);color:var(--text-secondary)}.columns-custom{border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.custom-column-form{display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:300px}.custom-column-actions{display:flex;gap:var(--spacing-xs)}.readonly-fields-section{margin-top:32px;padding:20px;background:var(--hover-bg);border:2px dashed var(--border-color);border-radius:8px}.readonly-fields-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.readonly-fields-header h5{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.readonly-fields-list{display:flex;flex-direction:column;gap:8px}.field-row.readonly{background:var(--card-bg);border:1px solid var(--border-color);padding:12px;border-radius:6px;display:flex;align-items:center;justify-content:space-between}.readonly-badge{display:inline-block;padding:2px 8px;background:var(--primary-bg);color:var(--primary-color);border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:12px}.readonly-empty{margin:0;padding:20px;text-align:center;font-size:13px;color:var(--text-secondary);background:var(--card-bg);border-radius:6px}.field-row-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.field-row-datasource.configured{color:var(--success);font-weight:500}.field-row-datasource.not-configured{color:var(--warning);font-weight:500}.special-fields-section{margin-top:24px;padding:20px;background:var(--card-bg);border:1px solid var(--border);border-radius:8px}.special-fields-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.special-fields-header h5{margin:0;font-size:15px;font-weight:600}.special-fields-list{display:flex;flex-direction:column;gap:8px}.field-row.special{background:var(--bg-secondary);border-left:3px solid var(--success)}.special-badge{padding:2px 8px;background:var(--success-bg);color:var(--success);border-radius:4px;font-size:11px;font-weight:600;margin-left:12px}.field-row-meta{display:flex;align-items:center;gap:8px;flex:1;margin-left:12px}.field-config-hint{font-size:12px;color:var(--text-secondary);font-style:italic}.special-empty{margin:0;padding:20px;text-align:center;font-size:13px;color:var(--text-secondary);background:var(--card-bg);border-radius:6px}.field-row-type--upload{background:var(--warning-subtle, #fff3e0);color:var(--warning, #e65100);border-color:var(--warning-light, #ffcc80)}.field-upload-note{margin-left:4px;font-size:10px;opacity:.8}.module-tree{display:flex;flex-direction:column;height:100%;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.module-tree-header{padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--hover-bg)}.module-tree-header h4{margin:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.module-tree-content{flex:1;padding:20px;overflow-y:auto}.tree-section{margin-bottom:24px}.tree-section:last-child{margin-bottom:0}.tree-section-label{margin-bottom:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.tree-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;transition:all .2s ease}.tree-item.parent-item,.tree-item.child-item{cursor:pointer;background:var(--hover-bg);border:1px solid var(--border-color)}.tree-item.parent-item:hover,.tree-item.child-item:hover{background:var(--primary-bg);border-color:var(--primary-color);transform:translate(4px)}.tree-item.current-item{background:var(--primary-bg);border:2px solid var(--primary-color);box-shadow:0 2px 8px #3b82f626}.tree-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--card-bg);border-radius:6px;flex-shrink:0}.tree-item.current-item .tree-item-icon{background:#fff;box-shadow:0 2px 4px #0000001a}.tree-icon{width:20px;height:20px;color:var(--primary-color)}.tree-item-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.tree-item-name{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-item-code{font-size:11px;font-family:Courier New,monospace;color:var(--text-tertiary);background:var(--hover-bg);padding:2px 6px;border-radius:3px;width:fit-content}.tree-item.current-item .tree-item-code{background:var(--card-bg);color:var(--primary-color)}.tree-item-arrow{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;transition:transform .2s ease}.tree-item:hover .tree-item-arrow{transform:translate(2px);color:var(--primary-color)}.tree-children{display:flex;flex-direction:column;gap:8px}.tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.tree-empty-icon{width:48px;height:48px;margin-bottom:16px;color:var(--text-tertiary);opacity:.5}.tree-empty p{margin:0 0 4px;font-size:14px;color:var(--text-secondary)}.tree-empty-hint{font-size:12px;color:var(--text-tertiary)}.module-tree-content::-webkit-scrollbar{width:6px}.module-tree-content::-webkit-scrollbar-track{background:transparent}.module-tree-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.module-tree-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.icon-upload-modal{display:flex;flex-direction:column;height:600px}.icon-upload-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color)}.icon-upload-header h3{margin:0;font-size:18px;font-weight:600}.modal-close{background:none;border:none;padding:8px;cursor:pointer;border-radius:4px;color:var(--text-secondary);transition:all .2s}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.icon-browse-tab{display:flex;flex-direction:column;gap:16px;padding:20px;height:100%;overflow:hidden}.icon-search-wrapper{flex-shrink:0}.icon-count{font-size:13px;color:var(--text-secondary);flex-shrink:0}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;overflow-y:auto;flex:1;padding:4px}.icon-grid-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;position:relative}.icon-grid-item:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-2px)}.icon-grid-item.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 3px var(--color-primary-light)}.icon-name{font-size:11px;color:var(--text-secondary);text-align:center;word-break:break-word;line-height:1.2}.icon-empty{display:flex;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.icon-empty p{margin:0;color:var(--text-secondary)}.icon-upload-tab-content{padding:20px}.icon-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 40px;border:2px dashed var(--border-color);border-radius:8px;text-align:center}.icon-upload-icon{width:48px;height:48px;color:var(--text-muted)}.icon-upload-area h4{margin:0;font-size:16px;font-weight:600}.icon-upload-area p{margin:0;font-size:13px;color:var(--text-secondary)}.icon-file-input{display:none}.icon-preview{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px;padding:24px;background:var(--bg-secondary);border-radius:8px}.icon-preview h5{margin:0;font-size:14px;font-weight:600}.icon-preview-img{max-width:120px;max-height:120px;object-fit:contain}.icon-paste-tab{padding:20px}.icon-paste-area{display:flex;flex-direction:column;gap:16px}.icon-paste-area h4{margin:0;font-size:16px;font-weight:600}.icon-svg-textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:6px;font-family:monospace;font-size:13px;resize:vertical}.icon-svg-textarea:focus{outline:none;border-color:var(--color-primary)}.view-builder-modal{display:flex;flex-direction:column;height:85vh;max-height:85vh}.view-builder-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.view-builder-header-content{flex:1}.view-builder-header h3{margin:0 0 var(--spacing-sm);font-size:var(--font-size-lg)}.view-name-input{width:100%;max-width:500px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base)}.view-builder-body{display:grid;grid-template-columns:280px 1fr 380px;gap:0;flex:1;overflow:hidden}.view-builder-tools{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border-right:1px solid var(--border-color);overflow-y:auto;background:var(--bg-secondary)}.view-builder-tools h4{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--text-secondary)}.tool-section{display:flex;flex-direction:column}.tool-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-weight-medium)}.tool-button:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.tool-button.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.tool-button span{flex:1;text-align:left}.tool-panel{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);margin-top:-1px}.tool-panel-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.tool-panel-subsection{padding-left:var(--spacing-md);margin-top:var(--spacing-xs);display:flex;flex-direction:column;gap:var(--spacing-xs)}.tool-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase}.column-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.column-option{padding:var(--spacing-xs);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.column-option:hover{border-color:var(--color-primary)}.column-option.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:var(--font-weight-semibold)}.field-checklist{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow-y:auto;padding:var(--spacing-xs);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.field-checkbox-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);cursor:pointer;border-radius:var(--border-radius);transition:background var(--transition-fast)}.field-checkbox-item:hover{background:var(--bg-tertiary)}.field-checkbox-item input{cursor:pointer}.field-checkbox-label{font-size:var(--font-size-sm);color:var(--text-primary)}.field-checkbox-name{font-size:var(--font-size-xs);color:var(--text-muted);margin-left:auto}.tool-panel-preview{padding:var(--spacing-sm);background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--border-radius)}.preview-grid{display:grid;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.preview-grid.cols-1{grid-template-columns:repeat(4,1fr)}.preview-grid.cols-2{grid-template-columns:repeat(2,1fr)}.preview-grid.cols-3{grid-template-columns:repeat(3,1fr)}.preview-grid.cols-4{grid-template-columns:1fr}.preview-field-box{padding:var(--spacing-xs);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-xs);text-align:center}.form-input-sm{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.view-builder-center{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);overflow-y:auto}.view-builder-center h4{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--text-secondary)}.center-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);color:var(--text-muted);text-align:center}.component-stack{display:flex;flex-direction:column;gap:var(--spacing-xs)}.component-item-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;transition:all var(--transition-fast)}.component-item-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.component-item-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)}.component-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-primary-light);border-radius:var(--border-radius);color:var(--color-primary)}.component-item-details{flex:1;display:flex;flex-direction:column;gap:2px}.component-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.component-item-meta{font-size:var(--font-size-xs);color:var(--text-muted)}.component-item-actions{display:flex;gap:2px}.btn-icon-tiny{width:24px;height:24px;padding:0;background:none;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:12px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-icon-tiny:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.btn-icon-tiny:disabled{opacity:.3;cursor:default}.view-builder-components-panel{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);overflow-y:auto;background:var(--bg-primary)}.view-builder-components-panel h4{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--text-secondary)}.view-builder-preview{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border-left:1px solid var(--border-color);overflow-y:auto;background:var(--bg-secondary)}.view-builder-preview h4{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--text-secondary)}.preview-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--text-muted)}.empty-icon{opacity:.3}.preview-viewport{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);min-height:400px}.preview-component{display:flex;flex-direction:column}.preview-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.preview-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.preview-input-box{padding:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.preview-placeholder{font-size:var(--font-size-sm);color:var(--text-muted)}.preview-table{display:flex;flex-direction:column;gap:var(--spacing-xs)}.preview-table-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--border-color)}.preview-table-grid{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.preview-table-header{display:flex;background:var(--color-primary-light)}.preview-table-th{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);border-right:1px solid var(--border-color);text-align:center}.preview-table-row{display:flex;background:var(--bg-secondary)}.preview-table-td{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-muted);border-right:1px solid var(--border-color);border-top:1px solid var(--border-color);text-align:center}.view-builder-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.view-builder-tools::-webkit-scrollbar,.view-builder-center::-webkit-scrollbar,.view-builder-preview::-webkit-scrollbar,.field-checklist::-webkit-scrollbar{width:6px}.view-builder-tools::-webkit-scrollbar-track,.view-builder-center::-webkit-scrollbar-track,.view-builder-preview::-webkit-scrollbar-track,.field-checklist::-webkit-scrollbar-track{background:var(--bg-tertiary)}.view-builder-tools::-webkit-scrollbar-thumb,.view-builder-center::-webkit-scrollbar-thumb,.view-builder-preview::-webkit-scrollbar-thumb,.field-checklist::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.preview-field-grid{display:grid;gap:var(--spacing-sm);width:100%}.preview-field-grid.cols-1{grid-template-columns:repeat(4,1fr)}.preview-field-grid.cols-2{grid-template-columns:repeat(2,1fr)}.preview-field-grid.cols-3{grid-template-columns:repeat(3,1fr)}.preview-field-grid.cols-4{grid-template-columns:1fr}.preview-viewport-container{border:2px solid var(--color-primary);border-radius:var(--border-radius);overflow:hidden}.preview-viewport-header{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.preview-viewport-body{padding:var(--spacing-md);background:var(--bg-secondary);min-height:60px;display:flex;flex-direction:column;gap:var(--spacing-sm)}.preview-viewport-empty{padding:var(--spacing-lg);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic}.component-item-card.editing{border-color:var(--color-primary);background:var(--color-primary-light)}.viewport-children{margin-left:var(--spacing-lg);padding-left:var(--spacing-md);border-left:2px dashed var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xs)}.btn-icon-tiny.primary{color:var(--color-primary);border-color:var(--color-primary)}.btn-icon-tiny.primary:hover{background:var(--color-primary);color:#fff}.btn-icon-tiny.danger:hover{color:var(--color-danger);border-color:var(--color-danger)}.viewport-edit-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary-light);border-bottom:1px solid var(--color-primary);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.preview-viewport-main{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);min-height:400px}.preview-field-container{display:grid;gap:var(--spacing-sm)}.preview-field-container.cols-1{grid-template-columns:repeat(4,1fr)}.preview-field-container.cols-2{grid-template-columns:repeat(2,1fr)}.preview-field-container.cols-3{grid-template-columns:repeat(3,1fr)}.preview-field-container.cols-4{grid-template-columns:1fr}.preview-field-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.preview-field-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.preview-field-badge{padding:2px 6px;background:var(--color-warning-light);color:var(--color-warning);font-size:10px;font-weight:var(--font-weight-semibold);border-radius:3px;text-transform:uppercase}.preview-field-input{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);min-height:38px}.preview-field-input.preview-combo{justify-content:space-between;cursor:pointer}.preview-field-input.preview-date{cursor:pointer}.preview-field-placeholder{color:var(--text-muted);font-size:var(--font-size-sm)}.preview-field-checkbox{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0}.preview-field-checkbox input{cursor:pointer}.preview-field-checkbox span{font-size:var(--font-size-sm);color:var(--text-secondary)}.preview-table-container{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.preview-table-header-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--border-color)}.preview-table-grid{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;background:#fff}.preview-table-header-row{display:flex;background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.preview-table-header-cell{flex:1;padding:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);border-right:1px solid var(--border-color);text-align:left}.preview-table-header-cell:last-child{border-right:none}.preview-table-data-row{display:flex;border-bottom:1px solid var(--border-color)}.preview-table-data-row:last-child{border-bottom:none}.preview-table-data-cell{flex:1;padding:var(--spacing-sm);border-right:1px solid var(--border-color);background:#fff}.preview-table-data-cell:last-child{border-right:none}.preview-table-placeholder{color:var(--text-muted);font-size:var(--font-size-sm)}.preview-viewport-box{border:2px solid var(--color-primary);border-radius:var(--border-radius);overflow:hidden;background:#fff}.preview-viewport-box-header{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.preview-viewport-box-body{padding:var(--spacing-md);background:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);min-height:80px}.preview-viewport-box-empty{padding:var(--spacing-lg);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic}.preview-grid-inline{display:grid;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.preview-grid-inline.cols-1{grid-template-columns:repeat(4,1fr)}.preview-grid-inline.cols-2{grid-template-columns:repeat(2,1fr)}.preview-grid-inline.cols-3{grid-template-columns:repeat(3,1fr)}.preview-grid-inline.cols-4{grid-template-columns:1fr}.preview-field-box-inline{display:flex;align-items:center;gap:4px;padding:var(--spacing-xs);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-xs)}.preview-field-box-inline span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-checkbox-content{display:flex;flex-direction:column;gap:2px;flex:1}.field-checkbox-label{display:flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--text-primary)}.field-badge{padding:2px 4px;font-size:9px;font-weight:var(--font-weight-semibold);border-radius:3px;text-transform:uppercase;margin-left:4px}.field-badge.readonly{background:var(--color-warning-light);color:var(--color-warning)}.preview-main{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);min-height:400px}.preview-field-row{display:flex;gap:var(--spacing-sm);width:100%}.preview-field-row .preview-field-item{flex:1;min-width:0}.preview-field-item{display:flex;flex-direction:column;gap:6px}.preview-field-label{font-size:12px;font-weight:var(--font-weight-medium);color:var(--text-primary)}.preview-field-input{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 10px;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);min-height:36px}.preview-field-input.preview-combo{justify-content:space-between}.preview-placeholder{color:var(--text-muted);font-size:12px}.preview-table-section{width:100%}.preview-table-label{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.preview-table-box{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.preview-table-header{display:flex;background:var(--bg-secondary)}.preview-table-th{flex:1;padding:8px 10px;font-size:11px;font-weight:var(--font-weight-semibold);border-right:1px solid var(--border-color)}.preview-table-th:last-child{border-right:none}.preview-table-row{display:flex;border-top:1px solid var(--border-color)}.preview-table-td{flex:1;padding:8px 10px;font-size:11px;color:var(--text-muted);border-right:1px solid var(--border-color);text-align:center}.preview-table-td:last-child{border-right:none}.preview-viewport-box{border:2px solid var(--color-primary);border-radius:var(--border-radius);overflow:hidden}.preview-viewport-header{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;font-weight:var(--font-weight-semibold)}.preview-viewport-body{padding:var(--spacing-md);background:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--spacing-sm)}.preview-viewport-empty{padding:var(--spacing-lg);text-align:center;color:var(--text-muted);font-style:italic}.preview-inline-grid{display:grid;gap:4px;margin-top:var(--spacing-xs)}.preview-inline-grid.cols-1{grid-template-columns:repeat(4,1fr)}.preview-inline-grid.cols-2{grid-template-columns:repeat(2,1fr)}.preview-inline-grid.cols-3{grid-template-columns:repeat(3,1fr)}.preview-inline-grid.cols-4{grid-template-columns:1fr}.preview-inline-box{padding:6px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;font-size:11px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-hint{margin-top:4px;font-size:11px;color:var(--text-muted);font-style:italic}.field-config-list{display:flex;flex-direction:column;gap:12px}.field-config-item{padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px}.field-config-header{margin-bottom:8px;font-size:13px;color:var(--text-primary)}.field-config-options{display:flex;flex-direction:column;gap:8px}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;color:var(--text-secondary)}.checkbox-label input[type=checkbox]{cursor:pointer}.default-value-input{display:flex;flex-direction:column;gap:6px;padding-left:22px;margin-top:4px}.small-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.form-input-sm{width:100%;padding:6px 10px;border:1px solid var(--border-color);border-radius:4px;font-size:13px;transition:border-color .2s}.form-input-sm:focus{outline:none;border-color:var(--color-primary)}.field-hint{font-size:11px;color:var(--text-muted);font-style:italic}.preview-action-button{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:6px;margin-bottom:12px}.preview-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:not-allowed;opacity:.8}.preview-btn-icon{font-size:16px}.preview-btn-primary{background:var(--color-primary);color:#fff}.preview-btn-success{background:var(--color-success);color:#fff}.preview-btn-danger{background:var(--color-danger);color:#fff}.preview-btn-secondary{background:var(--color-secondary);color:var(--text-primary)}.preview-action-meta{font-size:12px;color:var(--text-muted)}.tool-panel-empty{text-align:center;padding:32px 16px;color:var(--text-muted)}.tool-panel-empty p:first-child{font-size:14px;font-weight:500;margin-bottom:8px;color:var(--text-secondary)}.tool-panel-empty p:last-child{font-size:12px;margin:0}.tool-subsection-divider{height:1px;background:var(--border-color);margin:12px 0}.tool-label-sm{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.view-manager{display:flex;flex-direction:column;gap:20px}.view-manager-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.view-manager-header h4{margin:0 0 4px;font-size:17px;font-weight:600}.view-manager-subtitle{margin:0;font-size:13px;color:var(--text-secondary)}.view-manager-empty{display:flex;flex-direction:column;align-items:center;padding:60px 40px;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:8px;text-align:center}.empty-icon{margin-bottom:16px;opacity:.4}.view-manager-empty h4{margin:0 0 8px;font-size:16px;font-weight:600}.view-manager-empty p{margin:0 0 20px;font-size:13px;color:var(--text-secondary)}.component-count{display:inline-flex;padding:4px 8px;background:var(--bg-secondary);border-radius:4px;font-size:12px;font-weight:500}.component-summary{display:flex;gap:6px;flex-wrap:wrap}.component-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:12px}.component-more{font-size:11px;color:var(--text-muted)}.workflow-config-modal{display:flex;flex-direction:column;max-height:85vh}.workflow-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.workflow-modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.workflow-modal-subtitle{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.workflow-modal-body{flex:1;padding:var(--spacing-lg);overflow-y:auto}.workflow-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xxl);text-align:center}.workflow-modal-empty .empty-icon{opacity:.3;color:var(--text-muted)}.workflow-modal-empty h4{margin:0;font-size:var(--font-size-lg)}.workflow-modal-empty p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.workflow-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.workflow-action-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);transition:all var(--transition-fast)}.workflow-action-card:hover{box-shadow:var(--shadow-md)}.workflow-action-card.workflow-blue{border-left-width:4px;border-left-color:#3b82f6}.workflow-action-card.workflow-green{border-left-width:4px;border-left-color:#10b981}.workflow-action-card.workflow-orange{border-left-width:4px;border-left-color:#f59e0b}.workflow-action-card.workflow-purple{border-left-width:4px;border-left-color:#8b5cf6}.workflow-action-icon{display:flex;align-items:flex-start;justify-content:center;width:48px;height:48px;padding:var(--spacing-sm);background:var(--bg-primary);border-radius:var(--border-radius)}.workflow-blue .workflow-action-icon{color:#3b82f6;background:#dbeafe}.workflow-green .workflow-action-icon{color:#10b981;background:#d1fae5}.workflow-orange .workflow-action-icon{color:#f59e0b;background:#fef3c7}.workflow-purple .workflow-action-icon{color:#8b5cf6;background:#ede9fe}.workflow-action-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.workflow-action-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.workflow-action-description{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.workflow-action-selector{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.workflow-action-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase}.workflow-action-select{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.workflow-action-select:hover{border-color:var(--color-primary)}.workflow-action-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.workflow-action-selected{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-success-light);border-radius:var(--border-radius);font-size:var(--font-size-sm)}.workflow-selected-label{font-weight:var(--font-weight-bold);color:var(--color-success)}.workflow-selected-name{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.workflow-selected-meta{color:var(--text-muted);font-size:var(--font-size-xs)}.workflow-action-hint{padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--border-radius);font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.workflow-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.workflow-custom-buttons-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--border-color)}.workflow-custom-buttons-section .section-header{margin-bottom:var(--spacing-md)}.workflow-custom-buttons-section .section-header h4{margin:0 0 var(--spacing-xs);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.workflow-custom-buttons-section .section-header p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.btn-add-custom{width:100%;margin-bottom:var(--spacing-md);justify-content:center}.custom-buttons-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.custom-button-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-fast)}.custom-button-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.custom-button-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:var(--border-radius)}.custom-button-info{flex:1}.custom-button-info h5{margin:0 0 var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.custom-button-info p{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.custom-button-meta{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.custom-button-actions{display:flex;gap:var(--spacing-xs)}.btn-icon-sm{padding:var(--spacing-xs);background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-icon-sm:hover{background:var(--bg-tertiary);border-color:var(--color-primary)}.btn-icon-sm.btn-danger:hover{background:#fee;border-color:#f44;color:#f44}.custom-button-editor-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.custom-button-editor-modal{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column}.custom-button-editor-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.custom-button-editor-modal .modal-header h3{margin:0;font-size:var(--font-size-lg)}.custom-button-editor-modal .modal-body{flex:1;padding:var(--spacing-lg);overflow-y:auto}.custom-button-editor-modal .modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}@media(max-width:1024px){.workflow-actions-grid{grid-template-columns:1fr}}.workflow-config{display:flex;flex-direction:column;gap:20px}.workflow-header h4{margin:0 0 4px;font-size:17px;font-weight:600}.workflow-subtitle{margin:0;font-size:13px;color:var(--text-secondary)}.workflow-empty{display:flex;flex-direction:column;align-items:center;padding:60px 40px;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:8px;text-align:center}.workflow-empty .empty-icon{margin-bottom:16px;opacity:.4}.workflow-empty h4{margin:0 0 8px;font-size:16px;font-weight:600}.workflow-empty p{margin:0;font-size:13px;color:var(--text-secondary)}.workflow-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.workflow-card-header{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.workflow-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary-light);border-radius:8px;color:var(--color-primary)}.workflow-card-title{flex:1}.workflow-card-title h5{margin:0 0 4px;font-size:15px;font-weight:600}.workflow-card-title p{margin:0;font-size:13px;color:var(--text-secondary)}.workflow-card-body{padding:20px}.workflow-summary-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;margin-bottom:16px;background:var(--color-success-light);color:var(--color-success);border-radius:6px;font-size:13px;font-weight:500}.workflow-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.workflow-summary-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-secondary);border-radius:6px}.summary-label{font-size:12px;color:var(--text-secondary)}.summary-value{font-size:14px;font-weight:500;color:var(--text-primary)}.workflow-empty-state{display:flex;flex-direction:column;align-items:center;padding:40px;text-align:center}.workflow-empty-state .empty-icon{margin-bottom:12px;color:var(--text-muted);opacity:.4}.workflow-empty-state p{margin:0;font-size:13px;color:var(--text-secondary)}@media(max-width:768px){.workflow-summary-grid{grid-template-columns:1fr}}.action-modal{display:flex;flex-direction:column;max-height:90vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid var(--border-color)}.modal-title{display:flex;align-items:center;gap:12px}.modal-title h2{margin:0;font-size:20px;font-weight:600}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color)}.info-banner{display:flex;gap:12px;padding:12px 16px;background:var(--info-bg, #e3f2fd);border:1px solid var(--info-border, #90caf9);border-radius:6px;margin-bottom:24px}.info-banner p{margin:0;font-size:14px;color:var(--text-primary);line-height:1.5}.error-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--danger-bg, #ffebee);border:1px solid var(--danger-color, #ef5350);border-radius:6px;margin-bottom:16px;color:var(--danger-color);font-size:14px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.form-label-sm{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--text-secondary)}.required{color:var(--danger-color)}.form-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;transition:all .2s}.form-input-sm{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:4px;font-size:13px;transition:all .2s}.form-input:focus,.form-input-sm:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-input.error,.form-input-sm.error{border-color:var(--danger-color)}.form-input.error:focus,.form-input-sm.error:focus{box-shadow:0 0 0 3px #ef44441a}.error-message{display:block;margin-top:6px;font-size:13px;color:var(--danger-color)}.error-message-sm{display:block;margin-top:4px;font-size:12px;color:var(--danger-color)}.form-hint{display:block;margin-top:6px;font-size:13px;color:var(--text-secondary)}.form-hint-sm{display:block;margin-top:4px;font-size:12px;color:var(--text-secondary);font-style:italic}.section-header{margin:32px 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.section-header h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.section-header p{margin:0;font-size:14px;color:var(--text-secondary)}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;color:var(--text-primary)}.checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.checkbox-label span{-webkit-user-select:none;user-select:none}.button-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.icon-picker{display:flex;flex-wrap:wrap;gap:8px}.icon-option{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;border:2px solid var(--border-color);border-radius:6px;background:#fff;cursor:pointer;transition:all .2s}.icon-option:hover{border-color:var(--primary-color);background:var(--primary-bg, #e3f2fd)}.icon-option.selected{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.operations-list{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.operation-item{padding:16px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px}.operation-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.operation-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:13px;font-weight:600;flex-shrink:0}.operation-title{flex:1;font-size:14px;font-weight:600;color:var(--text-primary)}.operation-header select{flex:1}.operation-config{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-left:40px}.operation-config-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding-left:40px}.operation-config-full{padding-left:40px;display:flex;flex-direction:column;gap:12px}.field-mapping-section{margin-top:12px;padding:16px;background:#fff;border:1px solid var(--border-color);border-radius:6px}.field-mapping-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.btn-add-mapping{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-mapping:hover{background:var(--primary-hover)}.field-mapping-list{display:flex;flex-direction:column;gap:12px}.field-mapping-item{display:grid;grid-template-columns:1fr auto 1fr auto;gap:12px;align-items:end;padding:12px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px}.mapping-target,.mapping-source{display:flex;flex-direction:column;gap:4px}.mapping-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.mapping-arrow{font-size:20px;color:var(--primary-color);font-weight:700;padding-bottom:8px}.btn-remove-mapping{background:none;border:none;padding:8px;cursor:pointer;border-radius:4px;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.btn-remove-mapping:hover{background:var(--danger-bg);color:var(--danger-color)}.no-mappings-hint{padding:12px;text-align:center;color:var(--text-secondary);font-size:13px;background:var(--background-secondary);border:1px dashed var(--border-color);border-radius:4px}.form-textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;transition:all .2s}.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.conditions-list{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.condition-item{padding:16px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px}.condition-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.condition-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--warning-color, #f57c00);color:#fff;border-radius:50%;font-size:13px;font-weight:600;flex-shrink:0}.condition-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.condition-config{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding-left:40px}.no-conditions-hint{padding:12px;background:var(--background-secondary);border:1px dashed var(--border-color);border-radius:6px;text-align:center;color:var(--text-secondary);font-size:13px;margin-bottom:16px}.action-preview{margin-top:24px;padding:16px;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px}.action-preview h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.action-preview p{margin:0;font-size:14px;line-height:1.6;color:var(--text-primary)}.action-preview strong{color:var(--primary-color);font-weight:600}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-sm{padding:8px 16px;font-size:13px}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--background-secondary)}.btn-icon{background:none;border:none;padding:8px;cursor:pointer;border-radius:4px;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--background-secondary);color:var(--text-primary)}.btn-icon.btn-danger-sm,.btn-danger-sm{background:none;border:none;padding:6px;cursor:pointer;border-radius:4px;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon.btn-danger-sm:hover,.btn-danger-sm:hover{background:var(--danger-bg);color:var(--danger-color)}.al-trigger-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:4px}.al-trigger-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border:2px solid var(--border-color);border-radius:10px;background:var(--background-secondary, #f8fafc);cursor:pointer;text-align:center;transition:all .2s;color:var(--text-secondary);font-size:13px;line-height:1.4}.al-trigger-card strong{font-size:14px;color:var(--text-primary)}.al-trigger-card:hover{border-color:var(--primary-color);background:var(--primary-bg, #eff6ff)}.al-trigger-card.active{border-color:var(--primary-color);background:var(--primary-bg, #eff6ff);color:var(--primary-color)}.al-trigger-card.active strong{color:var(--primary-color)}.al-section{margin-top:24px;padding:16px;border:1px solid var(--border-color);border-radius:8px;background:var(--background-secondary, #f8fafc)}.al-section-optional{border-style:dashed}.al-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px}.al-section-desc{margin:-8px 0 12px;font-size:13px;color:var(--text-secondary)}.al-optional{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-secondary);font-style:italic}.al-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:start}.al-color-picker{display:flex;gap:8px;align-items:center;height:36px}.al-color-dot{width:28px;height:28px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .15s;flex-shrink:0}.al-color-dot:hover{transform:scale(1.15)}.al-color-dot.active{border-color:var(--text-primary);transform:scale(1.15)}.al-icon-picker{display:flex;flex-wrap:wrap;gap:6px}.al-icon-opt{width:34px;height:34px;font-size:16px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);border-radius:6px;background:#fff;cursor:pointer;transition:all .15s}.al-icon-opt:hover{border-color:var(--primary-color)}.al-icon-opt.active{border-color:var(--primary-color);background:var(--primary-color)}.al-check-row{display:flex;gap:20px}.al-check-label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;color:var(--text-primary)}.al-check-label input{cursor:pointer}.al-condition-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.al-condition-row .form-input-sm{flex:1}.al-row-num{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--primary-color);color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.al-error-inline{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--danger-color);margin-bottom:8px}.al-effect-card{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;margin-bottom:8px;background:#fff}.al-effect-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--background-secondary, #f8fafc);cursor:pointer;-webkit-user-select:none;user-select:none;gap:8px}.al-effect-summary{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.al-effect-num{width:20px;height:20px;border-radius:50%;background:var(--primary-color);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.al-effect-type{width:auto!important;flex-shrink:0}.al-effect-preview{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-effect-preview strong{color:var(--text-primary)}.al-effect-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;color:var(--text-secondary)}.al-effect-body{padding:16px;border-top:1px solid var(--border-color)}.al-effect-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.al-mapping-list{display:flex;flex-direction:column;gap:6px}.al-mapping-row{display:flex;align-items:center;gap:8px}.al-mapping-row .form-input-sm{flex:1}.al-arrow{font-size:16px;color:var(--primary-color);font-weight:700;flex-shrink:0}.al-remove-btn{background:none;border:none;padding:4px;cursor:pointer;border-radius:4px;color:var(--text-secondary);display:flex;align-items:center;flex-shrink:0;transition:all .15s}.al-remove-btn:hover{color:var(--danger-color);background:var(--danger-bg, #fee2e2)}.al-hint{font-weight:400;font-size:11px;color:var(--text-secondary);font-style:italic}.al-preview{display:flex;align-items:center;gap:8px;margin-top:20px;padding:10px 14px;background:var(--primary-bg, #eff6ff);border:1px solid var(--primary-color, #3b82f6);border-radius:6px;font-size:13px;color:var(--primary-color, #3b82f6);flex-wrap:wrap}.al-preview strong{font-weight:700}.al-preview-sep{opacity:.4}.action-modal .modal-body{overflow-y:auto;padding:20px 24px;flex:1}.al-tab{display:flex;flex-direction:column;gap:20px}.al-tab-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.al-tab-title{display:flex;align-items:center;gap:12px;color:var(--text-secondary)}.al-tab-title h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.al-tab-title p{margin:0;font-size:13px;color:var(--text-secondary)}.al-empty{text-align:center;padding:60px 20px;color:var(--text-secondary)}.al-empty-icon{opacity:.3;margin-bottom:16px}.al-empty h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.al-empty p{margin:0 0 20px;font-size:14px}.al-list{display:flex;flex-direction:column;gap:8px}.al-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border-color);border-radius:8px;background:#fff;transition:border-color .15s}.al-card:hover{border-color:var(--primary-color, #3b82f6)}.al-card--disabled{opacity:.55}.al-card-left{flex-shrink:0}.al-trigger-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.al-trigger-badge--button{background:#eff6ff;color:#2563eb}.al-trigger-badge--condition{background:#f0fdf4;color:#16a34a}.al-trigger-badge--both{background:#faf5ff;color:#7c3aed}.al-card-body{flex:1;min-width:0}.al-card-name{display:flex;align-items:center;gap:8px;margin-bottom:6px}.al-card-icon{font-size:16px;line-height:1}.al-card-name strong{font-size:14px;color:var(--text-primary)}.al-disabled-tag{font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--background-secondary, #f1f5f9);padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.al-card-meta{display:flex;flex-wrap:wrap;gap:6px}.al-meta-pill{display:inline-flex;align-items:center;font-size:11px;padding:2px 8px;border-radius:10px;background:var(--background-secondary, #f1f5f9);color:var(--text-secondary);white-space:nowrap}.al-meta-pill--button{background:#eff6ff;color:#2563eb}.al-meta-pill--watch{background:#f0fdf4;color:#16a34a}.al-meta-pill--effects{background:#fff7ed;color:#c2410c}.al-card-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.al-action-btn{background:none;border:none;padding:7px;border-radius:6px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;transition:all .15s}.al-action-btn:hover{background:var(--background-secondary, #f1f5f9);color:var(--text-primary)}.al-action-btn--danger:hover{background:#fee2e2;color:#dc2626}.module-form{max-width:100%;width:100%;margin:0;padding:0 24px}.module-form-layout{display:flex;gap:24px;margin-top:24px}.module-form-left{flex:1;min-width:0;max-width:60%}.module-form-right{width:40%;max-width:500px;position:sticky;top:24px;height:fit-content;max-height:calc(100vh - 100px)}.module-form-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.module-form-header h2{margin:0}.module-form-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin:var(--spacing-xs) 0 0 0}.template-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);max-height:300px;overflow-y:auto;z-index:10}.template-dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast)}.template-dropdown-item:hover{background-color:var(--bg-secondary)}.template-dropdown-item.add-new{border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.template-dropdown-item.add-new:hover{background-color:var(--color-primary-light)}.template-dropdown-item.add-new .template-dropdown-icon{background-color:var(--color-primary-light);color:var(--color-primary)}.template-dropdown-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--border-radius);color:var(--text-secondary);flex-shrink:0}.template-dropdown-icon svg{width:16px;height:16px}.template-dropdown-info{flex:1}.template-dropdown-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.template-dropdown-desc{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.icon-selector-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.icon-selector{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.icon-option{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.icon-option:hover{border-color:var(--color-primary);color:var(--color-primary)}.icon-option.selected{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.icon-option svg{width:20px;height:20px}.module-preview{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius)}.module-preview-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-light);border-radius:var(--border-radius);color:var(--color-primary)}.module-preview-icon.sub{width:32px;height:32px;background-color:var(--bg-tertiary);color:var(--text-secondary)}.module-preview-icon svg{width:20px;height:20px}.module-preview-icon.sub svg{width:16px;height:16px}.module-preview-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.module-preview-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.module-preview-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.module-preview-form{font-size:var(--font-size-xs);font-family:monospace;color:var(--text-muted)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.dashboard-placeholder{padding:2rem;background:var(--color-background-secondary);border:2px dashed var(--border-color);border-radius:var(--border-radius);text-align:center}.dashboard-placeholder .placeholder-text{font-size:1rem;color:var(--text-primary);margin:0 0 .5rem;font-weight:500}.module-type-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500}.module-type-badge.type-dashboard{background:var(--color-info-light);color:var(--color-info)}.module-type-badge.type-mixed{background:var(--color-warning-light);color:var(--color-warning)}.card-header-hint{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:400;margin-left:var(--spacing-sm)}.view-boxes-info{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-info-light);border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}.view-boxes-info .info-text{font-size:var(--font-size-sm);color:var(--color-info);margin:0}.view-boxes-empty{text-align:center;padding:var(--spacing-lg)}.view-boxes-empty .empty-text{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--spacing-md) 0}.view-boxes-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.view-box-item{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary)}.view-box-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.view-box-number{font-weight:var(--font-weight-bold);color:var(--text-muted)}.view-box-name{font-weight:var(--font-weight-medium);color:var(--text-primary);flex:1}.view-box-type{font-size:var(--font-size-xs);padding:.125rem .5rem;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--border-radius-sm);text-transform:uppercase;font-weight:var(--font-weight-medium)}.view-box-details{display:flex;gap:var(--spacing-sm)}.view-box-fields{font-size:var(--font-size-xs);color:var(--text-muted)}.view-box-no-fields{color:var(--color-warning);font-style:italic}.view-box-actions{display:flex;gap:var(--spacing-xs);margin-left:auto}.view-box-repeatable{font-size:var(--font-size-xs);padding:.125rem .5rem;background:var(--color-success-light);color:var(--color-success);border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium)}.config-tabs-container{padding:0}.config-tabs-container .tabs-wrapper{border:none}.config-tabs-container .tabs-content{padding:var(--spacing-md) 0}.tab-panel{animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.module-form-left{max-width:55%}.module-form-right{width:45%}}@media(max-width:992px){.module-form-layout{flex-direction:column}.module-form-left,.module-form-right{width:100%;max-width:100%}.module-form-right{position:static;max-height:400px}}.module-name-chosen{display:flex;align-items:center}.module-name-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);background:var(--color-primary-light, #ede9fe);border:1px solid var(--color-primary, #4f46e5);border-radius:var(--radius-md, 8px);width:100%}.module-name-badge-label{flex:1;font-size:var(--font-size-base, 14px);font-weight:600;color:var(--color-primary, #4f46e5)}.module-name-change{flex-shrink:0;font-size:var(--font-size-xs, 11px);color:var(--text-muted, #94a3b8);opacity:.8}.module-name-change:hover{opacity:1;color:var(--color-danger, #ef4444)}.template-item{display:flex;align-items:center;gap:var(--spacing-sm, 8px);width:100%}.template-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #f8fafc);border-radius:var(--radius-sm, 4px);color:var(--text-secondary, #475569)}.template-icon svg{width:16px;height:16px}.template-info{flex:1;min-width:0}.template-name{font-size:var(--font-size-sm, 13px);font-weight:500;color:var(--text-primary, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-desc{font-size:var(--font-size-xs, 11px);color:var(--text-muted, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.us-create-new .us-dropdown-item-title{color:var(--color-primary, #4f46e5);font-weight:500}.us-create-new .us-dropdown-item-subtitle{color:var(--text-muted, #94a3b8)}.module-builder{max-width:1000px;margin:0 auto}.module-builder-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.module-builder-header h2{margin:0}.module-builder-info{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.module-builder-client{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.module-builder-client strong{color:var(--text-primary)}.module-builder-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md);color:var(--text-muted)}.module-builder-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);background-color:var(--bg-primary);border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);text-align:center}.module-builder-empty .empty-icon{width:48px;height:48px;color:var(--text-muted);margin-bottom:var(--spacing-md)}.module-builder-empty h3{margin:0 0 var(--spacing-xs) 0}.module-builder-empty p{color:var(--text-muted);margin:0 0 var(--spacing-lg) 0}.module-tree{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.module-tree-header{display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.module-tree-item{border-bottom:1px solid var(--border-color)}.module-tree-item:last-child{border-bottom:none}.module-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast)}.module-row:hover,.module-row.sub-module{background-color:var(--bg-secondary)}.module-row.sub-module:hover{background-color:var(--bg-tertiary)}.module-row-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.module-drag-handle{color:var(--text-muted);cursor:grab;opacity:.5}.module-drag-handle:hover{opacity:1}.module-expand-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius-sm)}.module-expand-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.module-expand-placeholder{width:24px;height:24px}.module-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-light);border-radius:var(--border-radius);color:var(--color-primary)}.module-icon.sub{width:28px;height:28px;background-color:var(--bg-tertiary);color:var(--text-secondary)}.module-icon-svg{width:18px;height:18px}.module-icon.sub .module-icon-svg{width:14px;height:14px}.module-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.module-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.module-scope{font-size:10px;padding:1px 6px;border-radius:9999px;font-weight:var(--font-weight-medium);text-transform:uppercase}.module-scope.scope-client{background-color:var(--color-info-light);color:var(--color-info)}.module-scope.scope-company{background-color:var(--color-warning-light);color:var(--color-warning)}.module-scope.scope-activity{background-color:var(--color-success-light);color:var(--color-success)}.module-form-code{font-size:10px;color:var(--text-muted);font-family:monospace}.module-type-badge{display:inline-flex;align-items:center;font-size:10px;padding:2px 6px;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium)}.module-type-badge.type-dashboard{background-color:var(--color-info-light);color:var(--color-info)}.module-type-badge.type-mixed{background-color:var(--color-warning-light);color:var(--color-warning)}.module-row-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.module-row:hover .module-row-actions{opacity:1}.portal-sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background:linear-gradient(180deg,#1a1d29,#13151f);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:100}.portal-sidebar.collapsed{width:72px}.portal-sidebar-logo{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:.75rem;min-height:72px}.portal-client-logo{width:40px;height:40px;border-radius:8px;overflow:hidden;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.portal-client-logo img{width:100%;height:100%;object-fit:cover}.portal-logo-info{display:flex;flex-direction:column;gap:4px;min-width:0}.portal-logo-text{font-size:1.125rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-type-badge{display:inline-flex;align-items:center;gap:3px;font-size:.625rem;font-weight:600;padding:2px 7px;border-radius:10px;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.portal-type-badge--holding{background:#8b5cf633;color:#c4b5fd;border:1px solid rgba(139,92,246,.3)}.portal-type-badge--solo{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.portal-sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem 0;display:flex;flex-direction:column}.portal-nav-item-wrapper{display:flex}.portal-sidebar-nav::-webkit-scrollbar{width:4px}.portal-sidebar-nav::-webkit-scrollbar-track{background:transparent}.portal-sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.portal-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#fff3}.portal-nav-section{display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem;margin-bottom:1.5rem}.portal-nav-section-bottom{margin-top:auto;margin-bottom:0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.portal-nav-section-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff6;padding:.5rem .75rem;margin-bottom:.25rem}.portal-nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:8px;border:none;background:transparent;color:#ffffffb3;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;width:100%;text-align:left}.portal-nav-item:hover{background:#ffffff0d;color:#fff}.portal-nav-item.active{background:linear-gradient(90deg,#3b82f626,#3b82f60d);color:#fff;box-shadow:inset 3px 0 #3b82f6}.portal-nav-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.portal-nav-icon{width:20px;height:20px;flex-shrink:0;stroke-width:2}.portal-nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-nav-expand{width:20px;height:20px;padding:0;border:none;background:transparent;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.portal-nav-expand:hover{background:#ffffff1a;color:#fff}.expand-icon{width:16px;height:16px;transition:transform .2s}.expand-icon.expanded{transform:rotate(180deg)}.portal-nav-children{display:flex;flex-direction:column;gap:.125rem;margin-top:.25rem;margin-left:2rem;padding-left:.75rem;border-left:2px solid rgba(255,255,255,.05)}.portal-nav-item.sub-item{font-size:.8125rem;padding:.5rem .625rem}.portal-nav-module{display:flex;flex-direction:column;gap:.125rem}.portal-sidebar-context{padding:1rem;border-top:1px solid rgba(255,255,255,.05);background:#0003}.portal-context-item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0}.portal-context-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.portal-context-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff6}.portal-context-value{font-size:.875rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-sidebar-toggle{position:absolute;top:1.875rem;right:-12px;width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#1a1d29;color:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10}.portal-sidebar-toggle:hover{background:#2a2d39;color:#fff;border-color:#fff3;transform:scale(1.1)}.portal-sidebar-toggle svg{width:14px;height:14px}.portal-sidebar.collapsed .portal-nav-section{padding:0 .5rem}.portal-sidebar.collapsed .portal-nav-item{justify-content:center;padding:.75rem}.portal-sidebar.collapsed .portal-nav-label,.portal-sidebar.collapsed .portal-nav-expand,.portal-sidebar.collapsed .portal-nav-section-title,.portal-sidebar.collapsed .portal-logo-info,.portal-sidebar.collapsed .portal-sidebar-context{display:none}.portal-nav-item.essential{background:transparent;border-left:2px solid var(--primary-color, #3b82f6);padding-left:14px}.portal-nav-item.essential:hover{background:#3b82f61a}.portal-nav-item.essential.active{background:#3b82f626}.essential-badge{margin-left:auto;font-size:10px;font-weight:600;color:#3b82f6;background:#3b82f61a;padding:2px 6px;border-radius:4px;text-transform:uppercase}.portal-nav-item.essential .portal-nav-icon{color:#3b82f6}@media(max-width:768px){.portal-sidebar{width:72px}}.context-breadcrumb{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.context-breadcrumb.disabled{opacity:.5;pointer-events:none}.context-home-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;color:#6b7280}.context-home-button:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.context-home-button .context-icon{width:18px;height:18px}.context-separator-icon{width:16px;height:16px;color:#d1d5db;flex-shrink:0}.context-selector{position:relative}.context-selector-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:transparent;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:500;color:#374151;max-width:250px}.context-selector-trigger:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.context-selector-trigger.open{background:#f9fafb;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.context-selector-trigger:disabled{opacity:.5;cursor:not-allowed}.context-icon{width:18px;height:18px;color:#6b7280;flex-shrink:0}.context-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.context-chevron{width:16px;height:16px;color:#9ca3af;flex-shrink:0;transition:transform .2s}.context-selector-trigger.open .context-chevron{transform:rotate(180deg)}.context-dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:280px;max-width:400px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 40px #0000001a;z-index:1000;overflow:hidden}.context-dropdown-header{padding:.75rem 1rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.context-dropdown-list{max-height:320px;overflow-y:auto;padding:.25rem}.context-dropdown-list::-webkit-scrollbar{width:6px}.context-dropdown-list::-webkit-scrollbar-track{background:transparent}.context-dropdown-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.context-dropdown-list::-webkit-scrollbar-thumb:hover{background:#d1d5db}.context-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s;text-align:left}.context-dropdown-item:hover{background:#f9fafb}.context-dropdown-item.active{background:#3b82f614}.context-dropdown-item--all{border-bottom:1px solid var(--border-color, #e5e7eb);margin-bottom:4px;padding-bottom:8px;font-style:italic;color:var(--text-secondary, #6b7280)}.context-dropdown-item--all.active{color:var(--color-primary, #3b82f6)}.item-icon{width:18px;height:18px;color:#6b7280;flex-shrink:0}.item-content{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.item-name{font-size:.875rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-type{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-check{width:16px;height:16px;color:#3b82f6;flex-shrink:0}.context-empty{font-size:.875rem;color:#9ca3af;font-style:italic}@media(max-width:768px){.context-breadcrumb{gap:.375rem}.context-selector-trigger{padding:.5rem .75rem;font-size:.8125rem;max-width:180px}.context-dropdown{min-width:240px;max-width:calc(100vw - 2rem)}}.portal-header{height:72px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:80;box-shadow:0 1px 2px #00000005}.portal-header-left{display:flex;align-items:center;gap:1.5rem;flex:1;min-width:0}.portal-header-right{display:flex;align-items:center;gap:1rem}.portal-user-menu{position:relative}.portal-user-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:transparent;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s}.portal-user-trigger:hover{background:#f9fafb;border-color:#d1d5db}.portal-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.portal-user-avatar svg{width:18px;height:18px}.portal-user-name{font-size:.875rem;font-weight:500;color:#1f2937;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-user-trigger>svg:last-child{width:16px;height:16px;color:#6b7280;transition:transform .2s;flex-shrink:0}.portal-dropdown-overlay{position:fixed;inset:0;z-index:79}.portal-user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:260px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #0000001a;z-index:80;overflow:hidden}.portal-dropdown-header{padding:1.25rem 1.25rem 1rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.375rem}.portal-dropdown-name{font-size:.9375rem;font-weight:600;color:#111827}.portal-dropdown-email{font-size:.8125rem;color:#6b7280}.portal-dropdown-role{display:inline-block;margin-top:.375rem;padding:.25rem .75rem;background:#3b82f61a;color:#3b82f6;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;width:fit-content}.portal-dropdown-divider{height:1px;background:#e5e7eb;margin:.25rem 0}.portal-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;background:transparent;border:none;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;text-align:left}.portal-dropdown-item:hover{background:#f9fafb}.portal-dropdown-item svg{width:18px;height:18px;color:#6b7280;flex-shrink:0}.portal-dropdown-item.danger{color:#dc2626}.portal-dropdown-item.danger svg{color:#dc2626}.portal-dropdown-item.danger:hover{background:#fef2f2}@media(max-width:768px){.portal-header{padding:0 1rem}.portal-user-name{display:none}.portal-user-trigger{padding:.5rem .75rem}}.portal-layout-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1d29,#13151f)}.portal-layout{display:flex;min-height:100vh;background:#f5f7fa}.portal-layout-main{flex:1;display:flex;flex-direction:column;margin-left:280px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-height:100vh}.portal-layout.sidebar-collapsed .portal-layout-main{margin-left:72px}.portal-layout-content{flex:1;padding:1.5rem;overflow-y:auto;background:#f5f7fa}@media(max-width:768px){.portal-layout-main,.portal-layout.sidebar-collapsed .portal-layout-main{margin-left:72px}}.portal-login-container{width:100%;max-width:420px;padding:var(--spacing-md)}.portal-login-card{background-color:var(--bg-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.portal-login-header{padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-lg);text-align:center}.portal-login-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#1e3a5f,#0f1c2e);border-radius:var(--border-radius-lg);color:#fff}.portal-login-icon svg{width:32px;height:32px}.portal-login-icon.client{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.portal-login-header h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.portal-login-header p{font-size:var(--font-size-sm);color:var(--text-muted)}.portal-login-form{padding:0 var(--spacing-lg) var(--spacing-lg)}.portal-login-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background-color:var(--color-danger-light);border-radius:var(--border-radius);color:var(--color-danger);font-size:var(--font-size-sm)}.input-with-icon{position:relative}.input-with-icon .form-input{padding-left:calc(var(--spacing-md) + 18px + var(--spacing-sm))}.portal-login-footer{padding:var(--spacing-md) var(--spacing-lg);text-align:center;background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.portal-login-footer p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.portal-login-link{background:none;border:none;color:var(--color-primary);font-weight:var(--font-weight-medium);cursor:pointer;margin-left:var(--spacing-xs)}.portal-login-link:hover{color:var(--color-primary-hover);text-decoration:underline}.portal-login-back{background:none;border:none;color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer}.portal-login-back:hover{color:var(--text-primary)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:40px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:var(--text-primary)}.password-toggle:focus{outline:none;color:var(--primary-color)}.portal-dashboard{max-width:1400px;margin:0 auto}.portal-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md);color:var(--text-muted)}.dashboard-welcome{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);color:#fff}.welcome-content h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0}.welcome-content p{margin:0;opacity:.8;font-size:var(--font-size-sm)}.welcome-context{display:flex;gap:var(--spacing-sm)}.context-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff26;border-radius:var(--border-radius);font-size:var(--font-size-sm)}.context-badge.company{background:#3b82f64d}.context-badge.activity{background:#10b9814d}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:all var(--transition-fast)}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.stat-card.clickable:hover .stat-arrow{opacity:1;transform:translate(4px)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);flex-shrink:0}.stat-icon svg{width:24px;height:24px}.stat-icon.companies{background-color:#dbeafe;color:#2563eb}.stat-icon.activities{background-color:#d1fae5;color:#059669}.stat-icon.modules{background-color:#fae8ff;color:#c026d3}.stat-icon.records{background-color:#fef3c7;color:#d97706}.stat-content{flex:1;display:flex;flex-direction:column}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.stat-label{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-xs)}.stat-arrow{width:20px;height:20px;color:var(--text-muted);opacity:0;transition:all var(--transition-fast)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.dashboard-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.dashboard-card.full-width{grid-column:1 / -1}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.dashboard-card-header h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.dashboard-card-header svg{color:var(--text-muted)}.dashboard-card-body{padding:var(--spacing-lg)}.quick-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.quick-action-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.quick-action-btn:hover{border-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary)}.quick-action-btn.primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.quick-action-btn.primary:hover{background-color:var(--color-primary-dark)}.quick-actions-empty{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--text-muted);font-size:var(--font-size-sm)}.recent-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.recent-empty p{margin:0;color:var(--text-primary);font-weight:var(--font-weight-medium)}.recent-empty span{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.recent-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.recent-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-fast)}.recent-item:hover{background-color:var(--bg-secondary)}.recent-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--border-radius);color:var(--text-muted);flex-shrink:0}.recent-item-icon svg{width:16px;height:16px}.recent-item-content{flex:1;min-width:0}.recent-item-name{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item-meta{font-size:var(--font-size-xs);color:var(--text-muted)}.modules-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.modules-empty .empty-icon{width:48px;height:48px;color:var(--text-muted);opacity:.5;margin-bottom:var(--spacing-md)}.modules-empty p{margin:0;color:var(--text-primary);font-weight:var(--font-weight-medium)}.modules-empty span{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.module-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast)}.module-card:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}.module-card:hover .module-card-arrow{opacity:1;transform:translate(4px)}.module-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);border-radius:var(--border-radius);color:var(--color-primary);flex-shrink:0}.module-card-content{flex:1;min-width:0}.module-card-content h4{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.module-card-count{font-size:var(--font-size-xs);color:var(--text-muted)}.module-card-arrow{width:16px;height:16px;color:var(--text-muted);opacity:0;transition:all var(--transition-fast)}@media(max-width:1024px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-welcome{flex-direction:column;gap:var(--spacing-md)}.welcome-context{flex-wrap:wrap}.dashboard-stats,.dashboard-grid{grid-template-columns:1fr}.dashboard-card.full-width{grid-column:1}}.input-field-wrapper{width:100%}.input-field-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.input-field-container{position:relative}.input-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input-field:disabled{background-color:var(--bg-secondary);cursor:not-allowed}.input-field.error{border-color:var(--color-danger)}.input-field.error:focus{box-shadow:0 0 0 3px var(--color-danger-light)}.input-field::placeholder{color:var(--text-muted)}.input-field.textarea{resize:vertical;min-height:100px}.slider-container{display:flex;align-items:center;gap:var(--spacing-md)}.input-field-slider{flex:1;height:6px;border-radius:3px;background:var(--bg-tertiary);outline:none;-webkit-appearance:none}.input-field-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer}.slider-value{min-width:40px;text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.input-field-error{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-danger)}.combo-field-wrapper{width:100%}.combo-field-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.required-mark{color:var(--color-danger);margin-left:2px}.combo-field-container{position:relative}.combo-field-error{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-danger)}.combo-dropdown-container{position:relative}.combo-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);text-align:left}.combo-dropdown-trigger:hover:not(.disabled){border-color:var(--color-primary)}.combo-dropdown-trigger.open{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.combo-dropdown-trigger.error{border-color:var(--color-danger)}.combo-dropdown-trigger.disabled{background-color:var(--bg-secondary);cursor:not-allowed}.combo-dropdown-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo-dropdown-arrow{font-size:10px;color:var(--text-muted);transition:transform var(--transition-fast)}.combo-dropdown-trigger.open .combo-dropdown-arrow{transform:rotate(180deg)}.combo-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:250px;display:flex;flex-direction:column}.combo-dropdown-search{padding:var(--spacing-sm) var(--spacing-md);border:none;border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm);outline:none}.combo-dropdown-options{overflow-y:auto;flex:1}.combo-dropdown-option{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-primary);background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.combo-dropdown-option:hover{background-color:var(--bg-secondary)}.combo-dropdown-option.active{background-color:var(--color-primary-light);color:var(--color-primary)}.combo-dropdown-no-results{padding:var(--spacing-md);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.combo-switch-container{display:flex;background-color:var(--bg-secondary);border-radius:var(--border-radius);padding:2px}.combo-switch-option{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.combo-switch-option:hover:not(.disabled){color:var(--text-primary)}.combo-switch-option.active{background-color:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.combo-switch-option.disabled{cursor:not-allowed;opacity:.5}.combo-button-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.combo-button-option{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast)}.combo-button-option:hover:not(.disabled){border-color:var(--color-primary);color:var(--color-primary)}.combo-button-option.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.combo-button-option.disabled{cursor:not-allowed;opacity:.5}.combo-radio-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.combo-radio-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.combo-radio-option.disabled{cursor:not-allowed;opacity:.5}.combo-radio-option input{position:absolute;opacity:0;width:0;height:0}.combo-radio-checkmark{width:18px;height:18px;border:2px solid var(--border-color);border-radius:50%;transition:all var(--transition-fast);position:relative}.combo-radio-option input:checked+.combo-radio-checkmark{border-color:var(--color-primary)}.combo-radio-option input:checked+.combo-radio-checkmark:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;background-color:var(--color-primary);border-radius:50%}.combo-radio-label{font-size:var(--font-size-sm);color:var(--text-primary)}.combo-dropdown-container{position:relative;width:100%}.combo-dropdown-container.combo-disabled{opacity:.6;pointer-events:none}.combo-selected-display{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);min-height:38px}.combo-selected-label{font-size:var(--font-size-sm);color:var(--text-primary);flex:1}.combo-clear-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:18px;line-height:1;padding:0 0 0 var(--spacing-sm);display:flex;align-items:center;transition:color .15s}.combo-clear-btn:hover{color:var(--color-danger)}.combo-us-wrapper{width:100%}.combo-us-wrapper .us-search-bar{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary)}.combo-us-wrapper.combo-us-error .us-search-bar{border-color:var(--color-danger)}.combo-us-option{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm)}.combo-us-option:hover,.combo-us-option.active{background:var(--color-primary-light, #f0f4ff);color:var(--color-primary)}.combo-loading-indicator{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--spacing-sm);text-align:center}.checkbox-field-wrapper{width:100%}.checkbox-field-label{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-field-label.disabled{cursor:not-allowed;opacity:.6}.checkbox-field-input{position:absolute;opacity:0;width:0;height:0}.checkbox-field-checkmark{flex-shrink:0;width:18px;height:18px;border:2px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-primary);transition:all var(--transition-fast);position:relative}.checkbox-field-input:checked+.checkbox-field-checkmark{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-field-input:checked+.checkbox-field-checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-field-input:focus+.checkbox-field-checkmark{box-shadow:0 0 0 3px var(--color-primary-light)}.checkbox-field-text{display:flex;flex-direction:column;font-size:var(--font-size-sm);color:var(--text-primary)}.checkbox-field-description{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.checkbox-field-error{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-danger)}.datepicker{position:relative;width:100%}.datepicker-input{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;transition:all .2s ease}.datepicker-input:hover{border-color:var(--primary)}.datepicker-input.is-open{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.datepicker-input.is-disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.datepicker-icon{color:var(--text-muted);flex-shrink:0}.datepicker-value{flex:1;color:var(--text-primary);font-size:14px}.datepicker-placeholder{flex:1;color:var(--text-muted);font-size:14px}.datepicker-clear{display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.datepicker-clear:hover{background:var(--bg-tertiary);color:var(--text-primary)}.datepicker-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:1000;width:320px;padding:16px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);box-shadow:var(--shadow-lg);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.datepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.datepicker-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:none;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.datepicker-nav-btn:hover{background:var(--bg-tertiary)}.datepicker-title{flex:1;padding:6px 12px;border:none;border-radius:var(--radius-md);background:none;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.datepicker-title:hover{background:var(--bg-tertiary)}.datepicker-body{min-height:240px}.datepicker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.datepicker-weekday{display:flex;align-items:center;justify-content:center;height:32px;color:var(--text-muted);font-size:12px;font-weight:600}.datepicker-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.datepicker-day{display:flex;align-items:center;justify-content:center;height:36px;border:none;border-radius:var(--radius-md);background:none;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.datepicker-day:not(.is-current-month){color:var(--text-muted);opacity:.5}.datepicker-day:hover:not(.is-disabled){background:var(--bg-tertiary)}.datepicker-day.is-today{border:2px solid var(--primary);font-weight:600}.datepicker-day.is-selected{background:var(--primary);color:#fff;font-weight:600}.datepicker-day.is-disabled{color:var(--text-muted);opacity:.3;cursor:not-allowed}.datepicker-months-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.datepicker-month{display:flex;align-items:center;justify-content:center;height:56px;border:none;border-radius:var(--radius-md);background:none;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.datepicker-month:hover:not(.is-disabled){background:var(--bg-tertiary)}.datepicker-month.is-selected{background:var(--primary);color:#fff;font-weight:600}.datepicker-month.is-disabled{color:var(--text-muted);opacity:.3;cursor:not-allowed}.datepicker-years-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.datepicker-year{display:flex;align-items:center;justify-content:center;height:56px;border:none;border-radius:var(--radius-md);background:none;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.datepicker-year:hover:not(.is-disabled){background:var(--bg-tertiary)}.datepicker-year.is-selected{background:var(--primary);color:#fff;font-weight:600}.datepicker-year.is-disabled{color:var(--text-muted);opacity:.3;cursor:not-allowed}.datepicker-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color);display:flex;justify-content:center}.datepicker-today-btn{padding:6px 16px;border:none;border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.datepicker-today-btn:hover{background:var(--primary-alpha)}@media(max-width:768px){.datepicker-dropdown{width:280px;padding:12px}.datepicker-day,.datepicker-month,.datepicker-year{height:40px;font-size:13px}}.date-field{display:flex;flex-direction:column;gap:6px;width:100%}.date-field-label{display:flex;align-items:center;gap:4px;color:var(--text-primary);font-size:13px;font-weight:500}.required-mark{color:var(--danger);font-weight:600}.date-field-help{color:var(--text-muted);font-size:12px;line-height:1.4}.date-field-error{color:var(--danger);font-size:12px;font-weight:500}.date-field.has-error .datepicker-input{border-color:var(--danger)}.date-field.has-error .datepicker-input:hover,.date-field.has-error .datepicker-input.is-open{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-alpha)}.render-forms-container{width:100%}.form-content{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.field-wrapper{width:100%}.field-wrapper[data-grid="1"]{width:calc(8.33% - var(--spacing-md))}.field-wrapper[data-grid="2"]{width:calc(16.66% - var(--spacing-md))}.field-wrapper[data-grid="3"]{width:calc(25% - var(--spacing-md))}.field-wrapper[data-grid="4"]{width:calc(33.33% - var(--spacing-md))}.field-wrapper[data-grid="5"]{width:calc(41.66% - var(--spacing-md))}.field-wrapper[data-grid="6"]{width:calc(50% - var(--spacing-md))}.field-wrapper[data-grid="7"]{width:calc(58.33% - var(--spacing-md))}.field-wrapper[data-grid="8"]{width:calc(66.66% - var(--spacing-md))}.field-wrapper[data-grid="9"]{width:calc(75% - var(--spacing-md))}.field-wrapper[data-grid="10"]{width:calc(83.33% - var(--spacing-md))}.field-wrapper[data-grid="11"]{width:calc(91.66% - var(--spacing-md))}.field-wrapper[data-grid="12"]{width:100%}.form-section{width:100%;margin-bottom:var(--spacing-md)}.section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.section-content{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.form-section-row{width:100%}.section-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.row-content{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.form-submit{margin-top:var(--spacing-lg)}.unknown-field{padding:var(--spacing-md);background-color:var(--color-warning-light);border-radius:var(--border-radius);color:var(--color-warning);font-size:var(--font-size-sm)}@media(max-width:768px){.field-wrapper[data-grid]{width:100%}}.form-loader-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);color:var(--text-muted)}.form-loader-loading .spinner{width:24px;height:24px}.form-loader-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);gap:var(--spacing-md);background-color:var(--color-danger-light);border-radius:var(--border-radius);color:var(--color-danger);text-align:center}.portal-companies{max-width:1200px;margin:0 auto}.portal-companies-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.portal-companies-header h2{margin-bottom:var(--spacing-xs)}.portal-companies-header p{color:var(--text-muted);font-size:var(--font-size-sm)}.portal-companies-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md)}.portal-companies-form-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.portal-companies-form-header h2{margin:0}.portal-companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.portal-company-card{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);position:relative}.portal-company-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.portal-company-card.selected{border-color:var(--color-primary);background-color:var(--color-primary-light)}.portal-company-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.portal-company-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-info-light);border-radius:var(--border-radius);color:var(--color-info)}.portal-company-icon svg{width:20px;height:20px}.portal-company-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.portal-company-card:hover .portal-company-actions{opacity:1}.portal-company-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.portal-company-detail{font-size:var(--font-size-sm);color:var(--text-muted)}.portal-company-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background-color:var(--color-primary);color:#fff;font-size:var(--font-size-xs);padding:2px 8px;border-radius:9999px}.portal-activities{max-width:1200px;margin:0 auto}.portal-activities-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.portal-activities-header h2{margin-bottom:var(--spacing-xs)}.portal-activities-header p{color:var(--text-muted);font-size:var(--font-size-sm)}.portal-activities-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md)}.portal-activities-form-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.portal-activities-form-header h2{margin:0}.portal-activities-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.portal-activities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.portal-activity-card{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);position:relative}.portal-activity-card:hover{border-color:var(--color-success);box-shadow:var(--shadow-md)}.portal-activity-card.selected{border-color:var(--color-success);background-color:var(--color-success-light)}.portal-activity-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.portal-activity-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-success-light);border-radius:var(--border-radius);color:var(--color-success)}.portal-activity-icon svg{width:20px;height:20px}.portal-activity-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.portal-activity-card:hover .portal-activity-actions{opacity:1}.portal-activity-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.portal-activity-type{display:inline-block;font-size:var(--font-size-xs);color:var(--color-success);background-color:var(--color-success-light);padding:2px 8px;border-radius:9999px;margin-bottom:var(--spacing-sm);text-transform:capitalize}.portal-activity-description{font-size:var(--font-size-sm);color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.portal-activity-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background-color:var(--color-success);color:#fff;font-size:var(--font-size-xs);padding:2px 8px;border-radius:9999px}.viewbox-renderer{display:flex;flex-direction:column;gap:20px}.viewbox-empty{padding:40px 20px;text-align:center;color:var(--text-secondary)}.viewbox{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--card-bg)}.viewbox-header{padding:16px 20px;background:var(--hover-bg);border-bottom:1px solid var(--border-color)}.viewbox-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.viewbox-content{padding:20px}.viewbox-form-container.viewbox-columns-1 .form-element-wrapper{grid-column:span 12}.viewbox-form-container.viewbox-columns-2 .form-element-wrapper{grid-column:span 6}.viewbox-form-container.viewbox-columns-3 .form-element-wrapper{grid-column:span 4}.viewbox-form-container.viewbox-columns-4 .form-element-wrapper{grid-column:span 3}.viewbox-table-container{display:flex;flex-direction:column;gap:12px}.viewbox-table{border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.viewbox-table-header{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;background:var(--hover-bg);border-bottom:2px solid var(--border-color)}.viewbox-table-cell{padding:12px;font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewbox-table-cell.header{font-weight:600;color:var(--text-primary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.viewbox-table-empty{padding:40px 20px;text-align:center;background:var(--hover-bg);border-top:1px solid var(--border-color)}.viewbox-table-empty p{margin:0;font-size:14px;color:var(--text-tertiary)}.viewbox-table-add{align-self:flex-start}@media(max-width:768px){.viewbox-form-container .form-element-wrapper{grid-column:span 12!important}}.view-renderer{display:flex;flex-direction:column;gap:var(--spacing-lg)}.view-renderer-empty{padding:var(--spacing-xxl);text-align:center;color:var(--text-muted)}.view-field-row{display:flex;gap:var(--spacing-md);width:100%}.view-field-row .view-field-item{flex:1;min-width:0}.view-field-item{display:flex;flex-direction:column;gap:6px}.view-field-label{font-size:13px;font-weight:var(--font-weight-medium);color:var(--text-primary)}.view-field-input{display:flex;align-items:center;gap:var(--spacing-xs);padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);min-height:40px}.view-field-input.view-field-combo{justify-content:space-between;cursor:pointer}.view-field-placeholder{color:var(--text-muted);font-size:13px}.view-table-section{width:100%}.view-table-title{margin:0 0 var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.view-viewport{border:2px solid var(--color-primary);border-radius:var(--border-radius-lg);overflow:hidden}.view-viewport-header{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary);color:#fff;font-weight:var(--font-weight-semibold)}.view-viewport-body{padding:var(--spacing-lg);background:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--spacing-md)}.portal-module-view{max-width:1200px;margin:0 auto}.temp-password-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.temp-password-modal{background:var(--color-surface, #fff);border-radius:12px;padding:2rem;width:420px;max-width:90vw;display:flex;flex-direction:column;gap:1rem;box-shadow:0 20px 60px #0000004d}.temp-password-modal h3{margin:0;font-size:1.1rem;font-weight:600}.temp-password-modal p{margin:0;font-size:.875rem;color:var(--color-text-secondary, #666)}.temp-password-field{display:flex;flex-direction:column;gap:.4rem}.temp-password-field label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #666)}.temp-password-value{background:var(--color-surface-raised, #f5f5f5);border:1px solid var(--color-border, #e0e0e0);border-radius:8px;padding:.6rem .8rem;font-size:.9rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.temp-password-mono{font-family:monospace;font-size:1rem;letter-spacing:.05em}.temp-password-copy{background:var(--portal-primary, #2563eb);color:#fff;border:none;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;cursor:pointer;white-space:nowrap;flex-shrink:0}.temp-password-copy:hover{opacity:.85}.temp-password-note{font-size:.8rem;color:var(--color-warning, #d97706);font-style:italic}.portal-module-loading,.portal-module-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.portal-module-error .error-icon{width:48px;height:48px;color:var(--color-warning);margin-bottom:var(--spacing-md)}.portal-module-error h3{margin:0 0 var(--spacing-xs) 0}.portal-module-error p{color:var(--text-muted);margin:0}.portal-module-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.portal-module-header h2{margin:0 0 var(--spacing-xs) 0}.portal-module-header p{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.portal-module-scope-info{color:var(--color-primary);font-weight:var(--font-weight-medium)}.portal-module-form-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.portal-module-form-header h2{margin:0}.portal-module-context{font-size:var(--font-size-sm);color:var(--text-muted);margin:var(--spacing-xs) 0 0 0}.portal-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.form-error-box{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background-color:var(--color-danger-light);border-radius:var(--border-radius);color:var(--color-danger);font-size:var(--font-size-sm)}.portal-module-search{position:relative;margin-bottom:var(--spacing-lg)}.portal-module-search .search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.portal-module-search .form-input{padding-left:calc(var(--spacing-md) + 18px + var(--spacing-sm))}.portal-module-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);background-color:var(--bg-primary);border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);text-align:center}.portal-module-empty .empty-icon{width:48px;height:48px;color:var(--text-muted);margin-bottom:var(--spacing-md)}.portal-module-empty h3{margin:0 0 var(--spacing-xs) 0}.portal-module-empty p{color:var(--text-muted);margin:0 0 var(--spacing-lg) 0}.portal-module-table{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.portal-module-table table{width:100%;border-collapse:collapse}.portal-module-table th,.portal-module-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.portal-module-table th{background-color:var(--bg-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.portal-module-table tr:last-child td{border-bottom:none}.portal-module-table tr:hover td{background-color:var(--bg-secondary)}.record-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.record-description{color:var(--text-muted);font-size:var(--font-size-sm);max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-date{font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap}.record-actions{white-space:nowrap;text-align:right}.record-actions .btn{opacity:0;transition:opacity var(--transition-fast)}.portal-module-table tr:hover .record-actions .btn{opacity:1}.portal-module-search-wrapper{margin-bottom:var(--spacing-lg)}.portal-module-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.document-view-placeholder{text-align:center;padding:var(--spacing-xl)}.document-view-placeholder h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-secondary)}.document-view-placeholder p{color:var(--text-muted);margin:0 0 var(--spacing-lg) 0}.document-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);text-align:left;max-height:400px;overflow:auto}.document-preview pre{margin:0;font-size:var(--font-size-sm);font-family:monospace;color:var(--text-primary)}.dashboard-placeholder{text-align:center;padding:var(--spacing-xl)}.dashboard-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.dashboard-placeholder h3{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-xl);color:var(--text-primary)}.dashboard-placeholder p{color:var(--text-muted);margin:0 0 var(--spacing-xl) 0}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.stat-card{padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-label{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;font-weight:var(--font-weight-medium)}.stat-value{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.quick-actions-dropdown{position:relative}.quick-actions-menu{position:absolute;top:calc(100% + var(--spacing-xs));right:0;min-width:200px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:100;padding:var(--spacing-xs)}.quick-action-item{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;border-radius:var(--border-radius-sm);cursor:pointer;text-align:left;color:var(--text-primary);font-size:var(--font-size-sm);transition:background var(--transition-fast)}.quick-action-item:hover{background:var(--bg-secondary)}.quick-action-empty{padding:var(--spacing-md);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}@media(max-width:640px){.portal-module-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.portal-module-header-actions{flex-direction:column}.portal-module-header-actions .btn{width:100%;justify-content:center}}@media(max-width:768px){.portal-module-header{flex-direction:column;gap:var(--spacing-md)}.portal-module-header .btn{width:100%}.portal-module-table{overflow-x:auto}.record-actions .btn{opacity:1}}.field-mapper{display:flex;flex-direction:column;gap:var(--spacing-lg)}.mapper-validation-summary{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius);border:1px solid}.mapper-validation-summary.error{background:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger)}.mapper-validation-summary.warning{background:var(--color-warning-light);border-color:var(--color-warning);color:var(--color-warning)}.mapper-validation-summary ul{margin:var(--spacing-xs) 0 0;padding-left:var(--spacing-lg)}.mapper-validation-summary li{margin-bottom:var(--spacing-xs)}.mapper-table-wrapper{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--border-radius)}.mapper-table{width:100%;border-collapse:collapse;background:var(--bg-primary)}.mapper-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.mapper-table th{padding:var(--spacing-md);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.mapper-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.mapper-table tbody tr:hover{background:var(--bg-secondary)}.mapper-table tbody tr.mapped{background:var(--color-success-light)}.csv-column strong{font-size:var(--font-size-sm);color:var(--text-primary)}.sample-values{display:flex;flex-direction:column;gap:4px}.sample-value{font-size:var(--font-size-xs);color:var(--text-muted);padding:2px 6px;background:var(--bg-tertiary);border-radius:var(--border-radius-sm);display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arrow-cell{text-align:center;width:40px}.arrow-cell .icon-sm{color:var(--text-muted);opacity:.3}.arrow-cell .icon-sm.active{color:var(--color-success);opacity:1}.field-select{width:100%;min-width:200px;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.field-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.type-badge{display:inline-block;padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.required-badge{display:inline-block;padding:2px 8px;background:var(--color-danger-light);color:var(--color-danger);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.mapper-summary{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.summary-stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.stat-value.success{color:var(--color-success)}.stat-value.muted{color:var(--text-muted)}.dependency-warning{margin:16px 0;padding:16px;background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--border-radius)}.dependency-warning-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.dependency-warning-header h4{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.text-warning{color:var(--color-warning)}.dependency-warning-content{display:flex;flex-direction:column;gap:12px}.dependency-warning-description{margin:0;font-size:13px;color:var(--text-secondary)}.dependency-ref-item{padding:12px;background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.dependency-ref-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}.dependency-ref-field{font-weight:600;color:var(--text-primary)}.dependency-ref-arrow{color:var(--text-muted)}.dependency-ref-module{color:var(--color-primary);font-weight:500}.dependency-ref-details{display:flex;flex-direction:column;gap:6px}.dependency-missing-count{font-size:12px;font-weight:500;color:var(--color-warning)}.dependency-missing-values{display:flex;flex-wrap:wrap;gap:6px}.dependency-missing-value{display:inline-block;padding:2px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:12px;color:var(--text-primary)}.dependency-more{font-size:12px;color:var(--text-muted);font-style:italic}.dependency-warning-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.dependency-info{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.dependency-info.warning{color:var(--color-warning)}.dependency-info .icon-xs{width:14px;height:14px;flex-shrink:0}.special-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.special-field-label{font-size:14px;font-weight:500;color:var(--text-primary)}.required-mark{color:var(--color-danger);margin-left:4px}.special-field-help{font-size:12px;color:var(--text-muted);font-style:italic}.special-field-error{font-size:12px;color:var(--color-danger);font-weight:500}.special-field.has-error .file-upload-area{border-color:var(--color-danger)}.file-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;border:2px dashed var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);cursor:pointer;transition:all .2s ease}.file-upload-area:hover:not(.disabled){border-color:var(--color-primary);background:var(--bg-primary)}.file-upload-area.drag-active{border-color:var(--color-primary);background:var(--primary-light)}.file-upload-area.disabled{opacity:.5;cursor:not-allowed}.file-upload-icon{width:40px;height:40px;color:var(--text-muted);margin-bottom:12px}.file-upload-text{margin:0;font-size:14px;font-weight:500;color:var(--text-primary)}.file-upload-hint{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.file-upload-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.file-upload-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all .2s ease}.file-upload-item:hover{background:var(--bg-tertiary)}.file-upload-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-primary);border-radius:var(--border-radius);color:var(--text-secondary)}.file-upload-item-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.file-upload-item-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload-item-size{font-size:12px;color:var(--text-muted)}.file-upload-item-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;border-radius:var(--border-radius);cursor:pointer;color:var(--text-muted);transition:all .2s ease}.file-upload-item-remove:hover{background:var(--color-danger-light);color:var(--color-danger)}.signature-placeholder,.richtext-placeholder{padding:40px 20px;text-align:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--border-radius)}.signature-placeholder p,.richtext-placeholder p{margin:0;font-size:14px;color:var(--text-secondary)}.signature-placeholder p:first-child,.richtext-placeholder p:first-child{font-size:24px;margin-bottom:8px}.text-muted{color:var(--text-muted);font-size:12px}.csv-import .import-mapping-step{display:flex;flex-direction:column;gap:16px}.import-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-secondary);border-radius:var(--border-radius)}.import-file-info{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.import-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--border-color)}.import-complete{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center;background:var(--bg-secondary);border-radius:var(--border-radius)}.import-complete .icon-lg{width:48px;height:48px}.import-complete h4{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.import-complete p{margin:0;font-size:14px;color:var(--text-secondary)}.import-failed-count{color:var(--color-danger);font-size:13px;margin-top:8px}.import-reload-message{font-size:12px;color:var(--text-muted);font-style:italic;margin-top:12px}.view-based-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-field-group{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.form-field-group .form-field-wrapper{flex:1;min-width:0}.form-field-group.cols-1 .form-field-wrapper{flex:0 0 calc(25% - var(--spacing-md));min-width:200px}.form-field-group.cols-2 .form-field-wrapper{flex:0 0 calc(50% - var(--spacing-md));min-width:250px}.form-field-group.cols-3 .form-field-wrapper{flex:0 0 calc(33.333% - var(--spacing-md));min-width:220px}.form-field-group.cols-4 .form-field-wrapper{flex:0 0 100%}.form-table-placeholder{padding:var(--spacing-lg);background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--border-radius);text-align:center}.form-table-message{color:var(--text-muted);font-size:var(--font-size-sm)}.form-viewport{border:2px solid var(--color-primary);border-radius:var(--border-radius-lg);overflow:hidden}.form-viewport-header{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.form-viewport-body{padding:var(--spacing-lg);background:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--spacing-md)}.form-viewport-empty{padding:var(--spacing-lg);text-align:center;color:var(--text-muted);font-style:italic}.form-viewport-header{display:flex;justify-content:space-between;align-items:center}.form-viewport-actions{display:flex;gap:var(--spacing-sm)}.form-table-section{margin-top:var(--spacing-md)}.form-table-title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.form-table-empty{padding:var(--spacing-lg);text-align:center;color:var(--text-muted);background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--border-radius)}.action-button-wrapper{margin:var(--spacing-md) 0}.action-button-wrapper.position-header{margin-top:0;margin-bottom:var(--spacing-lg)}.action-button-wrapper.position-footer{margin-top:var(--spacing-lg);margin-bottom:0}.action-button-wrapper .btn-icon{margin-right:6px;font-size:16px}.form-renderer{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.form-renderer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.form-renderer-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.btn-icon{margin-right:6px}.form-renderer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xxl);text-align:center;color:var(--text-muted)}.form-renderer-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.form-renderer-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--bg-secondary)}.perm-panel{display:flex;flex-direction:column;gap:1.5rem}.perm-loading{padding:2rem;text-align:center;color:var(--color-text-secondary, #666);font-size:.875rem}.perm-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:.75rem 1rem;color:#dc2626;font-size:.875rem}.perm-section{display:flex;flex-direction:column;gap:.75rem}.perm-section-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border, #e5e7eb)}.perm-section-header h4{margin:0;font-size:.9rem;font-weight:600}.perm-hint{font-size:.75rem;color:var(--color-text-secondary, #6b7280);margin-left:auto}.perm-toggle{width:32px;height:18px;border-radius:9px;border:none;cursor:pointer;background:var(--color-border, #d1d5db);padding:2px;display:flex;align-items:center;transition:background .15s;flex-shrink:0}.perm-toggle--sm{width:28px;height:16px}.perm-toggle--on{background:var(--portal-primary, #2563eb);justify-content:flex-end}.perm-toggle-dot{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003}.perm-toggle--sm .perm-toggle-dot{width:12px;height:12px}.perm-toggle:disabled{opacity:.4;cursor:not-allowed}.perm-company{border:1px solid var(--color-border, #e5e7eb);border-radius:10px;overflow:hidden}.perm-company-header{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;background:var(--color-surface-raised, #f9fafb);cursor:default}.perm-company-name{font-weight:600;font-size:.875rem}.perm-code{font-size:.7rem;color:var(--color-text-secondary, #9ca3af);font-family:monospace;background:var(--color-surface, #f3f4f6);padding:1px 5px;border-radius:4px}.perm-icon{color:var(--color-text-secondary, #9ca3af);flex-shrink:0}.perm-expand{background:none;border:none;cursor:pointer;padding:0;color:var(--color-text-secondary, #6b7280);display:flex;align-items:center;flex-shrink:0}.perm-company-body{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.75rem}.perm-activity{border:1px solid var(--color-border, #f0f0f0);border-radius:8px;overflow:hidden;margin-left:.5rem}.perm-activity-header{display:flex;align-items:center;gap:.45rem;padding:.55rem .75rem;background:var(--color-surface, #fff)}.perm-activity-name{font-size:.85rem;font-weight:500}.perm-inherited{font-size:.7rem;color:var(--portal-primary, #2563eb);font-style:italic}.perm-activity-body{padding:.5rem .75rem .75rem;background:var(--color-surface, #fff);border-top:1px solid var(--color-border, #f0f0f0)}.perm-module-section{display:flex;flex-direction:column;gap:.4rem}.perm-module-section-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #6b7280);margin-bottom:.25rem}.perm-module{border:1px solid var(--color-border, #e5e7eb);border-radius:7px;padding:.5rem .7rem;transition:border-color .12s}.perm-module--on{border-color:var(--portal-primary, #2563eb);background:color-mix(in srgb,var(--portal-primary, #2563eb) 4%,transparent)}.perm-module-header{display:flex;align-items:center;gap:.5rem}.perm-module-name{font-size:.85rem;font-weight:500}.perm-badge{font-size:.65rem;background:var(--color-surface-raised, #f3f4f6);border:1px solid var(--color-border, #e5e7eb);color:var(--color-text-secondary, #6b7280);padding:1px 5px;border-radius:4px;font-family:monospace}.perm-actions-row{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem;padding-top:.4rem;border-top:1px solid var(--color-border, #f0f0f0)}.perm-action{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-family:monospace;padding:2px 8px;border-radius:4px;border:1px solid var(--color-border, #d1d5db);background:var(--color-surface-raised, #f9fafb);color:var(--color-text-secondary, #4b5563);cursor:pointer;transition:all .1s}.perm-action--on{background:var(--portal-primary, #2563eb);border-color:var(--portal-primary, #2563eb);color:#fff}.perm-action--disabled{opacity:.4;cursor:not-allowed}.perm-groups-list{display:flex;flex-wrap:wrap;gap:.5rem}.perm-group-tag{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;padding:4px 12px;border-radius:20px;border:1px solid var(--color-border, #d1d5db);background:var(--color-surface-raised, #f9fafb);color:var(--color-text, #374151);cursor:pointer;transition:all .12s}.perm-group-tag--on{background:var(--portal-primary, #2563eb);border-color:var(--portal-primary, #2563eb);color:#fff}.perm-group-count{font-size:.7rem;background:#0000001f;border-radius:10px;padding:0 5px}.perm-new-group{display:flex;gap:.5rem;align-items:center}.perm-input{flex:1;border:1px solid var(--color-border, #d1d5db);border-radius:7px;padding:.4rem .7rem;font-size:.85rem;background:var(--color-surface, #fff);color:var(--color-text, #111);outline:none}.perm-input:focus{border-color:var(--portal-primary, #2563eb);box-shadow:0 0 0 2px color-mix(in srgb,var(--portal-primary, #2563eb) 20%,transparent)}.perm-footer{display:flex;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--color-border, #e5e7eb)}:root{--color-primary: #f6a23b;--color-primary-hover: #e08e1f;--color-primary-light: #fef3e6;--color-primary-dark: #d17a0f;--color-secondary: #64748b;--color-secondary-hover: #475569;--color-secondary-light: #f1f5f9;--color-success: #22c55e;--color-success-light: #f0fdf4;--color-warning: #f59e0b;--color-warning-light: #fffbeb;--color-danger: #ef4444;--color-danger-light: #fef2f2;--color-info: #3b82f6;--color-info-light: #eff6ff;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-sidebar: #1f2937;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--text-inverse: #ffffff;--border-color: #e5e7eb;--border-color-dark: #d1d5db;--border-radius-sm: 4px;--border-radius: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--sidebar-width: 260px;--sidebar-collapsed-width: 64px;--header-height: 60px;--container-max-width: 1200px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400}[data-theme=dark]{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--bg-sidebar: #0f172a;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #6b7280;--border-color: #374151;--border-color-dark: #4b5563}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-secondary)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{color:var(--text-secondary)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;border:1px solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--border-color-dark)}.btn-danger{background-color:var(--color-danger);color:var(--color-white)}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.card-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input::placeholder{color:var(--text-muted)}.form-input.error{border-color:var(--color-danger)}.form-error{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-danger)}.form-hint{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:9999px}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge-info{background-color:var(--color-info-light);color:var(--color-info)}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.w-full{width:100%}.h-full{height:100%}.spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.empty-state-icon{width:64px;height:64px;color:var(--text-muted);margin-bottom:var(--spacing-md)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state-description{font-size:var(--font-size-sm);color:var(--text-muted);max-width:400px}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--spacing-md);background-color:var(--bg-secondary);color:var(--text-muted)}.app-loading p{font-size:var(--font-size-sm)}.modules-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.modules-header{display:flex;align-items:center;gap:var(--spacing-md)}.modules-header-info{flex:1}.modules-header h2{margin:0}.module-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.module-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--border-radius);color:var(--text-secondary);flex-shrink:0}.module-icon svg{width:18px;height:18px}.module-info{display:flex;flex-direction:column;gap:2px}.module-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.module-desc{font-size:var(--font-size-xs);color:var(--text-muted)}.module-form-code{font-family:monospace;font-size:var(--font-size-xs);color:var(--text-muted);background-color:var(--bg-secondary);padding:2px 6px;border-radius:4px}.module-type-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 8px;border-radius:9999px;text-transform:uppercase}.module-type-badge.parent{background-color:var(--color-primary-light);color:var(--color-primary)}.module-type-badge.sub{background-color:var(--bg-tertiary);color:var(--text-secondary)}.module-card{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-fast)}.module-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.module-card-header{display:flex;align-items:center;gap:var(--spacing-sm)}.module-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--border-radius);color:var(--text-secondary);flex-shrink:0}.module-card-icon svg{width:20px;height:20px}.module-card-info{flex:1;display:flex;flex-direction:column;gap:4px}.module-card-info h4{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.module-card-desc{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.module-card-footer{display:flex;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px solid var(--border-color)}.module-list-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);cursor:pointer;transition:background-color var(--transition-fast)}.module-list-item:hover{background-color:var(--bg-secondary)}.module-list-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--border-radius);color:var(--text-secondary);flex-shrink:0}.module-list-icon svg{width:18px;height:18px}.module-list-info{flex:1;display:flex;flex-direction:column;gap:2px}.module-list-header{display:flex;align-items:center;gap:var(--spacing-sm)}.module-list-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.module-list-desc{font-size:var(--font-size-xs);color:var(--text-muted)}.module-list-arrow{color:var(--text-muted);flex-shrink:0}.security-settings{max-width:800px;margin:0 auto;padding:var(--spacing-xl)}.settings-header{margin-bottom:var(--spacing-2xl)}.settings-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.settings-header p{color:var(--text-secondary);font-size:var(--font-size-base)}.alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:var(--border-radius);font-size:var(--font-size-sm)}.alert-success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.alert-error{background-color:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger)}.settings-section{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.section-title{display:flex;align-items:flex-start;gap:var(--spacing-md)}.section-icon{width:24px;height:24px;color:var(--color-primary);flex-shrink:0;margin-top:2px}.section-title h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.section-title p{font-size:var(--font-size-sm);color:var(--text-secondary)}.section-content{padding:var(--spacing-lg)}.twofa-enabled,.twofa-disabled{display:flex;flex-direction:column;gap:var(--spacing-lg)}.twofa-info,.twofa-warning{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius)}.twofa-info h3,.twofa-warning h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.twofa-info p,.twofa-warning p{font-size:var(--font-size-sm);color:var(--text-secondary)}.twofa-actions{display:flex;gap:var(--spacing-sm)}.password-change{display:flex;flex-direction:column;gap:var(--spacing-md)}.password-actions{display:flex;gap:var(--spacing-sm)}.password-requirements{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius)}.password-requirements h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{font-size:var(--font-size-sm);color:var(--text-secondary);padding-left:var(--spacing-md);position:relative}.password-requirements li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.twofa-modal-content{padding:var(--spacing-lg)}.twofa-setup,.twofa-complete{display:flex;flex-direction:column;gap:var(--spacing-lg)}.twofa-instructions h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.qr-code-container{display:flex;justify-content:center;padding:var(--spacing-lg)}.qr-code{max-width:200px;border:2px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm);background-color:#fff}.secret-code{text-align:center}.secret-code label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.secret-code code{display:block;padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--border-radius);font-family:monospace;word-break:break-all}.backup-codes-section{background-color:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--border-radius);padding:var(--spacing-lg)}.backup-codes-section h4{margin-bottom:var(--spacing-xs);color:var(--color-warning)}.backup-codes-section p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.backup-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.backup-codes-grid code{padding:var(--spacing-xs);background-color:#fff;border-radius:var(--border-radius);text-align:center;font-family:monospace;border:1px solid var(--border-color)}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.security-settings{padding:var(--spacing-md)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.twofa-actions,.password-actions{flex-direction:column}.backup-codes-grid{grid-template-columns:1fr}}