body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-900:#0c4a6e;--secondary-50:#f8fafc;--secondary-100:#f1f5f9;--secondary-200:#e2e8f0;--secondary-300:#cbd5e1;--secondary-400:#94a3b8;--secondary-500:#64748b;--secondary-600:#475569;--secondary-700:#334155;--secondary-800:#1e293b;--secondary-900:#0f172a;--success-50:#f0fdf4;--success-500:#22c55e;--success-600:#16a34a;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#d97706;--error-50:#fef2f2;--error-500:#ef4444;--error-600:#dc2626;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}*{box-sizing:border-box}body{background-color:#f8fafc;background-color:var(--secondary-50);color:#1e293b;color:var(--secondary-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.App{background:#f5f5f5;display:flex;flex-direction:row;min-height:100vh}.App-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--secondary-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem 2rem;padding:var(--space-6) var(--space-8)}.App-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0284c7,#334155);background:linear-gradient(135deg,var(--primary-600) 0,var(--secondary-700) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;margin:0 0 .5rem;margin:0 0 var(--space-2) 0;text-align:center}.App-header p{color:#475569;color:var(--secondary-600);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:400;margin:0;text-align:center}.App-main{flex:1 1;margin-left:250px;min-height:100vh;width:calc(100% - 250px)}.App-main,.app-container{display:flex;flex-direction:column}.app-container{gap:2rem;gap:var(--space-8);margin:0 auto;max-width:1200px;width:100%}.left-panel,.right-panel{min-height:auto;padding:2rem;padding:var(--space-8);width:100%}.left-panel,.processing-container,.right-panel{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--secondary-200);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.processing-container{overflow:hidden}.processing-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f0f9ff);background:linear-gradient(135deg,var(--secondary-50) 0,var(--primary-50) 100%);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--secondary-200);display:flex;gap:1rem;gap:var(--space-4);padding:1.5rem;padding:var(--space-6)}.processing-header .header-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:1.875rem;font-size:var(--font-size-3xl)}.processing-header .header-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0284c7,#334155);background:linear-gradient(135deg,var(--primary-600) 0,var(--secondary-700) 100%);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--secondary-800);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin:0 0 .25rem;margin:0 0 var(--space-1) 0}.processing-header .header-content p{color:#475569;color:var(--secondary-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;margin:0}.loading-container{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem;padding:var(--space-20) var(--space-8)}.loading-spinner{border:4px solid #e2e8f0;border-top:4px solid #0ea5e9;margin-bottom:1.5rem}.loading-text{margin-bottom:1.5rem;margin-bottom:var(--space-6);text-align:center}.loading-text h4{color:#1e293b;color:var(--secondary-800);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.loading-text p{color:#475569;color:var(--secondary-600);font-size:1rem;font-size:var(--font-size-base);font-weight:500;margin:0}.progress-bar{background:#e2e8f0;background:var(--secondary-200);height:6px;overflow:hidden;width:200px}.progress-bar,.progress-fill{border-radius:.375rem;border-radius:var(--radius-sm)}.progress-fill{animation:progress 2s ease-in-out infinite;background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);height:100%}@keyframes progress{0%{width:0}50%{width:70%}to{width:100%}}.empty-results{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--secondary-200);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem;padding:var(--space-20) var(--space-8)}.empty-icon{margin-bottom:1.5rem}.empty-results h3{color:#475569;color:var(--secondary-600);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}.empty-results p{color:#64748b;color:var(--secondary-500);font-size:1rem;font-size:var(--font-size-base);margin:0 0 1.5rem;margin:0 0 var(--space-6) 0;text-align:center}.empty-hints{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:center}.hint-item{align-items:center;background:#f1f5f9;background:var(--secondary-100);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#334155;color:var(--secondary-700);display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;gap:.5rem;gap:var(--space-2);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.success-container{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--secondary-200);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden}.success-header{align-items:center;background:linear-gradient(135deg,#f0fdf4 0,var(--success-100) 100%);background:linear-gradient(135deg,var(--success-50) 0,var(--success-100) 100%);border-bottom:2px solid var(--success-200);display:flex;gap:1rem;gap:var(--space-4);padding:1.5rem;padding:var(--space-6)}.success-header .header-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%);-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:1.875rem;font-size:var(--font-size-3xl)}.success-header .header-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#16a34a,#334155);background:linear-gradient(135deg,var(--success-600) 0,var(--secondary-700) 100%);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--secondary-800);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin:0 0 .25rem;margin:0 0 var(--space-1) 0}.success-header .header-content p{color:#475569;color:var(--secondary-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;margin:0}.success-content{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem;padding:var(--space-20) var(--space-8)}.success-icon{animation:bounce 1s ease-in-out infinite;font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--space-6)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.success-text{margin-bottom:2rem;margin-bottom:var(--space-8);text-align:center}.success-text h4{color:#16a34a;color:var(--success-600);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}.success-text p{color:#475569;color:var(--secondary-600);font-size:1rem;font-size:var(--font-size-base);font-weight:500;margin:0}.success-actions{display:flex;gap:1rem;gap:var(--space-4)}.upload-new-button{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:600;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.upload-new-button:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.error-container{background:#fff;border:1px solid #ef4444;border:1px solid var(--error-500);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden}.error-header{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);background:linear-gradient(135deg,var(--error-50) 0,#fee2e2 100%);border-bottom:2px solid #ef4444;border-bottom:2px solid var(--error-500);display:flex;gap:1rem;gap:var(--space-4);padding:1.5rem;padding:var(--space-6)}.error-header .header-icon{flex-shrink:0;font-size:1.875rem;font-size:var(--font-size-3xl)}.error-header .header-content h2{color:#dc2626;color:var(--error-600);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin:0 0 .25rem;margin:0 0 var(--space-1) 0}.error-header .header-content p{color:#dc2626;color:var(--error-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;margin:0}.error-content{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem;padding:var(--space-20) var(--space-8)}.error-icon{animation:shake .5s ease-in-out;margin-bottom:1.5rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-text{margin-bottom:2rem;margin-bottom:var(--space-8);text-align:center}.error-text h4{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;margin:0 0 .75rem;margin:0 0 var(--space-3) 0}.error-text h4,.error-text p{color:#dc2626;color:var(--error-600)}.error-text p{background:#fef2f2;background:var(--error-50);border-left:4px solid #ef4444;border-left:4px solid var(--error-500);border-radius:.75rem;border-radius:var(--radius-lg);font-size:1rem;font-size:var(--font-size-base);font-weight:500;margin:0;padding:1rem;padding:var(--space-4)}.error-actions{display:flex;gap:1rem;gap:var(--space-4)}.close-error-button{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--error-500) 0,var(--error-600) 100%);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:600;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.close-error-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--error-600) 0,#b91c1c 100%);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.project-detail-container{margin:0 auto;padding:1rem;padding:var(--space-4)}.back-button{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.back-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.App-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-top:1px solid #e2e8f0;border-top:1px solid var(--secondary-200);color:#475569;color:var(--secondary-600);font-size:.875rem;font-size:var(--font-size-sm);padding:1.5rem 2rem;padding:var(--space-6) var(--space-8);text-align:center}.App-footer p{font-weight:500;margin:0}.db-message,.error-message,.save-message{border:1px solid;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);font-weight:500;margin-top:1rem;margin-top:var(--space-4);padding:1rem;padding:var(--space-4)}.error-message{background-color:#fef2f2;background-color:var(--error-50);border-color:var(--error-200);color:#dc2626}.save-message{background-color:#f0fdf4;background-color:var(--success-50);border-color:var(--success-200);color:#16a34a;color:var(--success-600)}.db-message{background-color:#f0f9ff;background-color:var(--primary-50);border-color:var(--primary-200);color:#0284c7;color:var(--primary-600)}@media (max-width:1024px){.app-container{gap:1.5rem;gap:var(--space-6);padding:0 1rem;padding:0 var(--space-4)}.App-header h1{font-size:1.875rem;font-size:var(--font-size-3xl)}.App-main{margin-left:200px;width:calc(100% - 200px)}}@media (max-width:768px){.app-container{gap:1rem;gap:var(--space-4)}.left-panel,.right-panel{min-height:auto;padding:1.5rem;padding:var(--space-6)}.App-main{margin-left:0;width:100%}.App-header{padding:1rem;padding:var(--space-4)}.App-header h1{font-size:1.5rem;font-size:var(--font-size-2xl)}.App-header p{font-size:1rem;font-size:var(--font-size-base)}}@media (max-width:480px){.App-header{padding:.75rem;padding:var(--space-3)}.App-header h1{font-size:1.25rem;font-size:var(--font-size-xl)}.App-main{padding:.75rem;padding:var(--space-3)}.app-container{gap:1rem;gap:var(--space-4)}.left-panel,.right-panel{padding:1rem;padding:var(--space-4)}}.action-buttons{align-items:center;gap:var(--space-2);height:36px;margin-left:auto;margin-top:0}.cancel-button,.edit-button,.save-button,.save-db-button{align-items:center;border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:600;height:36px;justify-content:center;padding:var(--space-2) var(--space-3);transition:all var(--transition-normal)}.edit-button{background:linear-gradient(135deg,var(--warning-500) 0,var(--warning-600) 100%);color:#fff}.edit-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.save-button{background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%);color:#fff}.save-button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed;opacity:.6}.cancel-button{background:linear-gradient(135deg,var(--error-500) 0,var(--error-600) 100%)}.cancel-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.save-db-button{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);color:#fff}.save-db-button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.cancel-button:disabled,.edit-button:disabled,.save-button:disabled,.save-db-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.cancel-button:disabled:hover,.edit-button:disabled:hover,.save-button:disabled:hover,.save-db-button:disabled:hover{box-shadow:var(--shadow-sm);transform:none}.edit-input{background:var(--primary-50);border:1px solid var(--primary-300);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-sm);height:32px;line-height:1.2;max-height:32px;overflow:hidden;padding:var(--space-1) var(--space-2);resize:none;text-overflow:ellipsis;transition:all var(--transition-fast);white-space:nowrap;width:100%}.edit-input[type=text]{resize:none}.edit-input[rows],.edit-input[type=textarea]{height:auto;line-height:1.5;max-height:none}.description-cell .edit-input,.edit-input[rows],.edit-input[type=textarea]{word-wrap:break-word;min-height:60px;overflow-wrap:break-word;resize:vertical;white-space:pre-wrap}.edit-input:focus{background:#fff;border-color:var(--primary-500);box-shadow:var(--shadow-focus);outline:none}.edit-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--primary-50);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--space-1) center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--primary-300);border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-1) var(--space-2);padding-right:var(--space-6);transition:all var(--transition-fast);width:100%}.edit-select:focus{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:var(--primary-500);box-shadow:var(--shadow-focus);color:var(--text-primary);outline:none}.edit-select:hover{border-color:var(--primary-400);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.edit-select option{background:#fff;color:var(--text-primary);font-weight:500;padding:var(--space-2)}.edit-select option:hover{background:var(--primary-50)}.edit-select option:checked{background:var(--primary-100);color:var(--primary-700)}.simple-dropdown{position:relative;width:100%;z-index:0}.simple-dropdown.dropdown-open{z-index:10001}.dropdown-trigger{align-items:center;border:1px solid var(--primary-300);border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:600;justify-content:space-between;min-height:32px;padding:var(--space-1) var(--space-2);transition:all var(--transition-fast)}.dropdown-trigger:hover{border-color:var(--primary-400);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.dropdown-arrow{font-size:var(--font-size-xs);margin-left:var(--space-1);opacity:.7;transition:transform var(--transition-fast)}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{border:1px solid var(--primary-300);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);display:none;margin-top:4px;max-height:0;opacity:0;overflow:hidden;top:100%;transform:translateY(-10px);transition:all .3s ease-out;z-index:10001}.dropdown-menu.open{display:block;max-height:200px;opacity:1;transform:translateY(0)}.dropdown-option{border-bottom:1px solid var(--primary-100);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);transition:background-color var(--transition-fast)}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:var(--primary-50)}.dropdown-option.selected{background:var(--primary-100);color:var(--primary-700);font-weight:600}.table-controls{align-items:center;background:linear-gradient(135deg,var(--secondary-50) 0,var(--primary-50) 100%);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding:var(--space-6)}.search-section{flex:0 1 auto;max-width:400px;min-width:250px}.table-controls>.action-buttons,.table-controls>.filter-section,.table-controls>.results-info{flex:0 0 auto}.search-input-container{align-items:center;display:flex;position:relative}.search-icon{color:var(--secondary-500);font-size:var(--font-size-base);left:var(--space-3);position:absolute;z-index:1}.search-input{background:#fff;border:2px solid var(--secondary-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);box-sizing:border-box;font-size:var(--font-size-sm);height:36px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-10);transition:all var(--transition-fast);width:100%}.search-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100);outline:none}.search-input::placeholder{color:var(--secondary-400)}.filter-section{gap:var(--space-2)}.filter-label{font-size:var(--font-size-sm);white-space:nowrap}.filter-select{border:2px solid var(--secondary-200);color:var(--secondary-700);height:36px;min-width:120px;transition:all var(--transition-fast)}.filter-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100);outline:none}.results-count,.results-info{align-items:center;display:flex;height:36px}.results-count{background:var(--primary-100);border-radius:var(--radius-md);box-sizing:border-box;color:var(--primary-700);font-size:var(--font-size-sm);font-weight:600;padding:var(--space-2) var(--space-3);white-space:nowrap}.table-view-container{background-color:initial;border-radius:var(--radius-lg);box-shadow:none;margin-bottom:var(--space-4);overflow:visible}.table-wrapper{background-color:#f5f5f5;border-radius:0 0 var(--radius-lg) var(--radius-lg);max-height:75vh;overflow-x:auto;overflow-y:auto;padding:var(--space-4) 0 0 0;position:relative;width:100%}.data-table.editing~*{position:relative;z-index:1}.table-wrapper::-webkit-scrollbar{height:8px;width:8px}.table-wrapper::-webkit-scrollbar-track{background:var(--secondary-100);border-radius:var(--radius-sm)}.table-wrapper::-webkit-scrollbar-thumb{background:var(--secondary-400);border-radius:var(--radius-sm)}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--secondary-500)}.data-table{background-color:#fff;border-collapse:initial;border-spacing:0;font-size:var(--font-size-sm);margin:0;min-width:100%;table-layout:auto;width:100%}.data-table thead{background-color:#1e3a5f;color:#fff;display:table-header-group;position:-webkit-sticky;position:sticky;top:-17px;width:100%;z-index:10}.data-table th{border-bottom:2px solid #fff3;color:#fff;font-size:var(--font-size-sm);font-weight:600;letter-spacing:normal;min-width:-webkit-fit-content;min-width:fit-content;padding:var(--space-3) var(--space-4);text-align:left;text-transform:none;white-space:nowrap}.data-table th:first-child{width:40px}.data-table th.sortable{cursor:pointer;position:relative;transition:all var(--transition-fast);white-space:nowrap}.data-table th.sortable:hover{background:#ffffff1a}.sort-icon{display:inline-block;transition:transform var(--transition-fast)}.sort-icon.rotated{transform:rotate(180deg)}.data-table td{border-bottom:1px solid var(--secondary-200);color:var(--secondary-700);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);vertical-align:middle}.data-table td:not(.description-cell){height:50px;max-height:50px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.data-table.editing td.datatype-cell,.data-table.editing td.type-cell{overflow:visible}.data-table tbody tr{border-bottom:1px solid var(--secondary-200);box-sizing:initial;position:relative;transition:background-color var(--transition-fast)}.data-table tbody tr.even{background:#f9f9f9}.data-table tbody tr.odd{background:#fff}.data-table tbody tr:hover{background-color:var(--secondary-50)}.row-checkbox{cursor:pointer;height:16px;width:16px}.stt-cell{color:var(--secondary-700);font-weight:600;text-align:center}.data-table.editing .stt-cell{max-width:50px;min-width:50px;width:50px}.type-text{color:var(--secondary-700);font-weight:500}.content-text,.database-text{font-weight:400}.database-text{color:var(--secondary-700)}.description-text{font-weight:400}.actions-cell{white-space:nowrap}.details-button{background:#1e3a5f;padding:var(--space-1) var(--space-3)}.details-button:hover{background:#2a4d75;transform:translateY(-1px)}.id-cell{text-align:center;width:50px}.data-table.editing .id-cell{min-width:35px;width:35px}.id-badge{background:linear-gradient(135deg,var(--primary-100) 0,var(--primary-200) 100%);border-radius:var(--radius-md);color:var(--primary-700);display:inline-block;font-size:var(--font-size-xs);font-weight:700;padding:var(--space-1) var(--space-2)}.data-table.editing .id-badge{font-size:10px;padding:var(--space-1)}.type-cell{min-width:180px;overflow:visible;position:relative;width:180px;z-index:1}.data-table.editing .type-cell{overflow:visible;z-index:auto}.type-badge{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;display:inline-block;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.5px;padding:var(--space-1) var(--space-2);text-transform:uppercase}.content-cell{max-width:300px;min-width:200px}.data-table.editing .content-cell{max-width:200px;min-width:150px;width:200px}.content-text{color:var(--secondary-800);cursor:pointer;display:block;font-weight:500;line-height:1.2;max-width:100%;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.content-text:hover .custom-tooltip{opacity:1;transform:translateX(-50%) translateY(-5px);visibility:visible}.description-cell{max-width:none;min-width:200px;overflow-wrap:break-word;padding:var(--space-3)}.description-cell,.description-text{word-wrap:break-word;line-height:1.6;overflow:visible;white-space:pre-wrap;word-break:break-word}.description-text{color:var(--secondary-600);display:block;max-width:100%;overflow-wrap:break-word;position:relative}.description-text:hover .custom-tooltip{opacity:1;transform:translateX(-50%) translateY(-5px);visibility:visible}.custom-tooltip{word-wrap:break-word;background:#000000e6;border-radius:var(--radius-md);bottom:100%;box-shadow:var(--shadow-lg);color:#fff;font-size:var(--font-size-sm);left:50%;line-height:1.5;max-width:400px;min-width:200px;opacity:0;padding:var(--space-3) var(--space-4);pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-5px);transition:all .3s ease;visibility:hidden;white-space:normal;word-break:break-word;z-index:10000}.custom-tooltip:after{border:6px solid #0000;border-top-color:#000000e6;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.database-cell{min-width:180px;width:180px}.database-badge{background:linear-gradient(135deg,var(--warning-100) 0,var(--warning-200) 100%);border-radius:var(--radius-md);color:var(--warning-700);display:inline-block;font-size:var(--font-size-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.datatype-cell{overflow:visible;position:relative;width:100px;z-index:1}.data-table.editing .datatype-cell{overflow:visible;z-index:auto}.required-cell{text-align:center;width:100px}.required-icon{align-items:center;border-radius:50%;cursor:default;display:inline-flex;font-size:16px;font-weight:700;height:28px;justify-content:center;transition:all var(--transition-normal);width:28px}.required-icon.required-true{background-color:#f44336;box-shadow:0 2px 4px #f443364d;color:#fff}.required-icon.required-false{background-color:#9e9e9e;box-shadow:0 2px 4px #9e9e9e4d;color:#fff}.required-icon.required-conditional{background-color:#ff9800;box-shadow:0 2px 4px #ff98004d;color:#fff}.data-table.editing .required-cell{overflow:visible;z-index:auto}.datatype-badge{align-items:center;border-radius:var(--radius-md);color:#fff;display:inline-flex;font-size:var(--font-size-xs);font-weight:600;justify-content:center;min-width:var(--space-12);padding:var(--space-1) var(--space-2);text-transform:capitalize}.dbfield-text{color:var(--secondary-600);display:block;font-size:var(--font-size-xs);font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-loading{align-items:center;background:#fff;border:1px solid var(--secondary-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:center;padding:var(--space-20) var(--space-8)}.table-loading p{color:var(--secondary-600);font-size:var(--font-size-lg);font-weight:500;margin:0}.table-empty{align-items:center;background:#fff;border:1px solid var(--secondary-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:center;padding:var(--space-20) var(--space-8)}.empty-icon{font-size:4rem;margin-bottom:var(--space-6);opacity:.6}.table-empty h3{color:var(--secondary-600);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--space-3) 0}.table-empty p{color:var(--secondary-500);font-size:var(--font-size-base);margin:0;text-align:center}@media (max-width:1024px){.table-controls{align-items:stretch;flex-direction:column;gap:var(--space-3)}.search-section{min-width:auto}.filter-section{justify-content:space-between}.results-info{justify-content:center}}@media (max-width:768px){.table-controls{padding:var(--space-4)}.data-table{font-size:var(--font-size-xs)}.data-table td,.data-table th{padding:var(--space-2) var(--space-2)}.content-cell,.description-cell{max-width:200px}.search-input{font-size:var(--font-size-sm)}}@media (max-width:480px){.table-controls{padding:var(--space-3)}.data-table td,.data-table th{padding:var(--space-1) var(--space-1)}.content-cell,.description-cell{max-width:150px}.type-cell{width:80px}.database-cell{width:100px}}.upload-screen-container{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%}.menu-gen-spec-tab{background:#4a4a4a;border-radius:8px 8px 0 0;color:#fff;font-size:14px;font-weight:500;left:0;padding:12px 20px;position:absolute;top:0;z-index:10}.upload-content-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px;overflow:visible;padding:60px 40px 40px;position:relative}.upload-main-content{display:flex;flex-direction:column;gap:24px}.upload-area-new{align-items:center;background:#fff;border:2px dashed #87ceeb;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:200px;padding:60px 20px;text-align:center;transition:all .3s ease}.upload-area-new:hover{background:#f0f8ff;border-color:#5f9ea0}.upload-area-new.drag-active{background:#e6f0ff;border-color:#4169e1;border-style:solid}.upload-text-new{color:#4169e1;font-size:16px;font-weight:500}.image-preview-container{align-items:center;display:flex;height:100%;justify-content:center;min-height:200px;position:relative;width:100%}.preview-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:300px;max-width:100%;object-fit:contain}.change-image-button{background:#ffffffe6;border:1px solid #4169e1;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#4169e1;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;position:absolute;right:10px;top:10px;transition:all .3s ease}.change-image-button:hover:not(:disabled){background:#fff;box-shadow:0 4px 8px #00000026}.change-image-button:disabled{background:#c0c0c0e6;border-color:silver;color:#999;cursor:not-allowed;opacity:.6}.upload-status-overlay{align-items:center;background:#ffffffe6;border-radius:8px;bottom:0;display:flex;flex-direction:column;gap:12px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.upload-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4169e1;height:40px;width:40px}.upload-status-overlay span{color:#4169e1;font-size:14px;font-weight:500}.upload-success-badge{background:#4caf50;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;font-size:12px;font-weight:600;left:10px;padding:6px 12px;position:absolute;top:10px;z-index:5}.input-fields-container{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.input-field-wrapper{align-items:center;display:flex;gap:16px;position:relative}.input-field-wrapper:first-child,.input-field-wrapper:first-child .dropdown-menu{z-index:10002}.input-field-wrapper:last-child,.input-field-wrapper:last-child .dropdown-menu{z-index:10001}.checkbox-field-wrapper{align-items:center;display:flex;margin-top:8px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.checkbox-input{accent-color:#4169e1;cursor:pointer;height:18px;width:18px}.checkbox-text{color:#333}.checkbox-text,.input-label{font-size:14px;font-weight:500}.input-label{color:#4169e1;min-width:120px}.select-input-wrapper{flex:1 1;max-width:400px;position:relative}.custom-dropdown{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;min-height:40px;padding:10px 40px 10px 12px;position:relative;transition:border-color .3s ease;width:100%}.custom-dropdown:hover{border-color:#4169e1}.custom-dropdown.open{border-color:#4169e1;box-shadow:0 0 0 2px #4169e11a}.custom-dropdown.disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.custom-dropdown.disabled:hover{border-color:#ddd}.dropdown-value{color:#333;flex:1 1;-webkit-user-select:none;user-select:none}.dropdown-value.placeholder{color:#999}.dropdown-arrow{color:#666;font-size:12px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.custom-dropdown.open .dropdown-arrow{transform:translateY(-50%) rotate(180deg)}.dropdown-menu{background:#fff;border:1px solid #4169e1;border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;margin-top:2px;max-height:300px;opacity:1!important;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);visibility:visible!important;z-index:10000}.input-field-wrapper:first-child .select-input-wrapper{z-index:10002}.input-field-wrapper:first-child .dropdown-menu{z-index:10002!important}.input-field-wrapper:last-child .select-input-wrapper{z-index:10001}.input-field-wrapper:last-child .dropdown-menu{z-index:10001!important}.dropdown-item{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:14px;padding:10px 12px;transition:background-color .2s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f0f8ff;color:#4169e1}.dropdown-item.selected{background:#e6f0ff;color:#4169e1;font-weight:500}.dropdown-loading{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px}.dropdown-spinner{animation:spin 1s linear infinite;border:2px solid #f0f0f0;border-radius:50%;border-top-color:#4169e1;height:16px;width:16px}.dropdown-empty{color:#999;font-size:14px;padding:12px;text-align:center}.action-buttons{display:flex;gap:12px;margin-top:8px}.read-file-button{background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .3s ease}.read-file-button:hover:not(:disabled){background:#357abd}.read-file-button:disabled{background:silver;cursor:not-allowed;opacity:.6}.clear-button{background:silver;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .3s ease}.clear-button:hover:not(:disabled){background:#a0a0a0}.clear-button:disabled{background:silver;cursor:not-allowed;opacity:.6}.right-panel{background:#fff;border:1px solid var(--secondary-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin:20px;min-height:auto;padding:var(--space-8);width:100%}@media (max-width:768px){.upload-content-wrapper{margin:10px;padding:50px 20px 30px}.menu-gen-spec-tab{font-size:12px;padding:10px 16px}.upload-area-new{min-height:150px;padding:40px 15px}.upload-text-new{font-size:14px}.input-field-wrapper{align-items:flex-start;flex-direction:column;gap:8px}.input-label{min-width:auto}.select-input-wrapper{max-width:100%;width:100%}.action-buttons{flex-direction:column}.clear-button,.read-file-button{width:100%}}.projects-screen-container{background:var(--secondary-50);margin:0;max-width:100%;min-height:100vh;padding:var(--space-1)}.projects-screen-container,.projects-screen-container>*{box-sizing:border-box;width:100%}@media (max-width:768px){.projects-screen-container{padding:var(--space-1)}}@media (max-width:480px){.projects-screen-container{padding:4px}}.excel-preview-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:var(--space-4);position:fixed;right:0;top:0;z-index:2000}.excel-preview-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:visible;width:100%}.excel-preview-header{align-items:center;background:linear-gradient(135deg,var(--primary-50) 0,var(--primary-100) 100%);border-bottom:2px solid var(--secondary-200);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.excel-preview-title{color:var(--secondary-800);font-size:var(--font-size-xl);font-weight:700;margin:0}.excel-preview-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--secondary-600);cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:all var(--transition-fast);width:32px}.excel-preview-close:hover{background:var(--secondary-100);color:var(--secondary-800)}.excel-preview-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-4);overflow-x:hidden;overflow-y:auto;padding:var(--space-4) var(--space-6)}.excel-preview-image-section{display:flex;justify-content:center;margin-bottom:var(--space-4);width:100%}.excel-preview-image-wrapper{align-items:center;background:#fff;border:2px solid #000;border-radius:0;box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;justify-content:center;max-height:500px;min-height:400px;padding:var(--space-4);width:100%}.excel-preview-image{background:#fff;border-radius:0;max-height:calc(100% - 40px);max-width:calc(100% - 40px);object-fit:contain}.excel-preview-table-section{flex-shrink:0;overflow-x:auto;overflow-y:visible;width:100%}.excel-preview-table-wrapper{border:2px solid #000;border-radius:0;box-sizing:border-box;overflow:hidden;width:100%}.excel-preview-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.excel-preview-header-row{background:linear-gradient(135deg,#4472c4,#5b9bd5);color:#fff}.excel-preview-th{border-right:1px solid #fff3;color:#fff;font-size:var(--font-size-sm);font-weight:700;padding:var(--space-3) var(--space-4);text-align:left;white-space:nowrap}.excel-preview-th:last-child{border-right:none}.excel-preview-row{border-bottom:1px solid var(--secondary-200);transition:background-color var(--transition-fast)}.excel-preview-row:nth-child(2n){background-color:var(--secondary-50)}.excel-preview-row:nth-child(odd){background-color:#fff}.excel-preview-row:hover{background-color:var(--primary-50)}.excel-preview-td{border-right:1px solid var(--secondary-200);color:var(--secondary-700);padding:var(--space-3) var(--space-4);vertical-align:top}.excel-preview-td:last-child{border-right:none}.excel-preview-footer{background:var(--secondary-50);border-top:2px solid var(--secondary-200);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6)}.excel-preview-cancel{background:#fff;border:1px solid var(--secondary-300);border-radius:var(--radius-md);color:var(--secondary-700);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.excel-preview-cancel:hover{background:var(--secondary-100);border-color:var(--secondary-400)}.excel-preview-download{align-items:center;background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.excel-preview-download:hover{background:linear-gradient(135deg,var(--success-600) 0,var(--success-700) 100%);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:768px){.excel-preview-modal{margin:var(--space-2);max-height:95vh;max-width:100%}.excel-preview-content{padding:var(--space-3)}.excel-preview-image{max-height:250px}.excel-preview-table-wrapper{overflow-x:scroll}.excel-preview-td,.excel-preview-th{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-2)}}.project-detail-container{background:#0000;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-4);margin:0;max-width:100%;min-height:100vh;padding:var(--space-4) var(--space-6) var(--space-4) var(--space-4);width:100%}.project-detail-container>*{box-sizing:border-box}.project-detail-container .table-view-container{background-color:#fff;width:100%}.project-detail-container .table-wrapper{border-radius:var(--radius-lg);overflow-x:auto;width:100%}.project-detail-container .table-controls{border-radius:var(--radius-lg);justify-content:center}.project-detail-container .table-controls .filter-section{align-items:center;display:flex;gap:var(--space-2);height:36px;margin-bottom:0}.project-detail-container .data-table{min-width:100%;width:100%}.project-detail-container .data-table tbody tr{background:#fff;box-sizing:initial}.project-detail-container .data-table tbody tr.even,.project-detail-container .data-table tbody tr.odd{background:#fff}.project-detail-container .data-table tbody tr:hover{background-color:var(--secondary-50)}.project-detail-container .data-table .stt-cell,.project-detail-container .data-table th:nth-child(2){font-size:inherit;text-align:left}.project-detail-container .data-table td:nth-child(2){font-size:inherit}.result-page-header{align-items:center;background:#fff;border:1px solid var(--secondary-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:var(--space-6) var(--space-8)}.page-title{color:var(--secondary-800);font-size:var(--font-size-2xl);font-weight:700;margin:0}.breadcrumbs{align-items:center;color:var(--secondary-600);display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.breadcrumb-icon{font-size:var(--font-size-base)}.breadcrumb-separator{color:var(--secondary-400)}.breadcrumb-active{color:var(--primary-600);font-weight:600}.filter-section{background:#fff;border:1px solid var(--secondary-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-8)}.filter-input-group{display:flex;flex:1 1;gap:var(--space-3)}.filter-input-wrapper{flex:1 1;position:relative}.filter-input{background:#fff;border:1px solid var(--secondary-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-10);width:100%}.filter-icon{color:var(--secondary-500);font-size:var(--font-size-base);left:var(--space-3);position:absolute;top:50%;transform:translateY(-50%)}.filter-select-group{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--space-1);width:120px}.filter-label{color:var(--secondary-700);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-select{background:#fff;cursor:pointer;width:100%}.filter-buttons{display:flex;gap:var(--space-2)}.filter-clear-button{background:#fff;border:1px solid var(--secondary-300);border-radius:var(--radius-md);color:var(--secondary-700);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.filter-clear-button:hover{background:var(--secondary-50)}.filter-search-button{background:var(--primary-500);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.filter-search-button:hover{background:var(--primary-600)}.results-actions{align-items:center;background:#fff;border:1px solid var(--secondary-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-8)}.results-actions-left{align-items:center;display:flex;gap:var(--space-3)}.csv-export-button{background:#fff;border:1px solid var(--secondary-300);color:var(--secondary-700);font-weight:500}.csv-export-button:hover:not(:disabled){background:var(--secondary-50)}.csv-export-button:disabled{cursor:not-allowed;opacity:.5}.excel-export-button{background:#fff;border:1px solid var(--secondary-300);border-radius:var(--radius-md);color:var(--secondary-700);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.excel-export-button:hover:not(:disabled){background:var(--secondary-50)}.excel-export-button:disabled{cursor:not-allowed;opacity:.5}.gg-sheet-button{background:#fff;border:1px solid var(--secondary-300);border-radius:var(--radius-md);color:var(--secondary-700);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.gg-sheet-button:hover:not(:disabled){background:var(--secondary-50)}.gg-sheet-button:disabled{cursor:not-allowed;opacity:.5}.google-sheet-url-container{background:#fff;border:1px solid var(--secondary-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:var(--space-4) 0;padding:var(--space-4) var(--space-8)}.google-sheet-label{color:var(--secondary-700);font-size:var(--font-size-sm);font-weight:600;margin:0 0 var(--space-2) 0}.google-sheet-link{color:var(--primary-600);display:block;font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast);word-break:break-all}.google-sheet-link:hover{color:var(--primary-700);text-decoration:underline}.entries-select{background:#fff;cursor:pointer}.table-container-wrapper{background:#0000;border:none;border-radius:0;box-shadow:none;overflow:visible;padding:0}.project-info{flex:1 1}.project-title{color:var(--secondary-800);font-size:var(--font-size-2xl);font-weight:700;line-height:1.2;margin:0 0 var(--space-3) 0}.project-description{color:var(--secondary-600);font-size:var(--font-size-base);line-height:1.5;margin:0 0 var(--space-4) 0}.project-stats{display:flex;flex-wrap:wrap;gap:var(--space-4)}.stat-item{background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-700);font-size:var(--font-size-sm);font-weight:600;gap:var(--space-1);padding:var(--space-2) var(--space-3)}.project-actions,.stat-item{align-items:center;display:flex}.project-actions{gap:var(--space-3)}.export-csv-button{align-items:center;background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-4);text-decoration:none;transition:all var(--transition-fast)}.export-csv-button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.export-csv-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.export-csv-button:disabled:hover{box-shadow:var(--shadow-sm);transform:none}.save-message{animation:slideDown .3s ease-out;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;margin:var(--space-2) 0;padding:var(--space-3);text-align:center}.save-message.success{background:linear-gradient(135deg,var(--success-100) 0,var(--success-200) 100%);border:1px solid var(--success-300);color:var(--success-700)}.save-message.error{background:linear-gradient(135deg,var(--danger-100) 0,var(--danger-200) 100%);border:1px solid var(--danger-300);color:var(--danger-700)}.saving-overlay{align-items:center;background:#00000080;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:var(--font-size-lg);font-weight:600;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.saving-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:var(--space-3);width:40px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pagination-container{align-items:center;background:#fff;border-top:1px solid var(--secondary-200);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-8)}.entries-info{align-items:center;color:var(--secondary-700);display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.entries-select-bottom{background:#fff;border:1px solid var(--secondary-300);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2)}.pagination-button{background:#fff;font-weight:500}.pagination-button:hover:not(:disabled){background:var(--secondary-50);border-color:var(--primary-400)}.pagination-button.active{background:var(--primary-500);border-color:var(--primary-500)}.pagination-ellipsis{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-1)}.empty-project{color:var(--secondary-600);padding:var(--space-8);text-align:center}@media (max-width:768px){.result-page-header{align-items:flex-start;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.filter-section{align-items:stretch;gap:var(--space-3)}.filter-input-group,.filter-section{flex-direction:column}.pagination-container,.results-actions{flex-direction:column;gap:var(--space-3)}}@media (max-width:480px){.filter-section,.pagination-container,.result-page-header,.results-actions{padding:var(--space-3)}}.project-image-container{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);padding:var(--space-4)}.project-image-header{margin-bottom:var(--space-3)}.project-image-header h3{color:var(--secondary-700);font-size:var(--font-size-lg);font-weight:600;margin:0}.project-image-wrapper{align-items:center;background:var(--secondary-50);border:1px solid var(--secondary-200);border-radius:var(--radius-md);display:flex;justify-content:center;min-height:200px;padding:var(--space-4)}.project-image{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:600px;max-width:100%;object-fit:contain}@media (max-width:768px){.project-image-container{padding:var(--space-3)}.project-image-wrapper{padding:var(--space-2)}.project-image{max-height:400px}}.history-container{background-color:#f5f5f5;min-height:100vh;padding:var(--space-4)}.history-header{align-items:center;background-color:#e0e0e0;display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-4) var(--space-6)}.header-left-section{align-items:center;display:flex;gap:var(--space-3)}.hamburger-menu{background:none;border:none;color:var(--secondary-700);cursor:pointer;font-size:var(--font-size-xl);padding:var(--space-2)}.history-title{color:var(--secondary-800);font-size:var(--font-size-2xl);font-weight:600;margin:0}.header-breadcrumb{align-items:center;color:var(--secondary-600);display:flex;font-size:var(--font-size-sm);gap:var(--space-1)}.breadcrumb-home{font-size:var(--font-size-base)}.breadcrumb-separator{color:var(--secondary-500);margin:0 var(--space-1)}.breadcrumb-item{color:var(--secondary-600);cursor:pointer}.breadcrumb-item.active{color:var(--primary-600);font-weight:600}.filter-section{background-color:#e8e8e8;border-radius:var(--radius-md);flex-wrap:nowrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4);max-width:100%;padding:var(--space-4)}.filter-inputs,.filter-section{align-items:center;display:flex;overflow:hidden}.filter-inputs{flex:1 1;flex-wrap:nowrap;gap:var(--space-3);min-width:0}.filter-group{align-items:center;display:flex;position:relative}.date-input{border:1px solid var(--secondary-300);border-radius:var(--radius-md);box-sizing:border-box;flex-shrink:1;font-size:var(--font-size-sm);max-width:150px;min-width:100px;padding:var(--space-2) var(--space-3);padding-right:var(--space-8);width:130px}.calendar-icon{font-size:var(--font-size-base);pointer-events:none;position:absolute;right:var(--space-2)}.filter-select{background-color:#fff;border:1px solid var(--secondary-300);border-radius:var(--radius-md);box-sizing:border-box;flex-shrink:1;font-size:var(--font-size-sm);max-width:150px;min-width:100px;padding:var(--space-2) var(--space-3);width:130px}.filter-actions{display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-2)}.clear-button,.search-button{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;min-width:80px;padding:var(--space-2) var(--space-6);transition:all var(--transition-fast);white-space:nowrap}.clear-button{background-color:#9e9e9e;color:#fff}.clear-button:hover{background-color:#757575}.search-button{background-color:#2196f3;color:#fff}.search-button:hover{background-color:#1976d2}.table-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.csv-export-button{background-color:#9e9e9e;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-2) var(--space-4);text-transform:none;transition:all var(--transition-fast)}.csv-export-button:hover{background-color:#757575}.entries-selector{align-items:center;color:var(--secondary-700);display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.entries-select{background-color:#fff;border:1px solid var(--secondary-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2)}.table-container{background-color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);overflow:hidden}.history-table{border-collapse:collapse;width:100%}.history-table thead{background-color:#1e3a5f;color:#fff}.history-table th{border-bottom:2px solid #fff3;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-3) var(--space-4);text-align:left}.history-table th:first-child{width:50px}.history-table th input[type=checkbox]{margin-right:var(--space-2)}.sort-icon{font-size:var(--font-size-xs);margin-left:var(--space-1);opacity:.7}.history-table tbody tr{border-bottom:1px solid var(--secondary-200);transition:background-color var(--transition-fast)}.history-table tbody tr:hover{background-color:var(--secondary-50)}.history-table td{color:var(--secondary-700);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4)}.history-table td:first-child{width:50px}.history-table td input[type=checkbox]{cursor:pointer}.details-button{background-color:#1e3a5f;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:var(--font-size-xs);font-weight:600;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.details-button:hover{background-color:#2a4f7a}.pagination-section{align-items:center;background-color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:var(--space-4)}.pagination-info{align-items:center;color:var(--secondary-700);display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.pagination-controls{align-items:center;display:flex;gap:var(--space-1)}.pagination-button{background-color:#fff;border:1px solid var(--secondary-300);border-radius:var(--radius-sm);color:var(--secondary-700);cursor:pointer;font-size:var(--font-size-sm);min-width:36px;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.pagination-button:hover:not(:disabled){background-color:var(--secondary-100);border-color:var(--secondary-400)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button.active{background-color:#2196f3;border-color:#2196f3;color:#fff}.pagination-ellipsis{color:var(--secondary-500);padding:var(--space-2)}.error-container,.loading-container{align-items:center;background-color:#fff;border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:center;margin-top:var(--space-4);padding:var(--space-20) var(--space-8)}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--secondary-200);border:4px solid var(--secondary-200);border-radius:50%;border-top-color:var(--primary-500);height:48px;margin-bottom:var(--space-6);width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-icon{font-size:4rem;opacity:.7}.error-icon,.error-message{margin-bottom:var(--space-6)}.error-message{color:var(--error-600);font-size:var(--font-size-lg);font-weight:500;text-align:center}.retry-button{background:linear-gradient(135deg,var(--error-500) 0,var(--error-600) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-3) var(--space-6);transition:all var(--transition-normal)}.retry-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:1024px){.filter-section{align-items:stretch;flex-direction:column}.filter-inputs{flex-wrap:wrap}.pagination-section{align-items:stretch;flex-direction:column;gap:var(--space-3)}}@media (max-width:768px){.history-container{padding:var(--space-2)}.history-header{align-items:flex-start;gap:var(--space-2)}.filter-inputs,.history-header{flex-direction:column}.date-input,.filter-select{width:100%}.table-container{overflow-x:auto}.history-table{min-width:600px}.pagination-controls{flex-wrap:wrap;justify-content:center}}.history-table td:last-child,.history-table th:last-child{text-align:center}.add-button{background-color:#2196f3;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;margin-right:var(--space-2);padding:var(--space-2) var(--space-4);text-transform:none;transition:all var(--transition-fast)}.add-button:hover{background-color:#1976d2}.no-data-cell{padding:var(--space-8)!important;text-align:center}.no-data-message{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-6)}.no-data-icon{font-size:3rem;margin-bottom:var(--space-3);opacity:.5}.no-data-message p{color:var(--secondary-500);font-size:var(--font-size-base);margin:0}.table-actions-cell{align-items:center;display:flex;gap:var(--space-2);justify-content:center;width:100%}.inline-edit-input{border:1px solid #2196f3;border-radius:var(--radius-sm);box-shadow:0 0 0 2px #2196f333;font-size:var(--font-size-sm);max-width:200px;padding:var(--space-1) var(--space-2);width:100%}.inline-edit-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #2196f34d;outline:none}.icon-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;min-height:32px;min-width:32px;padding:4px;transition:all var(--transition-fast);width:32px}.icon-button:hover{background-color:var(--secondary-100)}.edit-button{font-size:18px}.edit-button:hover{background-color:#e3f2fd}.delete-button{font-size:18px}.delete-button:hover{background-color:#ffebee}.save-button{color:#2e7d32;font-size:18px;font-weight:700}.save-button:hover{background-color:#e8f5e9;color:#1b5e20}.cancel-button{color:#c62828;font-size:22px;font-weight:700;padding:2px}.cancel-button:hover{background-color:#ffebee;color:#b71c1c}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--secondary-200);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.modal-title{color:var(--secondary-800);font-size:var(--font-size-xl);font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--secondary-600);cursor:pointer;display:flex;font-size:var(--font-size-2xl);height:32px;justify-content:center;padding:0;transition:all var(--transition-fast);width:32px}.modal-close:hover{background-color:var(--secondary-100);color:var(--secondary-800)}.modal-body{flex:1 1;padding:var(--space-6)}.form-group,.form-section{margin-bottom:var(--space-4)}.section-title{color:var(--secondary-800);font-weight:600}.screen-input-group,.section-title{margin-bottom:var(--space-3)}.screen-input-wrapper{align-items:center;display:flex;gap:var(--space-2)}.form-label{background-color:#e0e0e0;border-radius:var(--radius-sm);color:var(--secondary-700);display:block;font-weight:500;margin-bottom:var(--space-2);width:-webkit-fit-content;width:fit-content}.form-input,.form-label{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.form-input{background-color:#fff;border:1px solid var(--secondary-300);border-radius:var(--radius-md);box-sizing:border-box;color:var(--secondary-800);width:100%}.form-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.form-input::placeholder{color:var(--secondary-400)}.add-screen-button{align-items:center;background-color:#2196f3;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:center;margin-top:var(--space-2);min-height:48px;padding:var(--space-3);transition:all var(--transition-fast);width:100%}.add-screen-button:hover{background-color:#1976d2}.add-icon{background-color:#fff;border-radius:50%;color:var(--secondary-800);font-weight:600;height:24px;width:24px}.add-icon,.remove-screen-button{align-items:center;display:flex;font-size:var(--font-size-xl);justify-content:center}.remove-screen-button{background:none;border:none;border-radius:var(--radius-sm);color:var(--error-600);cursor:pointer;flex-shrink:0;height:32px;padding:var(--space-1);transition:all var(--transition-fast);width:32px}.remove-screen-button:hover{background-color:var(--error-50)}.instruction-text{color:var(--secondary-700);font-size:var(--font-size-sm);line-height:1.5;margin-top:var(--space-4)}.error-message-container{align-items:flex-start;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:var(--radius-md);display:flex;gap:var(--space-2);margin-bottom:var(--space-3);margin-top:var(--space-3);padding:var(--space-3)}.error-icon{flex-shrink:0;font-size:var(--font-size-lg);margin-top:2px}.error-message-text{color:#c62828;flex:1 1;font-size:var(--font-size-sm);line-height:1.5;margin:0}.modal-footer{border-top:1px solid var(--secondary-200);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6)}.cancel-button{background-color:#9e9e9e;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.cancel-button:hover{background-color:#757575}.register-button{background-color:#e0e0e0;border:none;border-radius:var(--radius-md);color:#9e9e9e;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.register-button:not(.disabled){background-color:#2196f3;color:#fff}.register-button:not(.disabled):hover{background-color:#1976d2}.register-button.disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}@media (max-width:768px){.modal-content{max-height:95vh;width:95%}.modal-body,.modal-footer,.modal-header{padding:var(--space-4)}}.confirm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.confirm-modal-content{background-color:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-width:400px;width:90%}.confirm-modal-header{border-bottom:1px solid var(--secondary-200);padding:var(--space-4) var(--space-6)}.confirm-modal-title{color:var(--secondary-800);font-size:var(--font-size-lg);font-weight:600;margin:0}.confirm-modal-body{flex:1 1;padding:var(--space-6)}.confirm-modal-body p{color:var(--secondary-700);font-size:var(--font-size-base);line-height:1.5;margin:0 0 var(--space-3) 0}.confirm-modal-body p:last-child{margin-bottom:0}.confirm-warning{color:#c62828;font-size:var(--font-size-sm);font-weight:500}.confirm-modal-footer{border-top:1px solid var(--secondary-200);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6)}.confirm-cancel-button{background-color:#9e9e9e;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.confirm-cancel-button:hover{background-color:#757575}.confirm-delete-button{background-color:#c62828;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.confirm-delete-button:hover{background-color:#b71c1c}.sidebar{background-color:#1e3a5f;color:#fff;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:250px;z-index:1000}.sidebar-content{padding:var(--space-6) var(--space-4)}.sidebar-welcome{border-bottom:1px solid #ffffff1a;margin-bottom:var(--space-8);padding-bottom:var(--space-4)}.sidebar-welcome h3{color:#fff;font-size:var(--font-size-lg);font-weight:600;margin:0}.sidebar-section{margin-bottom:var(--space-4)}.sidebar-section-header{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-3) var(--space-2);transition:background-color var(--transition-fast)}.sidebar-section-header:hover{background-color:#ffffff1a}.section-title{align-items:center;display:flex;font-size:var(--font-size-base);font-weight:500;gap:var(--space-2)}.section-icon{font-size:var(--font-size-lg)}.section-chevron{color:#ffffffb3;font-size:var(--font-size-xs);transition:transform var(--transition-fast)}.section-chevron.expanded{transform:rotate(180deg)}.sidebar-menu-items{margin-top:var(--space-2);padding-left:var(--space-2)}.menu-item{border-radius:var(--radius-md);color:#ffffffe6;cursor:pointer;font-size:var(--font-size-sm);margin-bottom:var(--space-1);padding:var(--space-3) var(--space-4);position:relative;transition:all var(--transition-fast)}.menu-item:hover{background-color:#ffffff1a}.menu-item.active{background-color:#ffffff26;color:#fff;font-weight:600}.menu-item.active:before{background-color:#4a9eff;border-radius:0 var(--radius-sm) var(--radius-sm) 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.sidebar-google-login-button{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-2);justify-content:center;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.sidebar-google-login-button:hover{background:#fff3;border-color:#ffffff80}.google-icon{font-size:var(--font-size-base)}@media (max-width:768px){.sidebar{width:200px}}.error-modal-overlay{align-items:center;animation:fadeIn .2s ease-in;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.error-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-modal-header{align-items:center;background:#fff3cd;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.error-modal-title{color:#856404;font-size:20px;font-weight:600;margin:0}.error-modal-close{align-items:center;background:none;border:none;color:#856404;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:color .2s ease;width:32px}.error-modal-close:hover{color:#d32f2f}.error-modal-body{flex:1 1;overflow-y:auto;padding:24px}.error-message-main{margin-bottom:20px}.error-text{background:#ffebee;border-left:4px solid #d32f2f;border-radius:4px;color:#333;font-size:16px;line-height:1.6;margin:0;padding:12px}.error-details{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px}.error-detail-item{align-items:flex-start;display:flex;margin-bottom:12px}.error-detail-item.error-detail-full{flex-direction:column}.error-detail-label{color:#666;font-size:14px;font-weight:600;margin-right:12px;min-width:120px}.error-detail-value{color:#333;flex:1 1;font-size:14px;word-break:break-word}.error-raw-response{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:12px;margin-top:8px;max-height:200px;overflow-y:auto;padding:12px;white-space:pre-wrap;word-break:break-all}.error-modal-footer{background:#f5f5f5;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:16px 24px}.error-modal-button{background:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s ease}.error-modal-button:hover{background:#b71c1c}.error-modal-button:active{background:#9a0007}
/*# sourceMappingURL=main.6a7a41b1.css.map*/