.app-container[data-v-f91b4aa0]{min-height:100vh;background:var(--bg-gradient)}:root{--kong-orange: #fa741d;--kong-orange-end: #e86510;--kong-orange-light: rgba(250, 116, 29, .12);--kong-orange-hover: #e86510;--kong-black: #1a1a1a;--kong-black-end: #333333;--kong-white: #FFFFFF;--kong-text-primary: #333333;--kong-text-secondary: #666666;--kong-text-muted: #999999;--kong-text-inverse: #FFFFFF;--kong-surface: #FFFFFF;--kong-surface-elevated: #FFFFFF;--kong-surface-dark: #0a0a0a;--kong-surface-muted: #f8f9fa;--kong-border: #e0e0e0;--kong-border-light: #e5e5e5;--kong-border-strong: rgba(0, 0, 0, .24);--kong-border-focus: var(--kong-orange);--kong-error: #dc3545;--kong-error-bg: #fff5f5;--kong-success: #38a169;--kong-success-bg: #f0fff4;--kong-success-text: var(--kong-orange);--bg-gradient: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);--bg-gradient-dark: linear-gradient(135deg, #1a1a1a 0%, #333 100%);--card-gradient: linear-gradient(135deg, #fff 0%, #fafafa 100%);--orange-gradient: linear-gradient(135deg, #fa741d 0%, #e86510 100%);--black-gradient: linear-gradient(135deg, #1a1a1a 0%, #333 100%);--font-display: "Montserrat", sans-serif;--font-body: "Montserrat", system-ui, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 40px rgba(250, 116, 29, .25);--shadow-orange: 0 2px 8px rgba(250, 116, 29, .3);--admin-sidebar-width: 260px;--admin-header-height: 60px;--admin-content-max-width: 1600px;--transition-speed: .2s}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-gradient);color:var(--kong-text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:1.2;color:var(--kong-black)}a{color:var(--kong-orange);text-decoration:none;transition:color .2s ease}a:hover{color:var(--kong-orange-hover)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid var(--kong-orange);outline-offset:2px}input,textarea,select{font-family:var(--font-body);font-size:1rem}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--kong-orange);outline-offset:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}.library-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px;flex-wrap:wrap;max-width:100%;box-sizing:border-box}.library-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;flex:1;min-width:0;max-width:100%}.stat-card{background:linear-gradient(135deg,#fff,#fafafa);border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 8px #0000000a;border:1px solid #e5e5e5;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fa741d1f;border-color:#fa741d33}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;background:linear-gradient(135deg,#fa741d,#ff8c3a);color:#fff}.stat-card-primary .stat-icon,.stat-icon.dark,.stat-card-evaluated .stat-icon{background:linear-gradient(135deg,#1a1a1a,#333)}.stat-icon.orange{background:linear-gradient(135deg,#fa741d,#ff8c3a)}.stat-content{flex:1;min-width:0;text-align:center}.stat-number{display:flex;align-items:baseline;justify-content:center;font-size:26px;font-weight:700;color:#1a1a1a;line-height:1.1;gap:4px}.stat-label{font-size:11px;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;text-align:center}.library-header-actions,.header-actions{display:flex;gap:12px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:12px;cursor:pointer;text-decoration:none;transition:all .2s ease;border:none}.btn svg{width:16px;height:16px}.btn-primary,.add-btn{background:linear-gradient(135deg,#fa741d,#e86510);color:#fff;box-shadow:0 4px 14px #fa741d4d}.btn-primary:hover,.add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fa741d66}.btn-secondary,.secondary-btn{padding:12px 24px;border-radius:12px;font-weight:600;border:none;background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;box-shadow:0 4px 12px #6c757d4d}.btn-secondary:hover,.secondary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c757d66}.btn-secondary svg{color:#fff}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 4px 12px #dc35454d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc354566}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;border:1px solid #e5e7eb;overflow:hidden}.card-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#fff)}.card-header h2{font-size:18px;font-weight:700;color:#1f2937;margin:0}.card-body{padding:24px}.score-tabs{display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;max-width:100%;box-sizing:border-box}.score-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;color:#6b7280;text-decoration:none;cursor:pointer;background:#f3f4f6;border:2px solid transparent;transition:all .2s ease}.score-tab:hover{background:#e5e7eb;color:#374151}.score-tab.active{background:#fff;color:#1f2937;border-color:#e5e7eb;box-shadow:0 2px 8px #00000014}.score-tab i,.score-tab svg{font-size:14px;width:14px;height:14px}.score-tab .tab-count{background:#00000014;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700}.score-tab.active .tab-count{background:#0000000f}.score-tab.tab-passed.active{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#fdba74;color:#c2410c}.score-tab.tab-passed.active svg{color:#ea580c}.score-tab.tab-passed.active .tab-count{background:#ea580c26;color:#c2410c}.score-tab.tab-failed.active{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5;color:#b91c1c}.score-tab.tab-failed.active svg{color:#dc2626}.score-tab.tab-failed.active .tab-count{background:#dc262626;color:#b91c1c}.score-tab.tab-not-evaluated.active{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#d1d5db;color:#4b5563}.score-tab.tab-not-evaluated.active svg{color:#6b7280}.filters-section{margin-bottom:20px}.filters-header{display:none}.filters-form{background:#f9fafb;border-radius:10px;padding:16px 20px;margin-bottom:16px;border:1px solid #e5e7eb}.mobile-filter-toggle-btn{display:none;width:100%;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-weight:600;color:#374151;margin-bottom:12px;cursor:pointer}.filters-collapsible{display:block}.filter-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.filter-group{flex:1 1 150px;min-width:130px;max-width:200px}.filter-group label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.filter-group input,.filter-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;color:#1a1a1a;transition:all .15s ease}.filter-group input:hover,.filter-group select:hover{border-color:#9ca3af}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#fa741d;box-shadow:0 0 0 3px #fa741d1a}.filter-group input::placeholder{color:#9ca3af}.filter-actions{display:flex;gap:8px;align-items:flex-end}.filter-actions .btn{padding:10px 16px}.names-table-container{max-width:100%;overflow:visible}.table-responsive{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid #e5e7eb;max-width:100%}@media (min-width: 901px){.library-table{width:100%}}.library-table{width:100%;margin:0;border-collapse:collapse;font-size:13px}.library-table thead{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.library-table thead th{padding:16px 12px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#374151;border-bottom:2px solid #e5e7eb;text-align:left;white-space:nowrap}.library-table tbody td{padding:16px 12px;vertical-align:middle;font-size:13px}.library-table thead th a{color:inherit;text-decoration:none}.library-table thead th a:hover{color:#fa741d}.library-table tbody tr{transition:all .2s ease;border-bottom:1px solid #f3f4f6}.library-table tbody tr:hover{background:#f9fafb}.library-table tbody td{padding:16px 12px;vertical-align:middle}.library-table tbody tr:hover{transform:none;box-shadow:none}@media (min-width: 901px){.library-table th:nth-child(1),.library-table td:nth-child(1){width:40px;min-width:40px}.library-table th:nth-child(2),.library-table td:nth-child(2){min-width:120px}.library-table th:nth-child(3),.library-table td:nth-child(3){width:70px;min-width:70px}.library-table th:nth-child(4),.library-table td:nth-child(4){min-width:100px}.library-table th:nth-child(5),.library-table td:nth-child(5){min-width:90px}.library-table th:nth-child(6),.library-table td:nth-child(6){min-width:90px}.library-table th:nth-child(7),.library-table td:nth-child(7){min-width:80px}.library-table th:nth-child(8),.library-table td:nth-child(8){min-width:100px}.library-table th:nth-child(9),.library-table td:nth-child(9){min-width:100px}.library-table th:nth-child(10),.library-table td:nth-child(10){min-width:150px}.library-table td[data-label=Tagline] .editable-text{display:block;word-wrap:break-word;white-space:normal;line-height:1.4}}.checkbox-col{width:48px;text-align:center;padding:12px 8px!important}.checkbox-col input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#fa741d;border-radius:4px}.library-table tbody tr.row-selected,.library-table tbody tr.selected{background:linear-gradient(135deg,#fff7f2,#ffede0)}.library-table tbody tr.row-selected:hover,.library-table tbody tr.selected:hover{background:linear-gradient(135deg,#ffede0,#ffdfc9)}.name-cell{font-weight:600;color:#1f2937}.name-cell .note-icon{margin-left:8px;color:#f59e0b;font-size:12px;cursor:help}.score-cell{text-align:center;min-width:60px;width:70px}.library-score{font-weight:600;font-size:14px;color:#374151}.library-score.score-high{color:#fa741d;font-weight:700}.score-empty{color:#d1d5db;font-size:14px}.score-evaluating{display:inline-flex;align-items:center;justify-content:center;padding:4px}.score-spinner{width:18px;height:18px;border:2px solid #e5e7eb;border-top-color:#fa741d;border-radius:50%;animation:score-spin .8s linear infinite}@keyframes score-spin{to{transform:rotate(360deg)}}.editable-text{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;transition:all .2s;min-height:32px;height:32px;cursor:pointer;position:relative;box-sizing:border-box;line-height:1.2}.library-table td .editable-text{width:100%}.library-table td .editable-text .empty-placeholder{display:block;width:100%}.editable-text:hover{background:#f3f4f6}.editable-text .empty-placeholder{color:#9ca3af;font-style:italic}.edit-hint{font-size:10px;color:#9ca3af;opacity:0;transition:opacity .2s;flex-shrink:0;margin-left:4px}.editable-text:hover .edit-hint{opacity:.7}.editable-text:hover{color:#fa741d}.inline-edit-input,.inline-edit-select{padding:6px 10px;border:2px solid #fa741d;border-radius:6px;font-size:13px;font-family:inherit;background:#fff;outline:none;width:100%;min-width:150px;transition:all .3s cubic-bezier(.4,0,.2,1)}.inline-edit-select{cursor:pointer;padding-right:32px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23fa741d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.inline-edit-select:hover{border-color:#fa741d;background-color:#fafafa;box-shadow:0 2px 8px #fa741d26;transform:translateY(-1px)}.inline-edit-select:focus{box-shadow:0 0 0 3px #fa741d33,0 4px 12px #fa741d26;transform:translateY(0)}.status-cell{padding:16px 12px!important;vertical-align:middle!important;overflow:visible!important;position:relative}.library-table tbody tr{position:relative}.status-select-wrapper{display:inline-block;min-width:120px;position:relative}.status-dropdown{width:100%;padding:6px 10px;font-size:12px;font-weight:600;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .15s ease}.status-dropdown:hover{border-color:#d1d5db;background:#f9fafb}.status-dropdown:focus{outline:none;border-color:#e5e7eb;box-shadow:none}.tags-cell{vertical-align:middle}.tags-container{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;overflow:hidden;max-width:100%}.tag-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;white-space:nowrap;flex-shrink:0;margin:0}.tag-badge button{background:none;border:none;padding:0;margin:0;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s}.tag-badge button:hover{opacity:1}.tag-more{font-size:11px;color:#6b7280;font-weight:500}.tags-popover{position:absolute;top:100%;left:0;z-index:1000;min-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 40px #0000001f;padding:12px}.tags-popover-header{font-size:12px;font-weight:600;color:#374151;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.tags-popover-list{max-height:200px;overflow-y:auto}.tag-option{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;cursor:pointer;font-size:13px}.tag-option:hover{background:#f3f4f6}.tag-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.no-tags-hint{text-align:center;padding:12px;color:#9ca3af;font-size:12px}.tags-popover-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.submission-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;border-radius:8px;background:#f3f4f6;color:#374151}.submission-badge.submission-pending{background:#fef3c7;color:#92400e}.submission-badge.submission-accepted{background:#d1fae5;color:#065f46}.submission-badge.submission-rejected{background:#fee2e2;color:#991b1b}.submission-empty{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;color:#6b7280;border:1px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .15s ease}.submission-empty:hover{border-color:#fa741d;color:#fa741d;background:#fff7ed}.library-table .actions{white-space:nowrap;text-align:left}.library-table thead th:last-child{text-align:left}.actions-wrapper{display:flex;align-items:center;justify-content:flex-start;gap:6px}.btn-small{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;padding:0;margin:0;border-radius:6px;font-size:13px;border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0;background:#f3f4f6;color:#666}.btn-small:hover{transform:translateY(-1px)}.btn-small i{margin:0}.btn-small.btn-submit-client{background:linear-gradient(135deg,#fa741d,#e86510);color:#fff}.btn-small.btn-submit-client:hover{background:linear-gradient(135deg,#e86510,#d55a0a);box-shadow:0 2px 8px #fa741d66}.btn-small.btn-chat-action{background:#1a1a2e;color:#fff}.btn-small.btn-chat-action:hover{background:#2a2a4e;box-shadow:0 2px 8px #1a1a2e66}.btn-small.btn-primary{background:linear-gradient(135deg,#fa741d,#e86510);color:#fff;box-shadow:0 3px 10px #fa741d4d}.btn-small.btn-primary:hover{box-shadow:0 5px 16px #fa741d66}.btn-small.btn-info{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.btn-small.btn-info:hover{background:linear-gradient(135deg,#138496,#117a8b);box-shadow:0 2px 8px #17a2b866}.btn-small.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.btn-small.btn-danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 2px 8px #dc354566}.btn-small.btn-view-submissions{background:#0a0a0a;color:#fff}.btn-small.btn-view-submissions:hover{background:#1a1a1a;box-shadow:0 2px 8px #0000004d}.btn-small:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-small svg{width:14px;height:14px}.pagination-wrapper{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:16px 20px;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb}.rows-per-page{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500;color:#374151}.per-page-options{display:flex;gap:4px}.per-page-btn{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;background:#fff;text-decoration:none;cursor:pointer;transition:all .15s ease}.per-page-btn:hover{border-color:#f97316;color:#f97316;background:#fff7ed}.per-page-btn.active{background:#f97316;border-color:#f97316;color:#fff;font-weight:600}.total-records{color:#6b7280;font-size:13px;font-weight:500;padding-left:12px;border-left:1px solid #d1d5db}.pagination{display:flex;align-items:center;gap:6px}.page-numbers{display:flex;align-items:center;gap:4px}.btn-page{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;font-size:13px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;text-decoration:none;cursor:pointer;transition:all .15s ease}.btn-page:hover:not(.disabled):not(.active){background:#fff;border-color:#fa741d;color:#fa741d}.btn-page.active{background:#fa741d;border-color:#fa741d;color:#fff;font-weight:600}.btn-page.disabled{color:#d1d5db;background:#f3f4f6;border-color:#e5e7eb;cursor:not-allowed}.btn-page-nav{min-width:32px;padding:0;color:#6b7280}.btn-page-nav:hover:not(.disabled){color:#fa741d}.page-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:#9ca3af;font-size:12px;letter-spacing:1px}.bulk-action-bar{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:16px 24px;z-index:1000;box-shadow:0 -4px 20px #0003;transform:translateY(100%);transition:transform .3s ease}.bulk-action-bar.show{transform:translateY(0)}.bulk-bar-content{width:100%;display:flex;flex-direction:column;gap:12px}.bulk-bar-header{text-align:left}.selected-count{color:#fa741d;font-size:16px;font-weight:700}.bulk-bar-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.clear-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.clear-btn:hover{background:#fff3}.bulk-action-buttons,.bulk-actions{display:flex;gap:12px}.bulk-action-content,.bulk-action-bar>div:not(.bulk-bar-content){width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.bulk-count,.selected-info{color:#fff;font-size:15px;font-weight:600;display:flex;align-items:center;gap:12px}.bulk-btn{padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:8px}.bulk-btn svg{width:16px;height:16px}.bulk-btn.evaluate{background:linear-gradient(135deg,#fa741d,#e5640a);color:#fff;box-shadow:0 4px 14px #fa741d4d}.bulk-btn.evaluate:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fa741d66}.bulk-btn.submit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 14px #3b82f64d}.bulk-btn.submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.bulk-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef44444d}.bulk-btn.delete:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.bulk-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.table-responsive.drag-scroll{cursor:grab;-webkit-user-select:none;user-select:none}.table-responsive.drag-scroll.dragging{cursor:grabbing}.loading-state{padding:40px}.skeleton-row{display:flex;gap:16px;margin-bottom:16px;animation:shimmer 1.5s infinite}.skeleton-cell{height:24px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;border-radius:4px}.skeleton-cell.name{width:150px}.skeleton-cell.score{width:60px}.skeleton-cell.status{width:80px}.skeleton-cell.date{width:100px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state svg{width:64px;height:64px;color:#d1d5db;margin-bottom:16px}.empty-state h2{font-size:18px;font-weight:600;color:#374151;margin-bottom:8px}.empty-state p{font-size:14px;margin-bottom:24px}.no-data{text-align:center;padding:40px;color:#6b7280}.no-data a{color:#fa741d;text-decoration:none}.no-data a:hover{text-decoration:underline}@media (max-width: 900px){.library-header{flex-direction:column;gap:16px;margin-bottom:20px}.library-stats{grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.stat-card{padding:12px 14px;gap:10px}.stat-icon{width:36px;height:36px;font-size:14px;border-radius:10px}.stat-icon svg{width:16px!important;height:16px!important}.stat-number{font-size:20px}.stat-label{font-size:10px}.library-header .header-actions,.library-header-actions{width:100%;display:flex;gap:10px}.library-header .header-actions .btn,.library-header-actions .btn{flex:1;justify-content:center;padding:12px 16px}.filters-header{display:block}.mobile-filter-toggle-btn{display:flex;min-height:48px;font-size:15px;gap:8px}.mobile-filter-toggle-btn svg{flex-shrink:0}.mobile-filter-toggle-btn:active{background:#f3f4f6}.filters-collapsible{display:none}.filters-collapsible.expanded{display:block}.filter-badge{background:#fa741d;color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:auto}.filter-row{flex-direction:column;gap:12px}.filter-group{max-width:100%;width:100%}.filter-group input,.filter-group select{height:44px;font-size:16px}.filter-actions{flex-direction:row;display:flex;gap:10px}.filter-actions .btn{flex:1;height:44px}.score-tabs{display:flex;flex-wrap:nowrap;gap:6px;padding-bottom:12px;margin-bottom:16px;width:100%}.score-tab{flex:1;padding:8px 6px;font-size:13px;min-width:0;justify-content:center}.score-tab span:not(.tab-count){display:none}.score-tab svg{margin-right:0!important}.score-tab .tab-count{margin-left:4px}.table-responsive{overflow:visible!important;border:none!important;border-radius:0!important}table.library-table{display:block!important;width:100%!important;min-width:0!important}table.library-table thead{display:none!important}table.library-table tbody{display:flex!important;flex-direction:column!important;gap:16px!important}table.library-table tbody tr{display:flex!important;flex-direction:column!important;background:#fff!important;border-radius:12px!important;border:1px solid #e5e7eb!important;box-shadow:0 2px 8px #0000000a!important;padding:16px!important;position:relative!important}table.library-table tbody tr:hover{background:#fff!important;box-shadow:0 4px 12px #fa741d1a!important}table.library-table tbody td{display:flex!important;align-items:center!important;padding:10px 0!important;border-bottom:1px solid #f0f0f0!important;gap:12px!important;min-height:44px!important}table.library-table tbody td:before{content:attr(data-label)!important;font-size:11px!important;font-weight:700!important;color:#6b7280!important;text-transform:uppercase!important;width:90px!important;min-width:90px!important;flex-shrink:0!important;text-align:left!important}table.library-table tbody td .editable-text{flex:1!important;min-width:0!important;width:100%!important;display:flex!important;justify-content:flex-start!important;padding:6px 10px!important;min-height:36px!important;height:auto!important}table.library-table tbody td .empty-placeholder{flex:1!important;width:100%!important;display:block!important;color:#9ca3af!important;font-style:italic!important;font-size:13px!important}table.library-table tbody td .library-score,table.library-table tbody td .score-empty,table.library-table tbody td .score-evaluating{flex:1!important;text-align:left!important;font-size:16px!important;font-weight:700!important}table.library-table tbody td .status-select-wrapper{flex:1!important;width:100%!important;display:block!important}table.library-table tbody td .status-select-wrapper select,table.library-table tbody td select,table.library-table tbody td input[type=text],table.library-table tbody td input[type=date]{width:100%!important;min-width:0!important;height:44px!important;font-size:15px!important}table.library-table tbody td:last-child{border-bottom:none!important}table.library-table tbody td.checkbox-col{position:absolute!important;top:0!important;right:14px!important;border:none!important;padding:0!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}table.library-table tbody td.checkbox-col input[type=checkbox]{margin:0!important}table.library-table tbody td.checkbox-col:before{display:none!important}table.library-table tbody td.name-cell{order:-2!important;border-bottom:2px solid #fa741d!important;padding:0 50px 12px 0!important;margin-bottom:8px!important;align-items:center!important;min-height:44px!important}table.library-table tbody td.name-cell:before{display:none!important}table.library-table tbody td.name-cell .editable-text{font-size:18px!important;font-weight:700!important;color:#1a1a1a!important;padding:0!important;line-height:1.3!important;display:flex!important;align-items:center!important}table.library-table tbody td.score-cell{align-items:center!important;width:100%!important;min-width:100%!important;max-width:100%!important}table.library-table tbody td.score-cell .library-score,table.library-table tbody td.score-cell .score-empty,table.library-table tbody td.score-cell .score-evaluating{flex:1!important;width:100%!important;text-align:left!important;font-size:16px!important;font-weight:700!important}table.library-table tbody td.tags-cell{flex-wrap:wrap!important;align-items:flex-start!important}table.library-table tbody td.tags-cell .tags-container{display:flex!important;flex-wrap:wrap!important;gap:6px!important;flex:1!important;width:100%!important}table.library-table tbody td.tags-cell .tags-list{display:flex!important;flex-wrap:wrap!important;gap:6px!important;flex:1!important}table.library-table tbody td.client-submission-cell{align-items:center!important}table.library-table tbody td.actions{justify-content:center!important;padding:14px 0 4px!important;margin-top:8px!important;border-top:1px solid #e5e7eb!important;border-bottom:none!important}table.library-table tbody td.actions:before{display:none!important}.actions-wrapper{width:100%;justify-content:center;flex-wrap:wrap;gap:10px}.btn-small{width:44px!important;height:44px!important;font-size:16px!important;border-radius:10px!important}.pagination-wrapper{flex-direction:column;gap:16px;padding:16px}.bulk-bar-content{gap:10px}.bulk-bar-actions{flex-direction:column;gap:10px}.bulk-actions{flex-wrap:wrap;justify-content:center;width:100%}.clear-btn{width:100%;text-align:center}table.library-table tbody td.tagline-cell,table.library-table tbody td.notes-cell{width:100%!important;max-width:100%!important;min-width:100%!important}table.library-table tbody td.tagline-cell .tagline-snippet,table.library-table tbody td.notes-cell .notes-snippet{flex:1!important;width:100%!important;min-width:0!important}table.library-table tbody td.tagline-cell .empty-placeholder,table.library-table tbody td.notes-cell .empty-placeholder{flex:1!important;width:100%!important}}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(100%);opacity:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-content{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative}.modal-content.submit-modal{padding:0}.modal-content.submit-modal .modal-header{text-align:center;padding:24px 24px 16px;border-bottom:none;background:transparent}.modal-content.submit-modal .modal-header h2{font-size:1.25rem;margin:0 0 8px}.modal-content.submit-modal .modal-subtitle{color:#6b7280;font-size:.9rem;margin:0}.modal-content.submit-modal .modal-body{padding:0 24px 16px}.modal-content.submit-modal .modal-footer{padding:16px 24px 24px;border-top:none}.modal-content .modal-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fa741d,#ff8c3a);color:#fff}.modal-content .modal-icon svg{width:28px;height:28px}.modal-content .modal-icon.success{background:linear-gradient(135deg,#10b981,#34d399)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:10px;font-size:.9375rem;color:#1f2937;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#fa741d;box-shadow:0 0 0 3px #fa741d1a}.form-group input:disabled,.form-group textarea:disabled{background:#f3f4f6;cursor:not-allowed}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{resize:vertical;min-height:80px}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:12px 14px;border-radius:10px;font-size:.875rem;margin-bottom:16px}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .8s linear infinite;margin-right:8px}@keyframes btn-spin{to{transform:rotate(360deg)}}.modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:18px;font-weight:700;color:#1f2937;margin:0}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#e5e7eb}@media (max-width: 1200px){.filters-form .filter-row{flex-wrap:wrap!important;gap:12px!important}.filters-form .filter-group{flex:1 1 180px!important;min-width:150px!important}.filters-form .filter-group.filter-actions{flex:1 1 100%!important;padding-top:8px!important}}@media (max-width: 900px){.filters-form .filter-group{flex:1 1 calc(50% - 8px)!important;min-width:140px!important}}@media (max-width: 600px){.filters-form .filter-row{flex-direction:column!important;gap:12px!important}.filters-form .filter-group{flex:none!important;width:100%!important;min-width:100%!important}.filters-form .filter-group input,.filters-form .filter-group select{height:44px!important;font-size:16px!important}.filters-form .filter-group.filter-actions{flex-direction:row!important;display:flex!important;gap:10px!important}.filters-form .filter-group.filter-actions .btn{flex:1!important;height:44px!important}}@media (max-width: 900px){.modal-overlay{padding:12px;align-items:center}.modal-content{max-width:100%;max-height:85vh;border-radius:20px;margin-bottom:0}.modal-header{padding:18px 20px;position:sticky;top:0;background:#fff;z-index:1;border-radius:20px 20px 0 0}.modal-body{padding:16px 20px;overflow-y:auto}.modal-footer{padding:16px 20px 20px;flex-direction:column;gap:10px;position:sticky;bottom:0;background:#fff;border-top:1px solid #e5e7eb}.modal-footer .btn,.modal-footer button{width:100%;height:48px;font-size:15px;justify-content:center}.modal-actions{flex-direction:column;gap:10px}.modal-actions .btn,.modal-actions button{width:100%;height:48px;font-size:15px;justify-content:center}.modal-close{width:36px;height:36px;top:14px;right:14px}.form-group input,.form-group textarea,.form-group select{font-size:16px!important;min-height:48px;padding:14px}.actions-wrapper{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(40px,1fr))!important;gap:8px!important;width:100%!important}.actions-wrapper .btn-small,.actions-wrapper button{width:100%!important;min-width:44px!important;height:44px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.bulk-action-bar{padding:12px 16px 16px;border-radius:16px 16px 0 0}.bulk-bar-header{text-align:center;margin-bottom:12px}.bulk-bar-actions{flex-direction:column;gap:12px}.bulk-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.bulk-actions .bulk-btn{width:100%;min-height:44px;font-size:13px;padding:10px 12px;justify-content:center}.bulk-actions .bulk-btn svg{width:14px;height:14px}.clear-btn{width:100%;min-height:44px;text-align:center}.csv-modal .modal-content,.bulk-eval-modal{max-height:90vh}.preview-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.mapping-grid{grid-template-columns:1fr!important;gap:12px!important}.mapping-item select{height:44px;font-size:16px}}@media (max-width: 400px){.bulk-actions{grid-template-columns:1fr}.stat-card{padding:12px 14px}.stat-number{font-size:20px}.stat-label{font-size:10px}}
