.help-page .help-content{max-width:760px}.help-page .content h2{margin:0 0 6px;font-size:1.6rem;color:#036}.help-page .content>p{margin:0 0 32px;color:#555}.help-page .content section{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid #eee}.help-page .content section:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:0}.help-page .section-header h3{padding-bottom:8px;border-bottom:2px solid #003366;display:inline-block}.help-page .content section ol{margin:12px 0 0;padding-left:20px}.help-page .content section ol li{margin-bottom:10px;line-height:1.5}.help-page .faq-item{margin-bottom:10px;border-bottom:1px solid #ddd}.help-page .faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 0;border:none;background:none;cursor:pointer;text-align:left;font-size:1rem;font-weight:600;color:#036}.help-page .faq-question:hover{background:#f5f7fa}.help-page .faq-chevron{font-size:1.2rem;line-height:1;width:1em;text-align:center;flex-shrink:0}.help-page .faq-answer{padding:0 0 14px}.help-page .faq-answer p{margin:0}.help-page .content section ul{margin:12px 0 0;padding-left:20px}.help-page .content section ul li{margin-bottom:8px}.help-page .content section ul li a{color:#036;text-decoration:none}.help-page .content section ul li a:hover{text-decoration:underline}.help-page .content section p{line-height:1.5;margin:0 0 8px}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background-color:#f8fafc;color:#1e293b}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:#f1f5f9}.login-card{background:#fff;padding:40px;border-radius:12px;text-align:center;box-shadow:0 4px 20px #0000001a;width:400px;border:1px solid #e2e8f0}.login-card h1{color:#036}.subtitle{color:#475569;margin-bottom:20px}.btn-login{background-color:#0a66c2;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:16px;cursor:pointer}.footer-note{margin-top:20px;font-size:13px;color:#64748b}.dashboard-container{display:flex;height:100vh;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #e2e8f0;width:70px;transition:width .3s ease;height:100vh;position:fixed;top:0;left:0;overflow-x:hidden;overflow:visible;overflow-y:hidden;display:flex;flex-direction:column;z-index:900}.brand{display:flex;align-items:center}.title{font-weight:600;color:#036}.toggle-btn{background:none;border:none;font-size:20px;cursor:pointer}.menu-item{display:flex;align-items:center;width:100%;box-sizing:border-box;gap:10px;color:#1e293b;text-decoration:none;padding:10px 15px;justify-content:flex-start;border-radius:6px;margin-bottom:4px;min-width:0;position:relative;transition:background .2s ease}.icon{font-size:18px}.main{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.topbar{background:#9ca3af;color:#036;padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cbd5e1}.logout-btn{background:#0a66c2;color:#fff;border:none;border-radius:6px;padding:5px 12px;cursor:pointer}.logout-btn:hover{background:#004a99}.content{margin-left:20px;padding:30px;flex:1;overflow-y:auto;transition:margin-left .3s ease}.sidebar.collapsed .menu-item{justify-content:center;padding:10px 0}.sidebar.expanded~.content{margin-left:240px}.content h2,.content h1{color:#036}.description{margin-bottom:20px;color:#023e7d}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tile{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 2px 6px #0000000d;cursor:pointer;transition:box-shadow .2s ease}.tile:hover{box-shadow:0 4px 12px #0000001a}.tile p{font-size:14px;color:#023e7d}.footer{text-align:center;padding:10px;border-top:1px solid #e2e8f0;font-size:13px;color:#023e7d;background-color:#9ca3af}.sidebar-float-toggle{position:absolute;top:100px;right:-14px;width:24px;height:24px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;border-left:none;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;box-shadow:0 2px 6px #0000001a;z-index:1000;transition:all .2s ease}.sidebar-float-toggle:hover{background:#f3f4f6;transform:scale(1.05)}.sidebar.expanded .sidebar-float-toggle{right:-12px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:10px}.brand{display:flex;align-items:center;gap:10px}.logo{width:90%;height:90%}.logo2{width:90%;height:50px}.title{font-weight:600;color:#036;font-size:18px}.menu{display:flex;flex-direction:column;flex:1;padding:0}.menu-item:hover{background:#e2e8f0}.sidebar-footer{padding:10px;display:flex;justify-content:center;border-top:1px solid #e2e8f0}.sidebar-toggle{background-color:#b7b9ba;border:1px solid #aaa;border-radius:999px;width:42px;height:24px;cursor:pointer;position:relative;transition:background-color .2s ease,border-color .2s ease;box-shadow:1px 1px 10px #00000040}.sidebar-toggle:hover{border-color:#6f6f6f}.sidebar-toggle .thumb{height:16px;width:16px;background-color:#fff;border-radius:999px;position:absolute;left:3px;top:50%;transform:translateY(-50%);transition:left .15s ease}.sidebar-toggle-icon{border:none;background:transparent;font-size:16px;cursor:pointer;padding:6px;border-radius:6px}.sidebar-toggle-icon:hover{background:#f3f4f6}.sidebar-toggle-wrapper{display:flex;justify-content:center;padding:6px 0}.sidebar-toggle.toggled{background-color:#023e7d}.sidebar-toggle.toggled .thumb{left:calc(100% - 19px)}.sidebar-toggle:hover{background:#e5e7eb}.sidebar.collapsed{width:70px}.sidebar.collapsed .label{display:none}.icon{font-size:18px;width:25px;text-align:center}.sidebar.collapsed .icon{width:100%;text-align:center}.login-container{display:flex;height:100vh;overflow:hidden}.login-left{flex:1;background:linear-gradient(45deg,#0c0c0c,transparent);display:flex;align-items:center;justify-content:center;position:relative}.login-logo{width:100%;background:#fff}.login-right{flex:1;background:#fff;display:flex;align-items:center;justify-content:center}.login-box{background:#fff;border:1px solid #050505;border-radius:12px;box-shadow:0 4px 16px #0000001a;padding:40px;width:380px;text-align:center}.login-box h1{color:#036;margin-bottom:10px}.subtitle{color:#023e7d;margin-bottom:25px}.btn-login{background-color:#0a66c2;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:16px;cursor:pointer;width:100%}.btn-login:hover{background-color:#004a99}.footer-note{margin-top:20px;font-size:13px;color:#023e7d}.upload-box{background:#fff;border:2px dashed #cbd5e1;border-radius:12px;padding:40px;text-align:center;margin-bottom:30px;color:#475569}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.filter-item label{display:block;margin-bottom:5px;font-weight:500;color:#036}.filter-item input,.filter-item select{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px}.search-row{display:flex;align-items:center;gap:15px;background:#fff;padding:20px;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:20px}.search-row input,.search-row select{padding:10px;border-radius:8px;border:1px solid #cbd5e1}.spectra-table td{padding:12px;border-top:1px solid #e2e8f0;color:#023e7d}.secondary-btn{padding:6px 14px;background:#e2e8f0;color:#036;border-radius:8px;cursor:pointer;border:none}.user-management-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.search-input{width:280px;padding:10px 12px;border-radius:6px;border:1px solid #d0d0d0;font-size:14px}.search-input:focus{outline:none;border-color:#2f80ed}.table-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background-color:#f1f5f9}.users-table th,.users-table td{padding:14px 16px;text-align:left;font-size:14px}.users-table th{font-weight:600;color:#333}.users-table tbody tr{border-top:1px solid #e6e6e6}.users-table tbody tr:hover{background-color:#f9fafb}.action-btn{padding:6px 12px;font-size:13px;border-radius:5px;border:none;cursor:pointer;background-color:#2f80ed;color:#fff}.action-btn:hover{background-color:#2563c7}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{width:520px;background:#fff;border-radius:12px;padding:22px;box-shadow:0 10px 30px #0003;animation:fadeIn .2s ease-out}.modal h3{margin-bottom:16px;font-size:18px}.modal label{display:block;font-size:13px;margin-bottom:6px;margin-top:12px;color:#444}.modal input,.modal select{width:90%;padding:10px 8px;border-radius:6px;border:1px solid #ccc;font-size:14px}.modal input:focus,.modal select:focus{outline:none;border-color:#2f80ed}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.primary-btn{background-color:#2f80ed;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer}.primary-btn:hover{background-color:#2563c7}.secondary-btn{background-color:#e0e0e0;color:#333;border:none;padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer}.secondary-btn:hover{background-color:#d0d0d0}.error-banner{background-color:#ffe5e5;color:#b00020;padding:10px 14px;border-radius:6px;margin-bottom:14px;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.spectra-overlay{position:absolute;inset:0;background:#0a0a0a8c;z-index:50;display:flex;align-items:stretch;justify-content:stretch}.spectra-sheet{background:#f7f7f9;width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.spectra-sheet-header{background:#fff;border-bottom:1px solid rgba(0,0,0,.08);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto}.spectra-title{font-size:18px;font-weight:700}.spectra-subtitle{font-size:13px;opacity:.75;margin-top:2px}.spectra-close{border:none;background:transparent;font-size:20px;cursor:pointer;padding:6px 10px;border-radius:8px}.spectra-close:hover{background:#0000000f}.spectra-sheet-body{padding:16px;display:grid;grid-template-columns:360px 1fr;gap:16px;align-items:stretch;flex:1 1 auto;min-height:0;overflow:hidden}.spectra-sheet-body>*{min-width:0}.spectra-meta{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:14px;overflow:auto;min-height:0}.meta-item{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06)}.meta-item:last-child{border-bottom:none;margin-bottom:0}.spectra-plot{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:10px;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;color:#1f4fd8;display:flex;flex-direction:column}.plot-wrapper{flex:1 1 auto;min-height:0}.toolbar-actions{display:flex;gap:10px;align-items:center}.spectra-upload-body{padding:16px;flex:1;overflow:auto}.upload-modal{width:min(680px,92vw)}.upload-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.upload-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:16px}.upload-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.upload-label{font-weight:700;font-size:14px}.upload-hint{font-size:12px;opacity:.75;margin-top:4px}.upload-actions{display:flex;justify-content:center;gap:10px}.success-banner{background:#2ecc711f;border:1px solid rgba(46,204,113,.35);padding:10px 12px;border-radius:10px;margin-bottom:12px;font-weight:600}.upload-note{margin-top:12px;font-size:12px;opacity:.75}.notif-block{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:12px;margin-bottom:16px}.notif-block-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.notif-title{font-size:16px;font-weight:800}.notif-subtitle{font-size:12px;opacity:.75;margin-top:2px}.notif-table-wrap{max-height:320px;overflow:auto;border-radius:10px;border:1px solid rgba(0,0,0,.06)}.notif-scroll thead th{position:sticky;top:0;z-index:2}.notif-scroll .users-table thead{background:transparent}.notif-scroll .users-table thead th{position:sticky;top:0;z-index:3;background-color:#f1f5f9;background-clip:padding-box;box-shadow:0 1px #00000014}.lang-switcher{display:flex;gap:8px;margin-right:12px}.notif-empty{padding:14px;opacity:.75;font-size:13px;background:#00000005;border-radius:10px}.clickable-row{cursor:pointer}.clickable-row:hover{background:#1f4fd80f}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize;line-height:1.2;text-align:center}.status-pending{background:#ffc1072e;color:#9a6b00;border:1px solid rgba(255,193,7,.35)}.status-approved{background:#28a7452e;color:#1e7e34;border:1px solid rgba(40,167,69,.35)}.status-rejected{background:#dc35452e;color:#a71d2a;border:1px solid rgba(220,53,69,.35)}.status-success{background:#1e7e34;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px}.status-fail{background:#a71d2a;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px}.notif-collapsible-header{margin-bottom:0;padding:10px 12px;border-radius:10px;transition:background .15s ease,box-shadow .15s ease}.notif-collapsible-header:hover{background:#1f4fd80d}.notif-collapsible-left{display:flex;flex-direction:column;gap:2px}.notif-collapsible-right{display:flex;align-items:center;gap:10px}.notif-chevron-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.notif-chevron-btn:hover{background:#00000008;box-shadow:0 2px 10px #0000000f}.notif-chevron-btn:active{transform:translateY(1px)}.notif-chevron{font-size:20px;line-height:1;display:inline-block;transform:rotate(0);transition:transform .18s ease;color:#036}.notif-chevron.is-open{transform:rotate(180deg)}.notif-collapsible-body{margin-top:10px}.notif-block-open{box-shadow:0 4px 14px #0000000d}.notif-block-closed{box-shadow:none}.table-card.manage-spectra-table{max-height:calc(100vh - 270px);overflow:auto;border-radius:10px}.table-card.manage-spectra-table .users-table thead th{position:sticky;top:0;z-index:2;background-color:#f5f7fa}.table-card.manage-spectra-table .users-table{min-width:1200px}.user-info{display:flex;align-items:center;gap:14px}.user-meta{display:flex;flex-direction:column;line-height:1.1}.user-name{font-weight:600;font-size:16px}.user-role{padding-top:2%;font-size:12px;opacity:.75;font-style:italic}.lang-dd{position:relative;margin-right:0;color:#fff}.lang-dd-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;border:none;background:#0a66c2;color:inherit;cursor:pointer;font-weight:600}.lang-dd-btn:hover{background:#004a99}.lang-dd-caret{opacity:.7}.lang-dd-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:80px;border-radius:10px;border:1px solid rgba(255,255,255,.767);background:#1845a086;padding:6px;box-shadow:0 10px 30px #00000059;z-index:1000}.lang-dd-item{width:100%;text-align:left;padding:8px 10px;border-radius:8px;background:transparent;border:none;color:inherit;cursor:pointer;font-weight:600}.lang-dd-item:hover{background:#0a66c2da}.lang-dd-item.active{background:#0a66c2d3}.btn-disabled{background-color:#ccc!important;cursor:not-allowed;opacity:.7}.toast{position:fixed;top:20px;right:30px;padding:14px 18px;border-radius:6px;color:#fff;font-size:14px;font-weight:500;width:auto;max-width:300px;white-space:nowrap;z-index:9999;box-shadow:0 4px 12px #0003}.toast-success{background:#16a34a}.toast-error{background:#dc2626}.toast{animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.audit-filters-card{padding:10px}.audit-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.filter-field{display:flex;flex-direction:column;gap:4px}.filter-field label{font-size:12px;font-weight:600;color:#555}.filter-field input,.filter-field select{padding:6px 8px;border-radius:6px;border:1px solid #ddd}.filter-actions{display:flex;gap:10px;align-items:end}.pagination{display:flex;justify-content:flex-end;align-items:center;margin-top:12px;gap:10px}.audit-table-card{padding:0}.audit-table-scroll{max-height:calc(100vh - 400px);overflow-y:auto}.audit-table-scroll thead th{position:sticky;top:0;background:#f8fafc;z-index:1}.notif-block-disabled{background:#f3f4f6;border:1px solid #e5e7eb;opacity:.75}.notif-block-disabled .notif-block-header{background:#e5e7eb;cursor:not-allowed}.notif-block-disabled .notif-title,.notif-block-disabled .notif-subtitle{color:#6b7280}.notif-block-disabled .primary-btn,.notif-block-disabled .secondary-btn{background:#d1d5db!important;color:#6b7280!important;cursor:not-allowed;pointer-events:none}.notif-block-disabled .notif-chevron{opacity:.5}.notif-block-disabled:hover{transform:none;box-shadow:none}.user-avatar{width:36px;height:36px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.user-avatar:hover{transform:scale(1.05);transition:.15s}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.topbar h2{font-size:18px;font-weight:600;color:#111827}.user-name{font-size:14px;font-weight:600}.user-role{font-size:12px;color:#6b7280}.user-meta{display:flex;flex-direction:column}.logout-btn{background:transparent;border:1px solid #e5e7eb;padding:6px 10px;border-radius:6px;cursor:pointer}.logout-btn:hover{background:#f3f4f6}.clickable{cursor:pointer}.user-dropdown{position:absolute;top:60px;right:10px;width:260px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 20px #00000014;padding:8px;z-index:100}.dropdown-header{display:flex;gap:10px;align-items:center;padding:8px}.user-avatar.small{width:32px;height:32px;font-size:14px}.dropdown-divider{height:1px;background:#e5e7eb;margin:6px 0}.dropdown-item{width:100%;padding:8px 10px;border:none;background:transparent;text-align:left;border-radius:6px;cursor:pointer;color:#111827;display:flex;align-items:center;gap:8px;font-size:14px}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover{background:#fef2f2}.dot{margin-left:auto;width:8px;height:8px;background:#3b82f6;border-radius:50%}.user-info{position:relative;display:flex;align-items:center;gap:14px}.language-item{display:flex;align-items:center;gap:8px}.topbar-right{display:flex;align-items:center}.topbar-left-group{padding-right:12px;margin-right:12px;border-right:1px solid #e5e7eb}.user-info{position:relative;display:flex;align-items:center;gap:12px}.menu-item.active{background:#e0ecff;color:#0a66c2;font-weight:600;width:100%;background:#0a66c214}.menu-item.active:before{content:"";position:absolute;left:-10px;top:6px;bottom:6px;width:3px;background:#0a66c2;border-radius:2px}.menu-divider{height:1px;background:#e2e8f0;width:100%}.toggle-item{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 15px;white-space:nowrap}.toggle-item:hover{background:#e2e8f0}.toggle-item .icon{display:inline-flex;align-items:center;white-space:nowrap;width:auto}.audit-filters-card{padding:10px;overflow:visible}.multi-select{position:relative;width:100%}.multi-select-trigger{width:100%;height:32px;padding:0 12px;border-radius:6px;border:1px solid #d1d5db;background:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px;color:#111827}.multi-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:220px;overflow-y:auto;background:#fff;border:1px solid #ddd;border-radius:8px;z-index:9999;box-shadow:0 8px 20px #0000001f;padding:6px}.multi-select-option{display:flex;align-items:center;gap:8px;padding:7px 8px;cursor:pointer;border-radius:6px;font-size:14px}.multi-select-option:hover{background:#f3f4f6}.multi-select-option input{width:auto}.search-header{margin-bottom:24px}.search-header h2{margin:0;font-size:28px;font-weight:700;color:#036}.search-header p{margin-top:8px;color:#64748b;font-size:15px}.search-upload-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;text-align:center;margin-bottom:20px;box-shadow:0 4px 12px #0000000d;transition:transform .18s ease,box-shadow .18s ease}.search-upload-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000014}.search-upload-icon{width:50px;height:50px;margin:0 auto;border-radius:50%;background:linear-gradient(135deg,#0a66c2,#004a99);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;box-shadow:0 8px 18px #0a66c240}.search-upload-card h3{margin:0 0 6px;color:#036}.search-upload-card p{margin:0 0 5px;color:#64748b}.search-upload-card input[type=file]{margin-top:10px;border:1px dashed #cbd5e1;border-radius:10px;padding:12px;width:min(320px,100%);background:#f8fafc}.search-history-section{margin-top:10px}.search-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.search-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.search-history-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #00000014}.history-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.history-card-top h4{margin:0;color:#036;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.history-card-body{display:flex;flex-direction:column;gap:8px;color:#475569;font-size:14px}.history-best-match{margin-top:8px;padding:7px 10px;color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;font-size:.9rem}.history-best-match span{font-weight:600}.history-result-message{margin-top:10px;padding:8px 10px;border-radius:6px;min-height:42px}.history-result-message.match_found{color:#1e7e34;background:#ecfdf5;border:1px solid #bbf7d0}.history-result-message.no_match{color:#a71d2a;background:#fef2f2;border:1px solid #fecaca}.history-result-message.processing{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.history-result-message.failed{color:#a71d2a;background:#fef2f2;border:1px solid #fecaca}.empty-history{background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:28px;text-align:center;color:#64748b}.upload-file-chip{margin-top:12px;padding:10px 14px;border-radius:999px;background:#0a66c214;color:#0a66c2;display:flex;align-items:center;gap:12px;max-width:90%;text-align:center;word-break:break-word}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-header h3{margin:0;color:#036}.status-badge.pending{background:#ffc1072e;color:#9a6b00;border:1px solid rgba(255,193,7,.35)}.status-badge.processing{background:#3b82f629;color:#1d4ed8;border:1px solid rgba(59,130,246,.3)}.status-badge.completed{background:#28a7452e;color:#1e7e34;border:1px solid rgba(40,167,69,.35)}.status-badge.failed{background:#dc35452e;color:#a71d2a;border:1px solid rgba(220,53,69,.35)}.search-upload-card.drag-active{border:2px dashed #0a66c2;background:#0a66c20d;transform:scale(1.01)}.show-more-btn{background:none;border:none;cursor:pointer;color:#0a66c2;font-size:14px;font-weight:500;padding:0}.show-more-btn:hover{text-decoration:underline}.search-upload-card input[type=file]{display:block;width:fit-content;margin:14px auto 0;padding:12px 16px;border:1px dashed #cbd5e1;border-radius:10px;background:#f8fafc}.primary-btn:disabled,.primary-btn.btn-disabled{background:#94a3b8!important;cursor:not-allowed;opacity:.75}.upload-controls{display:flex;flex-direction:column;align-items:center;gap:10px}.browse-btn{width:150px;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;padding:12px 18px;cursor:pointer;font-weight:600;transition:background .15s ease,border-color .15s ease,transform .15s ease}.browse-btn:hover{background:#f8fafc;border-color:#0a66c2;transform:translateY(-1px)}.remove-file-btn{border:none;background:#00000014;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;transition:background .15s ease,transform .15s ease}.remove-file-btn:hover{background:#dc35452e;transform:scale(1.08)}.meta-section{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:14px;margin-bottom:14px}.meta-section h4{margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.08);color:#036;font-size:14px;font-weight:700}.match-banner{display:flex;align-items:center;gap:16px;padding:16px;margin-bottom:12px;border-radius:10px;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #bbf7d0}.match-score{font-size:32px;font-weight:800;color:#15803d;min-width:80px;text-align:center}.match-material{font-size:18px;font-weight:700}.match-subtitle{font-size:13px;opacity:.75}.match-count{margin-top:4px;font-size:13px;color:#64748b}.match-item{border:1px solid rgba(0,0,0,.08);border-radius:10px;margin-bottom:10px;overflow:hidden}.match-item.active{border-color:#0a66c2}.match-item-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer;background:#f8fafc}.match-item-header:hover{background:#0033660d}.match-item-body{padding:12px 14px;background:#fff;display:flex;flex-direction:column;gap:8px}.plot-mode-switcher{display:flex;gap:10px;margin-bottom:12px;justify-content:center}.plot-mode-btn{border:1px solid #dbe2ea;background:#fff;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600}.plot-mode-btn:hover{background:#f5f7fa}.plot-mode-btn.active{background:#0a66c2;color:#fff;border-color:#0a66c2}.spectra-plot{position:relative}.plot-overlay-labels{display:flex;align-items:center;gap:16px;background:#ffffffe6;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:600}.plot-label.uploaded{color:#1f4fd8}.plot-label.matched{color:#16a34a}.no-match-banner{padding:14px;border-radius:10px;background:#f8fafc;border:1px dashed #cbd5e1;color:#475569;text-align:center;font-weight:600}.match-item-right{display:flex;align-items:center;gap:10px}.match-item-header{cursor:pointer}.match-item-body{margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.08)}.status-badge.match_found{background:#28a7452e;color:#1e7e34;border:1px solid rgba(40,167,69,.35)}.status-badge.no_match{background:#dc35452e;color:#a71d2a;border:1px solid rgba(220,53,69,.35)}.status-badge.match_found,.status-badge.no_match{min-width:105px;display:inline-flex;align-items:center;justify-content:center}.plot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-shrink:0}.active-match-title{font-size:14px;font-weight:600;color:#036}.match-view-btn{border:1px solid #2563eb;background:#fff;color:#2563eb;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.match-view-btn.selected{background:#2563eb;color:#fff}.new-badge{background:#dc2626;color:#fff;animation:pulseNew 1.5s infinite}@keyframes pulseNew{0%{transform:scale(1);box-shadow:0 0 #dc262680}70%{transform:scale(1.05);box-shadow:0 0 0 8px #dc262600}to{transform:scale(1);box-shadow:0 0 #dc262600}}.import-badges{display:flex;gap:6px}.import-spinner-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px}.import-spinner{width:42px;height:42px;border:4px solid #e2e8f0;border-top:4px solid #0a66c2;border-radius:50%;animation:spin 1s linear infinite}.import-spinner-text{font-weight:600;color:#0a66c2}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-overlay{position:fixed;inset:0;background:#00000059;display:flex;justify-content:center;align-items:center;z-index:3000}.profile-modal{width:480px;max-width:90vw;background:#fff;border-radius:12px;padding:24px}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.profile-body{display:flex;flex-direction:column}.profile-row{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:10px}.user-email{font-size:13px;color:#666;margin-top:2px;margin-bottom:2px}.audit-section-locked{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none;cursor:not-allowed;filter:grayscale(.4)}.spectra-sheet-body.smartsearch-detail-body{grid-template-columns:minmax(540px,.95fr) minmax(0,1.35fr)}.smartsearch-results-section{overflow:hidden}.smartsearch-results-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.smartsearch-results-header h4{margin:0 0 8px;padding:0;border-bottom:none}.smartsearch-selection-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;color:#64748b;font-size:12px;font-weight:600}.smartsearch-select-btn{border:1px solid #2563eb;background:#fff;color:#2563eb;padding:6px 10px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer}.smartsearch-select-btn:hover{background:#eff6ff}.smartsearch-table-wrapper{width:100%;overflow-x:auto;border:1px solid #e2e8f0;border-radius:9px}.smartsearch-results-table{width:100%;min-width:650px;border-collapse:collapse;background:#fff;color:#1e293b;font-size:12px}.smartsearch-results-table th,.smartsearch-results-table td{padding:10px 5px;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;text-align:left;vertical-align:top}.smartsearch-results-table th{position:sticky;top:0;z-index:1;background:#f8fafc;color:#334155;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.smartsearch-results-table th:first-child,.smartsearch-results-table td:first-child{width:38px;min-width:38px;text-align:center}.smartsearch-results-table tbody tr:last-child td{border-bottom:none}.smartsearch-results-table tbody tr{transition:background-color .15s ease,box-shadow .15s ease}.smartsearch-results-table tbody tr:hover{background:#f8fafc}.smartsearch-results-table tbody tr.selected{background:#eff6ff;box-shadow:inset 3px 0 #2563eb}.smartsearch-results-table input[type=checkbox]{width:16px;height:16px;accent-color:#2563eb;cursor:pointer}.smartsearch-spectrum-name{min-width:145px;color:#0f2f57;font-weight:700;line-height:1.35}.smartsearch-error-banner{padding:12px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#991b1b;font-size:13px;line-height:1.45}.smartsearch-detail-body .plot-mode-btn:disabled{opacity:.45;cursor:not-allowed}.smartsearch-detail-body .plot-mode-btn:disabled:hover{background:#fff}.spectra-sheet-body.smartsearch-detail-body{grid-template-columns:460px minmax(0,1fr)}@media(max-width:850px){.spectra-sheet-body.smartsearch-detail-body{grid-template-columns:1fr;grid-template-rows:auto minmax(520px,1fr);overflow-y:auto}.smartsearch-detail-body .spectra-meta{overflow:visible}.smartsearch-detail-body .spectra-plot{min-height:520px}}@media(max-width:700px){.spectra-sheet-body.smartsearch-detail-body{padding:8px;gap:10px}.smartsearch-results-header{flex-direction:column}.smartsearch-selection-actions{justify-content:flex-start}.smartsearch-results-table{min-width:620px}.smartsearch-detail-body .spectra-plot{min-height:440px}.smartsearch-detail-body .plot-mode-switcher{flex-wrap:wrap}}.smartsearch-spectrum-device{margin-top:3px;color:#64748b;font-size:11px}.smartsearch-reference{min-width:150px;display:flex;flex-direction:column;gap:4px;line-height:1.35}.smartsearch-reference span{color:#64748b;font-weight:600}.smartsearch-organization{min-width:120px;line-height:1.35}.smartsearch-organization>div{font-weight:600}.smartsearch-organization>span{display:inline-block;margin-top:4px;padding:2px 6px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:10px;font-weight:700}.primary-btn{background:#0a66c2;color:#fff;padding:10px 20px;border-radius:8px;border:none;cursor:pointer}.primary-btn:hover{background:#004a99}.secondary-btn{background:#e2e8f0;color:#036;padding:8px 14px;border-radius:8px;cursor:pointer;border:none}.secondary-btn:hover{background:#cbd5e1}*/ *{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Segoe UI,Arial,sans-serif;background-color:#f8fafc;color:#1e293b}.page-fade-in{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.primary-btn{background-color:#0a66c2;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;cursor:pointer;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease}.primary-btn:hover{background-color:#004a99;transform:translateY(-1px);box-shadow:0 4px 10px #0f172a2e}.secondary-btn{background-color:#e2e8f0;color:#036;border:none;border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.secondary-btn:hover{background-color:#cbd5e1;transform:translateY(-1px)}input,select,button{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.sidebar{background:#fff;border-right:1px solid #e2e8f0;width:70px;transition:width .25s ease;height:100vh;position:fixed;top:0;left:0;overflow-y:auto;display:flex;flex-direction:column;z-index:900;align-items:center}.sidebar.expanded{width:240px}.sidebar-header{display:flex;justify-content:center;padding:15px 10px}.logo{width:90%;height:auto}.menu{display:flex;flex-direction:column;margin-top:10px}.menu-item{display:flex;align-items:center;gap:12px;padding:10px 14px;color:#1e293b;text-decoration:none;border-radius:8px;margin:4px 6px;transition:background .18s ease,transform .12s ease}.menu-item:hover{background:#e2e8f0;transform:translate(2px)}.icon{font-size:18px;width:24px;text-align:center}.label{white-space:nowrap}@media(max-width:768px){.sidebar{height:auto;width:100%;position:relative;flex-direction:row;overflow-x:auto;overflow-y:visible}.sidebar.expanded{width:100%}.menu{flex-direction:row;padding-bottom:10px}.menu-item{margin:4px}}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#9ca3af;color:#036;border-bottom:1px solid #cbd5e1;box-shadow:0 1px 2px #0f172a14}.topbar h2{font-size:18px;font-weight:600}.user-info{display:flex;align-items:center;gap:10px}.user-name{font-weight:500}.logout-btn{background:#0a66c2;color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:13px;transition:background-color .2s ease,transform .1s ease}.logout-btn:hover{background:#004a99;transform:translateY(-1px)}@media(max-width:768px){.topbar{flex-direction:column;align-items:flex-start;gap:8px}}.dashboard-container{display:flex;min-height:100vh}.main{flex:1;margin-left:70px;display:flex;flex-direction:column;transition:margin-left .25s ease}.sidebar.expanded~.main{margin-left:240px}.content{padding:24px 30px;flex:1;overflow-y:auto}.content h2{color:#036;margin-bottom:8px}.content .description{color:#023e7d;margin-bottom:24px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tile{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px;box-shadow:0 2px 5px #0f172a0d;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tile:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0f172a1f;border-color:#cbd5e1}.tile-icon{font-size:22px;margin-bottom:10px;color:#0a66c2}.tile h3{margin:0;color:#036}.tile p{margin-top:4px;font-size:14px;color:#023e7d}@media(max-width:1024px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.main{margin-left:0}.tiles{grid-template-columns:1fr}.content{padding:18px 16px}}.upload-box{background:#fff;border:2px dashed #cbd5e1;border-radius:12px;padding:32px;text-align:center;margin-bottom:24px;color:#475569;transition:border-color .18s ease,box-shadow .18s ease,transform .12s ease}.upload-box:hover{border-color:#0a66c2;box-shadow:0 4px 12px #0f172a14;transform:translateY(-2px)}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:10px}.filter-item label{display:block;margin-bottom:6px;font-weight:500;color:#036}.filter-item input,.filter-item select{width:100%;padding:10px;border-radius:8px;border:1px solid #cbd5e1;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.filter-item input:focus,.filter-item select:focus{border-color:#0a66c2;box-shadow:0 0 0 2px #0a66c233}.btn-row{display:flex;justify-content:flex-end;margin-top:20px}@media(max-width:1024px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.filters{grid-template-columns:1fr}.upload-box{padding:24px 18px}}.search-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:#fff;padding:18px;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:20px}.search-row input,.search-row select{padding:10px;border-radius:8px;border:1px solid #cbd5e1;min-width:160px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.search-row input:focus,.search-row select:focus{border-color:#0a66c2;box-shadow:0 0 0 2px #0a66c233}.spectra-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.spectra-table th{background:#e2e8f0;padding:12px;text-align:left;font-weight:600;color:#036}.spectra-table td{padding:12px;border-top:1px solid #e2e8f0;color:#023e7d;font-size:14px}@media(max-width:768px){.spectra-table,.spectra-table thead,.spectra-table tbody,.spectra-table th,.spectra-table td,.spectra-table tr{display:block;width:100%}.spectra-table thead{display:none}.spectra-table tr{margin-bottom:10px;border-bottom:1px solid #e2e8f0;padding:10px;background:#fff}.spectra-table td{border:none;padding:4px 0}.spectra-table td:before{content:attr(data-label);font-weight:600;display:inline-block;width:120px;color:#036}}.footer{text-align:center;padding:10px 16px;border-top:1px solid #e2e8f0;font-size:13px;color:#023e7d;background-color:#e5e7eb}