@charset "UTF-8";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1350px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.nav-dropdown{position:relative}.nav-dropdown-toggle{width:100%;padding:12px 16px;background:none;border:none;color:#fffc;text-align:left;cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-family:inherit}.nav-dropdown-toggle:hover{background:#ffffff1a;color:#fff}.nav-dropdown-toggle.active{background:#0c93;color:#0c9}.dropdown-arrow{transition:transform .2s ease;font-size:12px;margin-left:8px}.dropdown-arrow.open{transform:rotate(180deg)}.nav-dropdown-menu{background:#0000004d;border-radius:8px;margin-top:4px;padding:8px 0;animation:dropdownSlideIn .2s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-menu a{display:flex;align-items:center;padding:10px 24px;color:#fffc;text-decoration:none;transition:all .2s ease;font-size:13px;border-left:3px solid transparent}.nav-dropdown-menu a:hover{background:#ffffff1a;color:#fff;border-left-color:#ffffff4d}.nav-dropdown-menu a.active{background:#0c93;color:#0c9;border-left-color:#0c9}:root{--primary-color: #00cc99;--primary-dark: #00a377;--primary-light: #4dddb5;--secondary-color: #343a40;--text-color: #333333;--background-light: #f8f9fa;--background-dark: #e9ecef;--danger: #dc3545;--warning: #ffc107;--success: #28a745;--info: #17a2b8;--border-radius: 4px;--box-shadow: 0 2px 4px rgba(0, 0, 0, .1);--transition: all .3s ease;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background-light)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark);text-decoration:underline}button{cursor:pointer;background-color:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius);transition:var(--transition)}button:hover{background-color:var(--primary-dark)}button:disabled{background-color:#ccc;cursor:not-allowed}.container{max-width:1350px;margin:0 auto;padding:0 var(--spacing-md)}.app-container{display:flex;min-height:100vh}.sidebar{width:250px;background-color:var(--secondary-color);color:#fff;padding:var(--spacing-md);flex-shrink:0}.sidebar-logo{display:flex;align-items:center;margin-bottom:var(--spacing-xl)}.sidebar-logo img{width:40px;height:40px;margin-right:var(--spacing-sm)}.sidebar-logo h1{font-size:1.25rem;font-weight:600;margin:0}.sidebar-nav{margin-top:var(--spacing-xl)}.sidebar-nav a{display:block;color:#fff;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);border-radius:var(--border-radius);transition:var(--transition)}.sidebar-nav a:hover,.sidebar-nav a.active{background-color:#ffffff1a;text-decoration:none}.sidebar-nav a.active{background-color:var(--primary-color)}.sidebar-footer{margin-top:auto;padding-top:var(--spacing-lg);font-size:.8rem;opacity:.7}.main-content{flex:1;padding:var(--spacing-lg)}.top-navbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:#fff;box-shadow:var(--box-shadow);margin-bottom:var(--spacing-lg)}.user-menu{display:flex;align-items:center}.user-menu img{width:32px;height:32px;border-radius:50%;margin-right:var(--spacing-sm)}.card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.card-title{font-size:1.25rem;font-weight:600;margin:0;color:#fff}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}.video-edit-container{max-width:100%;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:var(--spacing-xl)}.header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.success-message{background-color:var(--success);color:#fff;padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);text-align:center}.edit-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-xl);align-items:start}.video-preview{background-color:var(--background-light);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--box-shadow);position:sticky;top:var(--spacing-xl)}.video-preview h3{margin-bottom:var(--spacing-md);color:var(--secondary-color);font-size:1.1rem}.video-player{margin-bottom:var(--spacing-md);width:100%;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 1px 3px #0000001a}.video-player video{width:100%;display:block}.video-stats{font-size:.9rem;line-height:1.5}.video-stats p{margin-bottom:var(--spacing-xs)}.edit-form{background-color:#fff;border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--box-shadow)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--secondary-color)}.form-group input[type=text],.form-group input[type=number],.form-group input[type=url],.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm);border:1px solid #ddd;border-radius:var(--border-radius);font-size:1rem;transition:var(--transition)}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group input[type=url]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #0c93}.categories-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.category-checkbox{display:flex;align-items:center;margin-bottom:var(--spacing-xs)}.category-checkbox input[type=checkbox]{margin-right:var(--spacing-xs)}.status-toggle{display:flex;align-items:center}.status-toggle label{display:inline-flex;margin-left:var(--spacing-sm);margin-bottom:0}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.submit-button{background-color:var(--primary-color);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);border:none;cursor:pointer;transition:var(--transition)}.submit-button:hover{background-color:var(--primary-dark)}.cancel-button{background-color:#e9ecef;color:var(--secondary-color);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);border:none;cursor:pointer;transition:var(--transition)}.cancel-button:hover{background-color:#dfe2e5}.back-button{background-color:var(--secondary-color);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);border:none;cursor:pointer;transition:var(--transition);display:flex;align-items:center}.back-button:hover{background-color:#23272b}.error-message{color:var(--danger);font-size:.85rem;margin-top:var(--spacing-xs)}@media (min-width: 1400px){.edit-content{grid-template-columns:1fr 2fr;gap:var(--spacing-xl)}.categories-container{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}table th,table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left}table th{background-color:var(--background-dark);font-weight:600}table tr{border-bottom:1px solid var(--background-dark)}table tr:hover{background-color:var(--background-light)}.table-actions{display:flex;gap:var(--spacing-sm)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500}.form-control{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid #ddd;border-radius:var(--border-radius);font-size:1rem}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #00cc9940}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.badge{display:inline-block;padding:.25em .6em;font-size:.75rem;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:10px}.badge-success{background-color:var(--success);color:#fff}.badge-warning{background-color:var(--warning);color:#212529}.badge-danger{background-color:var(--danger);color:#fff}.badge-info{background-color:var(--info);color:#fff}.badge-primary{background-color:var(--primary-color);color:#fff}.alert{padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-danger{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.alert-info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.pagination{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.pagination button{background-color:#fff;color:var(--primary-color);border:1px solid #dee2e6;padding:var(--spacing-sm) var(--spacing-md)}.pagination button:hover{background-color:var(--background-light);color:var(--primary-dark)}.pagination button:disabled{color:#6c757d;background-color:#f8f9fa;cursor:not-allowed}.page-info{margin:0 var(--spacing-md);display:flex;align-items:center}.loading-container{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background-color:#ffffffe6}.loading-spinner{width:50px;height:50px;border:5px solid rgba(0,204,153,.2);border-radius:50%;border-top-color:#0c9;animation:spin 1s linear infinite}.video-list-container{max-width:1200px;margin:0 auto;padding:20px}.header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-actions h1{margin:0;color:var(--primary-color, #333)}.add-button{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.add-button:hover{background-color:#45a049}.videos-table{width:100%;border-collapse:collapse;margin-top:20px;box-shadow:0 1px 3px #0000001a;border-radius:4px;overflow:hidden}.videos-table th,.videos-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.videos-table th{background-color:#f5f5f5;font-weight:600;color:#333}.videos-table tr:hover{background-color:#f9f9f9}.inactive-row{opacity:.7;background-color:#f5f5f5}.play-button-container{display:flex;justify-content:center;align-items:center;padding:10px}.play-video-button{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#2196f3);border:none;cursor:pointer;transition:all .2s ease;color:#fff;box-shadow:0 2px 5px #0003}.play-video-button:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.play-video-button svg{width:24px;height:24px}.delete-button{background-color:#f44336;color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:5px;font-size:16px;transition:all .2s ease;box-shadow:0 2px 4px #0003}.delete-button:hover{background-color:#d32f2f;transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.video-description{color:#666;font-size:.85rem;margin-top:5px;margin-bottom:0}.pagination{display:flex;justify-content:center;align-items:center;margin-top:20px}.pagination button{background-color:#f5f5f5;border:1px solid #ddd;padding:5px 10px;margin:0 5px;cursor:pointer;border-radius:3px}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button.active{background-color:#4caf50;color:#fff;border-color:#4caf50}.filters-container{background-color:#f9f9f9;padding:15px;border-radius:4px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:15px}.filter-group{display:flex;flex-direction:column;min-width:200px}.filter-group label{margin-bottom:5px;font-weight:500}.filter-group input[type=text]{padding:8px;border:1px solid #ddd;border-radius:4px}.radio-group{display:flex;gap:15px}.radio-group label{display:flex;align-items:center;gap:5px;font-weight:400}.clear-filters{background-color:transparent;border:1px solid #999;color:#666;padding:8px 12px;border-radius:4px;cursor:pointer;align-self:flex-end;margin-left:auto}.clear-filters:hover{background-color:#f0f0f0}.loading-state,.error-state{text-align:center;padding:30px;background-color:#f9f9f9;border-radius:4px;margin:20px 0}.loading-state{color:#666}.error-state{color:#d32f2f}.countries-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:10px 0}.country-checkbox{display:flex;align-items:center;padding:8px;border-radius:4px;background-color:#ffffff0d;transition:background-color .2s}.country-checkbox:hover{background-color:#ffffff1a}.country-checkbox input[type=checkbox]{margin-right:8px}.country-checkbox label{cursor:pointer;flex-grow:1;font-size:.9rem;margin-left:4px}.country-checkbox:first-child{background-color:#00cc991a;border:1px dashed rgba(0,204,153,.3)}.country-checkbox:first-child:hover{background-color:#00cc9926}.r2-file-uploader{margin:20px 0;padding:15px;border-radius:8px;background-color:#f8f9fa;box-shadow:0 2px 4px #0000001a}.upload-button{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-weight:500;margin-right:10px}.upload-button:hover{background-color:#45a049}.cancel-button{background-color:#f44336;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-weight:500}.cancel-button:hover{background-color:#d32f2f}.progress-container{margin-top:15px}.progress-bar{height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#4caf50;transition:width .3s ease}.progress-text{font-size:14px;margin-top:5px;text-align:right}.error-message{color:#f44336;margin:10px 0;padding:8px 12px;background-color:#ffebee;border-radius:4px;border-left:3px solid #f44336}.upload-info{margin-top:15px;font-size:14px;color:#757575}.video-upload-container{max-width:1200px;margin:0 auto;padding:20px}.header{margin-bottom:30px;border-bottom:1px solid #e0e0e0;padding-bottom:15px}.header h1{font-size:28px;margin-bottom:8px;color:var(--primary-color, #333)}.subtitle{font-size:16px;color:#666;margin-bottom:0}.error-alert{background-color:#f8d7da;color:#721c24;padding:12px 20px;border-radius:4px;margin-bottom:20px;border-left:4px solid #dc3545}.success-alert{background-color:#d4edda;color:#155724;padding:12px 20px;border-radius:4px;margin-bottom:20px;border-left:4px solid #28a745}.video-form{margin-top:20px}.form-grid{display:grid;grid-template-columns:1fr;gap:30px}@media (min-width: 992px){.form-grid{grid-template-columns:1fr 1fr}.upload-section{grid-column:1;grid-row:1}.metadata-section{grid-column:2;grid-row:1}.categories-tags-section{grid-column:span 2;grid-row:2}}.upload-section,.metadata-section,.categories-tags-section{background-color:#f9f9f9;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d}.upload-section h2,.metadata-section h2,.categories-tags-section h2{font-size:18px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e0e0e0;color:var(--primary-color, #333)}.upload-container{margin-bottom:20px}.video-preview{margin-top:30px;background-color:#fff;border-radius:6px;padding:15px;box-shadow:0 1px 3px #0000001a}.video-preview h3{font-size:16px;margin-bottom:15px;color:var(--primary-color, #333)}.no-preview{padding:30px;text-align:center;background-color:#f0f0f0;border-radius:4px}.file-details{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.file-details h4{font-size:14px;margin-bottom:10px}.file-details ul{list-style-type:none;padding-left:0}.file-details li{margin-bottom:8px;font-size:14px}.view-link{display:inline-block;padding:6px 12px;background-color:var(--primary-color, #007bff);color:#fff;text-decoration:none;border-radius:4px;margin-top:10px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#444}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}input[type=text],input[type=number],input[type=url],textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}input:focus,textarea:focus{outline:none;border-color:var(--primary-color, #007bff);box-shadow:0 0 0 2px #007bff40}.checkbox-group{margin-top:20px}.checkbox-container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#eee;border-radius:3px}.checkbox-container:hover input~.checkmark{background-color:#ccc}.checkbox-container input:checked~.checkmark{background-color:var(--primary-color, #007bff)}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.centered-categories{text-align:center}.centered-label{display:block;text-align:left;margin-bottom:16px;font-weight:600;color:#333;font-size:1rem;position:relative;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.centered-label:after{content:"";position:absolute;width:40px;height:2px;background:linear-gradient(90deg,#4caf50,#2196f3);bottom:-2px;left:0;border-radius:2px}.categories-selector{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(35px,auto);gap:10px;margin-bottom:15px;justify-content:center;align-items:center;padding:10px 0;width:100%;max-width:320px;margin-left:auto;margin-right:auto}.category-tag,.country-tag{display:flex;justify-content:center;align-items:center;margin:0;padding:0}.checkbox-container{display:flex;align-items:center;padding:8px 16px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #00000014;transition:all .3s ease;cursor:pointer;border:1px solid #e0e0e0}.checkbox-container:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-color:#4caf50}.checkbox-container input[type=checkbox]:checked+.checkmark+span,.checkbox-container input[type=checkbox]:checked~span{color:#4caf50;font-weight:600}.selected-categories{background-color:#f0f7f0;border-radius:10px;padding:15px;margin-top:20px;text-align:center;box-shadow:0 2px 10px #00000008;border:1px solid #e0f2e0}.selected-categories h4{margin-top:0;margin-bottom:15px;font-size:1rem;color:#3d8c40;position:relative;display:inline-block}.no-selection{color:#777;font-style:italic;font-size:.9rem;padding:10px}.countries-multiselect-container{display:flex;flex-direction:column;align-items:center;background-color:#f9f9f9;border-radius:12px;padding:15px;box-shadow:0 2px 10px #00000008}.countries-selector{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(35px,auto);gap:10px;justify-content:center;align-items:center;padding:10px 0;width:100%;max-width:320px;margin:5px auto 15px}.tag-selector{display:flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:20px;background-color:#fff;cursor:pointer;transition:all .2s ease;font-size:.85rem;border:1px solid #e8e8e8;box-shadow:0 1px 2px #00000008;text-align:center;font-weight:500;white-space:nowrap;height:30px;width:100%;margin:0;max-width:90px}.tag-selector:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-color:#2196f3}.tag-selector.selected{background:linear-gradient(135deg,#4caf50,#2196f3);color:#fff;border:none;box-shadow:0 2px 5px #4caf5033}.country-tag:first-child .tag-selector.selected{background:linear-gradient(90deg,#4caf50,#2196f3);color:#fff;border:none;box-shadow:0 2px 5px #4caf5033}.hidden-checkbox,.hidden-radio{position:absolute;opacity:0;width:0;height:0}.selected-countries-info{display:flex;flex-direction:column;align-items:center;margin-top:10px;padding:10px;background-color:#e3f2fd;border-radius:8px;width:100%;max-width:400px}.selectors-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:25px 0}@media (max-width: 768px){.selectors-grid{grid-template-columns:1fr}}.selector-column{padding:20px 15px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;border:1px solid #eaeaea}.selected-countries-info span{margin-bottom:10px;font-weight:600;color:#1976d2}.clear-selection{background-color:#f44336;color:#fff;border:none;padding:6px 16px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .2s ease;box-shadow:0 2px 5px #f443364d}.clear-selection:hover{background-color:#d32f2f;box-shadow:0 4px 8px #f4433666}.add-item-container{display:flex;gap:10px;margin-bottom:10px}.add-item-container input{flex-grow:1}.add-button{background-color:var(--primary-color, #007bff);color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer}.tags-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.tag-item{background-color:#e7f3ff;color:#0366d6;padding:5px 12px;border-radius:20px;font-size:13px;display:flex;align-items:center}.remove-tag{background:none;border:none;color:#0366d6;font-size:16px;margin-left:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0}.remove-tag:hover{background-color:#0000001a;border-radius:50%}.form-text{font-size:12px;color:#6c757d;margin-top:5px;display:block}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.cancel-button{background-color:#f2f2f2;color:#666;border:none;border-radius:4px;padding:10px 20px;cursor:pointer;font-weight:500}.save-button{background-color:var(--success, #28a745);color:#fff;border:none;border-radius:4px;padding:10px 20px;cursor:pointer;font-weight:500}.save-button:disabled{background-color:#ccc;cursor:not-allowed}.uploader{margin-top:15px}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.content-pipeline-container{max-width:1400px;margin:0 auto;padding:2rem}.card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000014;overflow:hidden}.card-header{background:linear-gradient(135deg,#0c9,#00b386);color:#fff;padding:2rem;text-align:center}.card-title{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#fff}.card-description{margin:0 0 1.5rem;opacity:.9;font-size:1.1rem}.card-body{padding:2rem}.new-pipeline-form{background:linear-gradient(135deg,#f0fffe,#e0f7f5);border:2px solid #00cc99;border-radius:12px;padding:20px;margin-bottom:30px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.form-header h3{margin:0;color:#0c9;font-size:1.5rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#0c9;box-shadow:0 0 0 3px #00cc991a}.form-help{display:block;margin-top:6px;font-size:12px;color:#666;font-weight:500}.llm-selector{margin-top:8px}.llm-selector .form-select{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #00cc99;font-weight:600;color:#333}.llm-selector .form-select:focus{border-color:#00b386;box-shadow:0 0 0 3px #00cc9926}.llm-selector .form-help{background:#00cc991a;padding:8px 12px;border-radius:6px;border-left:3px solid #00cc99;font-weight:500;color:#00b386}.llm-indicator{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;padding:12px;margin-bottom:20px;text-align:center}.llm-badge{margin-bottom:4px}.llm-openai{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;box-shadow:0 2px 8px #ff6b354d}.llm-gemini{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;box-shadow:0 2px 8px #4285f44d}.llm-description{color:#6c757d;font-size:11px;font-weight:500}.input-mode-selector{display:flex;gap:8px;margin-top:8px}.mode-btn{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#666;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.mode-btn:hover:not(:disabled){border-color:#0c9;color:#0c9}.mode-btn.active{background:linear-gradient(135deg,#0c9,#00b386);border-color:#0c9;color:#fff;box-shadow:0 4px 12px #00cc994d}.mode-btn:disabled{opacity:.6;cursor:not-allowed}.progress-section{margin:20px 0;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #00cc99}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#0c9,#00b386);border-radius:4px;transition:width .3s ease;animation:progressPulse 2s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.8}}.progress-message{margin:0;font-size:14px;color:#333;font-weight:500;text-align:center}.pipelines-section h3{color:#333;margin-bottom:20px;font-size:1.5rem}.pipelines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-top:20px}.pipeline-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.pipeline-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.pipeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.pipeline-actions{display:flex;gap:8px;align-items:center}.feedback-modal{max-width:600px;width:90%}.feedback-section{display:flex;flex-direction:column;gap:16px}.feedback-instruction{color:#666;font-size:14px;line-height:1.5;margin:0;padding:12px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.current-stage-info{padding:8px 12px;background-color:#e3f2fd;border-radius:6px;font-size:14px;color:#1565c0}.feedback-textarea{width:100%;min-height:120px;padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;transition:border-color .2s ease}.feedback-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.feedback-textarea::placeholder{color:#999;font-style:italic}.feedback-textarea:disabled{background-color:#f8f9fa;color:#6c757d}.pipeline-info h4{margin:0 0 8px;color:#333;font-size:1.2rem}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-blue{background:#e3f2fd;color:#1976d2}.status-orange{background:#fff3e0;color:#ef6c00}.status-green{background:#e8f5e8;color:#2e7d32}.status-gray{background:#f5f5f5;color:#666}.status-purple{background:#f3e5f5;color:#7b1fa2}.pipeline-details p{margin:4px 0;font-size:14px;color:#666}.pipeline-details strong{color:#333}.pipeline-details a{color:#0c9;text-decoration:none;font-weight:500}.pipeline-details a:hover{text-decoration:underline}.pipeline-preview{margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.pipeline-preview strong{color:#333;font-size:14px}.pipeline-preview p{margin:8px 0 0;font-size:13px;color:#666;line-height:1.4}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;overflow:hidden;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.human-check-modal{max-width:900px;width:95%;max-height:90vh}.modal-header{background:linear-gradient(135deg,#0c9,#00b386);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.5rem;font-weight:600}.modal-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.modal-close:hover:not(:disabled){background:#fff3}.modal-body{padding:20px;max-height:70vh;overflow-y:auto}.modal-body h4{margin:0 0 20px;color:#333;font-size:1.3rem;border-bottom:2px solid #00cc99;padding-bottom:8px}.review-section{margin-bottom:24px}.review-section label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.review-section input,.review-section textarea,.review-section select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s ease;font-family:inherit}.review-section input:focus,.review-section textarea:focus,.review-section select:focus{outline:none;border-color:#0c9;box-shadow:0 0 0 3px #00cc991a}.golden-nuggets{background:#f8f9fa;padding:16px;border-radius:8px;margin-top:8px;border-left:4px solid #00cc99}.golden-nuggets strong{display:block;margin-bottom:8px;color:#0c9;font-size:14px}.golden-nuggets input{margin-bottom:8px}.structure-preview{background:#f8f9fa;padding:16px;border-radius:8px;border-left:4px solid #00cc99;margin-top:8px}.section-preview{margin:12px 0;padding:12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.section-preview strong{color:#0c9;font-size:14px}.section-preview ul{margin:8px 0 0 20px;padding:0}.section-preview li{margin:4px 0;font-size:13px;color:#666}.article-editor{font-family:Georgia,serif;line-height:1.6;font-size:16px;min-height:400px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e0e0e0;background:#f8f9fa}.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;text-decoration:none;display:inline-block;text-align:center;transition:all .2s ease;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#0c9,#00b386);color:#fff;box-shadow:0 4px 12px #00cc994d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00b386,#009973);transform:translateY(-1px);box-shadow:0 6px 20px #0c96}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 12px #4caf504d}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #4caf5066}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 4px 12px #dc35454d}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #dc354566}.btn-sm{padding:6px 12px;font-size:12px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.alert{padding:16px;border-radius:8px;margin:16px 0;font-weight:500;border-left:4px solid}.alert-error{background:#ffebee;color:#c62828;border-left-color:#f44336}.alert-success{background:#e8f5e8;color:#2e7d32;border-left-color:#4caf50}.loading-container{display:flex;flex-direction:column;align-items:center;padding:40px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #00cc99;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:#666;margin:0}.empty-state{text-align:center;padding:60px;color:#666}.empty-state p{margin:8px 0;font-size:16px}.empty-state p:first-child{font-size:18px;font-weight:600}@media (max-width: 768px){.content-pipeline-container{padding:1rem}.pipelines-grid{grid-template-columns:1fr}.human-check-modal{width:98%;margin:1%}.modal-body{padding:16px}.modal-footer{flex-direction:column;gap:8px}.btn{width:100%}.form-header{flex-direction:column;gap:12px;text-align:center}.pipeline-header{flex-direction:column;gap:12px;align-items:stretch}}.argument-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:12px;border-left:4px solid #00cc99}.argument-title{margin-bottom:12px}.argument-title label{display:block;margin-bottom:6px;font-weight:600;color:#0c9;font-size:13px}.argument-title input{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-weight:600;color:#333;background:#fff;transition:border-color .2s ease}.argument-title input:focus{outline:none;border-color:#0c9;box-shadow:0 0 0 3px #00cc991a}.argument-description{margin-top:12px}.argument-description label{display:block;margin-bottom:6px;font-weight:600;color:#666;font-size:13px}.argument-description textarea{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;color:#555;background:#fff;transition:border-color .2s ease;resize:vertical;min-height:60px;line-height:1.4}.argument-description textarea:focus{outline:none;border-color:#0c9;box-shadow:0 0 0 3px #00cc991a}.argument-item:hover{border-left-color:#00b386;box-shadow:0 2px 8px #00cc991a}.score-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;margin-left:8px}.score-good{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 6px #4caf504d}.score-needs-work{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;box-shadow:0 2px 6px #ff98004d}.sece-evaluation-modal{max-width:800px;width:95%;max-height:90vh}.sece-score-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;padding:24px;margin-bottom:24px;text-align:center}.final-score h4{margin:0 0 16px;color:#495057;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.score-display{font-size:3rem;font-weight:800;margin-bottom:20px;padding:20px;border-radius:12px;display:inline-block;min-width:120px;box-shadow:0 4px 12px #0000001a}.score-display.score-good{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.score-display.score-warning{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.score-display.score-poor{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.criteria-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px}.score-item{background:#fff;padding:16px;border-radius:8px;border:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center;font-size:14px}.score-item span:first-child{font-weight:600;color:#495057}.score-value{font-weight:700;color:#0c9;font-size:16px}.sece-full-report{background:#f8f9fa;border-radius:8px;overflow:hidden}.sece-full-report h4{margin:0;padding:16px;background:#e9ecef;color:#495057;font-size:16px;font-weight:600;border-bottom:1px solid #dee2e6}.report-content{padding:20px;max-height:300px;overflow-y:auto}.report-content pre{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;color:#495057;white-space:pre-wrap;word-wrap:break-word}.sece-actions{background:#f8f9fa;justify-content:center;gap:16px;padding:24px}.sece-actions .btn{min-width:140px;font-weight:600}.human-override-modal{max-width:600px;width:90%}.human-override-modal .modal-header{background:linear-gradient(135deg,#6c5ce7,#5a4fcf)}.human-override-modal .form-group{margin-bottom:0}.human-override-modal .form-textarea{min-height:150px;font-family:inherit;line-height:1.5}.human-override-modal .form-help{background:#6c5ce71a;padding:12px;border-radius:6px;border-left:3px solid #6c5ce7;margin-top:12px;color:#5a4fcf;font-weight:500}.sece-integration{border-top:2px solid #e9ecef;margin-top:24px;padding-top:24px}.sece-loading{text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.sece-loading .loading-spinner{margin:0 auto 16px}.sece-embedded-report{background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e9ecef}.sece-score-compact{background:#fff;border-radius:8px;padding:16px;margin-bottom:20px;border:1px solid #dee2e6}.score-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.score-label{font-size:14px;font-weight:600;color:#495057}.score-value{font-size:24px;font-weight:800;padding:8px 16px;border-radius:8px;min-width:80px;text-align:center}.score-value.score-good{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.score-value.score-warning{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.score-value.score-poor{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.criteria-compact{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#6c757d}.criteria-compact span{background:#e9ecef;padding:4px 8px;border-radius:4px;font-weight:500}.sece-feedback-summary h5{margin:0 0 12px;color:#495057;font-size:14px;font-weight:600}.feedback-text{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:12px;margin-bottom:12px;max-height:120px;overflow-y:auto}.feedback-text pre{margin:0;font-size:12px;line-height:1.4;color:#495057;white-space:pre-wrap;word-wrap:break-word}.sece-error{text-align:center;padding:20px;color:#dc3545}.sece-evaluation-loading{text-align:center;padding:20px}.sece-evaluation-loading .loading-spinner{margin:0 auto 12px}.readonly-field{background-color:#f8f9fa!important;color:#6c757d!important;border:2px solid #e9ecef!important;cursor:default}.readonly-field:focus{outline:none!important;border-color:#e9ecef!important;box-shadow:none!important}@media (max-width: 768px){.argument-item{padding:12px;margin-bottom:10px}.argument-title input,.argument-description textarea{padding:8px 10px;font-size:13px}.sece-evaluation-modal{width:98%;margin:1%}.score-display{font-size:2.2rem;padding:16px;min-width:100px}.criteria-scores{grid-template-columns:1fr;gap:12px}.sece-actions{flex-direction:column;gap:12px}.sece-actions .btn{width:100%;min-width:auto}.score-main{flex-direction:column;gap:8px;text-align:center}.criteria-compact{flex-direction:column;gap:8px}}.persona-toggle-card{margin-bottom:1rem;transition:all .3s ease}.persona-toggle-card.selected{background-color:#f0fdf9}.persona-toggle-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.persona-toggle-content{display:flex;flex-direction:column;gap:.5rem}.persona-name{margin:0;font-size:1.1rem;font-weight:600;color:#333}.arena-input-form{width:100%}.arena-input-form .MuiTextField-root{background-color:#fff}.arena-input-form .MuiOutlinedInput-root{border-radius:8px}.arena-input-form .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#0c9}.arena-input-form .MuiInputLabel-root.Mui-focused{color:#0c9}.unified-chat-view{height:100%;display:flex;flex-direction:column}.chat-messages-area{flex:1;overflow-y:auto;padding:24px;background-color:#f5f5f5}.chat-messages-area::-webkit-scrollbar{width:8px}.chat-messages-area::-webkit-scrollbar-track{background:#f0f0f0}.chat-messages-area::-webkit-scrollbar-thumb{background:#0c9;border-radius:4px}.chat-messages-area::-webkit-scrollbar-thumb:hover{background:#00b386}.message-bubble{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.typing-indicator{display:flex;gap:4px;padding:12px}.typing-dot{width:8px;height:8px;border-radius:50%;background-color:#0c9;animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.persona-manager{width:100%}.persona-manager .MuiCard-root{border-radius:12px}.persona-manager .MuiCardContent-root{padding:1.5rem}.persona-manager .MuiCardActions-root{padding:0 1.5rem 1rem}.persona-manager .MuiGrid-item{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.persona-manager .MuiDialog-paper{border-radius:12px}.persona-manager .MuiDialogContent-root{padding:1.5rem}.chat-columns-container{min-height:700px}.chat-columns-container>*{flex-shrink:0}.chat-columns-container>*{animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.chat-columns-container{flex-direction:column}}
