@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);transition:background-color var(--transition),color var(--transition)}body,button,html{font-family:Inter,system-ui}*,:after,:before{transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius);border:none;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:2.75rem}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-surface-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.5rem 1rem;min-height:2rem;font-size:.8rem}.card{background:var(--color-card);border-radius:var(--radius);border:1px solid var(--color-border);box-shadow:var(--shadow-md);padding:1.5rem;transition:background-color var(--transition),border-color var(--transition)}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem}.form-input,.form-label{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.form-input{width:100%;padding:.75rem;border:2px solid var(--color-border);border-radius:8px;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition);background:var(--color-card)}.form-input:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.field-input,.field-select,.field-textarea,.form-input{transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition)}.field-input:hover,.field-select:hover,.field-textarea:hover,.form-input:hover{border-color:var(--color-primary)}.field-input:focus,.field-select:focus,.field-textarea:focus,.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.field-type-select-trigger:hover,.multi-select-trigger:hover,.multiselect-trigger:hover{border-color:var(--color-primary)}.field-type-select-trigger:focus,.multi-select-trigger:focus,.multiselect-trigger:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.form-input.error{border-color:var(--color-error)}select.form-input,select.form-input:hover{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;cursor:pointer}select.form-input option{background:var(--color-card);color:var(--color-text-primary)}.error-message{color:var(--color-error);font-size:.75rem;margin-top:.25rem}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{width:100%;max-width:400px;background:var(--color-card);border-radius:12px;box-shadow:var(--shadow-lg);padding:2rem;border:1px solid var(--color-border-light)}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.auth-subtitle{color:var(--color-text-secondary);font-size:.875rem}.auth-form{space-y:1rem}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.auth-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color var(--transition)}.auth-link:hover{text-decoration:underline;color:var(--color-primary-hover)}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}.global-loader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-background);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity var(--transition),background-color var(--transition)}.global-loader-content{text-align:center;padding:2rem}.loader-spinner{width:48px;height:48px;border-top:4px solid var(--color-border);border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loader-text{color:var(--color-text-secondary);font-size:1rem;font-weight:500;margin:0}.alert{padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem;margin-bottom:1rem}.alert-error{background-color:color-mix(in srgb,var(--color-error) 10%,var(--color-card));color:var(--color-error);border:1px solid color-mix(in srgb,var(--color-error) 20%,var(--color-border))}.alert-success{background-color:color-mix(in srgb,var(--color-success) 10%,var(--color-card));color:var(--color-success);border:1px solid color-mix(in srgb,var(--color-success) 20%,var(--color-border))}.min-h-screen{min-height:100vh}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.bg-gray-50{background-color:rgb(249 250 251)}.bg-card{background-color:var(--color-card)}.text-inverse{color:var(--color-text-inverse)}.text-gray-600{color:rgb(75 85 99)}.text-gray-700{color:rgb(55 65 81)}.text-gray-900{color:rgb(17 24 39)}.text-red-600{color:rgb(220 38 38)}.border-b{border-bottom-width:1px}.border-light{border-color:var(--color-border-light)}.border-default{border-color:var(--color-border)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-lg)}.rounded-lg{border-radius:.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-48{width:12rem}.w-full{width:100%}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.p-2{padding:.5rem}.p-4{padding:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.mt-2{margin-top:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-left{text-align:left}.hover\:bg-surface:hover{background-color:var(--color-surface)}.hover\:bg-surface-hover:hover,.hover\:bg-surface-light:hover{background-color:var(--color-surface-hover)}.hover\:bg-red-50:hover{background-color:color-mix(in srgb,var(--color-error) 10%,transparent)}.dropdown-menu{background-color:var(--color-card)!important;border-color:var(--color-border)!important;box-shadow:var(--shadow-lg)!important}.dropdown-item,.dropdown-menu{color:var(--color-text-primary)!important}.dropdown-item{background-color:transparent!important;transition:background-color var(--transition)!important}.dropdown-item:hover{background-color:var(--color-surface-hover)!important}.token-status-card,.user-menu-card{background-color:var(--color-card)!important;border-color:var(--color-border)!important;box-shadow:var(--shadow-lg)!important}.user-button{background-color:transparent!important;transition:background-color var(--transition)!important}.user-button:hover{background-color:var(--color-surface-hover)!important}.user-avatar{background-color:var(--color-primary)!important;color:var(--color-text-inverse)!important}.user-name{color:var(--color-text-primary)!important}.app-logo{background-color:var(--color-primary)!important}.logo-icon{color:var(--color-text-inverse)!important}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background-color:var(--color-surface);border-right:1px solid var(--color-border);transition:width var(--transition),transform var(--transition);z-index:30;display:flex;flex-direction:column}.sidebar.collapsed{width:64px}.sidebar-header{padding:15px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:12px;min-height:64px}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:6px;cursor:pointer;transition:all var(--transition);flex-shrink:0}.sidebar-toggle:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.sidebar-title{display:flex;align-items:center;gap:8px;overflow:hidden}.app-logo-small{color:var(--color-primary);flex-shrink:0}.app-title{font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-navigation{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:8px}.navigation-folder{margin-bottom:4px}.navigation-item{display:flex;align-items:center;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-secondary);text-align:left;cursor:pointer;border-radius:6px;transition:all var(--transition);font-size:14px;font-weight:500;min-height:36px;position:relative}.navigation-item.active,.navigation-item:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.navigation-item .navigation-icon{color:var(--color-primary)}.navigation-item-nested{font-size:14px;color:var(--color-text-muted)}.navigation-item-nested:hover{color:var(--color-text-secondary)}.navigation-item-content{display:flex;align-items:center;gap:8px;flex:1 1;overflow:hidden}.navigation-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.navigation-icon svg{scale:1.2}.navigation-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1}.navigation-arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:auto;transition:transform var(--transition)}.navigation-arrow.expanded{transform:rotate(180deg)}.navigation-children{margin-left:8px;padding-left:12px;border-left:1px solid var(--color-border-light)}.navigation-folder-header{font-weight:500;color:var(--color-text-primary)}.navigation-hybrid-item{display:flex;align-items:center;background-color:transparent;border-radius:6px;overflow:hidden;margin:2px 0}.navigation-link-part{flex:1 1;border-radius:0;margin:0;background-color:transparent}.navigation-toggle-btn{background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition);border-radius:0;min-width:24px;width:24px;height:36px;margin:0}.navigation-toggle-btn:hover{color:var(--color-text-primary)}.navigation-toggle-btn .navigation-arrow{width:16px;height:16px;margin:0}.navigation-toggle-btn svg{scale:.8}.navigation-hybrid-item .navigation-link-part.active:before{display:none}.navigation-hybrid-item .navigation-link-part.active+.navigation-toggle-btn,.navigation-hybrid-item:hover{background-color:var(--color-surface-hover)}.navigation-hybrid-item .navigation-link-part:hover,.navigation-hybrid-item .navigation-toggle-btn:hover{background-color:transparent}.file-field{width:100%}.file-field-display{justify-content:space-between;padding:12px 16px;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-card)}.file-field-display,.file-info{display:flex;align-items:center}.file-info{gap:8px;flex:1 1;min-width:0}.file-icon{font-size:16px;flex-shrink:0}.file-name{font-size:14px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-actions{display:flex;gap:8px;flex-shrink:0}.file-field-empty,.file-upload-btn{display:flex;align-items:center;gap:8px}.file-upload-btn{font-size:14px}.file-drop-zone{border:2px dashed var(--color-border);border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all var(--transition);background-color:var(--color-surface)}.file-drop-zone:hover{border-color:var(--color-primary);background-color:var(--color-surface-hover)}.file-drop-zone.drag-over{border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 5%,transparent);border-style:solid}.file-drop-zone.uploading{pointer-events:none;opacity:.7}.drop-zone-content h4{margin:16px 0 8px;font-size:16px;font-weight:500;color:var(--color-text-primary)}.drop-zone-content p{margin:0;font-size:14px;color:var(--color-text-muted);line-height:1.4}.drop-zone-icon{font-size:48px;margin-bottom:8px}.upload-progress{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-progress p{margin:0;font-size:14px;color:var(--color-text-primary)}.required-indicator{color:var(--color-danger,#ef4444)}.status-display{gap:8px}.status-indicator{width:8px;height:8px}.status-label{font-size:14px}.status-blue{background-color:#3b82f6}.status-gray{background-color:#6b7280}.status-green{background-color:#10b981}.status-red{background-color:#ef4444}.status-orange{background-color:#f59e0b}.status-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar:not(.collapsed){transform:translateX(0)}}.main-content{margin-left:280px;min-height:100vh;background-color:var(--color-background);transition:margin-left var(--transition)}.main-content.sidebar-collapsed{margin-left:64px}.main-content-header{background-color:var(--color-card);border-bottom:1px solid var(--color-border);padding:0 24px;height:64px;display:flex;align-items:center;justify-content:flex-end;gap:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-actions{display:flex;align-items:center;gap:12px}.client-details-header .header-actions{gap:8px}.client-details-header .header-actions .btn{font-size:14px;padding:8px 16px;min-height:36px}.client-details-header .header-actions .btn:disabled{opacity:.5;cursor:not-allowed;color:var(--color-text-muted)}.client-details-header .header-actions .btn-primary:disabled,.client-details-header .header-actions .btn:disabled{background:var(--color-surface);border-color:var(--color-border)}.header-dropdown-container{position:relative;display:inline-block}.header-dropdown-container-item .header-dropdown-trigger{height:36px;padding:8px}.header-dropdown-trigger{display:flex;align-items:center;justify-content:center;min-width:42px;height:44px;padding:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}.header-dropdown-trigger:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.header-dropdown-menu{position:absolute;top:100%;right:0;min-width:200px;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;margin-top:4px;padding:4px 0;animation:dropdownSlideIn .15s ease-out}.header-dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:var(--color-text-primary);transition:background-color .2s ease}.header-dropdown-item:hover:not(:disabled){background:var(--color-bg-surface-hover)}.header-dropdown-item:disabled{opacity:.6;cursor:not-allowed}.header-dropdown-item.danger{color:var(--color-text-error)}.header-dropdown-item.danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-error) 10%,transparent)}.dropdown-item-icon{display:flex;align-items:center;width:18px;height:18px;flex-shrink:0}.dropdown-item-text{display:flex;align-items:center;gap:8px;flex:1 1}.loading-spinner-small{width:14px;height:14px;border-width:2px}[data-theme=dark] .header-dropdown-trigger{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}[data-theme=dark] .header-dropdown-trigger:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}[data-theme=dark] .header-dropdown-menu{background:var(--surface);border-color:var(--border-default)}[data-theme=dark] .header-dropdown-item{color:var(--text-primary)}[data-theme=dark] .header-dropdown-item:hover:not(:disabled){background:var(--surface-hover)}[data-theme=dark] .header-dropdown-item.danger{color:var(--error)}[data-theme=dark] .header-dropdown-item.danger:hover:not(:disabled){background:color-mix(in srgb,var(--error) 15%,transparent)}.data-table-container{padding:24px}.data-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.data-table-title h1{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.data-table-count{font-size:14px;color:var(--color-text-muted)}.data-table-search{min-width:300px}.search-input{height:44px;padding:10px 16px;background-color:var(--color-card);color:var(--color-text-primary);transition:all var(--transition)}.search-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.data-table-wrapper{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.data-table th{padding:16px;text-align:left;font-weight:600;font-size:13px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-right:1px solid var(--color-border-light);position:relative}.data-table th:last-child{border-right:none}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table th.sortable:hover{background-color:var(--color-surface-hover)}.table-header-content{display:flex;align-items:center;justify-content:space-between;gap:8px}.sort-icon{display:flex;align-items:center;opacity:.5;transition:opacity var(--transition)}.sort-icon.asc,.sort-icon.desc{opacity:1;color:var(--color-primary)}.sort-icon.desc{transform:rotate(180deg)}.data-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition)}.data-table tbody tr:hover{background-color:var(--color-surface-hover)}.data-table tbody tr:last-child{border-bottom:none}.data-table td{padding:16px;color:var(--color-text-primary);font-size:14px;border-right:1px solid var(--color-border-light)}.data-table td:last-child{border-right:none}.empty-cell,.loading-cell{text-align:center;padding:48px 16px;color:var(--color-text-muted)}.loading-cell{display:flex;align-items:center;justify-content:center;gap:12px}.data-table-error{text-align:center;padding:48px 16px;color:var(--color-error)}.data-table-error p{margin-bottom:16px}.data-table-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--color-border);background-color:var(--color-surface)}.pagination-info{font-size:14px;color:var(--color-text-secondary)}.pagination{gap:4px}.pagination,.pagination-btn{display:flex;align-items:center}.pagination-btn{justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid var(--color-border);background-color:var(--color-card);color:var(--color-text-secondary);border-radius:6px;cursor:pointer;transition:all var(--transition);font-size:14px}.pagination-btn:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text-primary)}.pagination-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-nav{font-weight:600}.pagination-dots{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;color:var(--color-text-muted);font-size:14px}@media (max-width:768px){.main-content{margin-left:0}.data-table-container{padding:16px}.data-table-header{flex-direction:column;align-items:stretch;gap:12px}.data-table-search{min-width:auto}.data-table-wrapper{overflow-x:auto}.data-table{min-width:600px}.data-table-footer{flex-direction:column;gap:12px;align-items:stretch}.pagination{justify-content:center}}.transition-colors{transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.rotate-180{transform:rotate(180deg)}.relative{position:relative}.absolute{position:absolute}.right-0{right:0}.z-50{z-index:50}.fixed{position:fixed}.bottom-4{bottom:1rem}.right-4{right:1rem}.max-w-sm{max-width:24rem}.bg-green-500{background-color:rgb(34 197 94)}.bg-red-500{background-color:rgb(239 68 68)}.text-yellow-600{color:rgb(217 119 6)}.text-blue-400{color:rgb(96 165 250)}.text-blue-600{color:rgb(37 99 235)}.text-purple-600{color:rgb(147 51 234)}.text-green-600{color:rgb(22 163 74)}.bg-primary{background-color:var(--color-primary)}.bg-opacity-10{background-color:color-mix(in srgb,currentColor 10%,transparent)}.text-primary{color:var(--color-primary)}.hidden{display:none}.inset-0{top:0;right:0;bottom:0;left:0}.z-40{z-index:40}.w-80{width:20rem}.w-3\/4{width:75%}.w-1\/2{width:50%}.h-16{height:4rem}.h-1{height:.25rem}.h-2{height:.5rem}.p-3{padding:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-bottom:.75rem}.pt-3,.py-3{padding-top:.75rem}.mt-3{margin-top:.75rem}.-top-1{top:-.25rem}.-right-1{right:-.25rem}.mb-1{margin-bottom:.25rem}.mt-0\.5{margin-top:.125rem}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.border-2{border-width:2px}.border-gray-300,.hover\:border-gray-300:hover{border-color:rgb(209 213 219)}.hover\:shadow-sm:hover{box-shadow:0 1px 2px 0 rgb(0 0 0/.05)}.scale-105{transform:scale(1.05)}.text-center{text-align:center}.flex-1{flex:1 1}.space-y-1>*+*{margin-top:.25rem}@media (min-width:640px){.sm\:block{display:block}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.theme-switcher-button{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all var(--transition);color:var(--color-text-primary);font-size:14px;min-width:0}.theme-switcher-button:hover{background-color:var(--color-surface-hover)}.theme-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.theme-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chevron-icon{width:16px;height:16px;color:var(--color-text-muted);transition:transform var(--transition);flex-shrink:0}.chevron-icon.open{transform:rotate(180deg)}.theme-overlay{position:fixed;inset:0;z-index:40;background:transparent}.theme-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:320px;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:50;overflow:hidden}.theme-dropdown-header{padding:16px;border-bottom:1px solid var(--color-border-light)}.theme-dropdown-header h3{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.theme-dropdown-header p{font-size:12px;color:var(--color-text-muted);margin:0}.theme-options{padding:8px}.theme-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all var(--transition);text-align:left}.theme-option:hover{background-color:var(--color-surface-hover)}.theme-option.active{background-color:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary)}.theme-option-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.theme-option-content{flex:1 1;min-width:0}.theme-option-name{display:block;font-size:14px;font-weight:500;color:var(--color-text-primary);margin-bottom:2px}.theme-option.active .theme-option-name{color:var(--color-primary)}.theme-option-desc{display:block;font-size:12px;color:var(--color-text-muted);line-height:1.3}.theme-check{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.theme-dropdown-footer{padding:12px 16px;border-top:1px solid var(--color-border-light)}.theme-dropdown-footer p{font-size:12px;color:var(--color-text-muted);margin:0}.user-menu-button{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all var(--transition);color:var(--color-text-primary);font-size:14px;min-width:0}.user-menu-button:hover{background-color:var(--color-surface-hover)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 80%,#000));color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}.user-name{font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.user-menu-overlay{position:fixed;inset:0;z-index:40;background:transparent}.user-menu-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:280px;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:50;overflow:hidden}.user-menu-header{padding:16px;display:flex;align-items:center;gap:12px}.user-avatar-large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 80%,#000));color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}.user-info{flex:1 1;min-width:0}.user-info h3{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 2px}.user-info h3,.user-info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info p{font-size:12px;color:var(--color-text-muted);margin:0 0 4px}.user-role{display:inline-block;background:var(--color-surface);color:var(--color-text-secondary);font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.user-menu-divider{height:1px;background:var(--color-border-light);margin:0}.user-menu-options{padding:8px}.user-menu-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all var(--transition);text-align:left;color:var(--color-text-primary);font-size:14px}.user-menu-option:hover{background-color:var(--color-surface-hover)}.user-menu-option.logout{color:var(--color-error)}.user-menu-option.logout:hover{background-color:color-mix(in srgb,var(--color-error) 10%,transparent)}.menu-icon{width:18px;height:18px;flex-shrink:0;color:var(--color-text-secondary)}.user-menu-option.logout .menu-icon{color:var(--color-error)}.user-menu-option span{font-weight:500}@media (max-width:640px){.theme-name,.user-name{display:none}.theme-dropdown,.user-menu-dropdown{width:280px;max-width:calc(100vw - 32px)}.theme-switcher-button,.user-menu-button{padding:8px}}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:16px}@media (max-width:640px){.auth-layout{padding:8px}}.iframe-layout{width:100%;min-height:100vh;padding:0;margin:0;background:var(--color-background);color:var(--color-text-primary);overflow-x:hidden}.iframe-layout>*{width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box}.iframe-layout .page-container,.iframe-layout .variables-container{padding:20px!important;margin:0!important;min-height:100vh;box-sizing:border-box}.iframe-layout .back-button,.iframe-layout .return-button{display:none!important}@media (max-width:640px){.iframe-layout .page-container,.iframe-layout .variables-container{padding:16px!important}}.client-details-container{padding:24px;max-width:800px;margin:0 auto}.client-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.header-content{flex:1 1}.header-info h1{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0 0 4px}.header-info p{font-size:14px;color:var(--color-text-muted);margin:0}.client-details-form-container{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;padding:24px}.client-form .form-group{margin-bottom:20px}.form-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--color-border-light);margin-top:24px}.form-actions-left{display:flex;gap:8px;align-items:center}.btn-icon{display:inline-flex;align-items:center;margin-right:6px}.btn-icon svg{width:16px;height:16px}.client-details-error,.client-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.client-details-loading .loading-spinner{margin-bottom:16px}.client-details-error h2{font-size:24px;color:var(--color-text-primary);margin:0 0 8px}.client-details-error p{color:var(--color-text-muted);margin:0 0 24px}.data-table-actions{display:flex;align-items:center;gap:12px}.actions-column{width:80px;text-align:center}.actions-cell{text-align:center;padding:8px!important;flex-direction:row}.actions-cell,.actions-cell-content{display:flex;justify-content:center;align-items:center}.actions-cell-content{gap:4px}.action-btn{display:inline-flex;width:32px;height:32px;border:none;border-radius:6px;transition:all var(--transition);background:transparent}.row-custom-btn{color:var(--color-text-muted)}.row-custom-btn.primary{color:var(--color-primary)}.row-custom-btn.primary:hover{background:var(--color-primary-light)}.row-custom-btn.secondary{color:var(--color-text-secondary)}.row-custom-btn.secondary:hover{background:var(--color-bg-hover)}.row-custom-btn.danger{color:var(--color-error)}.row-custom-btn.danger:hover{background:var(--color-error-light)}.delete-btn{color:var(--color-text-muted)}.delete-btn:hover{background:color-mix(in srgb,var(--color-error) 10%,transparent);color:var(--color-error)}.table-row.clickable{cursor:pointer}.table-row.clickable:hover{background-color:var(--color-surface-hover)}.modal-overlay{position:fixed;inset:0;background:color-mix(in srgb,#000 50%,transparent);z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:51;width:90%;max-width:480px;max-height:90vh;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border-light)}.modal-header h3{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition)}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.modal-body{padding:24px}.delete-warning{display:flex;gap:16px;align-items:flex-start}.delete-warning svg{color:var(--color-warning);flex-shrink:0;margin-top:4px}.delete-warning h4{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.delete-warning p{font-size:14px;color:var(--color-text-secondary);margin:0;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--color-border-light);background:var(--color-surface)}.btn-danger{background-color:var(--color-error);color:var(--color-text-inverse);border:1px solid var(--color-error)}.btn-danger:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-error) 90%,#000);border-color:color-mix(in srgb,var(--color-error) 90%,#000)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}@media (max-width:640px){.client-details-container{padding:16px}.client-details-header{flex-direction:column;align-items:stretch}.form-actions{flex-direction:column-reverse}.data-table-actions{flex-direction:column;align-items:stretch}.modal-content{width:95%;margin:16px}.modal-body,.modal-footer,.modal-header{padding:16px}.header-dropdown-menu{min-width:180px;right:-16px}.header-dropdown-item{padding:10px 14px;font-size:13px}}.form-checkbox{width:16px;height:16px;accent-color:var(--theme-primary)}.checkbox-label{color:var(--theme-text-color)}.checkbox-label:hover{color:var(--theme-primary)}.form-help{color:var(--theme-text-secondary)}@media (max-width:768px){.client-details-form-container{padding:16px}.client-form{gap:16px}.form-actions{flex-direction:column;gap:12px;align-items:stretch}.form-actions-left{flex-direction:column;gap:8px;width:100%}.form-actions .btn{width:100%;justify-content:center}}.form-loading{opacity:.6;pointer-events:none}.form-group.disabled .form-checkbox,.form-group.disabled .form-input{opacity:.5;cursor:not-allowed}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.2)}.field-error{color:#ef4444;font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px}.field-error svg{width:14px;height:14px;flex-shrink:0}.fk-select-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--radius);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);width:900px;height:70vh;max-width:90vw;max-height:80vh;min-height:500px;z-index:1001;flex-direction:column}.fk-select-modal,.fk-select-modal-header{background:var(--color-card);display:flex}.fk-select-modal-header{align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border);border-radius:var(--radius) var(--radius) 0 0}.fk-select-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.fk-select-modal-body{padding:1.5rem;flex:1 1;overflow:hidden;display:flex;flex-direction:column}.fk-select-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.fk-select-stats{color:var(--color-text-secondary);font-size:.875rem}.fk-select-actions{display:flex;align-items:center;gap:1rem}.fk-select-search{min-width:200px}.fk-select-search input:disabled{opacity:.6;cursor:not-allowed}.fk-create-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.fk-create-form h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.fk-form-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.form-field{display:flex;flex-direction:column}.required-mark{color:var(--color-error);margin-left:.25rem}.form-description{margin:.25rem 0 0;font-size:.75rem;color:var(--color-text-secondary)}.fk-form-actions{display:flex;align-items:center;gap:.75rem;justify-content:flex-end}.fk-select-table-wrapper{flex:1 1;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius);min-height:0}.fk-select-table-container{flex:1 1;overflow:hidden;position:relative;transition:all .2s ease}.fk-select-table-container.has-data{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-text-muted) 30%,transparent) transparent}.fk-select-table-container.has-data::-webkit-scrollbar{width:8px}.fk-select-table-container.has-data::-webkit-scrollbar-track{background:transparent}.fk-select-table-container.has-data::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text-muted) 30%,transparent);border-radius:4px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.fk-select-table-container.has-data::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-text-muted) 50%,transparent)}.fk-select-table-container.loading{overflow:hidden}.fk-select-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem;table-layout:fixed}.fk-select-table thead{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.fk-select-table thead tr{display:table-row}.fk-select-table th{padding:.75rem;text-align:left;font-weight:600;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--color-surface);position:-webkit-sticky;position:sticky;top:0}.fk-select-table th:last-child{border-right:none}.fk-select-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fk-select-table th.sortable:hover{background:var(--color-surface-hover)}.fk-select-table tbody{background:var(--color-card)}.fk-select-table tbody tr{display:table-row}.fk-table-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--color-card) 80%,transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:5;transition:opacity .2s ease}.fk-table-loading-overlay.hidden{opacity:0;pointer-events:none}.fk-pagination-loading{pointer-events:none;opacity:.6;transition:opacity .2s ease}.fk-pagination-loading .pagination-btn{opacity:.7;cursor:not-allowed}.skeleton-row{animation:none!important}.skeleton-content{animation:skeletonPulse .8s ease-in-out infinite;width:80%}@keyframes skeletonPulse{0%{background-position:-200% 0}to{background-position:200% 0}}.fk-skeleton-row{animation:pulse .8s ease-in-out infinite}.fk-skeleton-cell{background:var(--color-surface);border-radius:4px;height:1rem;margin:.25rem 0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeInRow{to{opacity:1;transform:translateY(0)}}.pagination-btn{transition:all .15s ease;transform:scale(1)}.pagination-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 25%,transparent)}.pagination-btn:active:not(:disabled){transform:scale(.95)}.pagination-btn.active{transform:scale(1);box-shadow:0 2px 12px color-mix(in srgb,var(--color-primary) 30%,transparent)}.fk-select-row{border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color var(--transition);animation:fadeInRow .2s ease forwards;opacity:0;transform:translateY(5px)}.fk-select-row:first-child{animation-delay:.02s}.fk-select-row:nth-child(2){animation-delay:.04s}.fk-select-row:nth-child(3){animation-delay:.06s}.fk-select-row:nth-child(4){animation-delay:.08s}.fk-select-row:nth-child(5){animation-delay:.1s}.fk-select-row:nth-child(6){animation-delay:.12s}.fk-select-row:nth-child(7){animation-delay:.14s}.fk-select-row:nth-child(8){animation-delay:.16s}.fk-select-row:nth-child(9){animation-delay:.18s}.fk-select-row:nth-child(10){animation-delay:.2s}.fk-select-row:hover{background:var(--color-surface-hover)}.fk-select-row.selected{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.fk-select-row.selected:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.fk-select-table td{padding:.75rem;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);color:var(--color-text-primary);vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fk-select-table td:last-child{border-right:none}.fk-select-footer{padding:1rem;border-top:1px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:space-between;border-radius:0 0 var(--radius) var(--radius)}.fk-select-error{padding:2rem;text-align:center;color:var(--color-error)}.fk-select-error p{margin:0 0 1rem}.fk-select-table .empty-cell,.fk-select-table .loading-cell{padding:2rem;text-align:center;color:var(--color-text-secondary);border:none;white-space:normal;animation:fadeInRow .2s ease forwards;opacity:0}.fk-select-table .loading-cell{text-align:center}.fk-select-table .loading-cell .loading-spinner{display:inline-block;margin-right:.5rem}@media (max-width:768px){.fk-select-modal{width:95vw;max-height:85vh}.fk-select-modal-body,.fk-select-modal-header{padding:1rem}.fk-select-header{gap:.75rem}.fk-select-actions,.fk-select-header{flex-direction:column;align-items:stretch}.fk-select-search{min-width:auto}.fk-form-fields{grid-template-columns:1fr}.fk-form-actions{flex-direction:column;align-items:stretch}.fk-select-table{font-size:.8rem;table-layout:auto}.fk-select-table td,.fk-select-table th{padding:.5rem;white-space:normal}.fk-select-table-container{max-height:300px}.fk-select-row{animation-delay:0s!important}.fk-pagination-loading{opacity:.8}.fk-select-footer{flex-direction:column;gap:.75rem;text-align:center}}.status-select-wrapper{position:relative;width:100%}.status-select-trigger{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-card);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color var(--transition),box-shadow var(--transition);font-size:.875rem;min-height:auto}.status-select-trigger.open,.status-select-trigger:hover:not(.disabled){border-color:var(--color-border-focus)}.status-select-trigger.open{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.status-select-trigger.disabled{background:var(--color-surface);cursor:not-allowed;opacity:.5}.status-display{display:flex;align-items:center;gap:.5rem;flex:1 1;overflow:hidden}.status-label{font-size:.875rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-label.placeholder{color:var(--color-text-muted)}.status-indicator{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.status-indicator.status-blue{background:#3b82f6}.status-indicator.status-gray{background:#6b7280}.status-indicator.status-green{background:#10b981}.status-indicator.status-red{background:#ef4444}.status-indicator.status-orange{background:#f59e0b}.status-arrow{color:var(--color-text-muted);transition:transform var(--transition)}.status-select-trigger.open .status-arrow{transform:rotate(180deg)}.status-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);margin-top:4px;max-height:300px;overflow:hidden;animation:statusDropdownOpen .2s ease-out}@keyframes statusDropdownOpen{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.status-search{padding:.5rem;border-bottom:1px solid var(--color-border-light)}.status-search-input{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;background:var(--color-card);color:var(--color-text-primary);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.status-search-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.status-options{max-height:240px;overflow-y:auto}.status-option{width:100%;padding:.5rem .75rem;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;text-align:left;font-size:.875rem;color:var(--color-text-primary);transition:background-color var(--transition);min-height:2.25rem}.status-option:hover:not(.empty){background:var(--color-surface-hover)}.status-option.selected{background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary)}.status-option.selected:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.status-option.empty{color:var(--color-text-muted);cursor:default;justify-content:center}.variables-container{padding:24px;max-width:1090px;margin:0 auto;min-height:calc(100vh - 120px);display:flex;flex-direction:column}.variables-header{margin-bottom:24px}.back-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition);margin-bottom:16px}.back-button:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.back-button:disabled{opacity:.5;cursor:not-allowed}.variables-title{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.variables-subtitle{font-size:14px;color:var(--color-text-muted);margin:0}.info-panel{gap:16px;padding:16px;background:var(--color-surface);border:2px solid var(--color-primary);margin-bottom:24px}.info-panel--primary{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface))}.info-panel--warning{border-color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 10%,var(--color-surface))}.info-panel--error{border-color:var(--color-error);background:color-mix(in srgb,var(--color-error) 10%,var(--color-surface))}.info-panel__icon{width:24px;height:24px;padding:4px;border-radius:4px}.info-panel--primary .info-panel__icon{background:color-mix(in srgb,var(--color-primary) 25%,transparent)}.info-panel--warning .info-panel__icon{background:color-mix(in srgb,var(--color-warning) 25%,transparent)}.info-panel--error .info-panel__icon{background:color-mix(in srgb,var(--color-error) 25%,transparent)}.info-panel__content{flex-grow:1}.info-panel__title{font-size:1.1em;color:var(--color-text-primary)}.info-panel__text{color:var(--color-text-secondary);font-size:.9em;line-height:1.4}.variables-form{flex:1 1;margin-bottom:24px}.form-fields{display:flex;flex-direction:column;gap:16px}.form-fields-virtual-container{padding:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s ease}.form-fields-virtual-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.form-fields-virtual-container::-webkit-scrollbar{width:8px}.form-fields-virtual-container::-webkit-scrollbar-track{background:var(--color-bg-surface-light);border-radius:4px}.form-fields-virtual-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.form-fields-virtual-container::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.form-fields-virtual-container [data-index]{isolation:isolate}.form-fields-virtual-container [data-index]:has(.field-type-dropdown),.form-fields-virtual-container [data-index]:has(.multi-select-dropdown),.form-fields-virtual-container [data-index]:has(.multiselect-dropdown),.form-fields-virtual-container [data-index]:has(.status-dropdown){z-index:999;position:relative}.form-fields-virtual-container .field-type-dropdown,.form-fields-virtual-container .multi-select-dropdown,.form-fields-virtual-container .multiselect-dropdown,.form-fields-virtual-container .status-dropdown{z-index:1001!important}.field-container{padding:16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);transition:border-color var(--transition),box-shadow var(--transition)}.field-container:hover{border-color:var(--color-primary)}.field-container:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.field-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;justify-content:space-between;flex-wrap:nowrap}.field-label{font-weight:600;color:var(--color-text-primary);font-size:14px;flex:1 1;min-width:0;overflow:hidden}.field-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.variable-form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin-bottom:24px}.form-group-full{grid-column:1/-1}.field-type-select-container{position:relative}.field-type-select-trigger{width:100%;padding:12px 16px;border:2px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text-primary);font-size:14px;font-weight:500;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition);cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left;min-height:44px}.field-type-select-trigger:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-surface-hover)}.field-type-select-trigger.open{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.field-type-select-trigger:disabled{opacity:.5;cursor:not-allowed}.field-type-display{display:flex;align-items:center;gap:8px;flex:1 1}.field-type-indicator{width:12px;height:12px}.field-type-label{font-size:14px;color:var(--color-text-primary)}.field-type-arrow{color:var(--color-text-muted);transition:transform var(--transition);flex-shrink:0}.field-type-arrow.open{transform:rotate(180deg)}.field-type-overlay{position:fixed;inset:0;z-index:40;background:transparent}.field-type-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--color-card);border:1px solid var(--color-border);border-radius:6px;box-shadow:var(--shadow-lg);margin-top:4px;max-height:240px;overflow-y:auto;animation:fieldTypeDropdownOpen .2s ease-out}@keyframes fieldTypeDropdownOpen{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.field-type-option{width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:8px;text-align:left;font-size:14px;color:var(--color-text-primary);transition:background-color var(--transition);border-bottom:1px solid var(--color-border-light)}.field-type-option:last-child{border-bottom:none}.field-type-option:hover{background:var(--color-surface-hover)}.field-type-option.selected{background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary)}.field-type-option.selected:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.field-type-option .field-type-label{font-weight:500}.field-type-option-main{display:flex;align-items:center;gap:10px;width:100%}.field-type-info{display:flex;flex-direction:column;gap:2px;flex:1 1}.field-type-description{font-size:12px;color:var(--color-text-secondary);opacity:.8;line-height:1.4}.field-type-option.selected .field-type-description{opacity:.7}.checkbox-wrapper{display:flex;align-items:center;gap:8px;margin-top:8px}.form-checkbox{width:18px;height:18px;border:2px solid var(--color-border);border-radius:4px;background:var(--color-card);cursor:pointer;transition:all var(--transition);flex-shrink:0;accent-color:var(--color-primary)}.form-checkbox:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.checkbox-label{font-size:14px;font-weight:500;color:var(--color-text-primary);cursor:pointer;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label:hover{color:var(--color-primary)}.field-textarea{border:2px solid var(--color-border);border-radius:8px;font-weight:500;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition)}.field-textarea:hover{background:var(--color-surface-hover)}.field-textarea:focus{border-color:var(--color-primary)}.actions{position:-webkit-sticky;position:sticky;bottom:0;justify-content:space-between;align-items:center;padding:20px 0;background:var(--color-background);border-top:1px solid var(--color-border);z-index:10}.actions,.actions-left,.actions-right{display:flex;gap:12px}.action-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:6px;border:none;font-weight:500;font-size:14px;cursor:pointer;transition:all var(--transition);min-height:44px}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button.draft{background:var(--color-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.action-button.draft:hover:not(:disabled){background:var(--color-surface-hover)}.action-button.apply{background:var(--color-primary);color:var(--color-text-inverse)}.action-button.apply:hover:not(:disabled){background:var(--color-primary-hover)}.action-button.import{background:var(--color-info);color:var(--color-text-inverse)}.action-button.import:hover:not(:disabled){background:color-mix(in srgb,var(--color-info) 90%,#000)}.variables-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.variables-loading .loading-spinner{margin-bottom:16px}.variables-loading h2{font-size:24px;color:var(--color-text-primary);margin:0 0 8px}.variables-loading p{color:var(--color-text-muted);margin:0}.required-indicator{font-weight:700;margin-left:4px}.form-help{display:block;margin-top:4px;font-size:12px;color:var(--color-text-secondary);line-height:1.4}.variables-constructor-container{padding:24px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 120px);display:flex;flex-direction:column;gap:24px}.variables-constructor-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.variables-constructor-title{flex:1 1;min-width:0}.variables-constructor-title h1{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variables-constructor-actions{display:flex;gap:12px;flex-shrink:0}.variables-constructor-search{width:100%;max-width:400px}.search-input-container{position:relative;display:flex;align-items:center}.search-input-container .search-input{width:100%;padding:12px 16px 12px 48px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text-primary);font-size:14px;transition:border-color var(--transition),box-shadow var(--transition)}.search-input-container .search-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.search-input-container .search-icon{left:16px;pointer-events:none}.search-input-container .clear-search-btn,.search-input-container .search-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.search-input-container .clear-search-btn{right:12px;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all var(--transition)}.search-input-container .clear-search-btn:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.variables-constructor-table-wrapper{flex:1 1;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}.variables-constructor-error{padding:48px 24px;text-align:center;color:var(--color-error);background:var(--color-card)}.variables-constructor-error p{margin:0;font-size:16px}.variables-constructor-table-container{width:100%;min-height:400px;max-height:calc(100vh - 350px);display:flex;flex-direction:column;overflow:hidden}.variables-constructor-table-header{display:grid;grid-template-columns:1fr 180px 80px;grid-gap:16px;gap:16px;padding:16px 24px;background:var(--color-surface);border-bottom:2px solid var(--color-border);font-weight:600;font-size:13px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:1;box-shadow:0 2px 4px color-mix(in srgb,var(--color-text-muted) 15%,transparent)}.variables-constructor-table-body{flex:1 1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-text-muted) 30%,transparent) transparent;scroll-behavior:smooth}.variables-constructor-table-body::-webkit-scrollbar{width:8px}.variables-constructor-table-body::-webkit-scrollbar-track{background:transparent}.variables-constructor-table-body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text-muted) 30%,transparent);border-radius:4px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.variables-constructor-table-body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-text-muted) 50%,transparent)}.variables-constructor-row{display:grid;grid-template-columns:1fr 180px 80px;grid-gap:16px;gap:16px;padding:16px 24px;border-bottom:1px solid var(--color-border-light);align-items:center;cursor:pointer;transition:background-color var(--transition);min-height:60px}.variables-constructor-row:hover{background:var(--color-surface-hover)}.variables-constructor-row:last-child{border-bottom:none}.variables-constructor-row .column-key{overflow:hidden;display:flex;align-items:center;min-width:0}.variables-constructor-row .column-type{display:flex;align-items:center;justify-content:flex-start}.variables-constructor-row .column-actions{display:flex;align-items:center;justify-content:center}.key-content{gap:10px;width:100%}.key-content svg{color:var(--color-primary);flex-shrink:0}.key-text{flex:1 1}.field-type-badge,.key-text{color:var(--color-text-primary)}.field-type-badge{display:inline-flex;background:var(--color-surface);border:1px solid var(--color-border);font-size:12px;font-weight:500;white-space:nowrap}.variables-constructor-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;color:var(--color-text-muted);text-align:center}.empty-icon{margin-bottom:16px;color:var(--color-text-muted);opacity:.5}.variables-constructor-empty p{margin:0;font-size:16px;color:var(--color-text-secondary)}.variables-constructor-empty strong{color:var(--color-text-primary)}.variables-constructor-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:auto;padding-top:16px;border-top:1px solid var(--color-border-light)}.skeleton-row{opacity:.6}.skeleton-content{height:16px;background:linear-gradient(90deg,color-mix(in srgb,var(--color-text-muted) 10%,transparent) 25%,color-mix(in srgb,var(--color-text-muted) 20%,transparent) 50%,color-mix(in srgb,var(--color-text-muted) 10%,transparent) 75%);background-size:200% 100%;border-radius:4px;animation:skeletonShimmer 1.5s ease-in-out infinite}@media (max-width:768px){.variables-container{padding:16px}.variable-form-grid{grid-template-columns:1fr;gap:16px}.form-fields-virtual-container{height:500px!important;max-width:100%;padding:6px}.title-field-container{margin:16px 0 20px}.title-field-header{gap:8px}.title-field-icon{width:32px;height:32px}.title-field-icon svg{width:18px;height:18px}.title-field-text{font-size:20px}.title-field-divider{height:2px}.actions{flex-direction:column;align-items:stretch}.actions-left,.actions-right{flex-direction:column;width:100%}.action-button{width:100%;justify-content:center}.variables-constructor-container{padding:16px}.variables-constructor-header{flex-direction:column;align-items:stretch}.variables-constructor-title h1{font-size:24px}.variables-constructor-search{max-width:none}.variables-constructor-table-container{max-height:calc(100vh - 320px)}.variables-constructor-table-body::-webkit-scrollbar{width:12px}.variables-constructor-table-body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text-muted) 50%,transparent)}.variables-constructor-row,.variables-constructor-table-header{grid-template-columns:1fr auto;gap:12px}.variables-constructor-row .column-actions,.variables-constructor-table-header .column-actions{grid-column:2;grid-row:1}.variables-constructor-row .column-type,.variables-constructor-table-header .column-type{grid-column:1;grid-row:2;margin-top:8px}.variables-constructor-row{padding:12px 16px}.variables-constructor-footer{flex-direction:column;align-items:stretch;text-align:center}}.replacements-section{margin-top:24px;padding:20px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px}.section-header{margin-bottom:20px}.section-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 6px}.section-subtitle{font-size:14px;color:var(--color-text-secondary);margin:0}.replacements-container{display:flex;flex-direction:column;gap:16px}.replacements-list{display:flex;flex-direction:column;gap:12px}.replacement-item{border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-primary);overflow:hidden}.replacement-main{padding:16px}.replacement-input-group{display:flex;align-items:center;gap:8px}.replacement-input-wrapper{flex:1 1;position:relative}.replacement-input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:14px;transition:border-color .2s ease}.replacement-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(59,130,246,.1)}.replacement-input.loading{padding-right:36px}.replacement-loading{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.loading-spinner-small{width:16px;height:16px;border-top:2px solid var(--color-border);border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.replacement-expand-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;font-size:14px;white-space:nowrap}.replacement-expand-btn:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.replacement-expand-btn.expanded{background:var(--color-primary);color:white;border-color:var(--color-primary)}.children-count{font-weight:600;min-width:16px;text-align:center}.expand-arrow{transition:transform .2s ease}.expand-arrow.expanded{transform:rotate(180deg)}.replacement-delete-btn{display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.replacement-delete-btn:hover{background:var(--color-error);border-color:var(--color-error);color:white}.replacement-children{border-top:1px solid var(--color-border);padding:16px;background:var(--color-bg-secondary)}.children-header{margin-bottom:16px}.children-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.children-subtitle{font-size:13px;color:var(--color-text-secondary);margin:0}.children-table{border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-primary);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.children-table-header{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,1.5fr) 100px 80px;background:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:12px;font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;grid-gap:8px;gap:8px;align-items:center;text-align:left}.children-table-body{display:flex;flex-direction:column;max-height:288px;overflow-y:auto}.children-table-body::-webkit-scrollbar{width:8px}.children-table-body::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}.children-table-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.children-table-body::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.children-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,1.5fr) 100px 80px;padding:12px;border-bottom:1px solid var(--color-border);transition:background-color .2s ease;min-height:48px;align-items:center;align-content:center;grid-gap:8px;gap:8px}.children-row:last-child{border-bottom:none}.children-row:hover:not(.clickable-row){background:var(--color-bg-hover)}.children-col-actions,.children-col-description,.children-col-key,.children-col-type{display:flex;align-items:center;justify-content:flex-start;font-size:14px;min-width:0}.children-col-description,.children-col-key{overflow:hidden;text-align:left}.children-col-actions,.children-col-type{text-align:left}.child-key-text{font-weight:500;color:var(--color-text-primary);transition:color .2s ease}.child-description-text,.child-key-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;text-align:left}.child-description-text{color:var(--color-text-secondary)}.child-type-display{display:flex;align-items:center;gap:6px}.child-type-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.child-type-text{font-size:12px;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.child-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.child-action-btn:hover{background:var(--color-error);border-color:var(--color-error);color:white}.children-empty{padding:32px 24px;text-align:center;color:var(--color-text-secondary);font-size:14px;display:flex;flex-direction:column;align-items:center;background:var(--color-bg-secondary);border-radius:8px;margin:8px}.children-actions{margin-top:16px;display:flex;gap:8px}.add-child-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;font-size:14px}.add-child-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:white}.replacements-empty{padding:24px;text-align:center;color:var(--color-text-secondary);font-size:14px}.replacements-actions{display:flex;gap:8px}.replacement-sort-arrows{display:flex;flex-direction:column;gap:2px;margin-right:8px;align-self:stretch}.sort-arrow-btn{display:flex;align-items:center;justify-content:center;width:20px;height:18px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:4px;cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary)}.sort-arrow-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.05)}.sort-arrow-btn:active:not(:disabled){transform:scale(.95)}.sort-arrow-btn:disabled{opacity:.3;cursor:not-allowed;background:var(--color-surface-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled)}.sort-arrow-btn svg{width:12px;height:12px;stroke-width:2.5}[data-theme=dark] .sort-arrow-btn{background:var(--color-surface-dark);border-color:var(--color-border-dark);color:var(--color-text-secondary-dark)}[data-theme=dark] .sort-arrow-btn:hover:not(:disabled){background:var(--color-surface-hover-dark);border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .sort-arrow-btn:disabled{background:var(--color-surface-disabled-dark);border-color:var(--color-border-disabled-dark);color:var(--color-text-disabled-dark)}.add-replacement-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:2px dashed var(--color-border);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.add-replacement-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:white}.add-replacement-btn:disabled{opacity:.5;cursor:not-allowed}.add-replacement-btn:disabled:hover{background:var(--color-bg-primary);border-color:var(--color-border);color:var(--color-text-primary)}@media (max-width:768px){.children-row,.children-table-header{grid-template-columns:minmax(100px,1fr) minmax(120px,1fr) 80px 70px;padding:8px;gap:6px}.children-table-header{font-size:12px}.children-row{font-size:13px}.child-type-text{font-size:11px}.child-type-indicator{width:10px;height:10px}.child-action-btn{width:28px;height:28px}}@media (max-width:480px){.replacement-input-group{flex-direction:column;gap:8px}.replacement-expand-btn{width:100%;justify-content:center}.children-row,.children-table-header{grid-template-columns:minmax(80px,1fr) 60px 50px;gap:4px}.children-col-description{display:none}.child-key-text{font-size:13px}}.clickable-row{cursor:pointer;transition:background-color .2s ease;border-radius:4px}.clickable-row:hover{background-color:var(--color-bg-hover)}.clickable-row:hover .child-key-text{color:var(--color-primary);font-weight:600}.add-child-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.add-child-modal{background:#ffffff;border-radius:12px;border:2px solid #e5e7eb;box-shadow:0 20px 50px rgba(0,0,0,.3);max-width:700px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;position:relative}[data-theme=dark] .add-child-modal{background:#1f2937;border-color:#374151}.add-child-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 20px;border-bottom:1px solid var(--color-border)}.add-child-modal-title h2{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.add-child-modal-title p{font-size:14px;color:var(--color-text-secondary);margin:0;line-height:1.4}.add-child-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.add-child-modal-close:hover{background:var(--color-error);color:white}.add-child-modal-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-right:8px}.add-child-modal-back:hover{background:var(--color-primary);color:white}.add-child-modal-search{padding:20px 24px;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.add-child-search-wrapper{position:relative;display:flex;align-items:center}.add-child-search-icon{position:absolute;left:14px;color:var(--color-text-secondary);pointer-events:none}.add-child-search-input{width:100%;padding:14px 16px 14px 46px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:14px;transition:all .2s ease}.add-child-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.add-child-search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.add-child-search-clear:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.add-child-modal-body{flex:1 1;overflow:hidden;display:flex;flex-direction:column;min-height:400px}.add-child-create-form{flex:1 1;overflow-y:auto;padding:24px}.add-child-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;max-width:100%}.required-indicator{color:var(--color-error);font-weight:600}.add-child-variable-skeleton{padding:16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-secondary);position:relative;overflow:hidden}.add-child-variable-skeleton:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}[data-theme=dark] .add-child-variable-skeleton:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}@keyframes shimmer{0%{left:-100%}to{left:100%}}.add-child-skeleton-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.add-child-skeleton-key{display:flex;align-items:center;gap:10px}.add-child-skeleton-icon{width:18px;height:18px;background:var(--color-border);border-radius:4px}.add-child-skeleton-text{width:120px;height:16px;background:var(--color-border);border-radius:4px}.add-child-skeleton-type{display:flex;align-items:center;gap:8px}.add-child-skeleton-indicator{width:14px;height:14px;background:var(--color-border);border-radius:50%}.add-child-skeleton-type-text{width:60px;height:12px;background:var(--color-border);border-radius:4px}.add-child-skeleton-description{width:80%;margin-bottom:8px}.add-child-skeleton-date,.add-child-skeleton-description{height:12px;background:var(--color-border);border-radius:4px}.add-child-skeleton-date{width:80px}.add-child-variables-list{flex:1 1;overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:12px;min-height:350px}.add-child-variable-item{padding:16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-secondary);cursor:pointer;transition:all .2s ease;position:relative}.add-child-variable-item:hover{background:var(--color-bg-hover);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.add-child-variable-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.add-child-variable-key{display:flex;align-items:center;gap:10px}.add-child-key-icon{color:var(--color-text-secondary)}.add-child-variable-key-text{font-weight:600;color:var(--color-text-primary);font-size:15px}.add-child-variable-type{display:flex;align-items:center;gap:8px}.add-child-type-indicator{width:14px;height:14px;border-radius:50%;flex-shrink:0}.add-child-type-text{font-size:12px;font-weight:500;color:var(--color-text-secondary)}.add-child-variable-description{color:var(--color-text-secondary);font-size:13px;line-height:1.4;margin-bottom:8px}.add-child-variable-date{font-size:12px;color:var(--color-text-secondary);opacity:.8}.add-child-loading-more{display:flex;align-items:center;justify-content:center;padding:16px;color:var(--color-text-secondary);gap:8px}.add-child-loading-more .loading-spinner{width:16px;height:16px}.add-child-loading-more p{font-size:13px;margin:0}.add-child-no-variables{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;color:var(--color-text-secondary);min-height:300px}.add-child-no-variables-icon{opacity:.3;margin-bottom:20px}.add-child-no-variables h3{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.add-child-no-variables p{font-size:14px;line-height:1.5;margin:0;max-width:400px}.add-child-modal-footer{padding:16px 24px;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-secondary);gap:12px}.add-child-cancel-btn{padding:10px 20px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.add-child-cancel-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-text-secondary)}.add-child-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.add-child-create-btn{padding:10px 20px;border:none;border-radius:6px;background:var(--color-primary);color:white;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.add-child-create-btn:hover:not(:disabled){background:var(--color-primary-dark,#2563eb);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.add-child-create-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.add-child-create-btn .loading-spinner{width:16px;height:16px}.add-child-create-new-btn{padding:10px 20px;border:2px dashed var(--color-primary);border-radius:6px;background:rgba(59,130,246,.05);color:var(--color-primary);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.add-child-create-new-btn:hover{background:var(--color-primary);color:white;border-style:solid}.add-child-variables-list::-webkit-scrollbar{width:6px}.add-child-variables-list::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:3px}.add-child-variables-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.add-child-variables-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media (max-width:768px){.add-child-modal-overlay{padding:10px}.add-child-modal{max-height:95vh;max-width:100%}.add-child-modal-header{padding:20px 20px 16px}.add-child-modal-title h2{font-size:18px}.add-child-modal-title p{font-size:13px}.add-child-modal-search{padding:16px 20px}.add-child-variables-list{padding:12px 20px}.add-child-variable-main{flex-direction:column;align-items:flex-start;gap:8px}.add-child-modal-footer{padding:12px 20px}.add-child-modal-body{min-height:300px}.add-child-variables-list{min-height:250px}.add-child-no-variables{min-height:200px;padding:40px 20px}}.form-input.auto-generated{background-color:var(--color-surface-secondary);border-color:var(--color-border-secondary);color:var(--color-text-secondary);cursor:not-allowed;position:relative}.form-input.auto-generated:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(var(--color-primary-rgb),.1),transparent);pointer-events:none;z-index:1}.form-input.auto-update-field{border-left:3px solid var(--color-primary);transition:border-color .2s ease}.form-input.auto-update-field:focus{border-left-color:var(--color-primary-hover);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.auto-field-indicator{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:12px;color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.1);padding:2px 6px;border-radius:4px;font-weight:500}.auto-field-indicator svg{width:12px;height:12px;color:var(--color-primary)}.multiselect-container{position:relative}.multiselect-help{display:flex;align-items:center;gap:6px;margin-top:6px;padding:8px 12px;background-color:rgba(var(--color-info-rgb),.1);border:1px solid rgba(var(--color-info-rgb),.2);border-radius:6px;font-size:13px;color:var(--color-info)}.multiselect-help svg{color:var(--color-info);flex-shrink:0}.info-panel{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;margin-bottom:12px;border:1px solid;transition:all .2s ease}.info-panel--primary{background-color:rgba(var(--color-primary-rgb),.05);border-color:rgba(var(--color-primary-rgb),.2);color:var(--color-primary)}.info-panel--warning{background-color:rgba(var(--color-warning-rgb),.05);border-color:rgba(var(--color-warning-rgb),.2);color:var(--color-warning)}.info-panel--error{background-color:rgba(var(--color-error-rgb),.05);border-color:rgba(var(--color-error-rgb),.2);color:var(--color-error)}.info-panel__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;flex-shrink:0;margin-top:2px}.info-panel--primary .info-panel__icon{background-color:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.info-panel--warning .info-panel__icon{background-color:rgba(var(--color-warning-rgb),.1);color:var(--color-warning)}.info-panel--error .info-panel__icon{background-color:rgba(var(--color-error-rgb),.1);color:var(--color-error)}.info-panel__content{flex:1 1}.info-panel__title{font-weight:600;font-size:14px;line-height:1.4;margin-bottom:4px}.info-panel__text{font-size:13px;line-height:1.5;opacity:.9}.info-panel{animation:slideInFromTop .3s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .form-input.auto-generated{background-color:rgba(255,255,255,.02);border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.6)}[data-theme=dark] .form-input.auto-generated:before{background:linear-gradient(90deg,transparent,rgba(var(--color-primary-rgb),.05),transparent)}[data-theme=dark] .auto-field-indicator{background-color:rgba(var(--color-primary-rgb),.15);color:var(--color-primary-light)}[data-theme=dark] .multiselect-help{background-color:rgba(var(--color-info-rgb),.05);border-color:rgba(var(--color-info-rgb),.15);color:var(--color-info-light)}[data-theme=dark] .info-panel--primary{background-color:rgba(var(--color-primary-rgb),.03);border-color:rgba(var(--color-primary-rgb),.15);color:var(--color-primary-light)}[data-theme=dark] .info-panel--warning{background-color:rgba(var(--color-warning-rgb),.03);border-color:rgba(var(--color-warning-rgb),.15);color:var(--color-warning-light)}[data-theme=dark] .info-panel--error{background-color:rgba(var(--color-error-rgb),.03);border-color:rgba(var(--color-error-rgb),.15);color:var(--color-error-light)}[data-theme=dark] .info-panel--primary .info-panel__icon{background-color:rgba(var(--color-primary-rgb),.08);color:var(--color-primary-light)}[data-theme=dark] .info-panel--warning .info-panel__icon{background-color:rgba(var(--color-warning-rgb),.08);color:var(--color-warning-light)}[data-theme=dark] .info-panel--error .info-panel__icon{background-color:rgba(var(--color-error-rgb),.08);color:var(--color-error-light)}.form-input.auto-generated:hover{border-color:var(--color-border-hover);transform:none}.form-input.auto-update-field:hover{border-left-color:var(--color-primary-hover)}.auto-field-indicator:hover{background-color:rgba(var(--color-primary-rgb),.15)}@media (max-width:768px){.info-panel{padding:10px;gap:10px}.info-panel__icon{width:18px;height:18px}.info-panel__title{font-size:13px}.info-panel__text{font-size:12px}.auto-field-indicator{font-size:11px;padding:2px 4px}.multiselect-help{font-size:12px;padding:6px 8px}}.multiselect-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-background);cursor:pointer;transition:all .2s ease;min-height:44px}.multiselect-trigger:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-surface)}.multiselect-trigger.open{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.multiselect-display{display:flex;align-items:center;justify-content:space-between;width:100%}.multiselect-text{flex:1 1;text-align:left;color:var(--color-text-primary);font-size:14px;line-height:1.5}.multiselect-text:empty:before{content:"Выберите значения";color:var(--color-text-muted)}.multiselect-arrow{flex-shrink:0;margin-left:8px;color:var(--color-text-secondary);transition:transform .2s ease}.multiselect-arrow.open{transform:rotate(180deg)}.multiselect-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:40;background:transparent}.multiselect-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;box-shadow:var(--shadow-lg);margin-top:4px;max-height:200px;overflow:hidden;animation:dropdownSlideIn .15s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.multiselect-header{padding:8px;border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}.multiselect-select-all{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:none;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;color:var(--color-text-primary);transition:background-color .2s ease}.multiselect-select-all:hover{background-color:var(--color-surface-hover)}.multiselect-options{max-height:150px;overflow-y:auto;padding:4px}.multiselect-options::-webkit-scrollbar{width:6px}.multiselect-options::-webkit-scrollbar-track{background:var(--color-surface);border-radius:3px}.multiselect-options::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.multiselect-options::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.multiselect-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px;background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;color:var(--color-text-primary);transition:all .2s ease;text-align:left}.multiselect-option:hover{background-color:var(--color-surface-hover)}.multiselect-option.selected{background-color:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.multiselect-option.selected:hover{background-color:rgba(var(--color-primary-rgb),.15)}.multiselect-checkbox{width:16px;height:16px;margin:0;accent-color:var(--color-primary);cursor:pointer}.multiselect-option-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .multiselect-trigger{background-color:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .multiselect-trigger:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-border-hover)}[data-theme=dark] .multiselect-dropdown{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 10px 25px rgba(0,0,0,.3)}[data-theme=dark] .multiselect-header{background-color:var(--color-surface-secondary);border-color:var(--color-border)}[data-theme=dark] .multiselect-option:hover,[data-theme=dark] .multiselect-select-all:hover{background-color:var(--color-surface-hover)}[data-theme=dark] .multiselect-option.selected{background-color:rgba(var(--color-primary-rgb),.15);color:var(--color-primary-light)}[data-theme=dark] .multiselect-option.selected:hover{background-color:rgba(var(--color-primary-rgb),.2)}@media (max-width:768px){.multiselect-dropdown{max-height:180px}.multiselect-options{max-height:130px}.multiselect-option{padding:10px 8px;font-size:13px}.multiselect-select-all{padding:8px;font-size:12px}.multiselect-text{font-size:13px}}.title-field-container{position:relative;margin:24px 0 32px;padding:0;background:transparent}.title-field-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.title-field-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 80%,#000));border-radius:10px;color:white;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.title-field-text{margin:0;font-size:24px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.2}.title-field-divider{width:100%;height:3px;background:linear-gradient(90deg,var(--primary),transparent);border-radius:2px;opacity:.8}.field-section{margin-bottom:20px;padding:16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card)}.field-section h2{margin:0 0 16px;font-size:16px;font-weight:600}.field-input,.field-section h2{color:var(--color-text-primary)}.field-input{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-card);transition:border-color var(--transition),box-shadow var(--transition)}.field-input:hover{border-color:var(--color-primary)}.field-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.field-textarea{min-height:80px;resize:vertical;font-family:inherit;line-height:1.5}.field-textarea:hover{border-color:var(--color-primary)}.field-textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.field-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;cursor:pointer}.field-select:hover{border-color:var(--color-primary)}.field-select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.multi-select-container{position:relative}.multi-select-trigger{min-height:44px;padding:8px 12px;cursor:pointer;border:1px solid var(--color-border);border-radius:6px;background:var(--color-card);display:flex;align-items:center;justify-content:space-between;transition:border-color var(--transition),box-shadow var(--transition)}.multi-select-trigger:hover{border-color:var(--color-primary)}.multi-select-trigger:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.multi-select-values{display:flex;flex-wrap:wrap;gap:6px;flex:1 1;min-height:24px;align-items:center}.multi-select-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--color-primary);color:var(--color-text-inverse);border-radius:4px;font-size:12px;font-weight:500;max-width:200px}.multi-select-tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-remove{cursor:pointer;background:none;border:none;color:currentColor;padding:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.multi-select-remove:hover{opacity:.7}.multi-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--color-card);border:1px solid var(--color-border);border-radius:6px;box-shadow:var(--shadow-lg);margin-top:4px;max-height:200px;overflow-y:auto;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.multi-select-dropdown::-webkit-scrollbar{width:8px}.multi-select-dropdown::-webkit-scrollbar-track{background:var(--color-surface)}.multi-select-dropdown::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.multi-select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.multi-select-option{padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-primary);transition:background-color var(--transition)}.multi-select-option:last-child{border-bottom:none}.multi-select-option:hover{background:var(--color-surface-hover)}.multi-select-option.selected{background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary);font-weight:500}.multi-select-option.selected:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.multi-select-checkbox{width:16px;height:16px;border:2px solid var(--color-border);border-radius:4px;background:var(--color-card);display:flex;align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0}.multi-select-option:hover .multi-select-checkbox{border-color:color-mix(in srgb,var(--color-primary) 60%,var(--color-border))}.multi-select-option.selected .multi-select-checkbox{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.select-all-button{background:transparent;border:none;display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color var(--transition);font-size:12px;color:var(--color-text-secondary)}.select-all-button:hover{color:var(--color-text-primary)}.select-all-icon{width:16px;height:16px;color:var(--color-text-muted);transition:color var(--transition)}.select-all-button.is-partial .select-all-icon,.select-all-button.is-selected .select-all-icon,.select-all-button:hover .select-all-icon{color:var(--color-primary)}.image-upload-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.image-preview{width:100%;max-width:300px;border-radius:8px;border:1px solid var(--color-border);position:relative;overflow:hidden;margin:0 auto;display:block}.image-preview:hover{border-color:var(--color-primary)}.upload-zone{width:100%;min-height:200px;border:2px dashed var(--color-border);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);background:var(--color-surface)}.upload-zone.is-dragover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface))}.file-input,.upload-zone.has-image{display:none}.upload-content{text-align:center;padding:20px}.upload-icon{font-size:48px;margin-bottom:12px;color:var(--color-field-image)}.upload-text{color:var(--color-text-secondary);margin-bottom:16px;font-size:14px}.delete-image{position:absolute;top:8px;right:8px;background:var(--color-card);border:1px solid var(--color-border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-md)}.delete-image:hover{background:var(--color-error);color:var(--color-text-inverse);border-color:var(--color-error)}.conditions-section{margin-bottom:32px}.conditions-container{background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:12px;padding:20px;margin-bottom:20px}.conditions-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.condition-item{background:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:12px;padding:20px;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.condition-item:hover{border-color:var(--color-primary);box-shadow:0 4px 12px rgba(0,0,0,.1)}.condition-main{display:grid;grid-template-columns:130px 1fr 120px 1fr auto;grid-gap:6px;gap:6px;align-items:center}.condition-type-select-container{position:relative}.condition-type-select{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.condition-type-select:hover{border-color:var(--color-primary);background-color:var(--color-surface-hover)}.condition-type-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.condition-key-input-group{display:flex;position:relative}.condition-key-input{flex:1 1;padding:.75rem 40px .75rem .75rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text-primary);font-size:.875rem;font-weight:500;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition)}.condition-key-input:hover{border-color:var(--color-primary);background-color:var(--color-surface-hover)}.condition-key-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.condition-key-input.loading{cursor:not-allowed;border-color:var(--color-border-secondary)}.condition-key-input.loading,.condition-key-select-btn{color:var(--color-text-secondary);background:var(--color-surface)}.condition-key-select-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:6px;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .2s ease}.condition-key-select-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:white;transform:translateY(-50%) scale(1.05)}.condition-key-select-btn:disabled{opacity:.5;cursor:not-allowed}.condition-operator-select{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.condition-operator-select:hover{border-color:var(--color-primary);background-color:var(--color-surface-hover)}.condition-operator-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.condition-value-input{width:100%;padding:.75rem;border:2px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text-primary);font-size:.875rem;font-weight:500;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition)}.condition-value-input:hover{border-color:var(--color-primary);background-color:var(--color-surface-hover)}.condition-value-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.condition-value-input.loading{cursor:not-allowed;border-color:var(--color-border-secondary)}.condition-delete-btn,.condition-value-input.loading{color:var(--color-text-secondary);background:var(--color-surface)}.condition-delete-btn{padding:10px;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease}.condition-delete-btn:hover{background:color-mix(in srgb,var(--color-error) 10%,transparent);border-color:var(--color-error);color:var(--color-error);transform:scale(1.05)}.condition-delete-btn:disabled{opacity:.5;cursor:not-allowed}.condition-loading{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--color-text-secondary);font-size:14px}.conditions-empty{text-align:center;padding:40px 20px;color:var(--color-text-secondary)}.conditions-empty h3{margin:0 0 8px;color:var(--color-text-primary);font-size:16px;font-weight:600}.conditions-empty p{margin:0;font-size:14px;line-height:1.5}.conditions-actions{display:flex;justify-content:center;padding-top:16px;border-top:1px solid var(--color-border-secondary)}.add-condition-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-primary);border:2px solid var(--color-primary);border-radius:8px;color:white;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-condition-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.add-condition-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.conditions-default-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border-secondary)}[data-theme=dark] .condition-item{box-shadow:0 2px 4px rgba(0,0,0,.3)}[data-theme=dark] .condition-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.4)}[data-theme=dark] .condition-operator-select,[data-theme=dark] .condition-type-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}[data-theme=dark] .condition-operator-select:hover,[data-theme=dark] .condition-type-select:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.condition-operator-select option,.condition-type-select option{background:var(--color-card);color:var(--color-text-primary);padding:8px 12px;border:none;font-size:14px;font-weight:500}[data-theme=dark] .condition-operator-select option,[data-theme=dark] .condition-type-select option{background:var(--color-card);color:var(--color-text-primary)}@media (max-width:768px){.condition-main{grid-template-columns:1fr;gap:12px}.condition-key-input,.condition-operator-select,.condition-type-select,.condition-value-input{width:100%}.condition-delete-btn{align-self:flex-end}}.calculator-type-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.calculator-type-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;text-align:center}.calculator-type-card:hover{border-color:var(--color-primary);background:var(--color-surface-hover);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.calculator-type-card.active{border-color:var(--color-primary);background:var(--color-primary-surface);box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 20%,transparent)}.calculator-type-card .card-icon{margin-bottom:12px;color:var(--color-text-secondary)}.calculator-type-card.active .card-icon{color:var(--color-primary)}.calculator-type-card .card-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.calculator-type-card .card-description{font-size:14px;color:var(--color-text-secondary);line-height:1.4}.calculator-settings{margin-top:24px}.settings-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px;margin-bottom:20px}.settings-section:last-child{margin-bottom:0}.settings-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px}.settings-description{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px;line-height:1.5}.operation-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-bottom:8px}.operation-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:var(--color-text-primary);min-height:48px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.operation-button:hover{border-color:var(--color-primary);background:var(--color-surface-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.operation-button.active{border-color:var(--color-primary);background:var(--color-primary-surface);color:var(--color-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 20%,transparent)}.operation-button svg{width:16px;height:16px}.calculator-items-list{display:flex;flex-direction:column;gap:16px}.calculator-item{display:grid;grid-template-columns:140px 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;transition:all .2s ease}.calculator-item:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.item-type-select{width:100%;padding:10px 40px 10px 12px;border:2px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.2em 1.2em;min-width:140px}.item-type-select:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.item-type-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.item-content{gap:12px}.field-selector,.item-content{display:flex;align-items:center}.field-selector{gap:8px;flex:1 1}.field-selector .form-input{flex:1 1;min-width:160px;padding:10px 12px}.field-select-btn{padding:10px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:42px}.field-select-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:white;transform:scale(1.05)}.remove-item-btn{padding:10px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:42px}.remove-item-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-error) 10%,transparent);border-color:var(--color-error);color:var(--color-error);transform:scale(1.05)}.remove-item-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.formula-help{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px;margin-bottom:16px}.help-list{list-style:none;padding:0;margin:8px 0 0}.help-list li{margin-bottom:6px;font-size:14px;color:var(--color-text-secondary)}.help-list code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:2px 6px;font-size:13px;color:var(--color-primary);font-weight:500}.formula-examples{margin-top:16px}.example-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.example-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease}.example-item:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.example-item code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:4px 8px;font-size:13px;color:var(--color-primary);font-weight:500;white-space:nowrap}.example-item span{font-size:14px;color:var(--color-text-secondary)}.condition-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:16px;margin-bottom:16px}.condition-type-label{display:inline-block;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;margin-bottom:12px;background:var(--color-surface);border:1px solid var(--color-border)}.condition-type-label.primary{background:var(--color-primary-surface);color:var(--color-primary);border-color:var(--color-primary)}.condition-type-label.secondary{background:var(--color-surface);color:var(--color-text-secondary)}.condition-fields{display:grid;grid-template-columns:1fr 140px 1fr auto;grid-gap:12px;gap:12px;align-items:end}.condition-field{display:flex;flex-direction:column;gap:6px}.condition-field label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.condition-operator{display:flex;flex-direction:column;gap:6px}.condition-operator label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.condition-value{display:flex;flex-direction:column;gap:6px}.condition-value label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.remove-condition-btn{padding:10px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:42px}.remove-condition-btn:hover{background:color-mix(in srgb,var(--color-error) 10%,transparent);border-color:var(--color-error);color:var(--color-error);transform:scale(1.05)}.results-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px;margin-top:20px}.result-item{background:var(--color-card);border:2px solid var(--color-border);border-radius:10px;padding:16px;margin-bottom:16px}.result-item.true-result{border-color:var(--color-success);background:var(--color-success-bg)}.result-item.false-result{border-color:var(--color-error);background:var(--color-error-bg)}.result-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:500;color:var(--color-text-primary)}.result-icon.success{color:var(--color-success)}.result-icon.error{color:var(--color-error)}.result-icon.default{color:var(--color-text-secondary)}.result-content{display:grid;grid-template-columns:140px 1fr;grid-gap:12px;gap:12px;align-items:center}.result-type-select-container{position:relative;display:flex;align-items:center}.result-type-select{width:100%;padding:10px 40px 10px 12px;border:2px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.2em 1.2em;min-width:140px}.result-type-select:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.result-type-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.result-type-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none;display:flex;align-items:center;justify-content:center}.default-value-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:16px;margin-top:16px}.rounding-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--color-border)}.rounding-controls{display:flex;flex-direction:column;gap:16px}.rounding-type{display:flex;flex-wrap:wrap;gap:8px}.rounding-button{padding:8px 16px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:var(--color-text-primary);font-weight:500}.rounding-button:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.rounding-button.active{border-color:var(--color-primary);background:var(--color-primary-surface);color:var(--color-primary)}.rounding-decimals{display:flex;align-items:center;gap:12px}.rounding-decimals label{white-space:nowrap;font-weight:500}.decimals-input,.rounding-decimals label{font-size:14px;color:var(--color-text-primary)}.decimals-input{width:80px;padding:8px 12px;border:2px solid var(--color-border);border-radius:8px;background:var(--color-card);transition:all .2s ease}.decimals-input:focus,.decimals-input:hover{border-color:var(--color-primary)}.decimals-input:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}[data-theme=dark] .calculator-type-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .calculator-type-card:hover{background:var(--color-surface-hover);box-shadow:0 8px 25px rgba(0,0,0,.3)}[data-theme=dark] .calculator-type-card.active{background:var(--color-primary-surface)}[data-theme=dark] .operation-button{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .operation-button:hover{background:var(--color-surface-hover)}[data-theme=dark] .operation-button.active{background:var(--color-primary-surface)}[data-theme=dark] .calculator-item,[data-theme=dark] .condition-item,[data-theme=dark] .example-item code,[data-theme=dark] .help-list code,[data-theme=dark] .result-item{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .result-item.true-result{border-color:var(--color-success);background:rgba(34,197,94,.1)}[data-theme=dark] .result-item.false-result{border-color:var(--color-error);background:rgba(239,68,68,.1)}@media (max-width:768px){.calculator-type-cards{grid-template-columns:1fr;gap:12px}.operation-selector{grid-template-columns:1fr;gap:8px}.operation-button{justify-content:center}.calculator-item{grid-template-columns:1fr;gap:12px}.condition-fields{grid-template-columns:1fr;gap:16px}.result-content{grid-template-columns:1fr;gap:12px}.rounding-type{flex-direction:column}.rounding-decimals{align-items:flex-start}.field-selector,.rounding-decimals{flex-direction:column;gap:8px}.field-selector .form-input{min-width:100%}}[data-theme=dark] .condition-operator-select,[data-theme=dark] .condition-operator-select:hover,[data-theme=dark] .condition-type-select,[data-theme=dark] .condition-type-select:hover,[data-theme=dark] .item-type-select,[data-theme=dark] .item-type-select:hover,[data-theme=dark] .result-type-select,[data-theme=dark] .result-type-select:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23d1d5db' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.code-editor-wrapper{position:relative;width:100%}.code-editor{font-family:Monaco,Menlo,Consolas,Courier New,monospace;font-size:14px;line-height:1.5;border:2px solid var(--color-border);border-radius:8px;overflow:hidden;transition:border-color var(--transition)}.code-editor:hover{border-color:var(--color-primary)}.code-editor:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}[data-theme=dark] .cm-editor{background-color:var(--color-background-secondary)!important}[data-theme=dark] .cm-content,[data-theme=dark] .cm-editor{color:var(--color-text-primary)!important}[data-theme=dark] .cm-gutters{background-color:var(--color-background-primary)!important;border-color:var(--color-border-primary)!important;color:var(--color-text-secondary)!important}[data-theme=dark] .cm-activeLine{background-color:rgba(134,239,172,.05)!important}[data-theme=dark] .cm-selectionBackground{background-color:rgba(134,239,172,.2)!important}[data-theme=dark] .cm-tooltip{color:var(--color-text-primary)!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.15)!important}[data-theme=dark] .cm-tooltip,[data-theme=dark] .cm-tooltip-autocomplete ul{background-color:var(--color-background-secondary)!important;border-color:var(--color-border-primary)!important}[data-theme=dark] .cm-tooltip-autocomplete li:hover{background-color:var(--color-background-primary)!important}[data-theme=dark] .cm-tooltip-autocomplete li[aria-selected]{background-color:var(--color-primary)!important;color:white!important}[data-theme=dark] .cm-completionLabel{color:var(--color-text-primary)!important}[data-theme=dark] .cm-completionDetail{color:var(--color-text-secondary)!important}[data-theme=dark] .cm-keyword{color:#569cd6!important}[data-theme=dark] .cm-operator{color:#d4d4d4!important}[data-theme=dark] .cm-string{color:#ce9178!important}[data-theme=dark] .cm-number{color:#b5cea8!important}[data-theme=dark] .cm-property{color:#9cdcfe!important}[data-theme=dark] .cm-comment{color:#6a9955!important}[data-theme=dark] .cm-variable{color:#dcdcaa!important}[data-theme=dark] .cm-bracket{color:#ffd700!important}[data-theme=light] .cm-keyword{color:#0033bb!important}[data-theme=light] .cm-operator{color:#333333!important}[data-theme=light] .cm-string{color:#dd1144!important}[data-theme=light] .cm-number{color:#009999!important}[data-theme=light] .cm-property{color:#4078c0!important}[data-theme=light] .cm-comment{color:#999988!important}[data-theme=light] .cm-variable{color:#333333!important}[data-theme=light] .cm-bracket{color:#795da3!important}[data-theme=light] .cm-editor{background-color:var(--color-card)!important;color:var(--color-text-primary)!important}[data-theme=light] .cm-gutters{background-color:var(--color-background)!important;border-color:var(--color-border)!important;color:var(--color-text-secondary)!important}[data-theme=light] .cm-activeLine{background-color:rgba(59,130,246,.05)!important}[data-theme=light] .cm-selectionBackground{background-color:rgba(59,130,246,.2)!important}[data-theme=light] .cm-tooltip{color:var(--color-text-primary)!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important}[data-theme=light] .cm-tooltip,[data-theme=light] .cm-tooltip-autocomplete ul{background-color:var(--color-card)!important;border-color:var(--color-border)!important}[data-theme=light] .cm-tooltip-autocomplete li:hover{background-color:var(--color-surface-hover)!important}[data-theme=light] .cm-tooltip-autocomplete li[aria-selected]{background-color:var(--color-primary)!important;color:white!important}@media (max-width:768px){.code-editor .cm-content{font-size:13px;padding:8px}.code-editor .cm-gutters{font-size:12px}.cm-tooltip{max-height:150px!important;font-size:13px!important}}.settings-title-with-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.settings-title-actions{display:flex;gap:.5rem}.function-action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--color-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:.75rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.function-action-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-1px)}.function-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.function-action-btn.open-functions{color:var(--color-primary)}.function-action-btn.save-function{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.function-action-btn.save-function:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.function-action-btn svg{width:16px;height:16px;flex-shrink:0}.functions-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.functions-modal{background:var(--color-card);border-radius:12px;border:1px solid var(--color-border);box-shadow:var(--shadow-lg);width:100%;max-width:900px;max-height:90vh;height:90vh;overflow:hidden;display:flex;flex-direction:column}.functions-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.functions-modal-title h2{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.functions-modal-title p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4}.functions-modal-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.375rem;border-radius:6px;transition:all .2s ease;flex-shrink:0;margin-left:1rem}.functions-modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.function-form-section{display:flex;flex-direction:column;background:var(--color-surface);flex:1 1;overflow:hidden}.function-form{display:flex;flex-direction:column;height:100%}.function-form-content{flex:1 1;overflow-y:auto;padding:1.5rem;border-bottom:1px solid var(--color-border)}.function-form-content::-webkit-scrollbar{width:6px}.function-form-content::-webkit-scrollbar-track{background:var(--color-surface);border-radius:3px}.function-form-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.function-form-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.function-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.function-form-grid .form-group-full{grid-column:1/-1}.function-description{min-height:4rem;resize:vertical}.function-form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;background:var(--color-surface);border-top:1px solid var(--color-border);flex-shrink:0}.function-form-cancel-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.function-form-cancel-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary)}.function-form-save-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary);border:1px solid var(--color-primary);border-radius:8px;color:var(--color-text-inverse);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.function-form-save-btn:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.function-form-save-btn:disabled{opacity:.5;cursor:not-allowed}.function-form-save-btn .loading-spinner{width:16px;height:16px}.functions-tabs{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.functions-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.functions-tab:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.functions-tab.active{color:var(--color-primary);background:var(--color-card)}.functions-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-primary)}.functions-tab svg{width:16px;height:16px;flex-shrink:0}.functions-content{flex:1 1;overflow:hidden;display:flex;flex-direction:column}.functions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.functions-loading .loading-spinner{width:32px;height:32px}.functions-loading p{color:var(--color-text-secondary)}.functions-list{flex:1 1;overflow-y:auto;padding:1rem}.functions-list::-webkit-scrollbar{width:6px}.functions-list::-webkit-scrollbar-track{background:var(--color-surface);border-radius:3px}.functions-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.functions-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.function-item{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1rem;overflow:hidden;transition:all .2s ease}.function-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px rgba(0,0,0,.1)}.function-item:last-child{margin-bottom:0}.function-item.public{border-left:3px solid var(--color-primary)}.function-item.user{border-left:3px solid var(--color-success)}.function-item-header{padding:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.function-item-header.clickable{cursor:pointer;transition:background-color .2s ease}.function-item-header.clickable:hover{background:var(--color-surface-hover)}.function-item-info{flex:1 1;min-width:0}.function-item-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem;line-height:1.4}.function-item-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4;margin:0;word-wrap:break-word;overflow-wrap:break-word}.function-item-actions{display:flex;gap:.5rem;flex-shrink:0}.function-action-btn.use{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.function-action-btn.use:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.function-action-btn.edit{background:rgba(59,130,246,.08);color:#3b82f6;border-color:rgba(59,130,246,.2)}.function-action-btn.edit:hover{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.3);color:#2563eb;transform:translateY(-1px);box-shadow:0 2px 8px rgba(59,130,246,.15)}.function-action-btn.delete{background:rgba(239,68,68,.08);color:#ef4444;border-color:rgba(239,68,68,.2)}.function-action-btn.delete:hover{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.3);color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 8px rgba(239,68,68,.15)}.function-expand-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.function-expand-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-text-primary)}.function-expand-btn .expand-arrow{transition:transform .2s ease}.function-expand-btn .expand-arrow.expanded{transform:rotate(180deg)}.function-item-code{border-top:1px solid var(--color-border);background:var(--color-surface);padding:1rem;animation:slideDown .2s ease-out;overflow:hidden}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:500px;padding-top:1rem;padding-bottom:1rem}}.function-item-code pre{margin:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;padding:.75rem;overflow-x:auto;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.8rem;line-height:1.4}.function-item-code code{color:var(--color-text-primary);background:none;padding:0;border-radius:0;font-size:inherit}.function-item-code .code-editor{border:none;border-radius:6px;background:var(--color-background)}.function-item-code .code-editor .cm-editor{border:1px solid var(--color-border);border-radius:6px}.function-item-code .code-editor .cm-content{padding:.75rem;font-size:.875rem;min-height:auto}.functions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.functions-empty svg{color:var(--color-text-disabled);margin-bottom:1rem}.functions-empty h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.functions-empty p{color:var(--color-text-secondary);line-height:1.4;max-width:400px}[data-theme=dark] .functions-modal{background:var(--color-card);border-color:var(--color-border)}[data-theme=dark] .function-item{background:var(--color-background);border-color:var(--color-border)}[data-theme=dark] .function-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px rgba(0,0,0,.3)}[data-theme=dark] .function-item-code pre{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .function-item-header.clickable:hover{background:var(--color-background)}[data-theme=dark] .function-expand-btn{background:var(--color-background);border-color:var(--color-border)}[data-theme=dark] .function-expand-btn:hover{background:var(--color-surface);border-color:var(--color-primary)}[data-theme=dark] .function-item-code .code-editor .cm-editor{background:var(--color-background)!important;border-color:var(--color-border)}[data-theme=dark] .function-form-content::-webkit-scrollbar-track{background:var(--color-background)}[data-theme=dark] .function-form-content::-webkit-scrollbar-thumb{background:var(--color-border)}[data-theme=dark] .function-form-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}[data-theme=dark] .function-action-btn.edit{background:rgba(96,165,250,.12);color:#60a5fa;border-color:rgba(96,165,250,.25)}[data-theme=dark] .function-action-btn.edit:hover{background:rgba(96,165,250,.18);border-color:rgba(96,165,250,.4);color:#93c5fd;transform:translateY(-1px);box-shadow:0 2px 12px rgba(96,165,250,.2)}[data-theme=dark] .function-action-btn.delete{background:rgba(248,113,113,.12);color:#f87171;border-color:rgba(248,113,113,.25)}[data-theme=dark] .function-action-btn.delete:hover{background:rgba(248,113,113,.18);border-color:rgba(248,113,113,.4);color:#fca5a5;transform:translateY(-1px);box-shadow:0 2px 12px rgba(248,113,113,.2)}@media (max-width:768px){.functions-modal{margin:.5rem;max-width:none}.functions-modal-header{padding:1rem}.functions-modal{height:calc(100vh - 1rem);max-height:calc(100vh - 1rem)}.function-form-content{padding:1rem}.function-form-grid{grid-template-columns:1fr;gap:.75rem}.function-form-actions{padding:1rem}.function-item-header{flex-direction:column;align-items:stretch;gap:.75rem}.function-item-actions{justify-content:flex-end}.function-action-btn{padding:.5rem .75rem;font-size:.75rem}.function-expand-btn{width:28px;height:28px}.settings-title-with-actions{flex-direction:column;align-items:stretch;gap:.75rem}.settings-title-actions{justify-content:flex-end}.functions-tabs{overflow-x:auto}.functions-tab{padding:.75rem 1rem;white-space:nowrap}}.create-function-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-card);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:2.25rem}.create-function-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.create-function-btn.primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.create-function-btn.primary:hover{background:var(--color-primary-hover)}.create-function-btn svg{width:16px;height:16px;stroke:currentColor}.functions-header{display:flex;justify-content:flex-end;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.functions-empty .create-function-btn{margin-top:1rem}@media (max-width:768px){.functions-header{justify-content:center}.create-function-btn{padding:.75rem 1.25rem;font-size:.9rem}}.function-action-btn.ai-assistant{background:rgba(139,92,246,.08);color:#8b5cf6;border-color:rgba(139,92,246,.2)}.function-action-btn.ai-assistant:hover{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.3);color:#7c3aed;transform:translateY(-1px);box-shadow:0 2px 8px rgba(139,92,246,.15)}.ai-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.ai-modal{background:var(--color-card);border-radius:12px;width:100%;max-width:700px;max-height:80vh;box-shadow:0 20px 60px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden}.ai-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--color-border)}.ai-modal-title h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.ai-modal-title p{margin:.25rem 0 0;font-size:.875rem;color:var(--color-text-secondary)}.ai-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}.ai-modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.ai-chat-container{display:flex;flex-direction:column;height:60vh;min-height:400px}.ai-chat-messages{flex:1 1;padding:1rem;overflow-y:auto;gap:1rem}.ai-chat-empty,.ai-chat-messages{display:flex;flex-direction:column}.ai-chat-empty{align-items:center;justify-content:center;height:100%;text-align:center;color:var(--color-text-secondary)}.ai-chat-empty-icon{margin-bottom:1rem;opacity:.5}.ai-chat-empty h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.ai-chat-empty p{margin:0;font-size:.875rem;max-width:300px}.ai-messages-list{display:flex;flex-direction:column;gap:1rem}.ai-message{display:flex;gap:.75rem;animation:fadeInUp .3s ease}.ai-message.user{flex-direction:row-reverse}.ai-message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:white}.ai-message.user .ai-message-avatar{background:var(--color-primary)}.ai-message.assistant .ai-message-avatar{background:#8b5cf6}.ai-message-content{flex:1 1;max-width:80%}.ai-message.user .ai-message-content{text-align:right;max-width:70%;margin-left:auto;display:flex;flex-direction:column;align-items:flex-end}.ai-message.assistant .ai-message-content{max-width:90%}.ai-message-text{background:var(--color-surface);padding:.75rem 1rem;border-radius:12px;margin-bottom:.5rem;color:var(--color-text-primary);line-height:1.5;word-wrap:break-word}.ai-message.user .ai-message-text{background:var(--color-primary);color:var(--color-text-inverse);display:inline-block;max-width:-moz-fit-content;max-width:fit-content;margin-left:auto}.ai-message-formula{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.75rem;margin-top:.5rem}.ai-formula-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.ai-formula-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.ai-formula-insert{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-card);color:var(--color-primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ai-formula-insert:hover{background:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-1px)}.ai-formula-code{display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;background:var(--color-card);padding:.75rem;border-radius:6px;border:1px solid var(--color-border);color:var(--color-text-primary);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.ai-message-time{font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem}.ai-chat-input{padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-surface)}.ai-input-container{display:flex;gap:.5rem;margin-bottom:.75rem}.ai-input{flex:1 1;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text-primary);font-size:.875rem;transition:border-color .2s ease;resize:none;min-height:40px;max-height:120px;overflow-y:hidden;font-family:inherit;line-height:1.4}.ai-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.ai-input:disabled{opacity:.5;cursor:not-allowed}.ai-send-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;background:var(--color-primary);color:var(--color-text-inverse);cursor:pointer;transition:all .2s ease}.ai-send-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.ai-send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.ai-loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}.ai-chat-actions{display:flex;justify-content:space-between;align-items:center}.ai-input-hint{opacity:.8}.ai-clear-button,.ai-input-hint{font-size:.75rem;color:var(--color-text-secondary)}.ai-clear-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:transparent;cursor:pointer;transition:all .2s ease}.ai-clear-button:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.ai-clear-button:disabled{opacity:.5;cursor:not-allowed}.ai-message-document-paste{margin-top:12px;border:1px solid var(--border);border-radius:6px;overflow:hidden;background-color:var(--surface-muted)}.ai-document-paste-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:var(--surface);border-bottom:1px solid var(--border)}.ai-document-paste-label{font-size:12px;font-weight:600;color:var(--foreground-muted)}.ai-document-paste-insert{display:flex;align-items:center;gap:4px;padding:4px 8px;background-color:var(--primary);color:var(--primary-foreground);border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.ai-document-paste-insert:hover{background-color:var(--primary-hover)}.ai-document-paste-content{padding:12px;background-color:var(--surface);color:var(--foreground);line-height:1.4;border-radius:0 0 4px 4px}.ai-message-create-keys{margin-top:12px;border:1px solid var(--border);border-radius:6px;overflow:hidden;background-color:var(--surface-muted)}.ai-create-keys-title{padding:8px 12px;background-color:var(--surface);border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--foreground-muted)}.ai-create-keys-list{padding:8px;display:flex;flex-direction:column;gap:8px}.ai-create-key-suggestion{background-color:var(--surface);border:1px solid var(--border);border-radius:6px;padding:12px;cursor:pointer;transition:all .2s ease}.ai-create-key-suggestion:hover{background-color:var(--surface-hover);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.ai-suggestion-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ai-suggestion-key{font-family:monospace;font-size:14px;font-weight:600;color:var(--foreground)}.ai-suggestion-type{font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.ai-suggestion-description{font-size:13px;color:var(--foreground-muted);margin-bottom:6px;line-height:1.3}.ai-suggestion-default,.ai-suggestion-replacements{font-size:12px;color:var(--foreground-muted);margin-bottom:4px}.ai-suggestion-default strong,.ai-suggestion-replacements strong{color:var(--foreground)}.ai-message-fast-answers{margin-top:12px;padding:12px;background-color:var(--surface-muted);border:1px solid var(--border);border-radius:6px}.ai-fast-answers-title{font-size:13px;font-weight:600;color:var(--foreground-muted);margin-bottom:8px}.ai-fast-answers-buttons{display:flex;flex-wrap:wrap;gap:6px}.ai-fast-answer-button{display:inline-flex;align-items:center;padding:6px 12px;background-color:var(--surface);color:var(--foreground);border:1px solid var(--border);border-radius:16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;outline:none;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-fast-answer-button:hover:not(:disabled){background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.ai-fast-answer-button:disabled{opacity:.5;cursor:not-allowed}.ai-fast-answer-button:disabled:hover{transform:none;box-shadow:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-theme=dark] .function-action-btn.ai-assistant{background:rgba(167,139,250,.12);color:#a78bfa;border-color:rgba(167,139,250,.25)}[data-theme=dark] .function-action-btn.ai-assistant:hover{background:rgba(167,139,250,.18);border-color:rgba(167,139,250,.4);color:#c4b5fd;transform:translateY(-1px);box-shadow:0 2px 12px rgba(167,139,250,.2)}[data-theme=dark] .ai-message.assistant .ai-message-avatar{background:#a78bfa}[data-theme=dark] .ai-message-document-paste{background-color:#1f2937;border-color:#374151}[data-theme=dark] .ai-document-paste-header{background-color:#111827;border-color:#374151}[data-theme=dark] .ai-document-paste-label{color:#9ca3af}[data-theme=dark] .ai-document-paste-content{background-color:#1f2937;color:#f9fafb}[data-theme=dark] .ai-message-create-keys{background-color:#1f2937;border-color:#374151}[data-theme=dark] .ai-create-keys-title{color:#9ca3af}[data-theme=dark] .ai-create-key-suggestion,[data-theme=dark] .ai-create-keys-title{background-color:#111827;border-color:#374151}[data-theme=dark] .ai-create-key-suggestion:hover{background-color:#1f2937;border-color:#3b82f6;box-shadow:0 2px 4px rgba(59,130,246,.1)}[data-theme=dark] .ai-suggestion-key{color:#f9fafb}[data-theme=dark] .ai-suggestion-default,[data-theme=dark] .ai-suggestion-description,[data-theme=dark] .ai-suggestion-replacements{color:#9ca3af}[data-theme=dark] .ai-suggestion-default strong,[data-theme=dark] .ai-suggestion-replacements strong{color:#f9fafb}[data-theme=dark] .ai-message-fast-answers{background-color:#1f2937;border-color:#374151}[data-theme=dark] .ai-fast-answers-title{color:#9ca3af}[data-theme=dark] .ai-fast-answer-button{background-color:#111827;color:#f9fafb;border-color:#374151}[data-theme=dark] .ai-fast-answer-button:hover:not(:disabled){background-color:#3b82f6;color:#ffffff;border-color:#3b82f6;box-shadow:0 2px 4px rgba(59,130,246,.2)}@media (max-width:768px){.ai-modal{margin:.5rem;max-height:calc(100vh - 1rem)}.ai-chat-container{height:calc(100vh - 200px);min-height:300px}.ai-message-content{max-width:85%}.ai-message.user .ai-message-content{max-width:80%}.ai-message.assistant .ai-message-content{max-width:90%}.ai-chat-actions{flex-direction:column;gap:.5rem;align-items:stretch}.ai-input-hint{text-align:center;order:2}.ai-clear-button{order:1}}.csv-files-table-container{max-height:621px}.file-display-table{display:flex;align-items:center;gap:8px}.file-display-table .file-icon{font-size:14px;flex-shrink:0;color:var(--color-text-muted)}.file-display-table .file-name{font-size:14px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.file-display{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);transition:all var(--transition)}.file-display:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-hover)}.file-display .file-info{display:flex;align-items:center;gap:8px;flex:1 1;min-width:0}.file-display .file-icon{font-size:16px;flex-shrink:0}.file-display .file-name{font-size:14px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1;font-weight:500}.file-display .file-actions{display:flex;gap:8px;flex-shrink:0}.alert-info{background-color:color-mix(in srgb,var(--color-info) 10%,var(--color-card));color:var(--color-info);border:1px solid color-mix(in srgb,var(--color-info) 20%,var(--color-border))}.csv-files-table-container{max-height:400px;overflow-y:auto;overflow-x:hidden;border:1px solid var(--color-border);border-radius:var(--radius);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-text-muted) 30%,transparent) transparent}.csv-files-table-container::-webkit-scrollbar{width:8px}.csv-files-table-container::-webkit-scrollbar-track{background:transparent}.csv-files-table-container::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text-muted) 30%,transparent);border-radius:4px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.csv-files-table-container::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-text-muted) 50%,transparent)}.csv-files-table-container .data-table{border:none;margin-bottom:0}.csv-files-table-container .data-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--color-surface)}.csv-files-table-container .data-table thead th{background:var(--color-surface);border-bottom:2px solid var(--color-border)}@media (max-width:768px){.csv-files-table-container{max-height:300px}}.selected-files-container{max-height:200px;overflow-y:auto;overflow-x:hidden;border:1px solid var(--color-border);border-radius:var(--radius);padding:.5rem;background:var(--color-surface);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-text-muted) 30%,transparent) transparent}.selected-files-container::-webkit-scrollbar{width:6px}.selected-files-container::-webkit-scrollbar-track{background:transparent}.selected-files-container::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text-muted) 30%,transparent);border-radius:3px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.selected-files-container::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-text-muted) 50%,transparent)}.selected-files-list{display:flex;flex-direction:column;gap:.5rem}@media (max-width:768px){.selected-files-container{max-height:150px}}.document-editor-layout{display:flex;height:calc(100vh - 80px);width:100%;overflow:hidden}.document-editor-left{flex:1 1;min-width:0;height:100%;background-color:var(--surface);border-right:1px solid var(--border-light)}.document-editor-right{width:600px;height:100%;overflow:hidden}.document-editor-loading,.document-editor-right{background-color:var(--surface);display:flex;flex-direction:column}.document-editor-loading{align-items:center;justify-content:center;height:100vh;color:var(--text-primary)}.document-editor-loading .loading-spinner{width:48px;height:48px;border-top:4px solid var(--border-light);border:4px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.document-editor-loading p{font-size:16px;color:var(--text-secondary);margin:0}.variables-panel{display:flex;flex-direction:column;height:100%;padding:20px;overflow:hidden;background-color:var(--surface)}.variables-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.variables-panel-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.variables-panel-search{margin-bottom:20px}.variables-panel-search .search-input-container{position:relative}.variables-panel-search .search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid var(--border-default);border-radius:6px;font-size:14px;background-color:var(--surface);color:var(--text-primary);transition:border-color .2s ease}.variables-panel-search .search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.variables-panel-search .search-icon{left:12px;pointer-events:none}.variables-panel-search .clear-search-btn,.variables-panel-search .search-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.variables-panel-search .clear-search-btn{right:8px;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.variables-panel-search .clear-search-btn:hover{background-color:var(--surface-hover);color:var(--text-primary)}.variables-panel-content{flex:1 1;overflow:hidden;display:flex;flex-direction:column}.variables-panel-error{background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:12px;margin-bottom:16px}.variables-panel-error p{margin:0;color:#dc2626;font-size:14px}.variables-table-wrapper{flex:1 1;overflow:hidden;background-color:var(--surface);border:1px solid var(--border-light);border-radius:8px}.variables-table-container{height:100%;display:flex;flex-direction:column}.variables-table-header{display:grid;grid-template-columns:1fr .4fr .4fr;grid-gap:16px;gap:16px;padding:16px 20px;background-color:var(--surface-light);border-bottom:1px solid var(--border-light);font-weight:600;font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.variables-table-body{flex:1 1;overflow-y:auto}.variables-table-body-empty{display:flex;justify-content:center;align-items:center}.variables-table-body::-webkit-scrollbar{width:6px}.variables-table-body::-webkit-scrollbar-track{background:var(--surface-light);border-radius:3px}.variables-table-body::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.variables-table-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.variables-row{display:grid;grid-template-columns:1fr .4fr .4fr;grid-gap:16px;gap:16px;padding:16px 20px;border-bottom:2px solid var(--border-light);cursor:pointer;transition:all .2s ease;background-color:var(--surface);position:relative}.variables-row:hover{background-color:var(--surface-hover);border-bottom-color:var(--border-default)}.variables-row:last-child{border-bottom:2px solid var(--border-light)}.variables-row:after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:1px;background:linear-gradient(to right,transparent 0,var(--border-default) 10%,var(--border-default) 90%,transparent 100%)}.column-key{min-width:0}.column-key,.column-type{display:flex;align-items:center}.column-type{justify-content:center}.column-actions{justify-content:flex-end;gap:8px}.column-actions,.key-content{display:flex;align-items:center}.key-content{min-width:0}.key-text{font-weight:500;color:var(--text-primary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-type-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:var(--surface-light);border-radius:6px;border:1px solid var(--border-light)}.field-type-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.field-type-label{font-size:12px;color:var(--text-secondary);font-weight:500;white-space:nowrap}.action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border-light);background-color:var(--surface);border-radius:5px;cursor:pointer;color:var(--text-secondary);transition:all .15s ease;padding:0}.action-btn:hover{background-color:var(--surface-light);color:var(--text-primary);border-color:var(--border-default);transform:scale(1.1)}.action-btn.insert-btn{border-color:rgba(34,197,94,.3)}.action-btn.insert-btn:hover{background-color:rgba(34,197,94,.1);color:#22c55e;border-color:#22c55e}.action-btn.copy-btn{border-color:rgba(59,130,246,.3)}.action-btn.copy-btn:hover{background-color:rgba(59,130,246,.1);color:#3b82f6;border-color:#3b82f6}.variables-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary);grid-column:1/-1}.variables-empty .empty-icon{margin-bottom:20px;color:var(--text-tertiary)}.variables-empty p{margin:0;font-size:14px;line-height:1.5}.variables-empty strong{color:var(--text-primary)}.variables-panel-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-light)}.variables-panel-footer .pagination-info{font-size:12px;color:var(--text-secondary);margin-bottom:8px;text-align:center}.variables-panel-footer .pagination{display:flex;justify-content:center;gap:4px}.variables-panel-footer .pagination-btn{padding:4px 8px;font-size:12px;min-width:28px;height:28px}.skeleton-row{cursor:default;pointer-events:none}.skeleton-row .skeleton-content{height:16px;background:linear-gradient(90deg,var(--surface-light) 0,var(--surface-hover) 50%,var(--surface-light) 100%);background-size:200% 100%;animation:skeletonShimmer 2s infinite;border-radius:4px}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:1024px){.document-editor-right{width:380px}.variables-panel{padding:12px}.variables-panel-header h3{font-size:16px}.variable-key-text{max-width:200px}}@media (max-width:768px){.document-editor-layout{flex-direction:column}.document-editor-left{height:60vh;border-right:none;border-bottom:1px solid var(--border-light)}.document-editor-right{width:100%;height:40vh}.variables-panel{padding:16px}.variables-panel-header{flex-direction:column;gap:12px;align-items:stretch}.variables-panel-header h3{text-align:center;font-size:16px}.variables-table-header{grid-template-columns:1fr auto;padding:12px 16px;font-size:12px}.variables-table-header .column-actions{display:none}.variables-row{grid-template-columns:1fr auto;padding:12px 16px}.variables-row .column-actions{grid-column:1/-1;justify-content:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light)}.variables-row:after{left:16px;right:16px}.key-text{font-size:13px}.field-type-badge{padding:4px 8px}.field-type-label{font-size:11px}}[data-theme=dark] .document-editor-left,[data-theme=dark] .document-editor-right{background-color:var(--surface);border-color:var(--border-light)}[data-theme=dark] .variables-panel-search .search-input{background-color:var(--surface-light);border-color:var(--border-default);color:var(--text-primary)}[data-theme=dark] .variables-panel-search .search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}[data-theme=dark] .variables-table-wrapper{background-color:var(--surface);border-color:var(--border-default)}[data-theme=dark] .variables-table-header{background-color:var(--surface-light);border-color:var(--border-default)}[data-theme=dark] .variables-row{background-color:var(--surface);border-color:var(--border-default)}[data-theme=dark] .variables-row:hover{background-color:var(--surface-hover);border-bottom-color:var(--border-light)}[data-theme=dark] .variables-row:after{background:linear-gradient(to right,transparent 0,var(--border-light) 10%,var(--border-light) 90%,transparent 100%)}[data-theme=dark] .field-type-badge{background-color:var(--surface-hover);border-color:var(--border-default)}[data-theme=dark] .title-field-text{color:var(--text-primary)}[data-theme=dark] .title-field-icon{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#fff));box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}[data-theme=dark] .title-field-divider{background:linear-gradient(90deg,var(--primary),transparent);opacity:.9}[data-theme=dark] .action-btn{background-color:var(--surface-light);border-color:var(--border-default)}[data-theme=dark] .action-btn:hover{background-color:var(--surface-hover);border-color:var(--border-default)}[data-theme=dark] .skeleton-row .skeleton-content{background:linear-gradient(90deg,var(--surface) 0,var(--surface-light) 50%,var(--surface) 100%)}.syncfusion-body,.syncfusion-container{height:100%;width:100%}.file-types-breakdown{display:inline-flex;gap:8px;margin-left:8px;font-size:12px;opacity:.8}.file-types-breakdown span{background:var(--color-bg-surface-light);padding:2px 6px;border-radius:4px;font-weight:500}.supported-formats{display:flex;gap:16px;margin-top:16px;justify-content:center}.format-item{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--color-bg-surface-light);border-radius:8px;font-size:13px;font-weight:500;color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.format-item svg{opacity:.7}.file-type-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.file-type-badge.csv{background:color-mix(in srgb,#10b981 15%,transparent);color:#059669;border:1px solid color-mix(in srgb,#10b981 30%,transparent)}.file-type-badge.json{background:color-mix(in srgb,#3b82f6 15%,transparent);color:#2563eb;border:1px solid color-mix(in srgb,#3b82f6 30%,transparent)}.files-summary{margin-left:8px;font-size:12px;color:var(--color-text-muted);opacity:.8}[data-theme=dark] .file-types-breakdown span,[data-theme=dark] .format-item{background:var(--surface-hover)}[data-theme=dark] .format-item{border-color:var(--border-default);color:var(--text-secondary)}[data-theme=dark] .file-type-badge.csv{background:color-mix(in srgb,#10b981 20%,transparent);color:#34d399;border-color:color-mix(in srgb,#10b981 40%,transparent)}[data-theme=dark] .file-type-badge.json{background:color-mix(in srgb,#3b82f6 20%,transparent);color:#60a5fa;border-color:color-mix(in srgb,#3b82f6 40%,transparent)}@media (max-width:768px){.supported-formats{flex-direction:column;gap:8px;align-items:center}.format-item{padding:6px 10px;font-size:12px}.file-types-breakdown{display:block;margin-left:0;margin-top:4px}.file-types-breakdown span{margin-right:6px;margin-bottom:2px}.files-summary{display:block;margin-left:0;margin-top:4px}}.import-modal-overlay{position:fixed;inset:0;background:color-mix(in srgb,#000 50%,transparent);z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.import-modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:101;width:90%;max-width:480px;max-height:90vh;overflow:hidden}.import-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border-light)}.import-modal-header h3{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.import-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition)}.import-modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.import-modal-body{padding:24px}.import-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--color-border-light);background:var(--color-surface)}@media (max-width:768px){.import-modal-content{width:95%;margin:16px}.import-modal-body,.import-modal-footer,.import-modal-header{padding:16px}}.variables-header-content{gap:1rem;margin-bottom:1rem}.variables-header-info{flex:1 1}.variables-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem;line-height:1.3}.variables-header-actions{gap:.75rem}.sort-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sort-toggle-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-1px)}.sort-toggle-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:white}.sort-toggle-btn.active:hover{background:var(--color-primary-hover,var(--color-primary));transform:translateY(-1px)}.sort-toggle-btn svg{width:20px;height:20px;stroke-width:2}.sort-mode-info{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-primary-subtle);border:1px solid var(--color-primary-border);border-radius:8px;color:var(--color-text);font-size:.875rem;line-height:1.4;margin-bottom:1rem}.sort-mode-info .info-icon{color:var(--color-primary);flex-shrink:0}.field-container.sortable,.title-field-wrapper.sortable{position:relative;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:2px dashed transparent;transition:all .2s ease}.field-container.sortable:hover,.title-field-wrapper.sortable:hover{border-color:var(--color-primary);background:var(--color-primary-subtle)}.field-container.dragging,.title-field-wrapper.dragging{opacity:.5;z-index:1000}.field-container.sorting-disabled,.title-field-wrapper.sorting-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.child-item.sortable,.replacement-child-item.sortable{position:relative;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:2px dashed transparent;transition:all .2s ease;background:var(--color-card)}.child-item.sortable:hover,.replacement-child-item.sortable:hover{border-color:var(--color-primary);background:var(--color-primary-subtle)}.child-item.dragging,.replacement-child-item.dragging{opacity:.5;z-index:1000}.children-row.sortable{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:2px dashed transparent;transition:all .2s ease}.children-row.sortable:hover{border-color:var(--color-primary);background:var(--color-primary-subtle)}.field-container.invalid-drop-target,.title-field-wrapper.invalid-drop-target{opacity:.3!important;pointer-events:none;filter:grayscale(50%);border-color:transparent!important;background:transparent!important}.field-container.dimmed,.title-field-wrapper.dimmed{opacity:.4;filter:grayscale(30%);position:relative}.field-container.dimmed:after,.title-field-wrapper.dimmed:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(128,128,128,.1);pointer-events:none;border-radius:inherit;z-index:1}.field-container.dimmed .field-header,.title-field-wrapper.dimmed .field-header{opacity:.6}.field-container.dimmed .field-type-badge,.title-field-wrapper.dimmed .field-type-badge{opacity:.5}.field-container.dimmed .field-edit-button,.title-field-wrapper.dimmed .field-edit-button{opacity:.3}.field-readonly-wrapper{opacity:.7;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.field-readonly-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.05);border-radius:6px;pointer-events:none;z-index:1}[data-theme=dark] .field-readonly-wrapper:after{background:rgba(255,255,255,.05)}.drop-indicator{position:absolute;left:0;right:0;z-index:1000;pointer-events:none}.drop-indicator-above{top:-8px}.drop-indicator-below{bottom:-8px}.children-table-body .drop-indicator{left:1rem;right:1rem}.children-table-body .drop-indicator-line{height:4px;background:var(--color-primary);border-radius:2px;margin:0;box-shadow:0 0 8px rgba(var(--color-primary-rgb),.5);animation:dropIndicatorPulse 1.5s ease-in-out infinite}.drop-indicator-fixed{position:fixed;left:50%;top:20px;transform:translateX(-50%);background:var(--color-primary);color:white;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;z-index:10000;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:dropIndicatorBounce .6s ease-out}.drop-indicator-line{height:3px;background:var(--color-primary);border-radius:2px;margin:0 1rem;position:relative;animation:dropIndicatorPulse 1s ease-in-out infinite}.drop-indicator-line:after,.drop-indicator-line:before{content:"";position:absolute;top:50%;width:8px;height:8px;background:var(--color-primary);border-radius:50%;transform:translateY(-50%)}.drop-indicator-line:before{left:-4px}.drop-indicator-line:after{right:-4px}.drop-indicator-preview{position:absolute;top:-24px;left:50%;transform:translateX(-50%);background:var(--color-primary);color:white;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.15)}.drop-indicator-preview:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color-primary)}@keyframes dropIndicatorPulse{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(.95)}}@keyframes dropIndicatorBounce{0%{transform:translateX(-50%) scale(.8) translateY(-10px);opacity:0}50%{transform:translateX(-50%) scale(1.05) translateY(0);opacity:1}to{transform:translateX(-50%) scale(1) translateY(0);opacity:1}}[data-theme=dark] .sort-toggle-btn{background:var(--color-surface-dark);border-color:var(--color-border-dark);color:var(--color-text-dark)}[data-theme=dark] .sort-toggle-btn:hover{background:var(--color-surface-hover-dark);border-color:var(--color-border-hover-dark)}[data-theme=dark] .sort-mode-info{border-color:var(--color-primary-border-dark);color:var(--color-text-dark)}[data-theme=dark] .field-container.sortable:hover,[data-theme=dark] .sort-mode-info,[data-theme=dark] .title-field-wrapper.sortable:hover{background:var(--color-primary-subtle-dark)}[data-theme=dark] .child-item.sortable,[data-theme=dark] .replacement-child-item.sortable{background:var(--color-card-dark);border-color:transparent}[data-theme=dark] .child-item.sortable:hover,[data-theme=dark] .replacement-child-item.sortable:hover{border-color:var(--color-primary);background:var(--color-primary-subtle-dark)}[data-theme=dark] .children-row.sortable{background:var(--color-card-dark)}[data-theme=dark] .children-row.sortable:hover{border-color:var(--color-primary);background:var(--color-primary-subtle-dark)}[data-theme=dark] .field-container.invalid-drop-target,[data-theme=dark] .title-field-wrapper.invalid-drop-target{opacity:.3!important;pointer-events:none;filter:grayscale(70%);border-color:transparent!important;background:transparent!important}[data-theme=dark] .field-container.dimmed,[data-theme=dark] .title-field-wrapper.dimmed{opacity:.35;filter:grayscale(40%)}[data-theme=dark] .field-container.dimmed:after,[data-theme=dark] .title-field-wrapper.dimmed:after{background:rgba(255,255,255,.05)}[data-theme=dark] .field-container.dimmed .field-header,[data-theme=dark] .title-field-wrapper.dimmed .field-header{opacity:.5}[data-theme=dark] .field-container.dimmed .field-type-badge,[data-theme=dark] .title-field-wrapper.dimmed .field-type-badge{opacity:.4}[data-theme=dark] .field-container.dimmed .field-edit-button,[data-theme=dark] .title-field-wrapper.dimmed .field-edit-button{opacity:.2}@media (max-width:768px){.variables-header-content{flex-direction:column;align-items:stretch;gap:.75rem}.variables-header-actions{justify-content:center}.sort-toggle-btn{padding:.625rem .875rem;font-size:.8125rem}.sort-mode-info{padding:.75rem;font-size:.8125rem}.drop-indicator-line{margin:0 .5rem}.drop-indicator-preview{font-size:.6875rem;padding:.2rem .5rem}}@media (max-width:480px){.variables-title{font-size:1.25rem}.sort-toggle-btn{padding:.5rem .75rem;font-size:.75rem}.sort-toggle-btn svg{width:16px;height:16px}.sort-mode-info{font-size:.75rem}.sort-mode-info .info-icon{width:14px;height:14px}}.search-and-filters{display:flex;gap:16px;align-items:center}.search-input-container{flex:1 1;min-width:400px}.type-filter-container{position:relative;min-width:200px;flex-shrink:0}.back-route-button{height:36px;min-height:auto}.type-filter-trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;transition:var(--transition);height:36px}.type-filter-trigger:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.type-filter-trigger.open{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.type-filter-display{display:flex;align-items:center;flex:1 1;min-width:0}.type-filter-placeholder{color:var(--color-text-muted);font-size:14px}.selected-types{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.selected-type-item{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--color-surface-secondary);border:1px solid var(--color-border-light);border-radius:16px;font-size:12px;color:var(--color-text-primary);white-space:nowrap}.selected-type-item .field-type-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.selected-type-item .field-type-label,.type-count{font-weight:500}.type-count{padding:4px 8px;background:var(--color-primary-light);color:var(--color-text-inverse);border-radius:16px;font-size:12px;white-space:nowrap}.type-filter-arrow{margin-left:8px;transition:transform var(--transition);color:var(--color-text-muted);flex-shrink:0}.type-filter-arrow.open{transform:rotate(180deg)}.type-filter-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.type-filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;max-height:320px;overflow:hidden;animation:typeFilterDropdownOpen .2s ease-out}@keyframes typeFilterDropdownOpen{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.type-filter-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border-light);background:var(--color-surface-secondary);font-weight:600;font-size:14px;color:var(--color-text-primary)}.clear-types-btn{background:none;border:none;color:var(--color-primary);font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:var(--transition)}.clear-types-btn:hover{background:var(--color-primary-light);color:var(--color-text-inverse)}.type-filter-options{max-height:240px;overflow-y:auto;padding:4px 0}.type-filter-options::-webkit-scrollbar{width:6px}.type-filter-options::-webkit-scrollbar-track{background:var(--color-surface-secondary)}.type-filter-options::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.type-filter-options::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.type-filter-option{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:var(--transition);border:none;background:none;width:100%}.type-filter-option:hover{background:var(--color-surface-hover)}.type-filter-option:last-child{border-bottom:none}.type-checkbox{width:16px;height:16px;margin-right:12px;accent-color:var(--color-primary);cursor:pointer}.type-option-display{display:flex;align-items:center;gap:8px;flex:1 1}.type-option-display .field-type-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.type-option-display .field-type-label{font-size:14px;color:var(--color-text-primary);font-weight:500}[data-theme=dark] .type-filter-trigger{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .type-filter-trigger:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}[data-theme=dark] .type-filter-dropdown{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 10px 15px -3px rgb(0 0 0/.4),0 4px 6px -4px rgb(0 0 0/.4)}[data-theme=dark] .selected-type-item,[data-theme=dark] .type-filter-header{background:var(--color-surface-secondary);border-color:var(--color-border-light)}[data-theme=dark] .clear-types-btn:hover,[data-theme=dark] .type-count{background:var(--color-primary)}[data-theme=dark] .type-filter-option:hover{background:var(--color-surface-hover)}[data-theme=dark] .type-filter-options::-webkit-scrollbar-track{background:var(--color-surface-secondary)}[data-theme=dark] .type-filter-options::-webkit-scrollbar-thumb{background:var(--color-border)}[data-theme=dark] .type-filter-options::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}@media (max-width:1024px) and (min-width:769px){.search-input-container{min-width:250px}.type-filter-container{min-width:180px}}@media (max-width:768px){.search-and-filters{flex-direction:column;gap:12px;align-items:stretch}.search-input-container{min-width:auto}.type-filter-container{min-width:auto;width:100%}.type-filter-trigger{padding:12px 16px}.selected-types{gap:6px}.selected-type-item{font-size:11px;padding:3px 6px}.selected-type-item .field-type-indicator{width:6px;height:6px}.type-count{font-size:11px;padding:3px 6px}.type-filter-dropdown{max-height:280px}.type-filter-options{max-height:200px}.type-filter-option{padding:12px 16px}.type-option-display .field-type-indicator{width:10px;height:10px}.type-option-display .field-type-label{font-size:13px}}@media (max-width:480px){.selected-types{max-width:180px;overflow:hidden}.selected-type-item{max-width:120px}.selected-type-item .field-type-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-filter-header{padding:10px 12px;font-size:13px}.type-filter-option{padding:10px 12px}}.autoreplace-field{background:var(--color-secondary);border:2px solid var(--color-border);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.autoreplace-default,.autoreplace-formula{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.autoreplace-label{font-weight:600;color:var(--color-text-primary);font-size:.875rem;min-width:80px}.autoreplace-formula code{background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.8125rem;color:var(--color-primary);word-break:break-all}.autoreplace-default span{color:var(--color-text-secondary);font-style:italic}.calculator-field{background:var(--color-card);border:2px solid var(--color-primary);border-radius:8px;padding:1rem;position:relative}.calculator-field:before{content:"🧮";position:absolute;top:.5rem;right:.5rem;font-size:1.2rem;opacity:.7}.calculator-info{display:flex;flex-direction:column;gap:.5rem}.calculator-label{font-weight:600;color:var(--color-primary);font-size:.875rem;display:flex;align-items:center;gap:.5rem}.calculator-label:before{content:"⚡";font-size:1rem}.calculator-info code{background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;padding:.5rem;font-family:Courier New,monospace;font-size:.8125rem;color:var(--color-text-primary);display:block;word-break:break-word}.unknown-field{background:var(--color-error-subtle);border:2px dashed var(--color-error);border-radius:8px;padding:1rem;text-align:center;color:var(--color-error);font-weight:500;font-size:.875rem}[data-theme=dark] .autoreplace-field{background:var(--color-surface-dark);border-color:var(--color-border-dark)}[data-theme=dark] .autoreplace-formula code,[data-theme=dark] .calculator-info code{background:var(--color-background-dark);border-color:var(--color-border-dark);color:var(--color-text-dark)}[data-theme=dark] .calculator-field{background:var(--color-card-dark);border-color:var(--color-primary-dark)}[data-theme=dark] .calculator-label{color:var(--color-primary-dark)}[data-theme=dark] .unknown-field{background:var(--color-error-subtle-dark);border-color:var(--color-error-dark);color:var(--color-error-dark)}@media (max-width:768px){.autoreplace-default,.autoreplace-formula{flex-direction:column;align-items:flex-start}.autoreplace-label{min-width:auto}.calculator-field:before{position:static;display:inline-block;margin-bottom:.5rem}}.group-separator{margin:1rem 0;display:flex;align-items:center;justify-content:center}.group-separator__label{background:var(--color-background);padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:16px;display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);box-shadow:0 2px 4px rgba(0,0,0,.1)}.group-separator__icon{font-size:1rem;line-height:1}.group-separator__text{white-space:nowrap}.group-separator--children .group-separator__label{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-subtle)}.group-separator--replacements .group-separator__label{border-color:var(--color-warning);color:var(--color-warning);background:var(--color-warning-subtle)}[data-theme=dark] .group-separator__label{background:var(--color-background-dark);border-color:var(--color-border-dark);color:var(--color-text-secondary-dark)}[data-theme=dark] .group-separator--children .group-separator__label{border-color:var(--color-primary-dark);color:var(--color-primary-dark);background:var(--color-primary-subtle-dark)}[data-theme=dark] .group-separator--replacements .group-separator__label{border-color:var(--color-warning-dark);color:var(--color-warning-dark);background:var(--color-warning-subtle-dark)}@media (max-width:768px){.group-separator{margin:.75rem 0}.group-separator__label{padding:.375rem .75rem;font-size:.75rem}.group-separator__icon{font-size:.875rem}}@media (max-width:480px){.group-separator__text{font-size:.6875rem}.group-separator__label{padding:.25rem .5rem}}.group-separator--dimmed{opacity:.5}.group-separator--dimmed .group-separator__label{opacity:.7;background:rgba(128,128,128,.1)!important}.group-separator--dimmed .group-separator__icon{opacity:.6;filter:grayscale(50%)}.group-separator--dimmed .group-separator__text{opacity:.6;font-style:italic}[data-theme=dark] .group-separator--dimmed .group-separator__label{background:rgba(255,255,255,.05)!important}.field-edit-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-secondary);text-decoration:none;transition:all .2s ease;margin-right:.5rem;flex-shrink:0}.field-edit-button:hover{background:var(--color-primary-subtle);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.field-edit-button:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.field-edit-button svg{width:14px;height:14px;stroke-width:2}@media (max-width:768px){.field-edit-button{width:26px;height:26px;margin-right:.375rem}.field-edit-button svg{width:12px;height:12px}}@media (max-width:480px){.field-edit-button{width:24px;height:24px;margin-right:.25rem}.field-edit-button svg{width:11px;height:11px}}.title-field-wrapper{position:relative}.title-field-edit-wrapper{position:absolute;top:.5rem;right:.5rem;z-index:10}.title-edit-button{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.title-edit-button:hover{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 4px 12px rgba(0,0,0,.15)}[data-theme=dark] .title-edit-button{background:rgba(0,0,0,.8);border-color:rgba(255,255,255,.2);color:var(--color-text-secondary-dark)}[data-theme=dark] .title-edit-button:hover{background:var(--color-primary-subtle-dark);border-color:var(--color-primary-dark);color:var(--color-primary-dark)}@media (max-width:768px){.title-field-edit-wrapper{top:.375rem;right:.375rem}}@media (max-width:480px){.title-field-edit-wrapper{top:.25rem;right:.25rem}}.library-templates-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:600px;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);z-index:1000;display:flex;flex-direction:column}.library-modal-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--color-border);margin-bottom:0;padding:24px 24px 20px}.library-modal-title h2{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.library-modal-title p{color:var(--color-text-secondary);font-size:14px;margin:0}.library-modal-close{background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.library-modal-close:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.library-modal-close:disabled{opacity:.5;cursor:not-allowed}.library-modal-body{flex:1 1;overflow:hidden;display:flex;flex-direction:column;padding:24px}.library-error{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-error-background);border:1px solid var(--color-error);border-radius:8px;color:var(--color-error);margin-bottom:16px}.library-error svg{flex-shrink:0}.library-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.library-loading .loading-spinner{width:32px;height:32px;margin-bottom:16px}.library-loading p{color:var(--color-text-secondary);font-size:16px;margin:0}.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.library-empty svg{color:var(--color-text-muted);margin-bottom:16px}.library-empty h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.library-empty p{color:var(--color-text-secondary);font-size:14px;margin:0}.library-templates-list{flex:1 1;overflow-y:auto;margin:-8px;padding:8px}.library-templates-list::-webkit-scrollbar{width:6px}.library-templates-list::-webkit-scrollbar-track{background:var(--color-surface-light);border-radius:3px}.library-templates-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.library-templates-list::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.library-template-item{border:1px solid var(--color-border);border-radius:8px;margin-bottom:12px;background:var(--color-surface);transition:all .2s ease}.library-template-item:hover{border-color:var(--color-border-hover);box-shadow:0 2px 8px rgba(0,0,0,.1)}.library-template-item:last-child{margin-bottom:0}.template-item-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;gap:20px}.template-item-info{flex:1 1;min-width:0}.template-item-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px;line-height:1.4}.template-item-description{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin-top:12px;animation:fadeInDescription .3s ease-out}.template-item-description p{margin:0 0 8px;white-space:pre-line;word-wrap:break-word}@keyframes fadeInDescription{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.template-expand-btn{background:none;border:none;color:var(--color-primary);font-size:13px;cursor:pointer;padding:0;margin-top:8px;text-decoration:underline;transition:color .2s ease;display:block}.template-expand-btn:hover{color:var(--color-primary-hover)}.template-item-actions{flex-shrink:0;display:flex;align-items:flex-start}.template-import-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-primary);color:white;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.template-import-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.template-import-btn:disabled{background:var(--color-muted);cursor:not-allowed;transform:none}.template-import-btn .loading-spinner-small{width:14px;height:14px}.library-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;border-top:1px solid var(--color-border);margin-top:16px}.library-pagination-info{font-size:14px;color:var(--color-text-secondary)}.library-pagination-controls{display:flex;align-items:center;gap:8px}.library-pagination-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--color-text-secondary);font-size:14px;transition:all .2s ease}.library-pagination-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.library-pagination-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:white}.library-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.library-pagination-dots{color:var(--color-text-muted);font-size:14px;display:flex;align-items:center;padding:0 4px}[data-theme=dark] .library-templates-modal{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .library-modal-header{border-color:var(--color-border)}[data-theme=dark] .library-template-item{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .library-template-item:hover{border-color:var(--color-border-hover);box-shadow:0 2px 8px rgba(0,0,0,.3)}[data-theme=dark] .library-error{background:rgba(239,68,68,.1);border-color:var(--color-error)}[data-theme=dark] .library-templates-list::-webkit-scrollbar-track{background:var(--color-surface-light)}[data-theme=dark] .library-templates-list::-webkit-scrollbar-thumb{background:var(--color-border)}[data-theme=dark] .library-templates-list::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}[data-theme=dark] .library-pagination{border-color:var(--color-border)}[data-theme=dark] .library-pagination-btn{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}[data-theme=dark] .library-pagination-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}[data-theme=dark] .library-pagination-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:white}@media (max-width:900px){.library-templates-modal{width:95%;height:85vh}}@media (max-width:768px){.library-templates-modal{width:95%;height:90vh}.library-modal-header{padding:20px 20px 16px}.library-modal-title h2{font-size:18px}.library-modal-body{padding:20px}.template-item-header{flex-direction:column;gap:16px;padding:16px}.template-item-actions{align-self:stretch}.template-import-btn{width:100%;justify-content:center}}@media (max-width:480px){.library-templates-modal{width:98%;height:95vh}.library-modal-header{padding:16px 16px 12px}.library-modal-body{padding:16px}.template-item-header{padding:12px;gap:12px}.template-item-actions{gap:8px}.template-item-title{font-size:15px}.template-item-description{font-size:13px}.library-pagination{flex-direction:column;gap:12px;align-items:center}.library-pagination-info{order:2}.library-pagination-controls{order:1;flex-wrap:wrap;justify-content:center}}.variables-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.variables-header-actions{display:flex;align-items:center;gap:12px}.search-toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}[data-theme=light] .search-toggle-btn{color:#ffffff}[data-theme=dark] .search-toggle-btn{color:var(--color-text-inverse)}.search-toggle-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.search-toggle-btn svg{flex-shrink:0}[data-theme=light] .search-toggle-btn svg{color:#ffffff}[data-theme=dark] .search-toggle-btn svg{color:var(--color-text-inverse)}.search-panel{margin-top:16px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);animation:searchPanelSlideIn .3s ease-out}@keyframes searchPanelSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-container{display:flex;align-items:center;gap:12px}.search-input-wrapper{position:relative;flex:1 1;max-width:400px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none}.search-input{width:100%;padding:10px 40px 10px 38px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-background);color:var(--color-text);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:4px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;transition:all .2s ease}.search-clear-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.search-results-info{display:flex;align-items:center;gap:12px;color:var(--color-text-secondary);font-size:13px;white-space:nowrap}.search-count{font-weight:500;color:var(--color-text)}.search-no-results{color:var(--color-text-secondary);font-style:italic}.search-navigation{display:flex;align-items:center;gap:2px}.search-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.search-nav-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text)}.search-nav-btn:disabled{opacity:.5;cursor:not-allowed}.search-nav-prev{border-top-right-radius:0;border-bottom-right-radius:0}.search-nav-next{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.search-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.search-close-btn:hover{background:var(--color-danger);border-color:var(--color-danger);color:white}.search-highlight{position:relative}.search-highlight:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid rgba(var(--color-primary-rgb),.4);border-radius:6px;z-index:-1;pointer-events:none;transition:border-color .2s ease}.search-current:before{border-color:var(--color-primary);border-width:3px}[data-theme=dark] .search-panel{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 2px 16px rgba(0,0,0,.3)}[data-theme=dark] .search-input{background:var(--color-background);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .search-input:focus{border-color:var(--color-primary)}[data-theme=dark] .search-nav-btn{border-color:var(--color-border);background:var(--color-surface)}[data-theme=dark] .search-nav-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover)}[data-theme=dark] .search-close-btn{border-color:var(--color-border);background:var(--color-surface)}[data-theme=dark] .search-close-btn:hover{background:var(--color-danger);border-color:var(--color-danger)}@media (max-width:768px){.variables-header-content{flex-direction:column;gap:12px}.search-toggle-btn{padding:10px 16px;font-size:16px}.search-container{flex-direction:column;align-items:stretch;gap:16px}.search-input-wrapper{max-width:none}.search-results-info{justify-content:space-between;flex-wrap:wrap}.search-panel{padding:12px}}@media (max-width:480px){.search-toggle-btn{width:100%;justify-content:center}.search-container{gap:12px}.search-results-info{font-size:12px}.search-nav-btn{width:32px;height:32px}.search-close-btn{width:36px;height:36px}}.search-input:focus+.search-clear-btn{opacity:1}.search-text-highlight{background:rgba(var(--color-primary-rgb),.25);color:var(--color-text);padding:1px 2px;border-radius:3px;font-weight:600}[data-theme=dark] .search-text-highlight{background:rgba(var(--color-primary-rgb),.35);color:var(--color-text)}.react-tooltip{background-color:rgba(249,250,251,.98)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border)!important;border-radius:6px!important;opacity:1!important;padding:8px 12px!important;line-height:1.5!important;font-size:.8125rem!important}[data-theme=dark] .react-tooltip{color:#cccccc!important;background-color:var(--color-surface-hover)!important;border-color:rgba(255,255,255,.1)!important}