body{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}.loading-spinner-container{align-items:center;display:flex;justify-content:center;transition:opacity .3s ease-in-out;z-index:1000}.loading-spinner-container.fullscreen{animation:fadeIn .2s ease-out forwards;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#ffffff4d;height:100%;left:0;opacity:0;position:fixed;top:0;width:100%}.dark-mode .loading-spinner-container.fullscreen{background-color:#1118274d}.login-container{align-items:center;background-color:var(--bg-page);background-image:radial-gradient(circle at 25% 25%,#3b82f61a 0,#0000 20%),radial-gradient(circle at 75% 75%,#10b9811a 0,#0000 20%);display:flex;justify-content:center;min-height:100vh;padding:var(--space-4);transition:background-color var(--transition-normal)}.dark-mode .login-container{background-image:radial-gradient(circle at 25% 25%,#3b82f633 0,#0000 25%),radial-gradient(circle at 75% 75%,#10b98133 0,#0000 25%)}.login-card{animation:fade-in .4s ease-in-out;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--space-8);transition:all var(--transition-normal);width:100%}@keyframes fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-card h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;letter-spacing:-.025em;margin-bottom:var(--space-6);text-align:center}.login-button{background-color:var(--primary);border-radius:var(--rounded);color:#fff;font-size:.875rem;font-weight:500;padding:var(--space-3);text-align:center;transition:all var(--transition-fast);width:100%}.login-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-brand{margin-bottom:var(--space-8);text-align:center}.login-brand h1{color:var(--primary);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:var(--space-2)}.login-brand p{color:var(--text-tertiary);font-size:.875rem}.login-brand-logo{color:var(--primary);font-size:2.5rem;margin-bottom:var(--space-4)}@media (max-width:576px){.login-card{padding:var(--space-6)}.login-card h2{font-size:1.25rem}.form-group label{font-size:.875rem}.form-group input,.login-button{padding:.625rem}}.remember-me-container{margin-bottom:var(--space-6)}.checkbox-container{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;padding-left:28px;position:relative;-webkit-user-select:none;user-select:none}.checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:3px;height:18px;left:0;position:absolute;top:0;transition:all var(--transition-fast);width:18px}.checkbox-container:hover input~.checkmark{border-color:var(--primary-300)}.checkbox-container input:checked~.checkmark{background-color:var(--primary);border-color:var(--primary)}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:10px;left:5px;top:0;transform:rotate(45deg);width:5px}.password-input-wrapper{position:relative}.password-icon{color:var(--text-tertiary);font-size:.875rem;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.login-button:disabled{background-color:var(--primary-300);cursor:not-allowed}input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-100);outline:none}.login-button{position:relative}.loading-spinner,.login-button{align-items:center;display:flex;justify-content:center}.loading-spinner{margin-top:1rem}.spinner-svg{animation:rotate 1.2s linear infinite;height:40px;width:40px}.spinner-circle{stroke:var(--primary-600);stroke-linecap:round;animation:dash 1.2s ease-in-out infinite}.leftbar{background-color:var(--leftbar-bg);border-right:1px solid var(--leftbar-border);bottom:0;color:var(--leftbar-text);display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:all var(--transition-normal) ease;width:var(--sidebar-width);z-index:40}.leftbar-header{align-items:center;display:flex;height:var(--header-height);justify-content:space-between;padding:0 var(--space-6)}.leftbar-header h2{color:var(--leftbar-header-text);font-size:1.125rem;font-weight:600;letter-spacing:-.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leftbar-close{align-items:center;background:none;border:none;border-radius:var(--rounded-full);color:var(--leftbar-icon);cursor:pointer;display:none;font-size:1.2rem;height:2rem;justify-content:center;padding:var(--space-1);width:2rem}.leftbar-close:hover{background-color:var(--leftbar-item-hover);color:var(--leftbar-text)}.leftbar-nav{flex-grow:1;overflow:auto;overflow-x:hidden;padding:var(--space-4) 0}.leftbar-nav::-webkit-scrollbar{background-color:#fff;height:8px;width:8px}.leftbar-nav::-webkit-scrollbar-corner{background-color:initial}.leftbar-nav::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.leftbar-nav::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.leftbar-nav::-webkit-scrollbar{background:#1f2937}.leftbar-nav::-webkit-scrollbar-track{background:var(--gray-700)}.leftbar-nav::-webkit-scrollbar-thumb{background:var(--gray-600)}.leftbar-nav::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.nav-item{align-items:center;background-color:initial;border:none;border-left:2px solid #0000;color:var(--leftbar-text);cursor:pointer;display:flex;font-size:.875rem;padding:var(--space-3) var(--space-6);position:relative;text-align:left;transition:all var(--transition-fast);width:100%}.nav-item:hover{background-color:var(--leftbar-item-hover);color:var(--leftbar-header-text)}.nav-item.active{background-color:var(--leftbar-item-active);border-left:2px solid var(--primary);color:var(--leftbar-header-text)}.nav-item svg{color:var(--leftbar-icon);height:1rem;margin-right:var(--space-3);min-width:1rem;transition:color var(--transition-fast);width:1rem}.nav-item.active svg,.nav-item:hover svg{color:var(--primary)}.leftbar-footer{border-top:1px solid var(--leftbar-border);color:var(--text-tertiary);font-size:.75rem;padding:var(--space-4) var(--space-6);text-align:center}.projects-section{margin-bottom:.5rem;margin-top:.5rem}.projects-header{align-items:center;color:var(--leftbar-text);cursor:pointer;display:flex;font-size:.875rem;padding:var(--space-3) var(--space-6);position:relative;transition:all var(--transition-fast)}.projects-header:hover{background-color:var(--leftbar-item-hover);color:var(--leftbar-header-text)}.expand-icon{font-size:.75rem;margin-right:var(--space-2);transition:transform .2s ease}.expand-icon.expanded{transform:rotate(90deg)}.projects-loading{animation:spin 1s linear infinite;border:2px solid var(--gray-500);border-radius:50%;border-top-color:var(--primary);height:10px;position:absolute;right:var(--space-6);width:10px}.project-search-container{margin-bottom:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-6)}.project-search-input-wrapper{align-items:center;display:flex;position:relative}.project-search-input{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded);color:var(--text-primary);font-size:.75rem;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-8);transition:all var(--transition-fast);width:100%}.project-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}.search-icon{font-size:.75rem;left:var(--space-2);pointer-events:none}.clear-search{align-items:center;display:flex;font-size:.75rem;justify-content:center;right:var(--space-2);transition:color var(--transition-fast)}.clear-search:hover{color:var(--text-secondary)}.dark-mode .project-search-input{background-color:var(--gray-700);border-color:var(--gray-600)}.dark-mode .project-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f64d}.leftbar.collapsed .project-search-container{display:none}.projects-list{margin-bottom:.5rem;margin-top:.25rem}.project-link-container{display:flex;flex-direction:column;margin-bottom:.5rem}.project-link{align-items:center;border-left:2px solid #0000;color:var(--gray-400);display:flex;font-size:.8125rem;margin-bottom:0;overflow:hidden;padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-6) + var(--space-4));position:relative;text-overflow:ellipsis;transition:all var(--transition-fast);white-space:normal}.project-link svg{color:var(--leftbar-icon);height:.875rem;margin-right:var(--space-2);min-width:.875rem;transition:color var(--transition-fast);width:.875rem}.project-link:hover{background-color:var(--leftbar-item-hover);color:var(--leftbar-header-text)}.project-link:hover svg{color:var(--primary)}.project-link.active{background-color:var(--leftbar-item-active);border-left:2px solid var(--primary);color:var(--leftbar-header-text)}.project-link.active svg{color:var(--primary)}.project-date{align-items:center;color:var(--text-tertiary);display:flex;font-size:.7rem;margin-top:.125rem;padding-left:calc(var(--space-6) + var(--space-4) + .875rem + var(--space-2))}.date-icon{font-size:.7rem;margin-right:.25rem}.no-projects-message{color:var(--text-tertiary);font-size:.75rem;font-style:italic;padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-6) + var(--space-4))}.new-project-button{background-color:#3b82f61a;border-left:2px solid var(--primary);color:var(--primary)}.new-project-button:hover{background-color:var(--primary);color:#fff}.new-project-button svg{color:var(--primary)}.new-project-button:hover svg{color:#fff}.leftbar.collapsed{width:var(--sidebar-width-collapsed)}.leftbar.collapsed .expand-icon,.leftbar.collapsed .leftbar-footer,.leftbar.collapsed .nav-item span,.leftbar.collapsed .project-date,.leftbar.collapsed .project-name,.leftbar.collapsed .projects-header span,.leftbar.collapsed span.titletext{display:none}.leftbar.collapsed .nav-item{justify-content:center;padding:var(--space-3) 0}.leftbar.collapsed .nav-item svg{height:1.25rem;margin-right:0;width:1.25rem}.leftbar.collapsed .projects-header{justify-content:center;padding:var(--space-3) 0}.leftbar.collapsed .project-link{justify-content:center;padding:var(--space-2) 0}.leftbar.collapsed .project-link svg{height:1.25rem;margin-right:0;width:1.25rem}.leftbar.collapsed .no-projects-message{display:none}.leftbar-collapse-toggle{border-top:1px solid var(--leftbar-border);display:flex;justify-content:center;padding:var(--space-4) 0}.collapse-button{align-items:center;background-color:var(--primary-50);border:1px solid var(--primary-100);border-radius:var(--rounded-full);color:var(--primary);cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all var(--transition-fast);width:2rem}.collapse-button:hover{background-color:var(--primary-100);transform:translateY(-1px)}.dark-mode .collapse-button{background-color:var(--gray-700);border-color:var(--gray-600);color:var(--primary-400)}.dark-mode .collapse-button:hover{background-color:var(--gray-600)}.mobile-sidebar-toggle{align-items:center;background-color:var(--primary);border:none;border-radius:50%;bottom:1rem;box-shadow:var(--shadow-lg);color:#fff;display:none;font-size:1.25rem;height:3rem;justify-content:center;position:fixed;right:1rem;transition:all var(--transition-fast);width:3rem;z-index:35}.mobile-sidebar-toggle:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.mobile-sidebar-toggle:active{transform:translateY(0)}.leftbar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:35}.leftbar-overlay.active{display:block}.dashboard-content,.project-details-content,.settings-content,.user-management-content{margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal) ease,width var(--transition-normal) ease;width:calc(100% - var(--sidebar-width))}.leftbar.collapsed~.dashboard-content,.leftbar.collapsed~.project-details-content,.leftbar.collapsed~.settings-content,.leftbar.collapsed~.user-management-content{margin-left:var(--sidebar-width-collapsed);width:calc(100% - var(--sidebar-width-collapsed))}.leftbar-collapse-toggle .collapse-button{padding:0}@media (max-width:767px){.leftbar{box-shadow:var(--shadow-lg);left:-100%;transition:all .3s ease;width:85%;z-index:50}.leftbar.mobile-active{left:0!important;transform:translateX(0)!important}.leftbar-close,.mobile-sidebar-toggle{display:flex}.leftbar-collapse-toggle{display:none}.dashboard-content,.project-details-content,.settings-content,.user-management-content{margin-left:0;width:100%}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:50}.modal{animation:modal-fade-in .3s ease;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;transition:all var(--transition-normal);width:100%}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background-color:var(--bg-card);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6);position:sticky;top:0;transition:all var(--transition-normal);z-index:10}.modal-header h2{color:var(--text-primary);font-size:1.125rem;font-weight:600;letter-spacing:-.025em}.close-button{align-items:center;background:none;border:none;border-radius:var(--rounded-full);color:var(--text-tertiary);cursor:pointer;display:flex;font-size:1.25rem;height:2rem;justify-content:center;padding:0;transition:all var(--transition-fast);width:2rem}.close-button:hover{background-color:var(--gray-100);color:var(--text-primary)}.dark-mode .close-button:hover{background-color:var(--gray-700)}.modal-content{color:var(--text-primary);padding:var(--space-6)}.modal-footer{background-color:var(--bg-card);border-top:1px solid var(--border-color);bottom:0;display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6);position:sticky;transition:all var(--transition-normal);z-index:10}.primary-button{background-color:var(--primary);border-radius:var(--rounded);color:#fff;font-size:.875rem;font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.primary-button:hover{background-color:var(--primary-hover)}.secondary-button{background-color:var(--gray-100);border-radius:var(--rounded);color:var(--gray-700);font-size:.875rem;font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.secondary-button:hover{background-color:var(--gray-200)}.dark-mode .secondary-button{background-color:var(--gray-700);color:var(--gray-300)}.dark-mode .secondary-button:hover{background-color:var(--gray-600)}.form-group select{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded);color:var(--text-primary);font-size:.875rem;padding:var(--space-3);transition:all var(--transition-fast);width:100%}.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}.form-group textarea{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded);color:var(--text-primary);font-size:.875rem;min-height:120px;padding:var(--space-3);resize:vertical;transition:all var(--transition-fast);width:100%}.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}.error{color:var(--red-600);font-size:.75rem;margin-top:var(--space-1)}.delete-modal-header{border-bottom-color:var(--red-200)}.dark-mode .delete-modal-header{border-bottom-color:var(--red-800)}.delete-warning{background-color:#ef44440d;border-radius:var(--rounded);display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.warning-icon{color:var(--red-500);flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.delete-warning h3{color:var(--red-600);font-size:1rem;font-weight:600;margin:0 0 .5rem}.delete-warning p{color:var(--text-secondary);font-size:.875rem;margin:0}.danger-button{align-items:center;background-color:var(--red-500);border-radius:var(--rounded);color:#fff;display:flex;font-size:.875rem;font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.danger-button:hover:not(:disabled){background-color:var(--red-600)}.danger-button:disabled{cursor:not-allowed;opacity:.5}.button-spinner{height:16px;margin-left:8px;position:relative;width:16px}.button-spinner:before{animation:spinner-rotation .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;box-sizing:border-box;content:"";height:16px;position:absolute;width:16px}@keyframes spinner-rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.modal{max-height:85vh;width:95%}.modal-footer,.modal-header{padding:var(--space-3) var(--space-4)}.modal-content{padding:var(--space-4)}.modal-footer{flex-direction:column-reverse;gap:var(--space-2)}.primary-button,.secondary-button{font-size:.875rem;padding:var(--space-3);text-align:center;width:100%}.form-group{margin-bottom:var(--space-4)}}@media (max-width:576px){.modal-overlay{padding:var(--space-2)}.modal{border-radius:var(--rounded);max-height:95vh;width:100%}.modal-header h2{font-size:1rem}}.csv-preview-container{border:1px solid var(--border-color);border-radius:var(--rounded);margin-bottom:1rem;max-height:400px;overflow-y:auto}.field-item.dragging{border:2px dashed var(--primary);opacity:.5}.column-item.drop-target{background-color:var(--primary-50);border:2px dashed var(--primary)}@media (max-width:768px){.mapping-container{flex-direction:column}.progress-steps .step-label{font-size:.7rem}.progress-steps .step-number{font-size:.75rem;height:1.5rem;width:1.5rem}.progress-steps .step-line{top:.75rem}}.field-item{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dark-mode .field-item[style*="var(--primary-50)"]{background-color:#3b82f633!important}.dark-mode .column-item[style*="var(--green-50)"]{background-color:#10b98133!important}.dark-mode .progress-bar{background-color:var(--gray-700)!important}.checkbox-container input[type=checkbox]{height:16px;margin-right:8px;width:16px}.loading-spinner{animation:spin 1s linear infinite}.progress-bar-fill{transition:width .4s ease-in-out}@media (max-width:768px){.modal{height:95vh!important;margin:0!important;width:95%!important}.mapping-container{flex-direction:column!important;height:auto!important;max-height:none!important}.columns-column,.csv-preview-container,.fields-column{height:300px!important;max-height:300px!important}}.columns-column,.csv-preview-container,.fields-column,.mapping-container,.modal,.modal-content,.projects-list{scrollbar-color:var(--primary-300) var(--gray-100);scrollbar-width:thin}.columns-column::-webkit-scrollbar,.csv-preview-container::-webkit-scrollbar,.fields-column::-webkit-scrollbar,.mapping-container::-webkit-scrollbar,.modal-content::-webkit-scrollbar,.modal::-webkit-scrollbar,.projects-list::-webkit-scrollbar{height:8px;width:8px}.columns-column::-webkit-scrollbar-track,.csv-preview-container::-webkit-scrollbar-track,.fields-column::-webkit-scrollbar-track,.mapping-container::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track,.modal::-webkit-scrollbar-track,.projects-list::-webkit-scrollbar-track{background:var(--gray-100);border-radius:8px}.columns-column::-webkit-scrollbar-thumb,.csv-preview-container::-webkit-scrollbar-thumb,.fields-column::-webkit-scrollbar-thumb,.mapping-container::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb,.modal::-webkit-scrollbar-thumb,.projects-list::-webkit-scrollbar-thumb{background:var(--primary-300);border:2px solid var(--gray-100);border-radius:8px}.columns-column::-webkit-scrollbar-thumb:hover,.csv-preview-container::-webkit-scrollbar-thumb:hover,.fields-column::-webkit-scrollbar-thumb:hover,.mapping-container::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover,.modal::-webkit-scrollbar-thumb:hover,.projects-list::-webkit-scrollbar-thumb:hover{background:var(--primary-400)}.dark-mode .columns-column,.dark-mode .csv-preview-container,.dark-mode .fields-column,.dark-mode .mapping-container,.dark-mode .modal,.dark-mode .modal-content,.dark-mode .projects-list{scrollbar-color:var(--primary-600) var(--gray-700)}.dark-mode .columns-column::-webkit-scrollbar-track,.dark-mode .csv-preview-container::-webkit-scrollbar-track,.dark-mode .fields-column::-webkit-scrollbar-track,.dark-mode .mapping-container::-webkit-scrollbar-track,.dark-mode .modal-content::-webkit-scrollbar-track,.dark-mode .modal::-webkit-scrollbar-track,.dark-mode .projects-list::-webkit-scrollbar-track{background:var(--gray-700)}.dark-mode .columns-column::-webkit-scrollbar-thumb,.dark-mode .csv-preview-container::-webkit-scrollbar-thumb,.dark-mode .fields-column::-webkit-scrollbar-thumb,.dark-mode .mapping-container::-webkit-scrollbar-thumb,.dark-mode .modal-content::-webkit-scrollbar-thumb,.dark-mode .modal::-webkit-scrollbar-thumb,.dark-mode .projects-list::-webkit-scrollbar-thumb{background:var(--primary-600);border:2px solid var(--gray-700)}.dark-mode .columns-column::-webkit-scrollbar-thumb:hover,.dark-mode .csv-preview-container::-webkit-scrollbar-thumb:hover,.dark-mode .fields-column::-webkit-scrollbar-thumb:hover,.dark-mode .mapping-container::-webkit-scrollbar-thumb:hover,.dark-mode .modal-content::-webkit-scrollbar-thumb:hover,.dark-mode .modal::-webkit-scrollbar-thumb:hover,.dark-mode .projects-list::-webkit-scrollbar-thumb:hover{background:var(--primary-500)}.wizard-navigation{gap:1rem}.modal-large{max-width:900px}.form-section{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem}.form-section:last-child{border-bottom:none}.section-title{align-items:center;color:var(--text-primary);display:flex;font-size:1rem}.section-title,.subsection-title{font-weight:600;margin-bottom:1rem}.subsection-title{color:var(--text-secondary);font-size:.95rem;margin-top:1.5rem}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-label{align-items:center;border-radius:var(--rounded);cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:background-color var(--transition-fast)}.checkbox-label:hover{background-color:var(--bg-secondary)}.checkbox-label input[type=checkbox]{accent-color:var(--primary-500);cursor:pointer;height:1.125rem;width:1.125rem}.checkbox-label span{color:var(--text-primary);flex:1 1;font-size:.95rem}.identifier-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.small-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.375rem}.field-hint{color:var(--text-tertiary);font-size:.875rem;font-style:italic;margin-top:.375rem}.slider{background:linear-gradient(to right,var(--red-400) 0,var(--yellow-400) 50%,var(--green-400) 100%);border-radius:.5rem;cursor:pointer;height:.5rem;opacity:.9;outline:none;transition:opacity var(--transition-fast);width:100%}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--bg-card);border:2px solid var(--primary-500);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;height:1.25rem;width:1.25rem}.slider::-moz-range-thumb{background:var(--bg-card);border:2px solid var(--primary-500);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;height:1.25rem;width:1.25rem}.advanced-toggle{transition:all var(--transition-normal)}.advanced-toggle:hover{background-color:var(--bg-tertiary);transform:translateY(-1px)}@media (max-width:768px){.modal-large{border-radius:0;max-height:100vh;max-width:100%}.identifier-grid{grid-template-columns:1fr}}.dashboard-container{background-color:var(--bg-page);min-height:100vh;transition:background-color var(--transition-normal)}.dashboard-content{padding:var(--space-2) var(--space-6);transition:all var(--transition-normal) ease}.dashboard-header{align-items:center;background-color:var(--bg-card);border-radius:var(--rounded-lg);box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6);position:relative;transition:all var(--transition-normal)}.dashboard-header-left{align-items:center;display:flex;gap:var(--space-3)}.dashboard-header h1{color:var(--text-primary);font-size:1.25rem;font-weight:600;letter-spacing:-.025em;margin-left:var(--space-2)}.user-info{align-items:center;display:flex;gap:var(--space-4)}.user-info span{color:var(--text-secondary);font-size:.875rem;white-space:nowrap}.projects-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded-lg);box-shadow:var(--shadow);color:var(--text-primary);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:var(--space-6);transition:all var(--transition-fast)}.project-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-card h3{color:var(--primary);font-size:1.125rem;font-weight:600;letter-spacing:-.025em;margin-bottom:var(--space-2)}.project-card p{color:var(--text-secondary);flex-grow:1;font-size:.875rem;line-height:1.5;margin-bottom:var(--space-6)}.project-footer{border-top:1px solid var(--border-color);color:var(--text-tertiary);display:flex;font-size:.75rem;justify-content:space-between;padding-top:var(--space-4)}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.no-projects{background-color:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--rounded-lg);box-shadow:var(--shadow);padding:var(--space-10) var(--space-6);text-align:center;transition:all var(--transition-normal)}.no-projects p{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--space-6)}.create-project-button{align-items:center;background-color:var(--primary);border-radius:var(--rounded);color:#fff;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-6)}.create-project-button:hover{background-color:var(--primary-hover)}.profile-menu-container{position:relative}.profile-button{align-items:center;border:1px solid var(--border-color);border-radius:var(--rounded-full);display:flex;height:2.5rem;justify-content:center;overflow:hidden;padding:0;transition:all var(--transition-fast);width:2.5rem}.profile-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.dropdown-header{align-items:center;display:flex;gap:.5rem}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-fast);width:100%}.dropdown-item svg{color:var(--text-tertiary);height:1rem;margin-right:var(--space-3);transition:color var(--transition-fast);width:1rem}.dropdown-item:hover{background-color:var(--primary-50);color:var(--primary-700)}.dropdown-item:hover svg{color:var(--primary-500)}.dark-mode .dropdown-item:hover{background-color:var(--gray-700);color:var(--primary-300)}.dark-mode .dropdown-item:hover svg{color:var(--primary-400)}.logout-item{border-top:1px solid var(--border-color);color:var(--red-500)}.logout-item svg{color:var(--red-400)}.logout-item:hover{background-color:#ef44441a;color:var(--red-600)}.logout-item:hover svg{color:var(--red-500)}@media (max-width:992px){.dashboard-content{padding:var(--space-4)}.dashboard-header{flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.dashboard-header-left{flex:1 1;min-width:0}.dashboard-header h1{font-size:1.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info{margin-left:auto}}@media (max-width:768px){.projects-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:576px){.dashboard-content,.dashboard-header{padding:var(--space-3)}.dashboard-header{margin-bottom:var(--space-4)}.projects-grid{grid-template-columns:1fr}.project-card{padding:var(--space-4)}.project-footer{flex-direction:column;gap:var(--space-2)}}.user-section{display:flex;flex-direction:column;gap:.5rem;padding-bottom:.75rem}.mb-3,.user-section{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.pb-3{padding-bottom:.75rem}.pb-6{padding-bottom:1.5rem}.text-xs{font-size:.75rem}.text-base{font-size:1rem}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.border-b{border-bottom-style:solid;border-bottom-width:1px}.border-gray-200{border-color:var(--gray-200)}.border-gray-700{border-color:var(--gray-700)}.w-8{width:2rem}.h-8{height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.rounded-full{border-radius:9999px}.p-3{padding:.75rem}.text-md{font-size:1.125rem}.text-lg{font-size:1.25rem}.font-bold{font-weight:700}.profile-button>div{text-align:center \!important}.dropdown-header>div:first-child,.profile-button>div{align-items:center \!important;display:flex \!important;justify-content:center \!important}.company-name{align-items:center;color:var(--text-tertiary);display:flex;font-size:.8rem;margin-bottom:.75rem;margin-top:-.5rem}.new-project-card{align-items:center;background-color:var(--bg-card);border:2px dashed var(--border-color);cursor:pointer;display:flex;justify-content:center;padding:var(--space-6);transition:all var(--transition-fast)}.new-project-card:hover{background-color:var(--primary-50);border-color:var(--primary);transform:translateY(-2px)}.new-project-content{align-items:center;display:flex;flex-direction:column;text-align:center}.new-project-icon{align-items:center;background-color:var(--primary-50);border-radius:50%;color:var(--primary);display:flex;font-size:1.25rem;height:3rem;justify-content:center;margin-bottom:var(--space-4);transition:all var(--transition-fast);width:3rem}.new-project-card:hover .new-project-icon{background-color:var(--primary);color:#fff}.new-project-card h3{color:var(--primary);font-size:1.125rem;font-weight:600;letter-spacing:-.025em;margin-bottom:var(--space-2)}.new-project-card p{color:var(--text-secondary);font-size:.875rem;margin-bottom:0}.dark-mode .new-project-card:hover,.dark-mode .new-project-icon{background-color:#3b82f61a}@media (max-width:768px){.new-project-card{padding:var(--space-4)}.new-project-icon{font-size:1rem;height:2.5rem;width:2.5rem}}.project-details-container{background-color:var(--bg-page);min-height:100vh;transition:background-color var(--transition-normal)}.project-details-content{padding:var(--space-2) var(--space-6);transition:all var(--transition-normal) ease}.project-header{align-items:center;background-color:var(--bg-card);border-radius:var(--rounded-lg);box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6);position:relative;transition:all var(--transition-normal)}.project-header-left{align-items:center;display:flex;flex:1 1;gap:var(--space-4);min-width:0}.back-link{white-space:nowrap}.project-header h1{color:var(--text-primary);font-size:1.25rem;font-weight:600;letter-spacing:-.025em;margin:0;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-normal);white-space:nowrap}.header-controls{gap:var(--space-2)}.settings-button{align-items:center;background-color:var(--gray-100);border-radius:var(--rounded-full);color:var(--text-tertiary);display:flex;height:2rem;justify-content:center;transition:all var(--transition-fast);width:2rem}.settings-button:hover{background-color:var(--gray-200);color:var(--text-secondary);transform:translateY(-1px)}.settings-button svg{height:1rem;width:1rem}.dark-mode .settings-button{background-color:var(--gray-700);color:var(--gray-400)}.dark-mode .settings-button:hover{background-color:var(--gray-600);color:var(--gray-300)}.theme-toggle{background-color:var(--gray-100);transition:all var(--transition-fast)}.theme-toggle:hover{background-color:var(--gray-200);color:var(--text-secondary);transform:translateY(-1px)}.theme-toggle svg{height:1rem;width:1rem}.dark-mode .theme-toggle{background-color:var(--gray-700);color:var(--gray-400)}.dark-mode .theme-toggle:hover{background-color:var(--gray-600);color:var(--gray-300)}.actions-box,.company-info{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded-lg);box-shadow:var(--shadow);margin-bottom:var(--space-6);padding:var(--space-6);transition:all var(--transition-normal)}.actions-header{margin-bottom:var(--space-4)}.actions-header h2{color:var(--text-primary);font-size:1.125rem;font-weight:600;letter-spacing:-.025em;margin-bottom:var(--space-2)}.actions-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--space-4)}.actions-grid{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-around}.action-button{align-items:center;background-color:var(--primary-50);border:none;border-radius:var(--rounded);color:var(--primary-600);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.action-button:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.action-button:active{transform:translateY(0)}.info-item{margin-bottom:var(--space-5)}.info-item:last-child{margin-bottom:0}.info-item strong{color:var(--text-tertiary);display:block;font-size:.75rem;font-weight:500;letter-spacing:.05em;margin-bottom:var(--space-1);text-transform:uppercase}.info-item a,.info-item p,.info-item span{color:var(--text-primary);font-size:.875rem}.info-item a{color:var(--primary);text-decoration:none}.info-item a:hover{text-decoration:underline}.articles-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded-lg);box-shadow:var(--shadow);padding:var(--space-6);transition:all var(--transition-normal)}.articles-section h2{color:var(--text-primary);font-size:1.125rem;font-weight:600;letter-spacing:-.025em}.articles-table-container{border:1px solid var(--border-color);border-radius:var(--rounded);margin-bottom:var(--space-4);max-height:65vh;overflow-x:auto;position:relative}.optimized-table{border-collapse:initial;border-spacing:0;font-size:.875rem}.optimized-table td,.optimized-table th{border-bottom:1px solid var(--border-color);overflow:hidden;padding:var(--space-3) var(--space-4);text-align:left;transition:background-color var(--transition-fast);vertical-align:top}.optimized-table thead{background-color:var(--bg-card);position:sticky;top:0;z-index:10}.optimized-table th{background-color:var(--gray-50);box-shadow:0 1px 0 var(--border-color);color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.dark-mode .optimized-table th{background-color:var(--gray-700)}.optimized-table tbody tr{transition:background-color var(--transition-fast)}.optimized-table tbody tr:last-child td{border-bottom:none}.optimized-table tbody tr:hover{background-color:var(--gray-50)}.dark-mode .optimized-table tbody tr:hover{background-color:var(--gray-800)}.sortable-header{cursor:pointer}.header-content{align-items:center;display:flex;justify-content:space-between;position:relative}.header-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sort-icon{align-items:center;color:var(--text-tertiary);display:inline-flex;font-size:.875rem;margin-left:var(--space-2)}.sortable-header:hover .sort-icon{color:var(--primary)}.table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-4)}.search-container{align-items:center;display:flex;flex:1 1;gap:var(--space-4)}.search-input-wrapper{flex:1 1;max-width:400px;position:relative}.search-icon{color:var(--text-tertiary);font-size:.875rem;left:var(--space-3);position:absolute;top:50%;transform:translateY(-50%)}.search-input{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded);font-size:.875rem;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-8);transition:all var(--transition-fast);width:100%}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}.clear-search{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:.875rem;padding:0;position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%)}.clear-search:hover{color:var(--primary)}.search-results-counter{color:var(--text-tertiary);font-size:.75rem;white-space:nowrap}.table-controls{display:flex}.import-csv-button,.table-controls{align-items:center;gap:var(--space-2)}.import-csv-button{background-color:var(--primary);border-radius:var(--rounded);color:#fff;display:inline-flex;font-size:.875rem;font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.import-csv-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-top:var(--space-4)}.items-per-page{align-items:center;color:var(--text-tertiary);display:flex;font-size:.75rem;gap:var(--space-2)}.items-per-page-select{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded);color:var(--text-primary);font-size:.75rem;padding:var(--space-1) var(--space-2)}.pagination-info{color:var(--text-tertiary);font-size:.75rem;text-align:center}.pagination-buttons{align-items:center;display:flex;gap:var(--space-1)}.pagination-button{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded);color:var(--text-secondary);display:flex;font-size:.75rem;height:2rem;justify-content:center;padding:0;transition:all var(--transition-fast);width:2rem}.pagination-button:hover:not(:disabled){background-color:var(--primary-50);border-color:var(--primary-100);color:var(--primary)}.pagination-button:disabled{color:var(--text-tertiary);cursor:not-allowed}.page-numbers{gap:var(--space-1)}.page-number,.page-numbers{align-items:center;display:flex}.page-number{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded);color:var(--text-secondary);font-size:.75rem;height:2rem;justify-content:center;transition:all var(--transition-fast);width:2rem}.page-number:hover:not(:disabled):not(.active){background-color:var(--primary-50);border-color:var(--primary-100);color:var(--primary)}.page-number.active{border-color:var(--primary);font-weight:500}.page-number.ellipsis{background:none;border:none;width:1.5rem}.cell-content{transition:all var(--transition-fast)}.editable-cell:hover .cell-content{color:var(--primary)}.upload-csv-button{align-items:center;background-color:var(--primary);border-radius:var(--rounded);color:#fff;display:inline-flex;font-size:.875rem;font-weight:500;margin-left:auto;padding:var(--space-2) var(--space-4);position:absolute;right:var(--space-6);top:var(--space-6)}.upload-csv-button:hover{background-color:var(--primary-hover)}.articles-header{margin-bottom:var(--space-6);position:relative}.no-articles{background-color:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--rounded-lg);padding:var(--space-6);text-align:center}.no-articles p{color:var(--text-secondary);margin-bottom:var(--space-4)}.upload-first-csv-button{align-items:center;background-color:var(--primary);border-radius:var(--rounded);color:#fff;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.upload-first-csv-button:hover{background-color:var(--primary-hover)}.error-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:var(--space-10)}.error-container .error{background-color:#ef44441a;border-left:3px solid var(--red-500);border-radius:var(--rounded);color:var(--red-600);margin-bottom:var(--space-6);max-width:400px;padding:var(--space-4);text-align:center}.not-found h2{color:var(--text-secondary);font-weight:600;margin-bottom:var(--space-6)}.edit-project-button{align-items:center;background-color:var(--primary);border:none;border-radius:var(--rounded);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast);white-space:nowrap}.edit-project-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.edit-project-button:active{transform:translateY(0)}.edit-project-button svg{font-size:.875rem}.delete-section{border-top:1px solid var(--border-color);margin-top:2rem;padding:1.5rem;text-align:center}.delete-project-button{align-items:center;background-color:#ef44441a;border-radius:var(--rounded);color:var(--red-600);display:inline-flex;font-weight:500;padding:.75rem 1.5rem;transition:all var(--transition-fast)}.delete-project-button:hover{background-color:#ef444433}.loading{background-color:var(--bg-page);height:100vh}@media (max-width:992px){.project-details-content,.project-header{padding:var(--space-4)}.project-header{flex-wrap:wrap}.project-header-left{flex-basis:100%;margin-bottom:.5rem}.table-actions{align-items:flex-start;flex-direction:column}.search-container{width:100%}.pagination-controls{align-items:flex-start;flex-direction:column}.pagination-buttons{margin-top:var(--space-2)}}@media (max-width:768px){.articles-table-container{max-height:none}.search-container{align-items:flex-start;flex-direction:column;width:100%}.search-input-wrapper{max-width:none;width:100%}.table-controls{margin-top:var(--space-2);width:100%}.import-csv-button{justify-content:center;width:100%}.pagination-controls{gap:var(--space-2)}.items-per-page,.pagination-buttons,.pagination-info{width:100%}.pagination-buttons{justify-content:center}}@media (max-width:576px){.project-details-content{padding:var(--space-3)}.articles-section,.company-info,.project-header{padding:var(--space-4)}.articles-section h2{margin-bottom:var(--space-4)}.page-numbers{gap:0}.page-number{font-size:.7rem;height:1.75rem;width:1.75rem}.info-actions{display:flex;flex-direction:column;gap:.5rem}}.articles-table-container::-webkit-scrollbar{background-color:#fff;height:8px;width:8px}.articles-table-container::-webkit-scrollbar-corner{background-color:initial}.articles-table-container::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.articles-table-container::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.articles-table-container::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.dark-mode .articles-table-container::-webkit-scrollbar{background:#1f2937}.dark-mode .articles-table-container::-webkit-scrollbar-track{background:var(--gray-700)}.dark-mode .articles-table-container::-webkit-scrollbar-thumb{background:var(--gray-600)}.dark-mode .articles-table-container::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}@media (max-width:993px){.project-header{align-items:flex-start;flex-wrap:nowrap}.project-header-left{flex:1 1;max-width:calc(100% - 90px);min-width:0}.project-header h1{font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-link{font-size:.8rem}.header-controls{align-self:flex-start;flex-shrink:0}.profile-menu-container{position:relative;z-index:29}.profile-dropdown{position:absolute;right:0;top:100%;z-index:31}}@media (max-width:480px){.project-header-left{max-width:calc(100% - 80px)}.project-header h1{font-size:1rem}}.full-text-toggle{align-items:center;cursor:pointer;display:flex;gap:.5rem;margin-left:1rem}.full-text-toggle label{color:var(--text-secondary);cursor:pointer;font-size:.875rem;-webkit-user-select:none;user-select:none}.custom-checkbox{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:3px;cursor:pointer;display:inline-block;height:16px;position:relative;width:16px}.custom-checkbox.checked{background-color:var(--primary);border-color:var(--primary)}.custom-checkbox.checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:4px;position:absolute;top:0;transform:rotate(45deg);width:5px}.full-text .cell-content{max-height:none!important;white-space:pre-wrap!important}.tooltip{position:relative}.tooltip .tooltip-text{background-color:var(--gray-800);border-radius:6px;box-shadow:0 3px 10px #0003;color:#fff;font-size:.8rem;font-weight:400;max-width:min(300px,calc(100vw - 40px));min-width:120px;opacity:0;padding:8px 12px;pointer-events:none;position:fixed;text-align:center;transition:opacity .2s,visibility .2s;visibility:hidden;white-space:normal;width:auto;word-break:break-word;z-index:9999}.tooltip .tooltip-text:after{border-color:var(--gray-800) #0000 #0000 #0000;border-style:solid;border-width:5px;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip:first-child .tooltip-text{left:0;transform:none}.tooltip:first-child .tooltip-text:after{left:15px;margin-left:0}.tooltip:last-child .tooltip-text{left:auto;right:0;transform:none}.tooltip:last-child .tooltip-text:after{left:auto;margin-left:0;right:15px}.dark-mode .tooltip .tooltip-text{background-color:#233753;border:1px solid var(--border-color);color:#fff}.dark-mode .tooltip .tooltip-text:after{border-color:var(--border-color) #0000 #0000 #0000}.edit-actions{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded);box-shadow:0 2px 6px #00000026;display:flex;gap:5px;justify-content:flex-end;margin-top:2px;min-width:150px;padding:6px;position:absolute;right:0;top:100%;white-space:nowrap;z-index:25}.editable-cell .editing-container{position:relative;width:100%}.saving-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:10px;width:10px}.pagination-button svg{display:block;margin:0 auto}@media (max-width:576px){.full-text-toggle{margin-left:0;margin-top:.5rem}.search-results-counter{margin-top:.5rem;width:100%}}.page-number.active{background-color:var(--primary);box-shadow:0 1px 3px #0000001a;color:#fff;font-weight:600}@media (max-width:768px){.edit-actions,td:last-child .edit-actions,td:nth-last-child(2) .edit-actions{left:0;right:auto}}.dark-mode .edit-actions{background-color:var(--bg-card);border-color:var(--gray-700);box-shadow:0 2px 6px #0000004d}.optimized-table td{overflow:visible!important;position:relative}.csv-download-buttons{display:flex;gap:var(--space-2)}.download-csv-button,.download-selected-button{align-items:center;border-radius:var(--rounded);display:inline-flex;font-size:.875rem;font-weight:500;padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.download-csv-button{background-color:var(--primary);color:#fff}.download-csv-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.download-selected-button{background-color:var(--green-500);color:#fff}.download-selected-button:hover{background-color:var(--green-600);transform:translateY(-1px)}.checkbox-column{padding:var(--space-2)!important;text-align:center!important}.article-checkbox,.select-all-checkbox{align-items:center;display:flex;justify-content:center}.article-checkbox input,.select-all-checkbox input{cursor:pointer;opacity:0;position:absolute}.article-checkbox label,.select-all-checkbox label{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:3px;cursor:pointer;display:flex;height:18px;justify-content:center;position:relative;transition:all var(--transition-fast);width:18px}.article-checkbox input:checked~label,.select-all-checkbox input:checked~label{background-color:var(--primary);border-color:var(--primary)}.article-checkbox input:checked~label:after,.select-all-checkbox input:checked~label:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.article-checkbox:hover label,.select-all-checkbox:hover label{border-color:var(--primary-300)}.selected-row{background-color:var(--primary-50)!important}.dark-mode .selected-row{background-color:#3b82f626!important}.needs-review-row{background-color:#dc26260d!important;box-shadow:inset 3px 0 0 #dc2626}.needs-review-row:hover{background-color:#dc262617!important}.dark-mode .needs-review-row{background-color:#dc26261f!important;box-shadow:inset 3px 0 0 #f87171}.dark-mode .needs-review-row:hover{background-color:#dc26262e!important}.selected-row.needs-review-row{background-color:#dc262626!important}@media (max-width:768px){.csv-download-buttons{flex-direction:column;margin-top:var(--space-4);position:static;width:100%}.download-csv-button,.download-selected-button{justify-content:center;width:100%}}.articles-table-container::-webkit-scrollbar{margin-left:40px}.articles-table tbody td:first-child,.articles-table thead th:first-child{background-color:var(--bg-card);left:0;position:sticky;z-index:2}.articles-table thead th:first-child{background-color:var(--gray-50);z-index:11}.dark-mode .articles-table thead th:first-child{background-color:var(--gray-700)}td.checkbox-column,th.checkbox-column:first-child{vertical-align:middle}@media (max-width:768px){.articles-table tbody td:first-child,.articles-table thead th:first-child{box-shadow:2px 0 8px #0000001a}}.articles-header{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.processing-status{margin-bottom:1rem;margin-top:1rem;transition:all var(--transition-normal)}.processing-status-header{border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.processing-status-header h3{color:var(--primary);font-size:1rem}.cancel-processing-button{background-color:var(--red-50);border-radius:var(--rounded-full);color:var(--red-500);height:1.75rem;justify-content:center;transition:all var(--transition-fast);width:1.75rem}.cancel-processing-button:hover{background-color:var(--red-100);color:var(--red-600);transform:scale(1.05)}.progress-container{margin-bottom:1rem}.progress-count{font-weight:500}.progress-percentage{color:var(--primary);font-weight:600}.progress-bar{background-color:var(--gray-100);height:.5rem;position:relative}.progress-bar,.progress-bar-fill{border-radius:var(--rounded-full)}.progress-bar-fill{background-color:var(--primary);background-image:linear-gradient(90deg,var(--primary-600) 0,var(--primary-500) 100%);box-shadow:0 0 4px #3b82f680;transition:width .3s ease-in-out}.dark-mode .progress-bar{background-color:var(--gray-700)}.dark-mode .progress-bar-fill{box-shadow:0 0 8px #3b82f6b3}.current-article{background-color:var(--primary-50);border-left:3px solid var(--primary);margin-bottom:.5rem}.dark-mode .current-article{background-color:#3b82f626}.processing-article-icon{flex-shrink:0}.processing-article-details{display:flex;flex-direction:column;overflow:hidden}.processing-article-label{color:var(--text-tertiary);font-size:.75rem}.processing-article-name{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.processing-complete{align-items:center;background-color:#10b9811a;display:flex;flex-direction:column;padding:1.5rem;text-align:center}.processing-complete-header{justify-content:center;margin-bottom:.75rem;position:relative;width:100%}.success-icon{font-size:2rem}.close-complete-button{background:none;border-radius:var(--rounded-full);height:1.5rem;position:absolute;right:0;top:0;transition:all var(--transition-fast);width:1.5rem}.close-complete-button:hover{background-color:#10b98133;color:var(--green-600)}.process-success-title{color:var(--green-600);font-size:1rem}.process-action-type{color:var(--green-500);font-size:.9rem;font-style:italic;font-weight:500;margin-bottom:1rem}.completed-details{align-items:center;display:flex;gap:.5rem}.error-count{color:var(--red-500)}.errors-container{background-color:#ef44440d;border:1px solid var(--red-200);margin-top:1rem}.errors-header{background-color:#ef44441a;transition:background-color var(--transition-fast)}.errors-header:hover{background-color:#ef444426}.errors-header-content{flex:1 1}.errors-header h4{color:var(--red-600);flex-grow:1;font-size:.9rem;font-weight:600}.close-errors-button{background:none;border-radius:var(--rounded-full);transition:all var(--transition-fast)}.close-errors-button:hover{background-color:#ef444433;color:var(--red-500)}.errors-list{padding:.75rem 1rem}.error-item{align-items:flex-start;border-bottom:1px solid var(--red-100);gap:.5rem;padding:.5rem 0}.error-item-icon{margin-top:.2rem}.error-item strong{color:var(--text-primary);display:block;margin-bottom:.25rem}.more-errors{font-size:.8rem;padding:.5rem}.error-item.info-item{border-color:var(--blue-100)}.info-item-icon{color:var(--primary-500)}.info-message{color:var(--primary-600)}.dark-mode .error-item.info-item{border-color:var(--blue-800)}.eta-display{font-size:.75rem;margin-top:.25rem}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.progress-bar-fill.pulsing{animation:pulse 2s infinite}@media (max-width:768px){.processing-status{padding:1rem}.processing-status-header h3{font-size:.9rem}.errors-list{max-height:200px}.progress-details{align-items:flex-start;flex-direction:column}.progress-percentage{position:absolute;right:0;top:-1.25rem}.progress-bar{margin-top:.5rem}}.column-resizer{background:#ccc;cursor:col-resize;height:100%;opacity:.2;position:absolute;right:0;top:0;transition:opacity .2s;width:.1rem;z-index:15}.column-resizer:hover{background-color:#3b82f64d;opacity:1}.sortable-header:hover .column-resizer{opacity:.7}.optimized-table th{overflow:visible!important;position:relative}body.resizing{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.optimized-table{table-layout:fixed;width:100%}.optimized-table td{overflow:hidden;text-overflow:ellipsis}.checkbox-column{max-width:40px!important;min-width:40px!important;width:40px!important}.articles-table tbody tr.selected-row td:first-child{background-color:var(--primary-50)!important}.articles-table tbody tr.dark-mode.selected-row td:first-child{background-color:#3b82f626!important}.prominent-cancel-button{border-radius:var(--rounded);font-size:.875rem;padding:.5rem 1rem;transition:all var(--transition-fast)}.prominent-cancel-button:hover{transform:scale(1.05)}.cancel-button-container{margin-top:1rem}.article-context-menu{animation:fadeIn .15s ease-out;background-color:var(--bg-card);border:2px solid var(--primary-400);border-radius:var(--rounded);box-shadow:0 4px 12px #00000026;min-width:200px;padding:.5rem 0;position:fixed;z-index:9999}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:background-color .2s;white-space:nowrap}.context-menu-item:hover{background-color:var(--primary-50);color:var(--primary)}.dark-mode .context-menu-item:hover{background-color:var(--gray-700)}.row-selection-hint{align-items:center;background-color:var(--primary-50);border-bottom:1px solid var(--primary-200);color:var(--primary-700);display:flex;font-size:.8rem;justify-content:center;padding:.5rem}.dark-mode .row-selection-hint{background-color:#3b82f626;border-color:var(--primary-800);color:var(--primary-300)}.data-updating-indicator-wrp{display:flex;height:3rem;width:100%}.data-updating-indicator{align-items:center;background-color:#3b82f61a;border-left:3px solid var(--primary);border-radius:var(--rounded);color:var(--text-secondary);display:flex;font-size:.875rem;margin-bottom:.75rem;padding:.75rem;transition:background-color .3s ease;width:100%}.data-updating-indicator.flash{background-color:#3b82f64d}.data-updating-indicator .spinner-icon{animation:spin 1s linear infinite;border:2px solid #3b82f64d;border-radius:50%;border-top:2px solid var(--primary);display:inline-block;height:1rem;width:1rem}.workflow-button{background:linear-gradient(135deg,var(--primary-600),var(--primary-500));border:2px solid var(--primary-700);box-shadow:0 2px 8px #3b82f64d;color:#fff;font-weight:600}.workflow-button:hover{background:linear-gradient(135deg,var(--primary-700),var(--primary-600));box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.dark-mode .workflow-button{box-shadow:0 2px 8px #3b82f680}.dark-mode .workflow-button:hover{box-shadow:0 4px 12px #3b82f699}.processing-status{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.25rem}.processing-status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.processing-status-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;margin:0}.spinner-icon{animation:spin 1.5s linear infinite;color:var(--primary);margin-right:.75rem}.cancel-processing-button{align-items:center;background-color:var(--red-500);border:none;border-radius:var(--rounded);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:background-color .2s ease;width:auto}.cancel-processing-button:hover{background-color:var(--red-600)}.progress-container{margin-bottom:1.25rem}.progress-details{color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.progress-bar{background-color:var(--gray-200);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar-fill{height:100%;transition:width .3s ease}.eta-display{color:var(--text-tertiary);font-size:.875rem;font-style:italic;margin-top:.5rem;text-align:right}.current-article{align-items:center;background-color:var(--bg-subtle);border-radius:var(--rounded);display:flex;margin-bottom:1.25rem;padding:.75rem}.processing-article-icon{color:var(--primary);margin-right:.75rem}.processing-article-label{color:var(--text-secondary);display:block;font-size:.875rem;margin-bottom:.25rem}.processing-article-name{font-weight:500;word-break:break-word}.cancel-button-container{flex-direction:column;margin-bottom:.5rem;margin-top:1.5rem}.cancel-button-container,.prominent-cancel-button{align-items:center;display:flex;justify-content:center}.prominent-cancel-button{background-color:var(--red-500);border:none;border-radius:var(--rounded-md);box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.prominent-cancel-button:hover{background-color:var(--red-600);box-shadow:0 3px 6px #00000026;transform:translateY(-1px)}.prominent-cancel-button:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.cancel-note{color:var(--text-tertiary);font-size:.75rem;margin-top:.75rem;max-width:80%;text-align:center}.processing-complete{background-color:var(--green-50);border:1px solid var(--green-200);border-radius:var(--rounded);padding:1rem;position:relative}.processing-complete-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.success-icon{color:var(--green-500);font-size:1.5rem;margin-right:.5rem}.close-complete-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.25rem}.close-complete-button:hover{background-color:var(--gray-200);color:var(--text-secondary)}.process-success-title{color:var(--green-700);display:block;font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.process-action-type{color:var(--green-600);display:block;font-size:.875rem;margin-bottom:.5rem}.completed-details{color:var(--text-secondary);font-size:.875rem}.error-count{color:var(--red-600);margin-left:.5rem}.errors-container{border:1px solid var(--border-color);border-radius:var(--rounded);margin-top:1.25rem;overflow:hidden}.errors-header{align-items:center;background-color:var(--red-50);border-bottom:1px solid var(--red-100);cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem}.errors-header-content{align-items:center;display:flex;gap:.5rem}.error-icon{color:var(--red-500)}.errors-header h4{color:var(--red-700);font-size:.875rem;margin:0}.close-errors-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:.25rem}.close-errors-button:hover{background-color:#0000000d;color:var(--text-secondary)}.errors-list{background-color:var(--bg-card);max-height:300px;overflow-y:auto}.error-item{border-bottom:1px solid var(--border-color);display:flex;font-size:.875rem;line-height:1.4;padding:.75rem 1rem}.error-item:last-child{border-bottom:none}.error-item-icon{color:var(--red-500);flex-shrink:0;margin-right:.75rem;margin-top:.25rem}.info-item{background-color:var(--blue-50)}.info-item-icon{color:var(--blue-500);flex-shrink:0;margin-right:.75rem;margin-top:.25rem}.info-message{color:var(--blue-700)}.error-message{color:var(--red-700)}.more-errors{background-color:var(--bg-subtle);color:var(--text-tertiary);font-size:.875rem;font-style:italic;padding:.75rem 1rem;text-align:center}@media (max-width:768px){.processing-status{padding:1rem}.cancel-note{max-width:100%}.processing-status-header h3{font-size:1.125rem}.cancel-processing-button{font-size:.8rem;padding:.4rem .6rem}}.workflow-progress-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.workflow-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.workflow-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.workflow-summary{align-items:center;display:flex;gap:.75rem}.workflow-steps-count{color:var(--text-secondary);font-size:.875rem;font-weight:500}.workflow-progress-bar-container{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.workflow-progress-bar{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--rounded-full);flex:1 1;height:1.5rem;overflow:hidden}.workflow-progress-fill{align-items:center;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));display:flex;height:100%;justify-content:flex-end;padding-right:.5rem;transition:width .5s ease}.workflow-progress-percentage{color:var(--text-primary);font-size:.875rem;font-weight:600;min-width:3rem;text-align:right}.workflow-steps-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.workflow-step{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--rounded);padding:1rem;transition:all var(--transition-normal)}.workflow-step-completed{background-color:var(--green-50);border-color:var(--green-300)}.dark-mode .workflow-step-completed{background-color:#22c55e1a}.workflow-step-processing{animation:pulse-border 2s ease-in-out infinite;background-color:var(--primary-50);border-color:var(--primary-300)}.dark-mode .workflow-step-processing{background-color:#3b82f61a}@keyframes pulse-border{0%,to{border-color:var(--primary-300)}50%{border-color:var(--primary-500)}}.workflow-step-failed{background-color:var(--red-50);border-color:var(--red-300)}.dark-mode .workflow-step-failed{background-color:#ef44441a}.workflow-step-pending{opacity:.7}.step-header{justify-content:space-between;margin-bottom:.5rem}.step-header,.step-info{align-items:center;display:flex}.step-info{flex:1 1;gap:.75rem}.step-icon{flex-shrink:0;font-size:1.25rem}.step-icon-completed{color:var(--green-500)}.step-icon-processing{color:var(--primary-500)}.step-icon-failed{color:var(--red-500)}.step-icon-pending{color:var(--gray-400)}.step-details{flex:1 1}.step-name{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:.25rem}.step-progress-text{color:var(--text-secondary);font-size:.875rem}.step-status-badge{margin-left:1rem}.badge{border-radius:var(--rounded-full);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.badge-success{background-color:var(--green-100);color:var(--green-700)}.dark-mode .badge-success{background-color:#22c55e33;color:var(--green-400)}.badge-processing{background-color:var(--primary-100);color:var(--primary-700)}.dark-mode .badge-processing{background-color:#3b82f633;color:var(--primary-400)}.badge-error{background-color:var(--red-100);color:var(--red-700)}.dark-mode .badge-error{background-color:#ef444433;color:var(--red-400)}.badge-pending{background-color:var(--gray-100);color:var(--gray-700)}.dark-mode .badge-pending{background-color:var(--gray-800);color:var(--gray-400)}.step-progress-bar{background-color:var(--bg-secondary);border-radius:var(--rounded-full);height:.5rem;margin-top:.75rem;overflow:hidden}.step-progress-fill{height:100%;transition:width .5s ease}.step-errors{background-color:var(--yellow-50);border:1px solid var(--yellow-200);border-radius:var(--rounded);margin-top:.75rem;padding:.75rem}.dark-mode .step-errors{background-color:#eab3081a;border-color:var(--yellow-800)}.step-errors-header{align-items:center;color:var(--yellow-700);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.dark-mode .step-errors-header{color:var(--yellow-400)}.step-errors-list{display:flex;flex-direction:column;gap:.375rem}.step-error-item{color:var(--yellow-800);font-size:.875rem;padding-left:1.5rem;position:relative}.dark-mode .step-error-item{color:var(--yellow-300)}.step-error-item:before{color:var(--yellow-500);content:"•";left:.5rem;position:absolute}.step-errors-more{color:var(--yellow-600);font-size:.75rem;font-style:italic;margin-top:.25rem;padding-left:1.5rem}.dark-mode .step-errors-more{color:var(--yellow-500)}.step-timing{color:var(--text-tertiary);font-size:.75rem;margin-top:.5rem}.step-duration,.step-started{display:inline-block}.current-article-info{align-items:center;background-color:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--rounded);display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.dark-mode .current-article-info{background-color:#3b82f61a;border-color:var(--primary-800)}.current-article-label{color:var(--primary-700);font-size:.875rem;font-weight:600}.dark-mode .current-article-label{color:var(--primary-400)}.current-article-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.workflow-footer{border-top:1px solid var(--border-color);margin-top:.5rem;padding-top:1rem}.workflow-status{align-items:center;border-radius:var(--rounded);display:flex;font-size:.95rem;font-weight:600;justify-content:center;padding:.75rem 1rem}.workflow-status-active{background-color:var(--primary-100);color:var(--primary-700)}.dark-mode .workflow-status-active{background-color:#3b82f633;color:var(--primary-400)}.workflow-status-completed{background-color:var(--green-100);color:var(--green-700)}.dark-mode .workflow-status-completed{background-color:#22c55e33;color:var(--green-400)}.workflow-status-failed{background-color:var(--red-100);color:var(--red-700)}.dark-mode .workflow-status-failed{background-color:#ef444433;color:var(--red-400)}.spin{animation:spin 1s linear infinite}@media (max-width:640px){.workflow-progress-container{padding:1rem}.step-header,.workflow-header{align-items:flex-start;flex-direction:column;gap:.5rem}.step-status-badge{margin-left:0}}.settings-container{background-color:var(--bg-page);min-height:100vh;transition:background-color var(--transition-normal)}.settings-content{padding:var(--space-2) var(--space-6);transition:all var(--transition-normal) ease}.settings-header{align-items:center;background-color:var(--bg-card);border-radius:var(--rounded-lg);box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6);transition:all var(--transition-normal)}.settings-header h1{color:var(--text-primary);font-size:1.25rem;font-weight:600;letter-spacing:-.025em}.back-link svg{height:.875rem;width:.875rem}.settings-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded-lg);box-shadow:var(--shadow);max-width:600px;padding:var(--space-6);transition:all var(--transition-normal)}.settings-card h2{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.125rem;font-weight:600;letter-spacing:-.025em;padding-bottom:var(--space-4)}.form-group,.settings-card h2{margin-bottom:var(--space-6)}.form-group input{background-color:var(--bg-card);transition:all var(--transition-fast)}.form-group input:focus{box-shadow:0 0 0 2px var(--primary-light)}.save-button{background-color:var(--primary);border-radius:var(--rounded);color:#fff;font-size:.875rem;font-weight:500;padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.save-button:hover{background-color:var(--primary-hover)}@media (max-width:992px){.settings-content,.settings-header{padding:var(--space-4)}.settings-header{flex-wrap:wrap}.settings-header h1{font-size:1.125rem}.header-left{flex-basis:100%;margin-bottom:.5rem}}@media (max-width:768px){.settings-card{max-width:100%}}@media (max-width:576px){.settings-content{padding:var(--space-3)}.settings-card{padding:var(--space-4)}.save-button{width:100%}}.user-management-container{background-color:var(--bg-page);min-height:100vh;transition:background-color var(--transition-normal)}.user-management-content{padding:var(--space-6);transition:all var(--transition-normal) ease}.user-management-header{align-items:center;background-color:var(--bg-card);border-radius:var(--rounded-lg);box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6);transition:all var(--transition-normal)}.header-left{flex:1 1;gap:var(--space-4)}.header-controls,.header-left{align-items:center;display:flex}.user-management-header h1{color:var(--text-primary);font-size:1.25rem;font-weight:600;letter-spacing:-.025em}.back-link{align-items:center;color:var(--text-tertiary);display:flex;font-size:.875rem;transition:color var(--transition-fast)}.back-link:hover{color:var(--primary)}.back-link svg{margin-right:var(--space-2)}.create-user-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded-lg);box-shadow:var(--shadow);margin-bottom:var(--space-6);padding:var(--space-6);transition:all var(--transition-normal)}.create-user-section h2{color:var(--text-primary);font-size:1.125rem;font-weight:600;letter-spacing:-.025em}.create-user-section h2,.form-group{margin-bottom:var(--space-4)}.form-group label{color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--space-2)}.form-group input{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--rounded);color:var(--text-primary);font-size:.875rem;padding:var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15);outline:none}.form-group small{color:var(--text-tertiary);display:block;font-size:.75rem;margin-top:var(--space-1)}.create-button{align-items:center;background-color:var(--primary);border-radius:var(--rounded);color:#fff;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.create-button:hover:not(:disabled){background-color:var(--primary-hover)}.create-button:disabled{cursor:not-allowed;opacity:.5}.create-button svg{height:.875rem;width:.875rem}.users-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded-lg);box-shadow:var(--shadow);padding:var(--space-6);transition:all var(--transition-normal)}.users-section h2{color:var(--text-primary);font-size:1.125rem;font-weight:600;letter-spacing:-.025em;margin-bottom:var(--space-6)}.users-table{border-collapse:initial;border-spacing:0;font-size:.875rem;width:100%}.users-table td,.users-table th{padding:var(--space-3) var(--space-4);text-align:left}.users-table th{background-color:var(--gray-50);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.05em;position:sticky;text-transform:uppercase;top:0;z-index:10}.dark-mode .users-table th{background-color:var(--gray-700)}.users-table tbody tr{border-bottom:1px solid var(--border-color);transition:all var(--transition-fast)}.users-table tbody tr:last-child{border-bottom:none}.users-table tr:hover{background-color:var(--primary-50)}.dark-mode .users-table tr:hover{background-color:var(--gray-700)}.delete-button{align-items:center;background-color:var(--red-500);border-radius:var(--rounded);color:#fff;display:inline-flex;font-size:.75rem;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.delete-button:hover{background-color:var(--red-600)}.delete-button svg{height:.75rem;width:.75rem}.error-message,.success-message{font-size:.875rem}.loading{color:var(--text-secondary);flex-direction:column;font-size:.875rem;gap:var(--space-3);padding:var(--space-10);text-align:center}.loading,.loading .loading-spinner{align-items:center;display:flex;justify-content:center}.loading .spinner-svg{animation:rotate 1.2s linear infinite;height:40px;width:40px}.loading .spinner-circle{stroke:var(--primary-600);stroke-linecap:round;animation:dash 1.2s ease-in-out infinite}.loading .loading-text{margin-top:var(--space-2)}.no-users{color:var(--text-tertiary);font-size:.875rem;padding:var(--space-10);text-align:center}@media (max-width:992px){.user-management-content{padding:var(--space-4)}.user-management-header{flex-wrap:wrap;padding:var(--space-4)}.header-left{margin-bottom:var(--space-2)}.user-management-header h1{font-size:1.125rem}.create-user-section,.users-section{padding:var(--space-4)}}@media (max-width:768px){.users-table{display:block}.users-table thead{display:none}.users-table tbody,.users-table td,.users-table tr{display:block;width:100%}.users-table tr{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--rounded);margin-bottom:var(--space-4)}.users-table td{border-bottom:1px solid var(--border-color);padding:var(--space-3);padding-left:50%;position:relative;text-align:right}.users-table td:last-child{border-bottom:none}.users-table td:before{color:var(--text-tertiary);content:attr(data-label);font-size:.75rem;font-weight:500;left:var(--space-3);letter-spacing:.05em;padding-right:var(--space-2);position:absolute;text-align:left;text-transform:uppercase;width:45%}.delete-button{justify-content:center;width:100%}}@media (max-width:576px){.user-management-content{padding:var(--space-3)}.form-group{margin-bottom:var(--space-3)}.form-group label{margin-bottom:var(--space-1)}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--red-500:#ef4444;--red-600:#dc2626;--green-500:#10b981;--green-600:#059669;--yellow-500:#f59e0b;--yellow-600:#d97706;--primary:var(--primary-600);--primary-hover:var(--primary-700);--primary-light:var(--primary-100);--danger:var(--red-500);--danger-hover:var(--red-600);--success:var(--green-500);--warning:var(--yellow-500);--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-tertiary:var(--gray-500);--bg-page:var(--gray-100);--bg-card:#fff;--border-color:var(--gray-200);--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--sidebar-width:240px;--sidebar-width-collapsed:70px;--header-height:64px;--rounded-sm:0.125rem;--rounded:0.25rem;--rounded-md:0.375rem;--rounded-lg:0.5rem;--rounded-xl:0.75rem;--rounded-2xl:1rem;--rounded-full:9999px;--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;--transition-fast:150ms;--transition-normal:300ms;--leftbar-bg:var(--bg-card);--leftbar-text:var(--text-secondary);--leftbar-border:var(--border-color);--leftbar-header-bg:var(--primary-50);--leftbar-header-text:var(--primary-700);--leftbar-item-hover:var(--gray-100);--leftbar-item-active:var(--primary-50);--leftbar-icon:var(--text-tertiary);--leftbar-icon-hover:var(--primary)}.dark-mode{--primary-50:#1e3a8a;--primary-100:#1e40af;--primary-200:#1d4ed8;--primary-300:#2563eb;--primary-400:#3b82f6;--primary-500:#60a5fa;--primary-600:#93c5fd;--primary-700:#bfdbfe;--primary-800:#dbeafe;--primary-900:#eff6ff;--primary:var(--primary-500);--primary-hover:var(--primary-400);--primary-light:var(--primary-900);--text-primary:var(--gray-100);--text-secondary:var(--gray-300);--text-tertiary:var(--gray-400);--bg-page:var(--gray-900);--bg-card:var(--gray-800);--border-color:var(--gray-700);--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 1px 3px 0 #0006,0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--leftbar-bg:var(--gray-800);--leftbar-text:var(--gray-100);--leftbar-border:var(--gray-700);--leftbar-header-bg:var(--gray-900);--leftbar-header-text:#fff;--leftbar-item-hover:var(--gray-700);--leftbar-item-active:var(--gray-700);--leftbar-icon:var(--gray-400);--leftbar-icon-hover:var(--primary)}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px}@media (max-width:768px){html{font-size:14px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;background-color:var(--bg-page);color:#111827;color:var(--text-primary);font-family:inherit;line-height:1.5;transition:background-color .3s,color .3s;transition:background-color var(--transition-normal),color var(--transition-normal)}a{color:#2563eb;color:var(--primary);text-decoration:none;transition:color .15s;transition:color var(--transition-fast)}a:hover{color:#1d4ed8;color:var(--primary-hover)}button{border:none;border-radius:.25rem;border-radius:var(--rounded);cursor:pointer;font-weight:500;outline:none;padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}button,input,select,textarea{font-family:inherit;font-size:.875rem;transition:all .15s;transition:all var(--transition-fast)}input,select,textarea{background-color:#fff;background-color:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.25rem;border-radius:var(--rounded);color:#111827;color:var(--text-primary);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}input:focus,select:focus,textarea:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 2px #dbeafe;box-shadow:0 0 0 2px var(--primary-light);outline:none}.app-container{display:flex;flex-direction:column;min-height:100vh}.container{margin-left:auto;margin-right:auto;max-width:1280px;padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4);width:100%}.card{background-color:#fff;background-color:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--rounded-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);padding:1.5rem;padding:var(--space-6);transition:all .15s;transition:all var(--transition-fast)}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.btn{border-radius:.25rem;border-radius:var(--rounded);font-weight:500;padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .15s;transition:all var(--transition-fast)}.btn-primary{background-color:#2563eb;background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:#1d4ed8;background-color:var(--primary-hover)}.btn-secondary{background-color:#e5e7eb;background-color:var(--gray-200);color:#374151;color:var(--gray-700)}.btn-secondary:hover{background-color:#d1d5db;background-color:var(--gray-300)}.btn-danger{background-color:#ef4444;background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626;background-color:var(--danger-hover)}.btn-sm{font-size:.75rem;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.btn-lg{font-size:1rem;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-4{gap:1rem;gap:var(--space-4)}.w-full{width:100%}.text-sm{font-size:.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-primary{color:#111827;color:var(--text-primary)}.text-secondary{color:#374151;color:var(--text-secondary)}.text-tertiary{color:#6b7280;color:var(--text-tertiary)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.error-message{background-color:#ef44441a;border-left:3px solid #ef4444;border-left:3px solid var(--red-500);color:#dc2626;color:var(--red-600)}.error-message,.success-message{border-radius:.25rem;border-radius:var(--rounded);margin-bottom:1rem;margin-bottom:var(--space-4);padding:.75rem;padding:var(--space-3)}.success-message{background-color:#10b9811a;border-left:3px solid #10b981;border-left:3px solid var(--green-500);color:#059669;color:var(--green-600)}.warning-message{background-color:#f59e0b1a;border-left:3px solid #f59e0b;border-left:3px solid var(--yellow-500);border-radius:.25rem;border-radius:var(--rounded);color:#d97706;color:var(--yellow-600);margin-bottom:1rem;margin-bottom:var(--space-4);padding:.75rem;padding:var(--space-3)}.theme-toggle{align-items:center;background:none;border:none;border-radius:9999px;border-radius:var(--rounded-full);color:#6b7280;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:1.2rem;height:2rem;justify-content:center;padding:0;transition:background-color .15s;transition:background-color var(--transition-fast);width:2rem}.theme-toggle:hover{background-color:#6b72801a}.dark-mode .theme-toggle:hover{background-color:#d1d5db1a}.mobile-menu-toggle{align-items:center;background:none;border:none;border-radius:.25rem;border-radius:var(--rounded);color:#111827;color:var(--text-primary);display:none;font-size:1.25rem;height:2rem;justify-content:center;padding:.25rem;padding:var(--space-1);width:2rem}.mobile-menu-toggle:active{background-color:#6b72801a}@media (max-width:992px){.mobile-menu-toggle{display:flex}.mobile-only{display:block}.desktop-only{display:none}}@media (min-width:993px){.mobile-only{display:none}.desktop-only{display:block}}.profile-dropdown{background-color:#fff;background-color:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--rounded-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin-top:.5rem;margin-top:var(--space-2);overflow:hidden;position:absolute;right:0;top:100%;transition:all .3s;transition:all var(--transition-normal);width:220px;z-index:50}.dropdown-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);color:#374151;color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.cf9f20f2.css.map*/