@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--accent) 0%,#7c3aed 100%)}.login-box{background:var(--surface);padding:40px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:400px}.login-box h1{text-align:center;margin-bottom:8px;color:var(--text-primary);font-size:1.5rem;font-weight:700}.login-box .login-subtitle{text-align:center;color:var(--text-muted);font-size:.875rem;margin-bottom:28px}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;color:var(--text-secondary);font-weight:500;font-size:.875rem}.form-group input{width:100%;padding:10px 14px;border:1px solid var(--border-input);border-radius:var(--radius-md);font-size:.9375rem;font-family:var(--font-ui);color:var(--text-primary);background:var(--surface);transition:border-color .15s,box-shadow .15s}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.error-message{background-color:#fef2f2;color:var(--danger);border:1px solid #fecaca;padding:10px 14px;border-radius:var(--radius-md);margin-bottom:16px;font-size:.875rem}.login-btn{width:100%;padding:11px;background-color:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;font-family:var(--font-ui);cursor:pointer;transition:background-color .15s;margin-top:4px}.login-btn:hover:not(:disabled){background-color:var(--accent-hover)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-hint{margin-top:20px;padding-top:18px;border-top:1px solid var(--border);font-size:.8125rem;color:var(--text-muted);text-align:center}.login-hint p{margin:4px 0}.pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid var(--border);background-color:var(--canvas);font-size:.875rem;flex-wrap:wrap;gap:8px}.pagination-info{color:var(--text-muted)}.pagination-info span{font-weight:600;color:var(--text-secondary)}.pagination-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagination-page-jump{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.pagination-total-pages{border:none;padding:0 2px;background:transparent;color:var(--text-muted);font-size:.8125rem;cursor:pointer}.pagination-total-pages:hover:not(:disabled){text-decoration:underline;color:var(--text-secondary)}.pagination-total-pages:disabled{cursor:default;opacity:.6}.pagination-page-jump input{width:56px;padding:4px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-input);font-size:.8125rem;text-align:center;font-family:var(--font-ui)}.pagination-page-jump input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.pagination-page-size{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.pagination-page-size select{padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-input);background-color:var(--surface);font-size:.8125rem;font-family:var(--font-ui)}.pagination-button{padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-input);background-color:var(--surface);color:var(--text-secondary);font-size:.8125rem;cursor:pointer;font-family:var(--font-ui);transition:background-color .15s,border-color .15s,color .15s}.pagination-button:hover:not(:disabled){background-color:var(--accent-light);border-color:var(--accent-border);color:var(--accent)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-page{color:var(--text-muted)}.pagination-page strong{color:var(--text-primary)}.dashboard h1{margin-bottom:30px;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--surface);padding:25px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.stat-card h3{margin:0 0 10px;color:var(--text-muted);font-size:.9rem;text-transform:uppercase}.stat-number{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.dashboard-section{background:var(--surface);padding:25px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.dashboard-section h2{margin:0 0 20px;color:var(--text-primary);font-size:1.3rem}.dashboard-section>.pagination{margin:16px -25px -25px;border-radius:0 0 8px 8px}.prompts-list,.activity-feed{display:flex;flex-direction:column;gap:15px}.prompt-item,.activity-item{padding:15px;border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--canvas)}.prompt-header,.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.prompt-id{font-weight:700;color:var(--text-primary)}.status-badge{padding:4px 12px;border-radius:var(--radius-lg);color:#fff;font-size:.75rem;text-transform:capitalize}.prompt-desc{color:var(--text-secondary);margin:8px 0;font-size:.9rem}.prompt-meta,.activity-time{color:var(--text-muted);font-size:.85rem;margin:5px 0 0}.activity-user{font-weight:700;color:var(--text-primary)}.activity-action{font-weight:700;text-transform:uppercase;font-size:.85rem}.activity-entity{color:var(--text-secondary);margin:8px 0;font-size:.9rem}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}}.tenants-page{max-width:1400px}.table-container{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.form-group input{width:100%;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem}.btn-danger{color:var(--danger);margin-left:10px}.btn-danger:hover{text-decoration:underline}.users-page{max-width:1400px}.role-badge{padding:4px 10px;background-color:var(--accent);color:#fff;border-radius:var(--radius-lg);font-size:.8rem;text-transform:capitalize}.form-group select{width:100%;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem}.toggle-container{display:flex;align-items:center;gap:12px;margin-bottom:20px}.toggle-label{font-size:14px;color:#333;font-weight:500}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#2196f3}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px #2196f3}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label.active{color:#2196f3;font-weight:600}.agents-page{max-width:1400px}.agents-page .agents-filters-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1rem 0}.agents-page .filters-task-search{flex-shrink:0;margin-left:auto}.agents-page .filters-task-search-row{display:flex;align-items:stretch;gap:8px}.agents-page .filters-task-search-input{min-width:180px;width:min(240px,100%);padding:10px 14px;border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:.875rem;background-color:var(--surface);box-sizing:border-box}.agents-page .filters-task-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.agents-page .filters-task-search-input::-moz-placeholder{color:var(--text-muted)}.agents-page .filters-task-search-input::placeholder{color:var(--text-muted)}.agents-page .filters-task-search-btn{flex-shrink:0;padding:10px 16px;border:1px solid var(--accent);border-radius:var(--radius-sm);background-color:var(--accent);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .2s,border-color .2s}.agents-page .filters-task-search-btn:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.agents-page .filters-task-search-btn:focus{outline:none;box-shadow:0 0 0 2px var(--accent-muted)}.agents-image-cell{vertical-align:middle;min-width:12rem;max-width:28rem}.agents-image-url-link{font-size:.8125rem;line-height:1.35;color:var(--link-color, var(--accent));word-break:break-all;text-decoration:none}.agents-image-url-link:hover{text-decoration:underline}.tasks-page{max-width:1400px}.tasks-header-actions{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.tasks-header-actions .btn{white-space:nowrap}.tasks-sync-all-btn{color:var(--accent);border-color:var(--accent-border);background:var(--surface)}.tasks-sync-all-btn:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent)}.tasks-page .task-actions{display:inline-flex;align-items:center;white-space:nowrap}.tasks-page .task-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;vertical-align:middle;transition:background-color .15s,color .15s,border-color .15s}.tasks-page .task-menu-trigger:hover,.tasks-page .task-menu-trigger[aria-expanded=true]{background:var(--canvas);color:var(--text-primary);border-color:var(--border)}.task-menu-dropdown{position:fixed;z-index:100;min-width:188px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md, 0 6px 20px rgba(15, 23, 42, .14));display:flex;flex-direction:column;gap:2px;animation:task-menu-in .12s ease-out}@keyframes task-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.task-menu-item{display:flex;align-items:center;gap:.55rem;width:100%;padding:8px 10px;font-size:.8125rem;font-weight:500;font-family:var(--font-ui);line-height:1.1;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background-color .15s,color .15s}.task-menu-item:hover:not(:disabled){background:var(--accent-light);color:var(--accent)}.task-menu-item:disabled{opacity:.6;cursor:not-allowed}.task-menu-item svg{flex-shrink:0}.icon-spin{animation:tasks-spin .8s linear infinite}@keyframes tasks-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.icon-spin{animation:none}}.tasks-page .selectors{display:flex;gap:1rem;margin:1rem 0;flex-wrap:wrap;align-items:center}.tasks-page .form-group{display:flex;flex-direction:column;font-size:.9rem}.tasks-page .custom-dropdown{width:220px}.tasks-page .filters-task-search{flex-shrink:0;margin-left:auto}.tasks-page .filters-task-search-row{display:flex;align-items:stretch;gap:8px}.tasks-page .filters-task-search-input{min-width:180px;width:min(240px,100%);padding:10px 14px;border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:.875rem;background-color:var(--surface);box-sizing:border-box}.tasks-page .filters-task-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.tasks-page .filters-task-search-input::-moz-placeholder{color:var(--text-muted)}.tasks-page .filters-task-search-input::placeholder{color:var(--text-muted)}.tasks-page .filters-task-search-btn{flex-shrink:0;padding:10px 16px;border:1px solid var(--accent);border-radius:var(--radius-sm);background-color:var(--accent);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .2s,border-color .2s}.tasks-page .filters-task-search-btn:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.tasks-page .filters-task-search-btn:focus{outline:none;box-shadow:0 0 0 2px var(--accent-muted)}.tabs-page{max-width:1400px}.tabs-container{display:flex;flex-direction:column;gap:20px}.tab-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.tab-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px}.tab-info{display:flex;flex-direction:column;gap:4px;min-width:0}.tab-info h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.tab-description{margin:0;font-size:.9rem;color:var(--text-secondary)}.tab-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.label-optional{font-weight:400;color:var(--text-muted)}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;box-sizing:border-box}.form-group textarea{font-family:inherit;resize:vertical}.form-error{margin-bottom:16px;padding:10px 12px;border-radius:var(--radius-sm);background-color:#fee;border:1px solid var(--danger);color:var(--danger);font-size:.9rem}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.prompts-page{max-width:1400px}.btn-primary{padding:10px 20px;background-color:var(--accent);color:#fff;text-decoration:none;border-radius:var(--radius-sm);font-weight:500;transition:background-color .3s}.tabs-container{margin-bottom:20px}.tabs{display:flex;gap:0;border-bottom:2px solid var(--border)}.tab{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-secondary);transition:all .3s;position:relative;top:2px}.tab:hover{color:var(--accent);background-color:var(--canvas)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);background-color:var(--surface)}.filters-container{display:flex;gap:15px;align-items:center;padding:20px;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:20px;flex-wrap:wrap}.filters-container-inner{display:flex;flex-wrap:wrap;gap:15px;align-items:center;flex:1;min-width:0}.filters-task-search{flex-shrink:0;margin-left:auto}.filters-task-search-row{display:flex;align-items:stretch;gap:8px}.filters-task-search-input{min-width:180px;width:min(240px,100%);padding:10px 14px;border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:.875rem;background-color:var(--surface);box-sizing:border-box}.filters-task-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.filters-task-search-input::-moz-placeholder{color:var(--text-muted)}.filters-task-search-input::placeholder{color:var(--text-muted)}.filters-task-search-btn{flex-shrink:0;padding:10px 16px;border:1px solid var(--accent);border-radius:var(--radius-sm);background-color:var(--accent);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .2s,border-color .2s}.filters-task-search-btn:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.filters-task-search-btn:focus{outline:none;box-shadow:0 0 0 2px var(--accent-muted)}.filter-select{width:100%;min-width:200px;padding:10px 35px 10px 14px;border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:.875rem;background-color:var(--surface);cursor:pointer;transition:all .2s;text-align:left;display:flex;justify-content:space-between;align-items:center}.custom-dropdown:has(.dropdown-menu) .dropdown-arrow{transform:rotate(180deg)}.dropdown-search:focus{border-bottom-color:var(--accent)}.dropdown-search::-moz-placeholder{color:var(--text-secondary)}.dropdown-search::placeholder{color:var(--text-secondary)}.dropdown-option{padding:10px 14px;cursor:pointer;font-size:.875rem;transition:background-color .2s;border:none;text-align:left;background:none;width:100%}.btn-clear-filters{padding:10px 16px;background-color:var(--danger);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-clear-filters:hover{background-color:#b91c1c}.prompts-table{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}table{width:100%;border-collapse:collapse}thead{background-color:var(--accent-light);color:var(--accent)}th{padding:15px;text-align:left;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;border-left:none;border-right:none;border-top:none;border-bottom:2px solid var(--accent-border)}th:last-child{border-left:none;border-right:none}td{padding:15px;border-bottom:1px solid var(--border);border-left:none;border-right:none;border-top:none}th:last-child,td:last-child{width:200px;min-width:200px;border-left:none!important;border-right:none!important;border-top:none!important;border-bottom:1px solid var(--border);padding:15px;vertical-align:middle;position:relative}td:last-child{border-top:none!important;padding:15px;vertical-align:middle}td:last-child:before,td:last-child:after{display:none!important;content:none!important}td:last-child .action-buttons{margin:0!important;padding:0!important;border:none!important;border-top:none!important}tbody tr:hover{background-color:var(--canvas)}tbody tr.editing{background-color:#fff3cd}.no-data{text-align:center;padding:40px!important;color:var(--text-secondary);font-style:italic}.status-badge{padding:5px 12px;border-radius:var(--radius-lg);color:#fff;font-size:.8rem;text-transform:capitalize;display:inline-block}.action-buttons{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;min-width:180px;justify-content:flex-start;margin:0!important;padding:0!important;border:none!important;border-top:none!important;border-bottom:none!important;border-left:none!important;border-right:none!important;background:transparent;vertical-align:middle;line-height:1}.action-buttons:before,.action-buttons:after{display:none!important;content:none!important}.btn-link{padding:6px 12px;background-color:var(--accent);color:#fff;text-decoration:none;font-weight:500;border-radius:var(--radius-sm);font-size:.875rem;transition:all .2s;display:inline-block;text-align:center;min-width:85px}.btn-link:hover{background-color:var(--accent-hover);color:#fff;text-decoration:none}.btn-edit,.btn-delete,.btn-revert,.btn-save,.btn-cancel{padding:6px 12px;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:75px;text-align:center}.btn-edit{background-color:var(--warning);color:#000}.btn-edit:hover{background-color:#b45309}.btn-delete{background-color:var(--danger);color:var(--surface)!important;border:1px solid #b91c1c;font-weight:600}.btn-delete:hover{background-color:#b91c1c;color:var(--surface)!important;border-color:#991b1b}.btn-delete:disabled{background-color:var(--text-secondary);color:var(--surface)!important;cursor:not-allowed;border-color:var(--text-secondary)}.btn-revert{background-color:var(--warning);color:#fff}.btn-revert:hover{background-color:#b45309}.btn-save{background-color:#16a34a;color:#fff}.btn-save:hover{background-color:#15803d}.btn-save:disabled{background-color:var(--text-secondary);cursor:not-allowed}.btn-cancel{background-color:var(--text-secondary);color:#fff}.btn-cancel:hover{background-color:var(--text-secondary)}.btn-cancel:disabled{background-color:var(--text-muted);cursor:not-allowed}.btn-edit-context{background-color:var(--accent);color:#fff;padding:6px 12px;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit-context:hover{background-color:var(--accent-hover)}.edit-input,.edit-select{width:100%;padding:6px 10px;border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:.875rem;font-family:inherit}.edit-select:disabled{background-color:var(--border);cursor:not-allowed}.edit-context-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--surface);border-radius:var(--radius-md);padding:24px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md)}.modal-content h3{margin:0 0 16px;color:var(--text-primary);font-size:1.25rem}.context-textarea{width:100%;padding:12px;border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:.875rem;font-family:Courier New,monospace;resize:vertical;margin-bottom:16px}.context-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-actions .btn-save,.modal-actions .btn-cancel{padding:10px 20px;font-size:1rem}.prompt-detail{max-width:1200px}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header-actions{display:flex;gap:10px;align-items:center}.prompt-header h1{margin:0;color:var(--text-primary)}.btn-secondary{padding:10px 20px;background-color:var(--text-muted);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:500}.btn-back-to-list{padding:10px 20px;background-color:var(--surface);color:var(--text-primary);border:1px solid var(--border-input);border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:background-color .3s,transform .2s,box-shadow .2s}.btn-back-to-list:hover{background-color:var(--canvas);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-update{padding:10px 20px;background-color:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:background-color .3s,transform .2s}.btn-update:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 8px #3498db66}.prompt-info{background:var(--surface);padding:20px;border-radius:var(--radius-md);margin-bottom:20px;box-shadow:var(--shadow-sm)}.info-row{display:flex;margin-bottom:15px}.info-row label{font-weight:600;width:150px;color:var(--text-secondary)}.info-row span{color:var(--text-primary)}.info-row .info-row-value-inline{display:flex;align-items:center;flex:1;min-width:0}.status-badge{padding:5px 12px;border-radius:var(--radius-lg);color:#fff;font-size:.85rem;text-transform:capitalize;display:inline-block}.status-draft{background-color:var(--text-muted)}.status-pending_approval{background-color:#f39c12}.status-approved_level1{background-color:var(--accent)}.status-approved_level2{background-color:#2ecc71}.status-pushed{background-color:var(--success)}.prompt-section{background:var(--surface);padding:20px;border-radius:var(--radius-md);margin-bottom:20px;box-shadow:var(--shadow-sm)}.prompt-section label{display:block;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.prompt-section p{color:var(--text-secondary);margin:0}.context-editor{width:100%;padding:15px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.9rem;resize:vertical}.context-editor:-moz-read-only{background-color:var(--canvas)}.context-editor:read-only{background-color:var(--canvas)}.prompt-actions{display:flex;gap:15px;margin-bottom:30px}.btn-primary{padding:12px 24px;background-color:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:background-color .3s}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-success{padding:12px 24px;background-color:#2ecc71;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:background-color .3s}.btn-success:hover:not(:disabled){background-color:var(--success)}.btn-warning{padding:12px 24px;background-color:#f39c12;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:background-color .3s}.btn-warning:hover:not(:disabled){background-color:#e67e22}button:disabled{opacity:.6;cursor:not-allowed}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{padding:15px;border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--canvas)}.history-header{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:600;color:var(--text-primary)}.history-approved{color:#2ecc71;font-size:.9rem}.history-context{width:100%;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.85rem;background-color:var(--surface);resize:vertical}.edit-input,.edit-select{width:100%;max-width:400px;padding:8px 12px;border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit}.edit-input:focus,.edit-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.edit-select:disabled,.edit-input.disabled-select,.edit-input:disabled{background-color:var(--border);cursor:not-allowed;color:var(--text-muted);opacity:.6}.char-count{font-size:.85rem;color:var(--text-secondary);font-weight:400;margin-left:8px}.btn-save{padding:12px 24px;background-color:#16a34a;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:background-color .3s}.btn-save:hover:not(:disabled){background-color:#15803d}.context-editor:not(:-moz-read-only){background-color:var(--surface);border-color:var(--accent)}.context-editor:not(:read-only){background-color:var(--surface);border-color:var(--accent)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--surface);border-radius:var(--radius-md);width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-muted);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-body p{margin-bottom:15px;color:var(--text-secondary)}.form-select{width:100%;padding:10px;border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit}.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.code-preview{margin:20px 0}.code-textarea{width:100%;padding:15px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.85rem;background-color:var(--canvas);resize:vertical;min-height:400px}.create-prompt{max-width:1200px}.prompt-form{background:var(--surface);padding:30px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.form-section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--border)}.form-section:last-of-type{border-bottom:none}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary)}.char-count{font-weight:400;color:var(--text-muted);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-group select:disabled,.form-group select.disabled-select{background-color:var(--canvas);cursor:not-allowed;color:var(--text-muted);opacity:.6}.context-editor{font-family:Courier New,monospace;font-size:.9rem}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid var(--border)}.tags-input-container{border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;min-height:45px;background:var(--surface)}.tags-display{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.tag{display:inline-flex;align-items:center;gap:6px;background-color:var(--accent);color:#fff;padding:4px 10px;border-radius:15px;font-size:.9rem}.tag-remove{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;line-height:1;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.tag-remove:hover{background-color:#ffffff4d}.tag-input{border:none;outline:none;width:100%;padding:4px;font-size:1rem;font-family:inherit}.tag-input::-moz-placeholder{color:var(--text-muted)}.tag-input::placeholder{color:var(--text-muted)}.audit-logs-page{max-width:1400px}.filters{display:flex;gap:20px;margin-bottom:20px;padding:20px;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.filter-group select,.filter-group input{padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem}.action-badge{font-weight:700;text-transform:uppercase;font-size:.85rem}.entity-id{font-family:Courier New,monospace;font-size:.85rem;color:var(--text-secondary)}.providers-page{max-width:1400px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.btn-primary{background-color:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:8px;transition:background-color .3s}.btn-primary:hover{background-color:var(--accent-hover)}.providers-container{display:flex;flex-direction:column;gap:20px}.provider-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.provider-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border)}.provider-toggle{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;font-size:1.1rem;font-weight:600;color:var(--text-primary);padding:0}.provider-toggle h2{margin:0;font-size:1.1rem}.provider-actions{display:flex;gap:10px;align-items:center}.btn-icon{background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:background-color .3s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background-color:#f0f0f0}.btn-icon.btn-danger{color:var(--danger)}.btn-icon.btn-danger:hover{background-color:#fee}.models-section{padding:20px;background-color:#f9f9f9}.empty-models{text-align:center;padding:20px;color:var(--text-muted)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted);background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.models-table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius-sm);overflow:hidden}.models-table thead{background-color:var(--canvas)}.models-table th{padding:12px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border)}.models-table td{padding:12px;border-bottom:1px solid var(--border)}.models-table tr:last-child td{border-bottom:none}.btn-link{background:none;border:none;color:var(--accent);cursor:pointer;padding:4px 8px;margin-right:10px;text-decoration:none;font-size:.9rem}.btn-link:hover{text-decoration:underline}.btn-link.btn-danger{color:var(--danger)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--surface);padding:30px;border-radius:var(--radius-md);width:90%;max-width:500px}.modal-content h2{margin:0 0 20px;color:var(--text-primary)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;box-sizing:border-box}.form-group select:disabled{background-color:var(--canvas);cursor:not-allowed}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-secondary{background-color:var(--text-muted);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;transition:background-color .3s}.btn-secondary:hover{background-color:var(--text-muted)}.loading{text-align:center;padding:40px;color:var(--text-muted)}.message-policies-page{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;max-width:1440px;margin:0 auto;box-sizing:border-box}.message-policies-page .page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.message-policies-page .selectors{display:flex;gap:1rem}.message-policies-page .form-group{display:flex;flex-direction:column;font-size:.9rem}.message-policies-page .form-group select{margin-top:.25rem;padding:.35rem .5rem}.policy-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(420px,1.6fr) minmax(260px,1.2fr);gap:1rem;align-items:flex-start}.panel{background:var(--surface);border-radius:var(--radius-md);padding:1rem;box-shadow:0 1px 3px #0f172a14;min-height:280px}.panel h2{font-size:1rem;margin-bottom:.75rem}.helper-text{font-size:.85rem;color:#64748b;margin-bottom:.5rem}.block-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.block-item{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem .6rem;border-radius:var(--radius-sm);background:#f8fafc;border:1px solid #e2e8f0;align-items:center}.block-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.block-main,.block-actions{display:flex;flex-direction:column;gap:.25rem}.block-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.badge{background:#e0f2fe;color:#0f172a;border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.role-badge{border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.role-system{background:var(--accent-light);color:#3730a3}.role-developer{background:#f0fdf4;color:#166534}.role-user{background:#ecfeff;color:#0e7490}.role-assistant{background:#fef9c3;color:#854d0e}.role-tool{background:#fef2f2;color:#b91c1c}.block-description{font-size:.8rem;color:var(--text-secondary)}.block-tag.dynamic-tag{font-size:.75rem;color:#0369a1}.btn-secondary.small,.btn-link.small{font-size:.8rem;padding:.2rem .5rem}.editor-panel .editor-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.editor-panel .editor-header input[type=text]{padding:.4rem .5rem;font-size:.9rem}.active-blocks-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.active-block-row{display:flex;gap:.5rem;padding:.5rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--border-input);background:#f9fafb;align-items:stretch;cursor:grab}.drag-handle{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-right:.35rem;font-size:1rem;color:var(--text-muted)}.active-block-main{flex:1;display:flex;flex-direction:column;gap:.35rem}.row-top{display:flex;align-items:center;gap:.4rem}.row-bottom{display:flex;gap:.75rem;font-size:.8rem}.row-bottom label{display:flex;align-items:center;gap:.25rem}.row-bottom input{width:4rem;padding:.15rem .3rem}.instruction-input{width:100%;min-height:60px;padding:.35rem .45rem;font-size:.8rem;border-radius:var(--radius-sm);border:1px solid var(--border-input);resize:vertical}.instruction-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px #2563eb26}.custom-dropdown{position:relative;min-width:200px}.filter-select{width:100%;min-width:200px;padding:8px 30px 8px 12px;border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:.875rem;background-color:var(--surface);cursor:pointer;transition:all .2s;text-align:left;display:flex;justify-content:space-between;align-items:center}.filter-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.filter-select:hover:not(:disabled){border-color:var(--accent)}.filter-select:disabled{background-color:var(--border);cursor:not-allowed;opacity:.6}.dropdown-arrow{font-size:.7rem;color:var(--text-secondary);margin-left:10px;transition:transform .2s}.dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:1000;max-height:300px;display:flex;flex-direction:column}.dropdown-search{padding:8px 12px;border:none;border-bottom:1px solid var(--border);border-radius:var(--radius-sm) 4px 0 0;font-size:.875rem;outline:none}.dropdown-options{max-height:250px;overflow-y:auto;padding:4px 0}.dropdown-option{padding:8px 12px;cursor:pointer;font-size:.875rem;transition:background-color .2s}.dropdown-option:hover{background-color:var(--canvas)}.dropdown-option.selected{background-color:var(--accent-light);color:var(--accent);font-weight:500}.order-index{font-size:.8rem;color:var(--text-secondary)}.order-index-sparse{font-size:.75rem;color:var(--text-muted)}.required-toggle{border-radius:999px;border:1px solid transparent;padding:.15rem .6rem;font-size:.8rem;cursor:pointer}.required-toggle.on{background:#dcfce7;color:#166534;border-color:#16a34a}.required-toggle.off{background:#f9fafb;color:var(--text-primary);border-color:var(--border-input)}.editor-actions{display:flex;justify-content:space-between;align-items:flex-end;margin-top:.75rem}.editor-buttons{display:flex;gap:.75rem;align-items:center}.validation-messages{display:flex;flex-direction:column;gap:.25rem}.validation-error{font-size:.8rem;color:#b91c1c}.preview-panel .json-preview{margin-top:.5rem;padding:.75rem;background:#020617;color:var(--border-input);border-radius:var(--radius-sm);font-size:.8rem;max-height:400px;overflow:auto;max-width:100%;box-sizing:border-box;white-space:pre-wrap;word-break:break-word}@media (max-width: 1200px){.policy-layout{grid-template-columns:minmax(260px,1fr) minmax(360px,1.2fr);grid-template-rows:auto auto}.preview-panel{grid-column:1 / -1}}@media (max-width: 800px){.policy-layout{grid-template-columns:1fr}.preview-panel{grid-column:auto}}.xml-template-builder-page{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;max-width:1440px;margin:0 auto;box-sizing:border-box;position:relative}.xml-template-builder-page .synchronize-nav-btn{position:absolute;top:1.5rem;right:1.5rem;z-index:5}.xml-template-builder-page .page-header{display:flex;flex-direction:column;gap:.5rem}.xml-template-builder-page .selectors{display:flex;gap:1rem;flex-wrap:wrap}.xml-template-builder-page .selectors .form-group{display:flex;flex-direction:column;font-size:.9rem}.xml-template-builder-page .selectors .form-group label{margin-bottom:.25rem;font-weight:600;color:#334155}.xml-template-builder-page .custom-dropdown{position:relative;min-width:200px}.xml-template-builder-page .filter-select{width:100%;min-width:200px;padding:8px 30px 8px 12px;border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:.875rem;background-color:var(--surface);cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center}.xml-template-builder-page .filter-select:disabled{background-color:var(--border);cursor:not-allowed;opacity:.6}.xml-template-builder-page .dropdown-arrow{font-size:.7rem;color:var(--text-secondary);margin-left:8px}.xml-template-builder-page .dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:1000;max-height:300px;display:flex;flex-direction:column}.xml-template-builder-page .dropdown-search{padding:8px 12px;border:none;border-bottom:1px solid var(--border);border-radius:var(--radius-sm) 4px 0 0;font-size:.875rem;outline:none}.xml-template-builder-page .dropdown-options{max-height:250px;overflow-y:auto;padding:4px 0}.xml-template-builder-page .dropdown-option{padding:8px 12px;cursor:pointer;font-size:.875rem}.xml-template-builder-page .dropdown-option:hover{background-color:var(--canvas)}.xml-template-builder-page .dropdown-option.selected{background-color:var(--accent-light);color:var(--accent);font-weight:500}.xml-template-builder-page .page-subtitle{font-size:.95rem;color:#64748b;margin:0}.xml-policy-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(420px,1.6fr) minmax(260px,1.2fr);gap:1rem;align-items:flex-start}.xml-template-builder-page .panel{background:var(--surface);border-radius:var(--radius-md);padding:1rem;box-shadow:0 1px 3px #0f172a14;min-height:280px}.xml-template-builder-page .panel h2{font-size:1rem;margin-bottom:.75rem}.xml-template-builder-page .helper-text{font-size:.85rem;color:#64748b;margin-bottom:.75rem}.xml-template-builder-page .create-block-row{margin-bottom:.75rem}.xml-template-builder-page .create-block-btn{width:100%;padding:.5rem .75rem;font-size:.875rem}.xml-template-builder-page .create-block-form{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.xml-template-builder-page .create-block-input{padding:.4rem .5rem;font-size:.9rem;border:1px solid #e2e8f0;border-radius:var(--radius-sm)}.xml-template-builder-page .create-block-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e933}.xml-template-builder-page .create-block-actions{display:flex;gap:.5rem}.xml-template-builder-page .create-block-actions .btn-primary.small,.xml-template-builder-page .create-block-actions .btn-secondary.small{padding:.25rem .5rem;font-size:.8rem}.xml-template-builder-page .block-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.xml-template-builder-page .block-item{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem .6rem;border-radius:var(--radius-sm);background:#f8fafc;border:1px solid #e2e8f0;align-items:center}.xml-template-builder-page .block-main{display:flex;flex-direction:column;gap:.25rem}.xml-template-builder-page .block-actions{display:flex;flex-direction:row;align-items:center;gap:.25rem}.xml-template-builder-page .block-item-menu{position:relative}.xml-template-builder-page .block-menu-trigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #e2e8f0;border-radius:var(--radius-sm);background:#fff;color:#64748b;font-size:1rem;line-height:1;cursor:pointer;transition:background .2s,color .2s}.xml-template-builder-page .block-menu-trigger:hover{background:#f1f5f9;color:#334155}.xml-template-builder-page .block-menu-dropdown{position:absolute;top:100%;right:0;margin-top:2px;min-width:120px;padding:.25rem 0;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000001a;z-index:10}.xml-template-builder-page .block-menu-item{display:block;width:100%;padding:.35rem .75rem;font-size:.8rem;text-align:left;border:none;background:none;cursor:pointer;color:#334155}.xml-template-builder-page .block-menu-item:hover{background:#f1f5f9}.xml-template-builder-page .block-menu-item-danger{color:#b91c1c}.xml-template-builder-page .block-menu-item-danger:hover{background:#fef2f2}.xml-template-builder-page .block-menu-item-muted{cursor:default;color:#94a3b8;font-size:.75rem}.xml-template-builder-page .block-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.xml-template-builder-page .badge{background:#e0f2fe;color:#0f172a;border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.xml-template-builder-page .block-description{font-size:.8rem;color:var(--text-secondary)}.xml-template-builder-page .btn-toggle{border-radius:var(--radius-sm);border:1px solid;padding:.25rem .6rem;font-size:.8rem;cursor:pointer;transition:all .2s}.xml-template-builder-page .btn-toggle.on{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.xml-template-builder-page .btn-toggle.off{background:#dcfce7;color:#166534;border-color:#86efac}.xml-template-builder-page .btn-toggle.off:hover{background:#bbf7d0}.xml-template-builder-page .btn-toggle.on:hover{background:#fee2e2}.xml-template-builder-page .editor-panel .editor-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.xml-template-builder-page .editor-panel .editor-header input[type=text]{padding:.4rem .5rem;font-size:.9rem}.xml-blocks-editor{display:flex;flex-direction:column;gap:1rem}.xml-block-row{display:flex;flex-direction:column;gap:.35rem}.xml-block-row.draggable{flex-direction:row;align-items:flex-start;gap:.5rem;cursor:grab;padding:.5rem;border-radius:var(--radius-sm);border:1px solid #e2e8f0;background:var(--canvas)}.xml-block-row.draggable:active{cursor:grabbing}.xml-block-row.draggable.dragging{opacity:.6;border-color:var(--accent)}.xml-block-drag-handle{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.25rem .35rem;font-size:1rem;color:#94a3b8;cursor:grab;align-self:center}.xml-block-drag-handle:active{cursor:grabbing}.xml-block-editor-content{flex:1;display:flex;flex-direction:column;gap:.35rem;min-width:0}.xml-block-label{font-size:.9rem;font-weight:600;color:#334155;display:flex;align-items:center;gap:.5rem}.xml-block-tag{font-family:Consolas,Monaco,monospace;font-size:.75rem;font-weight:500;color:#0369a1}.xml-block-tag.execution-tag{color:#059669}.xml-block-textarea{width:100%;min-height:80px;padding:.5rem .6rem;font-size:.85rem;font-family:Consolas,Monaco,monospace;border-radius:var(--radius-sm);border:1px solid #e2e8f0;resize:vertical}.xml-block-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2563eb26}.execution-rules-block{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-sm);padding:.75rem}.execution-rules-preview{margin:0;font-size:.8rem;color:#166534;white-space:pre-wrap;word-break:break-word;font-family:Consolas,Monaco,monospace}.xml-placeholder{font-size:.85rem;color:#64748b;font-style:italic;padding:.35rem 0}.xml-template-builder-page .btn-danger{color:#b91c1c}.xml-template-builder-page .btn-danger:hover{text-decoration:underline}.xml-template-builder-page .block-item.disabled,.xml-template-builder-page .block-item.used{opacity:.6}.xml-template-builder-page .block-item.disabled .btn-toggle.off{cursor:not-allowed}.xml-template-builder-page .block-item.used .btn-toggle{opacity:1;cursor:pointer}.xml-template-builder-page .editor-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.xml-preview{margin:0 0 .75rem;padding:.75rem;background:#020617;color:var(--border-input);border-radius:var(--radius-sm);font-size:.8rem;max-height:400px;overflow:auto;max-width:100%;box-sizing:border-box;white-space:pre-wrap;word-break:break-word;font-family:Consolas,Monaco,monospace}.copy-preview-btn{width:100%}@media (max-width: 1200px){.xml-policy-layout{grid-template-columns:minmax(260px,1fr) minmax(360px,1.2fr);grid-template-rows:auto auto}.xml-template-builder-page .preview-panel{grid-column:1 / -1}}@media (max-width: 800px){.xml-policy-layout{grid-template-columns:1fr}.xml-template-builder-page .preview-panel{grid-column:auto}}.xml-template-sync-page{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;max-width:1440px;margin:0 auto;box-sizing:border-box}.xml-template-sync-page .page-header{display:flex;flex-direction:column;gap:.5rem}.xml-template-sync-page .back-btn{align-self:flex-start;background:none;border:none;color:#2563eb;cursor:pointer;font-size:.9rem;padding:0}.xml-template-sync-page .page-subtitle{color:#64748b;margin:0}.xml-template-sync-page .sync-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;margin-top:.5rem}.xml-template-sync-page .form-group{display:flex;flex-direction:column;font-size:.9rem}.xml-template-sync-page .form-group label{margin-bottom:.25rem;font-weight:600;color:#334155}.xml-template-sync-page .custom-dropdown{position:relative;min-width:220px}.xml-template-sync-page .filter-select{width:100%;min-width:220px;padding:8px 30px 8px 12px;border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:.9rem;background-color:var(--surface);cursor:pointer;text-align:left;display:flex;justify-content:space-between;align-items:center}.xml-template-sync-page .filter-select:disabled{background-color:var(--border);cursor:not-allowed;opacity:.6}.xml-template-sync-page .dropdown-arrow{font-size:.7rem;color:var(--text-secondary);margin-left:8px}.xml-template-sync-page .dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:1000;max-height:300px;display:flex;flex-direction:column}.xml-template-sync-page .dropdown-search{padding:8px 12px;border:none;border-bottom:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-size:.875rem;outline:none}.xml-template-sync-page .dropdown-options{max-height:250px;overflow-y:auto;padding:4px 0}.xml-template-sync-page .dropdown-option{padding:8px 12px;cursor:pointer;font-size:.875rem}.xml-template-sync-page .dropdown-option:hover{background-color:var(--canvas)}.xml-template-sync-page .dropdown-option.selected{background-color:var(--accent-light);color:var(--accent);font-weight:500}.xml-template-sync-page .dropdown-empty{padding:8px 12px;font-size:.85rem;color:var(--text-secondary)}.xml-template-sync-page .sync-actions{display:flex;gap:.75rem}.xml-template-sync-page .sync-warning{color:#b91c1c;font-size:.85rem;margin-top:.25rem}.xml-template-sync-page .sync-compare-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.xml-template-sync-page .panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem}.xml-template-sync-page .sync-panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;border-bottom:1px solid #e2e8f0;padding-bottom:.5rem;margin-bottom:1rem}.xml-template-sync-page .sync-panel-header h2{margin:0;font-size:1.1rem}.xml-template-sync-page .sync-panel-tenant{font-family:Consolas,Monaco,monospace;font-size:.85rem;color:#0369a1;font-weight:600}.xml-template-sync-page .sync-template-card{border:1px solid #eef2f7;border-radius:6px;padding:.9rem;margin-bottom:1rem;background:#fafcff}.xml-template-sync-page .sync-template-title{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.75rem}.xml-template-sync-page .sync-template-name{font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.5rem}.xml-template-sync-page .sync-badge{font-size:.7rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;text-transform:uppercase;letter-spacing:.02em}.xml-template-sync-page .sync-badge.missing{background:#fef3c7;color:#92400e}.xml-template-sync-page .sync-badge.differs{background:#fee2e2;color:#b91c1c}.xml-template-sync-page .sync-badge.insync{background:#dcfce7;color:#166534}.xml-template-sync-page .sync-template-meta{font-size:.8rem;color:#64748b}.xml-template-sync-page .xml-blocks-editor{display:flex;flex-direction:column;gap:.75rem}.xml-template-sync-page .xml-block-row{display:flex;flex-direction:column;gap:.35rem;border:1px solid #e2e8f0;border-radius:4px;padding:.5rem .75rem;background:#fff}.xml-template-sync-page .xml-block-label{font-size:.9rem;font-weight:600;color:#334155;display:flex;align-items:center;gap:.5rem}.xml-template-sync-page .xml-block-tag{font-family:Consolas,Monaco,monospace;font-size:.75rem;font-weight:500;color:#0369a1}.xml-template-sync-page .xml-placeholder{font-size:.85rem;color:#64748b;font-style:italic;padding:.15rem 0}.xml-template-sync-page .helper-text{color:#64748b;font-size:.85rem}@media (max-width: 900px){.xml-template-sync-page .sync-compare-layout{grid-template-columns:1fr}}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background-color:var(--sidebar-bg);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;overflow-x:hidden;flex-shrink:0;z-index:50;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 20px 16px;border-bottom:1px solid var(--sidebar-border);flex-shrink:0}.sidebar-brand-icon{width:32px;height:32px;background:var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-brand-name{font-size:.9375rem;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1.2}.sidebar-brand-tagline{font-size:.6875rem;color:var(--sidebar-muted);letter-spacing:.02em}.sidebar-nav{flex:1;padding:10px 0}.sidebar-section{padding:2px 10px;margin-bottom:2px}.sidebar-header-btn{width:100%;padding:8px 10px;background:none;border:none;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#ffffffa6;transition:background-color .15s,color .15s;text-align:left;font-family:var(--font-ui)}a.sidebar-header-btn{text-decoration:none}.sidebar-header-btn:hover{background:var(--sidebar-hover);color:#fff}.sidebar-header-btn.active-section{color:#fff}.header-content{display:flex;align-items:center;gap:9px}.header-content h2{font-size:.875rem;font-weight:500;margin:0;white-space:nowrap}.sidebar-chevron{flex-shrink:0;opacity:.4;transition:transform .2s}.sidebar-chevron.open{transform:rotate(180deg);opacity:.7}.nav-menu{list-style:none;padding:2px 0 4px;margin:0}.nav-menu li{margin:0}.nav-menu a{display:flex;align-items:center;padding:7px 10px 7px 36px;font-size:.8125rem;color:#ffffff8c;text-decoration:none;border-radius:var(--radius-md);transition:background-color .12s,color .12s;white-space:nowrap}.nav-menu a:hover{background:var(--sidebar-hover);color:#ffffffe6}.nav-menu a.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:500}.nav-external-badge{margin-left:auto;display:flex;align-items:center;opacity:.4}.sidebar-section-label{padding:10px 20px 4px;font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff40}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--sidebar-border);flex-shrink:0}.user-info{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-md);margin-bottom:8px}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;color:#fff;flex-shrink:0}.user-details{overflow:hidden}.user-name{font-size:.8125rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.6875rem;color:var(--sidebar-muted);text-transform:capitalize}.logout-btn{width:100%;padding:8px 12px;background:#ffffff0d;color:#fff9;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);cursor:pointer;font-size:.8125rem;font-family:var(--font-ui);transition:background-color .15s,color .15s}.logout-btn:hover{background:#dc262626;color:#fca5a5;border-color:#dc262640}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;padding:28px 32px;background-color:var(--canvas);overflow-y:auto}.main-content--flush{padding:0;height:100vh;overflow:hidden;background-color:transparent}.page-content{padding:28px 32px;max-width:1440px}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1rem;color:var(--text-muted)}.prompt-generator-wrapper{display:flex;gap:2rem;height:100%;margin:0 auto}.prompt-generator-container{flex:1;padding:2rem;max-width:100%;overflow-y:auto}.generator-header{margin-bottom:2rem}.generator-header h1{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.generator-header p{color:var(--text-secondary)}.questions-linear{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.question-card-linear{background:var(--surface);border-radius:.5rem;box-shadow:var(--shadow-sm);padding:1.5rem;border-left:4px solid var(--accent)}.question-card-linear.power-mode{background:var(--accent-light);border-left-color:var(--accent)}.question-header{margin-bottom:1rem}.question-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.question-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.question-covers{font-size:.75rem;color:var(--accent);font-weight:500}.question-textarea{width:100%;height:8rem;padding:.75rem;border:1px solid var(--border-input);border-radius:.375rem;font-size:.875rem;resize:vertical;font-family:inherit}.question-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633}.question-textarea.power-mode-input{border-color:#d8b4fe}.question-textarea.power-mode-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #a855f733}.power-mode-toggle{display:flex;align-items:center;gap:.5rem;color:var(--accent);font-weight:600;background:none;border:none;cursor:pointer;margin-bottom:1.5rem;padding:.5rem;transition:color .2s}.power-mode-toggle:hover{color:#9333ea}.format-selection{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--surface);border-radius:.5rem;box-shadow:var(--shadow-sm)}.format-label{font-weight:600;color:var(--text-primary);font-size:.95rem}.format-dropdown{padding:.5rem 1rem;border:1px solid var(--border-input);border-radius:.375rem;font-size:.95rem;cursor:pointer;background-color:var(--surface);min-width:120px}.format-dropdown:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633}.generate-button-container{display:flex;justify-content:center;margin-bottom:2rem}.generate-button{background-color:var(--accent);color:#fff;padding:.75rem 2rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-md);transition:background-color .2s}.generate-button:hover:not(:disabled){background-color:var(--accent)}.generate-button:disabled{background-color:var(--text-muted);cursor:not-allowed}.error-message{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b;padding:1rem;border-radius:.375rem;margin-bottom:1rem;text-align:center}.prompt-output-sidebar{width:600px;min-width:600px;border-left:1px solid var(--border-input);overflow-y:auto;padding:2rem}.prompt-output{background-color:var(--surface);border-radius:.5rem;box-shadow:var(--shadow-sm);padding:1.5rem;border:1px solid var(--border-input);position:sticky;top:0}.prompt-output-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--border-input)}.prompt-output-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.action-buttons{display:flex;gap:.5rem}.icon-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s}.copy-button{background-color:#10b981;color:#fff}.copy-button:hover{background-color:#059669}.download-button{background-color:#6366f1;color:#fff}.download-button:hover{background-color:var(--accent)}.prompt-code{background-color:#f9fafb;padding:1rem;border-radius:.375rem;border:1px solid var(--border-input);overflow-x:auto;font-size:.875rem;font-family:Courier New,monospace;white-space:pre-wrap;overflow-y:auto}.generated-short-description{margin-top:1rem;background-color:var(--accent-light);border:1px solid var(--accent-border);border-radius:.5rem;padding:.85rem 1rem}.generated-short-description label{display:block;font-size:.85rem;font-weight:600;color:var(--accent-hover);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.05em}.generated-short-description p{margin:0;color:var(--text-primary);font-size:.95rem}.configure-button-container{margin-top:1.25rem}.configure-button{width:100%;background-color:var(--accent);color:#fff;border:none;border-radius:.5rem;padding:.85rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 2px 4px #2563eb4d;transition:background-color .2s,transform .2s}.configure-button:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.configure-button:active{transform:translateY(0)}.required-indicator{color:#ef4444;font-size:1.2rem;margin-left:.25rem}.question-textarea.empty-field{border-color:#fca5a5;background-color:#fef2f2}.question-textarea.empty-field:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.generate-button:disabled{background-color:var(--text-muted);cursor:not-allowed;opacity:.6}.generate-button:disabled:hover{background-color:var(--text-muted)}.validation-message{text-align:center;color:#dc2626;font-size:.875rem;margin-top:.5rem;font-weight:500}.revert-prompt{padding:2rem;max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{margin:0;color:var(--text-primary)}.current-prompt-info{margin-bottom:2rem}.current-prompt-info h2{margin-bottom:1rem;color:var(--text-primary)}.info-card{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem}.info-row{display:flex;margin-bottom:.75rem}.info-row:last-child{margin-bottom:0}.info-row label{font-weight:600;min-width:120px;color:#495057}.info-row span{color:#212529}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-sm);color:#fff;font-size:.875rem;font-weight:500}.current-context{margin-top:1.5rem}.current-context label{display:block;font-weight:600;margin-bottom:.5rem;color:#495057;font-size:.875rem}.revert-options{margin-top:2rem}.revert-options h2{margin-bottom:.5rem;color:var(--text-primary)}.help-text{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.no-options{text-align:center;padding:2rem;background:var(--canvas);border-radius:var(--radius-md);color:var(--text-secondary)}.options-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.option-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;cursor:pointer;transition:all .2s;font-family:inherit;font-size:.875rem}.option-card:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff26}.option-card.selected{border-color:#007bff;background:#f0f7ff;box-shadow:0 2px 8px #007bff40}.option-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.option-header input[type=radio]{margin-top:.25rem;cursor:pointer}.option-info{flex:1;font-family:inherit;font-size:.875rem}.option-meta{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.option-tenant{color:#495057;font-size:.875rem;font-family:inherit;font-weight:500}.option-date,.option-creator{color:var(--text-secondary);font-size:.875rem;font-family:inherit}.option-description{margin-bottom:.75rem;font-size:.875rem;font-family:inherit;line-height:1.5}.option-description-label{font-weight:600;color:#495057;margin-right:.5rem}.option-description-text{color:#212529}.option-context{margin-top:1rem}.option-context label{display:block;font-weight:600;margin-bottom:.5rem;color:#495057;font-size:.875rem;font-family:inherit}.context-preview{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.875rem;resize:vertical;background:var(--canvas)}.revert-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border)}.btn-primary{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-primary:disabled{background:var(--text-secondary);cursor:not-allowed}.btn-secondary{background:var(--text-secondary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:background .2s}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-secondary:disabled{background:var(--text-muted);cursor:not-allowed}.loading{text-align:center;padding:2rem;color:var(--text-secondary)}.agent-playground-page{padding:2rem;max-width:1400px;margin:0 auto}.header-content{display:flex;align-items:center;gap:1rem}.header-content h1{margin:0;font-size:2rem;color:var(--text-primary)}.header-content p{margin:.25rem 0 0;color:var(--text-muted);font-size:.95rem}.playground-container{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem}.playground-form{background:var(--surface);border-radius:var(--radius-md);padding:2rem;box-shadow:var(--shadow-sm)}.form-section{margin-bottom:2rem}.form-section:last-child{margin-bottom:0}.form-section h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #ecf0f1}.section-description{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit}.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3498db1a}.form-textarea{resize:vertical;min-height:150px}.field-hint{font-size:.85rem;color:var(--text-muted);margin-top:.5rem}.tasks-list{max-height:400px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem}.task-item{margin-bottom:.75rem}.task-item:last-child{margin-bottom:0}.task-checkbox{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:var(--radius-sm);transition:background-color .2s}.task-checkbox:hover{background-color:var(--canvas)}.task-checkbox input[type=checkbox]{margin-top:.25rem;cursor:pointer}.task-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.task-name{font-weight:500;color:var(--text-primary)}.task-component{font-size:.85rem;color:var(--text-muted)}.empty-state{text-align:center;padding:2rem;color:var(--text-muted);font-style:italic}.btn-generate{width:100%;padding:1rem;background:linear-gradient(135deg,var(--accent) 0%,#7c3aed 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s,box-shadow .2s}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-generate:disabled{opacity:.6;cursor:not-allowed}.generated-code-section{background:var(--surface);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm);position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto}.generated-code-section h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #ecf0f1}.code-file{margin-bottom:2rem;border:1px solid #e1e8ed;border-radius:var(--radius-md);overflow:hidden}.code-file:last-child{margin-bottom:0}.code-file-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--canvas);border-bottom:1px solid #e1e8ed}.code-file-name{font-weight:600;color:var(--text-primary);font-family:Courier New,monospace;font-size:.9rem}.code-file-actions{display:flex;gap:.5rem}.btn-icon{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s}.btn-icon:hover{background:#ecf0f1;border-color:var(--accent);color:var(--accent)}.code-content{margin:0;padding:1rem;background:#2d2d2d;color:#f8f8f2;overflow-x:auto;font-family:Courier New,Consolas,monospace;font-size:.85rem;line-height:1.5}.code-content code{display:block;white-space:pre}@media (max-width: 1024px){.playground-container{grid-template-columns:1fr}.generated-code-section{position:static;max-height:none}}.playground-right{display:flex;flex-direction:column;gap:1.5rem}.selected-window{background:var(--surface);border-radius:var(--radius-md);padding:1.5rem;box-shadow:0 2px 4px #0000000f}.selected-window-header h2{font-size:1.1rem;margin:0 0 .25rem;color:var(--text-primary)}.selected-window-subtitle{margin:0;font-size:.85rem;color:var(--text-muted)}.selected-window-empty{margin-top:1rem;padding:1.25rem;border-radius:var(--radius-sm);border:1px dashed #d0d7de;font-size:.9rem;color:var(--text-muted);background:#f9fafb}.selected-window-list{margin-top:1rem;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.selected-window-item{display:flex;align-items:stretch;gap:.5rem;padding:.6rem .8rem;border-radius:var(--radius-sm);border:1px solid #e1e4e8;background:#fdfdfd;cursor:grab}.selected-window-item:active{cursor:grabbing;box-shadow:0 2px 8px #00000014}.selected-window-drag-handle{display:flex;align-items:center;font-size:1rem;color:#b0b7c3;padding-right:.25rem}.selected-window-main{flex:1;display:flex;flex-direction:column;gap:.25rem}.selected-window-top-row{display:flex;align-items:center;gap:.5rem;justify-content:flex-start}.selected-window-order{min-width:1.5rem;height:1.5rem;border-radius:999px;background:#ecf0f1;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text-primary)}.selected-window-task-name{font-weight:500;color:var(--text-primary);font-size:.95rem}.selected-window-meta{display:flex;flex-direction:column;gap:.15rem;font-size:.8rem}.selected-window-agent{color:#4a5568}.selected-window-component{color:#718096}.selected-window-remove{border:none;background:none;color:var(--danger);font-size:.8rem;cursor:pointer;padding-left:.25rem;align-self:center}.selected-window-remove:hover{text-decoration:underline}.agent-instructions-section{background:var(--surface);border-radius:var(--radius-md);padding:1.5rem;box-shadow:0 2px 4px #0000000f}.agent-instructions-section h2{font-size:1.1rem;margin:0 0 .5rem;color:var(--text-primary);padding-bottom:.5rem;border-bottom:2px solid #ecf0f1}.agent-instructions-section .section-description,.agent-instructions-section .form-group{margin-bottom:1rem}.agent-instructions-section .btn-generate{margin-top:1rem}.prompt-tester{padding:2rem;max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header .header-content{display:flex;align-items:center;gap:1rem}.page-header h1{margin:0;font-size:2rem;color:#1a1a1a}.page-header p{margin:.25rem 0 0;color:var(--text-secondary);font-size:.95rem}.tester-container{background:var(--surface);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;overflow:hidden}.layer-config-section{padding:2rem}.config-intro{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.config-intro h2{margin:0 0 .5rem;font-size:1.5rem;color:#1a1a1a}.config-intro p{margin:0;color:var(--text-secondary);font-size:.95rem}.layers-form{display:flex;flex-direction:column;gap:2rem}.layer-input{display:flex;flex-direction:column;gap:.75rem}.layer-input.immutable{background:var(--canvas);padding:1.5rem;border-radius:var(--radius-md);border:2px solid var(--accent-light)}.layer-header{display:flex;flex-direction:column;gap:.25rem}.layer-header label{font-weight:600;font-size:1.1rem;color:#1a1a1a;display:flex;align-items:center;gap:.5rem}.layer-header .lock-icon{color:#ff6b6b}.required{color:#ff6b6b;margin-left:.25rem}.layer-description{font-size:.9rem;color:var(--text-secondary);font-weight:400}.layer-input textarea{width:100%;padding:.875rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.6;resize:vertical;transition:border-color .2s}.layer-input textarea:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.layer-input textarea.immutable-input{background:var(--surface);border:2px solid var(--accent-light)}.char-count{font-size:.85rem;color:var(--text-muted);text-align:right}.action-buttons{margin-top:2rem;display:flex;justify-content:center;gap:1rem;padding-top:2rem;border-top:2px solid #f0f0f0}.test-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1.05rem;font-weight:600}.chat-section{display:flex;flex-direction:column;height:80vh}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--canvas);border-bottom:1px solid var(--border)}.chat-header .header-actions{display:flex;gap:.75rem;align-items:center}.chat-header h2{margin:0;font-size:1.5rem;color:#1a1a1a}.chat-header p{margin:.25rem 0 0;color:var(--text-secondary);font-size:.9rem}.messages-container{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:1rem;background:var(--canvas)}.message{display:flex;flex-direction:column;gap:.5rem;max-width:75%;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{align-self:flex-end}.message-assistant,.message-system,.message-error{align-self:flex-start}.message-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0 .5rem}.message-role{font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.message-user .message-role{color:#2196f3}.message-assistant .message-role{color:#4caf50}.message-system .message-role{color:var(--warning)}.message-error .message-role{color:#f44336}.message-time{font-size:.75rem;color:var(--text-muted)}.message-content{padding:1rem;border-radius:var(--radius-lg);line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.message-user .message-content{background:#2196f3;color:#fff;border-bottom-right-radius:4px}.message-assistant .message-content{background:var(--surface);color:#1a1a1a;border:1px solid var(--border);border-bottom-left-radius:4px}.message-system .message-content{background:#fff3cd;color:#856404;border:1px solid #ffeaa7;font-style:italic}.message-error .message-content{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.chat-input-form{display:flex;gap:1rem;padding:1.5rem 2rem;background:var(--surface);border-top:1px solid var(--border)}.chat-input{flex:1;padding:.875rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.95rem;transition:border-color .2s;resize:none;min-height:48px;max-height:200px;overflow-y:auto;font-family:inherit;line-height:1.5}.chat-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.send-btn{padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:center;min-width:60px;align-self:flex-end}.copy-xml-btn{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.btn-primary{background:#4caf50;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;font-weight:500}.btn-primary:hover:not(:disabled){background:#45a049;transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}.btn-primary:disabled{background:var(--border-input)ccc;cursor:not-allowed;opacity:.6}.btn-secondary{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);padding:.75rem 1.5rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;font-weight:500}.btn-secondary:hover{background:var(--canvas);border-color:var(--text-muted)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1}.messages-container::-webkit-scrollbar-thumb{background:var(--border-input);border-radius:var(--radius-sm)}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface);border-radius:var(--radius-lg);padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h3{margin:0 0 .5rem;font-size:1.5rem;color:#1a1a1a}.modal-content>p{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.95rem}.preset-name-input{width:100%;padding:.875rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;margin-bottom:1.5rem;transition:border-color .2s}.preset-name-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.modal-actions button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem}.presets-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.preset-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s}.preset-item:hover{border-color:#4caf50;background:#f8fdf9}.preset-info{flex:1}.preset-info h4{margin:0 0 .25rem;font-size:1.05rem;color:#1a1a1a}.preset-date{font-size:.85rem;color:var(--text-muted)}.preset-layers{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem}.preset-actions{display:flex;gap:.5rem}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.btn-danger{background:#f44336;color:var(--surface)!important;border:1px solid #d32f2f;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;font-weight:600}.btn-danger:hover{background:#d32f2f;color:var(--surface)!important;border-color:#c62828;transform:translateY(-1px);box-shadow:0 4px 8px #f443364d}.no-presets{text-align:center;color:var(--text-muted);padding:2rem;font-style:italic}@media (max-width: 768px){.prompt-tester,.layer-config-section{padding:1rem}.message{max-width:90%}.chat-header{flex-direction:column;align-items:flex-start;gap:1rem}.chat-header .header-actions{width:100%;flex-direction:column}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.modal-content{padding:1.5rem}.preset-item{flex-direction:column;align-items:flex-start;gap:1rem}.preset-actions{width:100%}.preset-actions button{flex:1}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.skillforge-scope,.skillforge-scope *,.skillforge-scope *:before,.skillforge-scope *:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e2e8f0}.skillforge-scope{height:100%;font-family:Inter,sans-serif;line-height:1.5;color:#0f172a;background:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skillforge-scope :is(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit;margin:0}.skillforge-scope :is(p,figure,blockquote,dl,dd,hr,pre){margin:0}.skillforge-scope :is(ol,ul,menu){list-style:none;margin:0;padding:0}.skillforge-scope :is(button,input,optgroup,select,textarea){font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.skillforge-scope button{-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer}.skillforge-scope button:disabled{cursor:default}.skillforge-scope :is(input,textarea):focus,.skillforge-scope button:focus{outline:none}.skillforge-scope :is(input,textarea)::-moz-placeholder{opacity:1;color:#94a3b8}.skillforge-scope :is(input,textarea)::placeholder{opacity:1;color:#94a3b8}.skillforge-scope textarea{resize:vertical}.skillforge-scope :is(img,svg,video,canvas){display:block;vertical-align:middle}.skillforge-scope :is(img,video){max-width:100%;height:auto}.skillforge-scope a{color:inherit;text-decoration:inherit}.skillforge-scope table{text-indent:0;border-color:inherit;border-collapse:collapse}.skillforge-scope :is(pre,code,kbd,samp){font-family:JetBrains Mono,monospace}.skillforge-scope ::-webkit-scrollbar{width:5px;height:5px}.skillforge-scope ::-webkit-scrollbar-track{background:transparent}.skillforge-scope ::-webkit-scrollbar-thumb{background:#4f46e540;border-radius:10px}.skillforge-scope ::-webkit-scrollbar-thumb:hover{background:#4f46e573}.skillforge-scope .pointer-events-none{pointer-events:none}.skillforge-scope .fixed{position:fixed}.skillforge-scope .absolute{position:absolute}.skillforge-scope .relative{position:relative}.skillforge-scope .sticky{position:sticky}.skillforge-scope .inset-0{top:0;right:0;bottom:0;left:0}.skillforge-scope .bottom-20{bottom:5rem}.skillforge-scope .bottom-full{bottom:100%}.skillforge-scope .left-0{left:0}.skillforge-scope .left-3{left:.75rem}.skillforge-scope .left-4{left:1rem}.skillforge-scope .right-0{right:0}.skillforge-scope .right-2{right:.5rem}.skillforge-scope .right-4{right:1rem}.skillforge-scope .top-1\/2{top:50%}.skillforge-scope .top-2{top:.5rem}.skillforge-scope .top-4{top:1rem}.skillforge-scope .top-6{top:1.5rem}.skillforge-scope .top-full{top:100%}.skillforge-scope .z-10{z-index:10}.skillforge-scope .z-50{z-index:50}.skillforge-scope .z-\[5\]{z-index:5}.skillforge-scope .mx-3{margin-left:.75rem;margin-right:.75rem}.skillforge-scope .mx-auto{margin-left:auto;margin-right:auto}.skillforge-scope .my-3{margin-top:.75rem;margin-bottom:.75rem}.skillforge-scope .mb-0\.5{margin-bottom:.125rem}.skillforge-scope .mb-1{margin-bottom:.25rem}.skillforge-scope .mb-1\.5{margin-bottom:.375rem}.skillforge-scope .mb-2{margin-bottom:.5rem}.skillforge-scope .mb-2\.5{margin-bottom:.625rem}.skillforge-scope .mb-3{margin-bottom:.75rem}.skillforge-scope .mb-4{margin-bottom:1rem}.skillforge-scope .mb-5{margin-bottom:1.25rem}.skillforge-scope .mb-6{margin-bottom:1.5rem}.skillforge-scope .ml-2{margin-left:.5rem}.skillforge-scope .mt-0\.5{margin-top:.125rem}.skillforge-scope .mt-1{margin-top:.25rem}.skillforge-scope .mt-1\.5{margin-top:.375rem}.skillforge-scope .mt-2{margin-top:.5rem}.skillforge-scope .mt-3{margin-top:.75rem}.skillforge-scope .mt-4{margin-top:1rem}.skillforge-scope .mt-6{margin-top:1.5rem}.skillforge-scope .mt-auto{margin-top:auto}.skillforge-scope .block{display:block}.skillforge-scope .inline-block{display:inline-block}.skillforge-scope .flex{display:flex}.skillforge-scope .inline-flex{display:inline-flex}.skillforge-scope .grid{display:grid}.skillforge-scope .hidden{display:none}.skillforge-scope .h-0\.5{height:.125rem}.skillforge-scope .h-1{height:.25rem}.skillforge-scope .h-1\.5{height:.375rem}.skillforge-scope .h-10{height:2.5rem}.skillforge-scope .h-12{height:3rem}.skillforge-scope .h-20{height:5rem}.skillforge-scope .h-3\.5{height:.875rem}.skillforge-scope .h-4{height:1rem}.skillforge-scope .h-5{height:1.25rem}.skillforge-scope .h-6{height:1.5rem}.skillforge-scope .h-\[1em\]{height:1em}.skillforge-scope .h-\[52px\]{height:52px}.skillforge-scope .h-full{height:100%}.skillforge-scope .h-px{height:1px}.skillforge-scope .min-h-0{min-height:0px}.skillforge-scope .min-h-\[120px\]{min-height:120px}.skillforge-scope .w-1{width:.25rem}.skillforge-scope .w-1\.5{width:.375rem}.skillforge-scope .w-10{width:2.5rem}.skillforge-scope .w-12{width:3rem}.skillforge-scope .w-20{width:5rem}.skillforge-scope .w-28{width:7rem}.skillforge-scope .w-3\.5{width:.875rem}.skillforge-scope .w-3\/4{width:75%}.skillforge-scope .w-36{width:9rem}.skillforge-scope .w-4{width:1rem}.skillforge-scope .w-5{width:1.25rem}.skillforge-scope .w-52{width:13rem}.skillforge-scope .w-56{width:14rem}.skillforge-scope .w-6{width:1.5rem}.skillforge-scope .w-\[1em\]{width:1em}.skillforge-scope .w-\[220px\]{width:220px}.skillforge-scope .w-\[340px\]{width:340px}.skillforge-scope .w-\[480px\]{width:480px}.skillforge-scope .w-auto{width:auto}.skillforge-scope .w-full{width:100%}.skillforge-scope .min-w-0{min-width:0px}.skillforge-scope .max-w-xs{max-width:20rem}.skillforge-scope .flex-1{flex:1 1 0%}.skillforge-scope .flex-shrink-0,.skillforge-scope .shrink-0{flex-shrink:0}.skillforge-scope .-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skillforge-scope .translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skillforge-scope .translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skillforge-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.skillforge-scope .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skillforge-scope .cursor-default{cursor:default}.skillforge-scope .cursor-pointer{cursor:pointer}.skillforge-scope .resize-none{resize:none}.skillforge-scope .resize{resize:both}.skillforge-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.skillforge-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.skillforge-scope .flex-col{flex-direction:column}.skillforge-scope .flex-wrap{flex-wrap:wrap}.skillforge-scope .items-start{align-items:flex-start}.skillforge-scope .items-center{align-items:center}.skillforge-scope .justify-center{justify-content:center}.skillforge-scope .justify-between{justify-content:space-between}.skillforge-scope .gap-0{gap:0px}.skillforge-scope .gap-1{gap:.25rem}.skillforge-scope .gap-1\.5{gap:.375rem}.skillforge-scope .gap-2{gap:.5rem}.skillforge-scope .gap-3{gap:.75rem}.skillforge-scope .gap-4{gap:1rem}.skillforge-scope .gap-6{gap:1.5rem}.skillforge-scope :is(.space-y-0\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.skillforge-scope :is(.space-y-1\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.skillforge-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.skillforge-scope :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.skillforge-scope .overflow-hidden{overflow:hidden}.skillforge-scope .overflow-y-auto{overflow-y:auto}.skillforge-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skillforge-scope .whitespace-nowrap{white-space:nowrap}.skillforge-scope .rounded-2xl{border-radius:1rem}.skillforge-scope .rounded-full{border-radius:9999px}.skillforge-scope .rounded-lg{border-radius:12px}.skillforge-scope .rounded-md{border-radius:8px}.skillforge-scope .rounded-xl{border-radius:16px}.skillforge-scope .border{border-width:1px}.skillforge-scope .border-2{border-width:2px}.skillforge-scope .border-4{border-width:4px}.skillforge-scope .border-\[1\.5px\]{border-width:1.5px}.skillforge-scope .border-b{border-bottom-width:1px}.skillforge-scope .border-r{border-right-width:1px}.skillforge-scope .border-t{border-top-width:1px}.skillforge-scope .border-none{border-style:none}.skillforge-scope .border-accent{--tw-border-opacity: 1;border-color:rgb(79 70 229 / var(--tw-border-opacity, 1))}.skillforge-scope .border-accent\/20{border-color:#4f46e533}.skillforge-scope .border-accent\/30{border-color:#4f46e54d}.skillforge-scope .border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.skillforge-scope .border-border{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.skillforge-scope .border-border-input{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.skillforge-scope .border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.skillforge-scope .border-emerald-400{--tw-border-opacity: 1;border-color:rgb(52 211 153 / var(--tw-border-opacity, 1))}.skillforge-scope .border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.skillforge-scope .border-transparent{border-color:transparent}.skillforge-scope .border-white\/5{border-color:#ffffff0d}.skillforge-scope .border-t-code{--tw-border-opacity: 1;border-top-color:rgb(15 23 42 / var(--tw-border-opacity, 1))}.skillforge-scope .bg-\[\#24292f\]{--tw-bg-opacity: 1;background-color:rgb(36 41 47 / var(--tw-bg-opacity, 1))}.skillforge-scope .bg-accent{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.skillforge-scope .bg-accent-light{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.skillforge-scope .bg-accent\/10{background-color:#4f46e51a}.skillforge-scope .bg-accent\/20{background-color:#4f46e533}.skillforge-scope .bg-accent\/5{background-color:#4f46e50d}.skillforge-scope .bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.skillforge-scope .bg-black\/40{background-color:#0006}.skillforge-scope .bg-canvas{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.skillforge-scope .bg-code{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.skillforge-scope .bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.skillforge-scope .bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.skillforge-scope .bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.skillforge-scope .bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.skillforge-scope .bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.skillforge-scope .bg-sidebar{--tw-bg-opacity: 1;background-color:rgb(16 24 40 / var(--tw-bg-opacity, 1))}.skillforge-scope .bg-success{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.skillforge-scope .bg-success\/10{background-color:#16a34a1a}.skillforge-scope .bg-surface{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.skillforge-scope .bg-transparent{background-color:transparent}.skillforge-scope .bg-warning{--tw-bg-opacity: 1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))}.skillforge-scope .bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.skillforge-scope .bg-white\/70{background-color:#ffffffb3}.skillforge-scope .bg-white\/\[0\.06\]{background-color:#ffffff0f}.skillforge-scope .bg-white\/\[0\.08\]{background-color:#ffffff14}.skillforge-scope .stroke-accent{stroke:#4f46e5}.skillforge-scope .stroke-success{stroke:#16a34a}.skillforge-scope .p-3{padding:.75rem}.skillforge-scope .p-4{padding:1rem}.skillforge-scope .p-5{padding:1.25rem}.skillforge-scope .p-6{padding:1.5rem}.skillforge-scope .px-2{padding-left:.5rem;padding-right:.5rem}.skillforge-scope .px-2\.5{padding-left:.625rem;padding-right:.625rem}.skillforge-scope .px-3{padding-left:.75rem;padding-right:.75rem}.skillforge-scope .px-4{padding-left:1rem;padding-right:1rem}.skillforge-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.skillforge-scope .px-6{padding-left:1.5rem;padding-right:1.5rem}.skillforge-scope .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.skillforge-scope .py-1{padding-top:.25rem;padding-bottom:.25rem}.skillforge-scope .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.skillforge-scope .py-12{padding-top:3rem;padding-bottom:3rem}.skillforge-scope .py-2{padding-top:.5rem;padding-bottom:.5rem}.skillforge-scope .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.skillforge-scope .py-3{padding-top:.75rem;padding-bottom:.75rem}.skillforge-scope .py-4{padding-top:1rem;padding-bottom:1rem}.skillforge-scope .py-6{padding-top:1.5rem;padding-bottom:1.5rem}.skillforge-scope .pb-8{padding-bottom:2rem}.skillforge-scope .pl-9{padding-left:2.25rem}.skillforge-scope .pr-10{padding-right:2.5rem}.skillforge-scope .pr-3{padding-right:.75rem}.skillforge-scope .pt-0\.5{padding-top:.125rem}.skillforge-scope .pt-3{padding-top:.75rem}.skillforge-scope .pt-4{padding-top:1rem}.skillforge-scope .text-left{text-align:left}.skillforge-scope .text-center{text-align:center}.skillforge-scope .font-mono{font-family:JetBrains Mono,monospace}.skillforge-scope .font-ui{font-family:Inter,sans-serif}.skillforge-scope .text-2xl{font-size:1.5rem;line-height:2rem}.skillforge-scope .text-\[10px\]{font-size:10px}.skillforge-scope .text-\[11px\]{font-size:11px}.skillforge-scope .text-\[12\.5px\]{font-size:12.5px}.skillforge-scope .text-\[12px\]{font-size:12px}.skillforge-scope .text-\[13px\]{font-size:13px}.skillforge-scope .text-\[17px\]{font-size:17px}.skillforge-scope .text-base{font-size:1rem;line-height:1.5rem}.skillforge-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.skillforge-scope .text-sm{font-size:.875rem;line-height:1.25rem}.skillforge-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.skillforge-scope .text-xs{font-size:.75rem;line-height:1rem}.skillforge-scope .font-medium{font-weight:500}.skillforge-scope .font-semibold{font-weight:600}.skillforge-scope .uppercase{text-transform:uppercase}.skillforge-scope .capitalize{text-transform:capitalize}.skillforge-scope .italic{font-style:italic}.skillforge-scope .leading-relaxed{line-height:1.625}.skillforge-scope .leading-snug{line-height:1.375}.skillforge-scope .tracking-wide{letter-spacing:.025em}.skillforge-scope .tracking-wider{letter-spacing:.05em}.skillforge-scope .tracking-widest{letter-spacing:.1em}.skillforge-scope .text-accent{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.skillforge-scope .text-accent\/40{color:#4f46e566}.skillforge-scope .text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.skillforge-scope .text-purple-300{--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.skillforge-scope .text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.skillforge-scope .text-purple-400\/50{color:#c084fc80}.skillforge-scope .text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.skillforge-scope .text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.skillforge-scope .text-success{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.skillforge-scope .text-text-muted{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.skillforge-scope .text-text-primary{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.skillforge-scope .text-text-secondary{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.skillforge-scope .text-warning{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.skillforge-scope .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.skillforge-scope .text-white\/15{color:#ffffff26}.skillforge-scope .text-white\/20{color:#fff3}.skillforge-scope .text-white\/25{color:#ffffff40}.skillforge-scope .text-white\/30{color:#ffffff4d}.skillforge-scope .text-white\/50{color:#ffffff80}.skillforge-scope .underline{text-decoration-line:underline}.skillforge-scope .placeholder-text-muted::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}.skillforge-scope .placeholder-text-muted::placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}.skillforge-scope .opacity-0{opacity:0}.skillforge-scope .opacity-100{opacity:1}.skillforge-scope .opacity-50{opacity:.5}.skillforge-scope .shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.skillforge-scope .shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.skillforge-scope .shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.skillforge-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.skillforge-scope .outline{outline-style:solid}.skillforge-scope .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.skillforge-scope .backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.skillforge-scope .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.skillforge-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.skillforge-scope .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.skillforge-scope .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.skillforge-scope .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.skillforge-scope .duration-150{transition-duration:.15s}.skillforge-scope .duration-300{transition-duration:.3s}.skillforge-scope .duration-500{transition-duration:.5s}.skillforge-scope .duration-700{transition-duration:.7s}.skillforge-scope .\[animation-delay\:150ms\]{animation-delay:.15s}.skillforge-scope .\[animation-delay\:300ms\]{animation-delay:.3s}.skillforge-scope .placeholder\:text-white\/20::-moz-placeholder{color:#fff3}.skillforge-scope .placeholder\:text-white\/20::placeholder{color:#fff3}.skillforge-scope .hover\:translate-x-0\.5:hover{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skillforge-scope .hover\:border-accent:hover{--tw-border-opacity: 1;border-color:rgb(79 70 229 / var(--tw-border-opacity, 1))}.skillforge-scope .hover\:border-accent\/30:hover{border-color:#4f46e54d}.skillforge-scope .hover\:border-accent\/40:hover{border-color:#4f46e566}.skillforge-scope .hover\:bg-\[\#1b1f23\]:hover{--tw-bg-opacity: 1;background-color:rgb(27 31 35 / var(--tw-bg-opacity, 1))}.skillforge-scope .hover\:bg-accent-hover:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity, 1))}.skillforge-scope .hover\:bg-accent-light\/30:hover{background-color:#eef2ff4d}.skillforge-scope .hover\:bg-canvas:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.skillforge-scope .hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.skillforge-scope .hover\:bg-white\/5:hover{background-color:#ffffff0d}.skillforge-scope .hover\:text-accent:hover{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.skillforge-scope .hover\:text-text-primary:hover{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.skillforge-scope .hover\:text-text-secondary:hover{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.skillforge-scope .hover\:underline:hover{text-decoration-line:underline}.skillforge-scope .hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.skillforge-scope .focus\:border-accent:focus{--tw-border-opacity: 1;border-color:rgb(79 70 229 / var(--tw-border-opacity, 1))}.skillforge-scope .focus\:border-accent\/60:focus{border-color:#4f46e599}.skillforge-scope .focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.skillforge-scope .focus\:ring-accent\/10:focus{--tw-ring-color: rgb(79 70 229 / .1)}.skillforge-scope .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.skillforge-scope .disabled\:opacity-40:disabled{opacity:.4}.skillforge-scope .disabled\:opacity-50:disabled{opacity:.5}.skillforge-scope :is(.group:hover .group-hover\:block){display:block}@media (min-width: 768px){.skillforge-scope .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.skillforge-scope .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.skillforge-scope .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.tr-page{max-width:1200px;display:flex;flex-direction:column;gap:20px}.tr-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);padding:0 4px}.tr-tab{padding:10px 16px;font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}.tr-tab:hover{color:var(--text-primary)}.tr-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tr-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tr-card{padding:0;overflow:hidden}.tr-empty{padding:32px;text-align:center;color:var(--text-muted);font-size:.875rem}.tr-cell-list{display:flex;flex-direction:column;gap:2px}.tr-cell-chip{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.tr-row-actions{display:flex;gap:12px}.tr-link-btn{background:none;border:none;padding:0;font-size:.8125rem;font-weight:500;color:var(--accent);cursor:pointer}.tr-link-btn:hover{text-decoration:underline}.tr-link-btn.danger{color:var(--danger)}.tr-link-btn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.tr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.tr-modal-content{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;padding:28px}.tr-modal-content h2{margin:0 0 20px;font-size:1.125rem;color:var(--text-primary)}.tr-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.tr-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tr-cell-editor{display:grid;grid-template-columns:1.2fr 1.2fr 1fr auto;gap:8px;align-items:end;margin-bottom:8px}.tr-cell-editor-remove{height:38px;width:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--surface);color:var(--danger);cursor:pointer}.tr-cell-editor-remove:hover{background:#fef2f2}.tr-add-cell-btn{font-size:.8125rem;font-weight:500;color:var(--accent);background:none;border:none;cursor:pointer;padding:4px 0}.tr-fieldset-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px;display:block}.tr-diff-json{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;font-family:var(--font-mono);font-size:.75rem;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow-y:auto}.tr-change-card{border-bottom:1px solid var(--border);padding:16px 20px}.tr-change-card:last-child{border-bottom:none}.tr-change-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.tr-change-meta-item{font-size:.8125rem;color:var(--text-muted)}.tr-change-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.tr-error-text{color:var(--danger);font-size:.8125rem;margin-top:4px}.tr-text-warning{color:var(--warning)}.tr-issue{font-size:.75rem;margin-top:4px}.tr-chain-entry{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:2px 0}.tr-chain-rank{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);min-width:64px}.tr-steps{display:flex;gap:8px;flex-wrap:wrap}.tr-step{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;font-size:.8125rem;color:var(--text-muted);background:var(--surface)}.tr-step.active{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.tr-step.done{color:var(--text-secondary)}.tr-step-num{font-weight:600}.tr-wizard-body{padding:24px}.tr-wizard-body h3{margin:0 0 4px;font-size:1rem;color:var(--text-primary)}.tr-wizard-hint{font-size:.8125rem;color:var(--text-muted);margin-bottom:16px}.tr-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.tr-choice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;color:var(--text-primary)}.tr-choice.selected{border-color:var(--accent);background:var(--accent-light)}.tr-choice input{margin-top:3px}.tr-choice-desc{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px}.tr-choice-warn{display:inline-block;margin-left:6px;padding:0 6px;border:1px solid #fed7aa;border-radius:var(--radius-sm, 4px);background:#fffbeb;color:var(--warning);font-size:.6875rem;white-space:nowrap}.tr-ordered-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.tr-ordered-item{display:flex;align-items:center;gap:10px;font-size:.875rem}.tr-wizard-actions{display:flex;justify-content:space-between;gap:10px;padding:16px 24px;border-top:1px solid var(--border)}.tr-section{display:flex;flex-direction:column;gap:10px}.tr-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.tr-section-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.tr-kv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:20px}.tr-kv-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.tr-kv-value{font-size:.875rem;color:var(--text-primary)}.tr-banner{padding:12px 16px;border-radius:var(--radius-md);border:1px solid #fed7aa;background:#fffbeb;color:var(--warning);font-size:.875rem}.tr-header-actions{display:flex;gap:8px;flex-wrap:wrap}.tr-page-wide{max-width:none}.tr-matrix-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tr-matrix-toolbar .form-select{width:auto}.tr-toolbar-search{width:220px}.tr-toolbar-stat{font-size:.8125rem;color:var(--text-muted);margin-left:auto}.tr-segmented{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;align-self:flex-start}.tr-segmented button{background:var(--surface);border:none;border-right:1px solid var(--border);padding:7px 14px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer}.tr-segmented button:last-child{border-right:none}.tr-segmented button.active{background:var(--accent-light);color:var(--accent)}.tr-matrix-scroll{overflow:auto;max-height:calc(100vh - 300px);min-height:240px}.tr-matrix{border-collapse:separate;border-spacing:0;font-size:.8125rem}.tr-matrix th,.tr-matrix td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:6px 10px;text-align:left;vertical-align:top}.tr-matrix thead th{position:sticky;top:0;z-index:2;background:var(--canvas);min-width:170px;font-weight:600;color:var(--text-primary)}.tr-matrix .tr-matrix-rowhead{position:sticky;left:0;z-index:1;background:var(--canvas);min-width:64px;font-weight:600;color:var(--text-primary)}.tr-matrix thead .tr-matrix-rowhead{z-index:3}.tr-matrix-colname{white-space:nowrap}.tr-matrix-colmeta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:.75rem;font-weight:400;color:var(--text-muted)}.tr-matrix-rowfill{display:block;font-size:.6875rem;font-weight:400;color:var(--text-muted)}.tr-matrix-cell{background:var(--surface);min-width:170px}.tr-matrix-cell.empty{background:repeating-linear-gradient(135deg,var(--surface),var(--surface) 6px,var(--canvas) 6px,var(--canvas) 12px)}.tr-matrix-cell.clickable{cursor:pointer}.tr-matrix-cell.clickable:hover{background:var(--accent-light)}.tr-matrix-cell.pending{box-shadow:inset 0 0 0 2px var(--warning)}.tr-matrix-cell.dimmed{opacity:.35}.tr-matrix-model{display:block;color:var(--text-primary)}.tr-matrix-level{display:inline-block;margin-top:2px;padding:0 6px;border-radius:999px;background:var(--accent-light);color:var(--accent);font-size:.6875rem;font-weight:500}.tr-matrix-add{color:var(--text-muted);opacity:0}.tr-matrix-cell.clickable:hover .tr-matrix-add{opacity:1}.tr-dropzone{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 24px;margin:20px;border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer}.tr-dropzone:hover{border-color:var(--accent)}.tr-dropzone-title{font-weight:600;color:var(--text-primary)}.tr-summary-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tr-summary-chip{padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.8125rem;color:var(--text-secondary)}.tr-summary-chip.added{border-color:var(--success)}.tr-summary-chip.moved{border-color:var(--accent)}.tr-summary-chip.removed{border-color:var(--danger)}.tr-reupload{margin-left:auto;cursor:pointer}.tr-banner-danger{border-color:#fecaca;background:#fef2f2;color:var(--danger)}.tr-warning-list{margin:8px 0 0;padding-left:18px;font-size:.8125rem}.tr-scroll-card{max-height:420px;overflow-y:auto}.tr-scroll-card thead th{position:sticky;top:0;background:var(--surface);z-index:1}.tr-inline-check{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-secondary);white-space:nowrap}.tr-narrow-select{width:auto}.tr-row-muted td{opacity:.5}.tr-row-conflict td{background:#fef2f2}.tr-sticky-actions{position:sticky;bottom:0;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.tr-confirm-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:.875rem}.tr-import-diff-table{max-height:260px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.tr-modal-wide{max-width:860px}.tr-kv-compact{padding:0 0 16px}.tr-change-diff{display:flex;flex-direction:column;gap:10px}.tr-change-match{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tr-change-match .tr-kv-label{margin:0 4px 0 0}.tr-raw-diff summary{font-size:.75rem;color:var(--text-muted);cursor:pointer;margin-bottom:6px}.tr-text-muted{color:var(--text-muted)}.tr-text-danger{color:var(--danger)}.tr-truncate{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--accent: #4f46e5;--accent-hover: #4338ca;--accent-light: #eef2ff;--accent-border: #c7d2fe;--accent-muted: rgba(79, 70, 229, .12);--sidebar-bg: #101828;--sidebar-hover: rgba(255,255,255,.06);--sidebar-active-bg: rgba(79,70,229,.18);--sidebar-active-text:#a5b4fc;--sidebar-muted: rgba(255,255,255,.35);--sidebar-border: rgba(255,255,255,.07);--canvas: #f8fafc;--surface: #ffffff;--border: #e2e8f0;--border-input: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--shadow-md: 0 4px 12px rgba(15,23,42,.08), 0 2px 4px rgba(15,23,42,.04);--shadow-lg: 0 10px 30px rgba(15,23,42,.1), 0 4px 10px rgba(15,23,42,.05);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--sidebar-width: 260px;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Mono", "Consolas", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);background-color:var(--canvas);color:var(--text-primary);line-height:1.5}code,pre,kbd,samp{font-family:var(--font-mono)}#root{min-height:100vh;display:flex;flex-direction:column}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s;text-decoration:none;font-family:var(--font-ui)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text-secondary);border-color:var(--border-input)}.btn-secondary:hover{background:var(--canvas)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.btn:disabled{opacity:.5;cursor:not-allowed}.form-input,.form-select,.form-textarea{width:100%;padding:9px 12px;border:1px solid var(--border-input);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-ui);color:var(--text-primary);background:var(--surface);transition:border-color .15s,box-shadow .15s;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.form-textarea{resize:vertical}.form-label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.page-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.page-subtitle{font-size:.875rem;color:var(--text-muted);margin-top:2px}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:500}.badge-accent{background:var(--accent-light);color:var(--accent);border:1px solid var(--accent-border)}.badge-success{background:#f0fdf4;color:var(--success);border:1px solid #bbf7d0}.badge-warning{background:#fffbeb;color:var(--warning);border:1px solid #fed7aa}.badge-danger{background:#fef2f2;color:var(--danger);border:1px solid #fecaca}.badge-neutral{background:var(--canvas);color:var(--text-secondary);border:1px solid var(--border)}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:10px 16px;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--canvas)}.data-table td{padding:13px 16px;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border)}.data-table tr:hover td{background:var(--canvas)}.data-table tr:last-child td{border-bottom:none}.dropdown-option.highlighted{background-color:var(--accent-light);color:var(--accent);font-weight:500;border-left:3px solid var(--accent)}