@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap";:root{--color-dark: #47525A;--color-teal: #75A4AA;--color-gold: #A99977;--color-orange: #F29640;--color-green: #6aaa7a;--color-bg: #F5F7FA;--color-white: #FFFFFF;--color-border: #E2E8F0;--color-border-light: #EEF2F7;--color-text: #2D3748;--color-text-muted: #718096;--color-text-light: #A0AEC0;--color-state-unassigned: #b0b8c1;--color-state-assigned: #75A4AA;--color-state-to_be_verified: #F29640;--color-state-verified: #A99977;--color-state-published: #6aaa7a;--color-state-retracted: #e07070;--color-state-cancelled: #c0c0c0;--color-overdue-bg: #FEF2F2;--color-overdue-text: #DC2626;--color-overdue-border: #FECACA;--font-family: "DM Sans", system-ui, -apple-system, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04);--shadow-card-hover: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-drawer: -8px 0 40px rgba(0,0,0,.12);--shadow-header: 0 1px 0 var(--color-border), 0 2px 8px rgba(0,0,0,.04);--transition-fast: .15s ease;--transition-medium: .25s ease;--transition-drawer: .32s cubic-bezier(.4, 0, .2, 1);--header-height: 60px;--statusbar-height: 26px;--column-width: 300px;--drawer-width: 680px}.board{display:flex;flex-direction:row;gap:var(--space-4);padding:var(--space-6);overflow-x:auto;min-height:calc(100vh - var(--header-height));align-items:flex-start;transition:padding-bottom var(--transition-drawer)}.board--drawer-open{padding-bottom:calc(55vh + var(--statusbar-height) + var(--space-6));transition:padding-bottom var(--transition-drawer)}.board__primary,.board__secondary{display:contents}.board__secondary-divider{width:1px;background:var(--color-border);align-self:stretch;flex-shrink:0;margin:0 var(--space-1);opacity:.6}.collapsed-column{flex:0 0 36px;min-height:80px;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);background:var(--color-white);border:1px solid var(--color-border);border-left-width:3px;border-radius:var(--radius-md);cursor:pointer;transition:box-shadow var(--transition-fast),opacity var(--transition-fast);font-family:var(--font-family);opacity:.75}.collapsed-column:hover{box-shadow:var(--shadow-card-hover);opacity:1}.collapsed-column__count{font-size:var(--font-size-xs);font-weight:700;color:var(--color-white);border-radius:10px;padding:1px 5px;min-width:18px;text-align:center;flex-shrink:0}.collapsed-column__label{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap}.collapsed-column--expanded{position:relative;flex:0 0 var(--column-width)}.collapsed-column__collapse-btn{position:absolute;top:var(--space-2);right:var(--space-2);z-index:1;width:22px;height:22px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-text-muted);cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.collapsed-column__collapse-btn:hover{background:var(--color-dark);color:var(--color-white)}.column{flex:0 0 var(--column-width);height:calc(100vh - var(--header-height) - var(--space-6) * 2);background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-card)}.column__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.column__title{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.column__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.column__count{font-size:var(--font-size-sm);font-weight:600;color:var(--color-white);background:var(--color-text-muted);border-radius:20px;padding:1px 8px;min-width:24px;text-align:center}.column__body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);flex:1;overflow-y:auto;min-height:0}.column__footer{padding:var(--space-3);border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.column__pager-info{font-size:var(--font-size-xs);color:var(--color-text-light)}.column__sort{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-light);background:var(--color-bg)}.column__sort-select{flex:1;min-width:0;padding:3px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-family);color:var(--color-text-muted);background:var(--color-white);cursor:pointer;outline:none}.column__sort-select:focus{border-color:var(--color-teal)}.column__sort-order{flex-shrink:0;width:26px;height:26px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast)}.column__sort-order:hover{background:var(--color-teal);color:var(--color-white);border-color:var(--color-teal)}.column__refresh-error{margin:var(--space-2) var(--space-3) 0;padding:var(--space-2) var(--space-3);background:#fff7ed;border:1px solid #FED7AA;border-radius:var(--radius-md);color:#c2410c;font-size:var(--font-size-xs);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);animation:fadeIn .2s ease forwards}.column__refresh-error-dismiss{background:none;border:none;color:#c2410c;cursor:pointer;font-size:12px;padding:0 2px;line-height:1;opacity:.7;transition:opacity var(--transition-fast);flex-shrink:0}.column__refresh-error-dismiss:hover{opacity:1}.column__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.column__error{margin:var(--space-3);padding:var(--space-3);background:#fef2f2;border:1px solid #FECACA;border-radius:var(--radius-md);color:#dc2626;font-size:var(--font-size-sm);text-align:center}.column__empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-light);font-size:var(--font-size-sm)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-teal);border-radius:50%;animation:spin .8s linear infinite}.spinner--sm{width:14px;height:14px;border-width:2px}.sample-card__link-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-sm);color:var(--color-text-light);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.sample-card__link-btn:hover{background:var(--color-teal);color:var(--color-white)}.sample-card--active .sample-card__link-btn{color:#ffffffb3}.sample-card--active .sample-card__link-btn:hover{background:#fff3;color:var(--color-white)}.state-filter{display:flex;flex-direction:column;padding:var(--space-6);min-height:calc(100vh - var(--header-height))}.state-filter--drawer-open{padding-bottom:calc(55vh + var(--space-6))}.state-filter__bar{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.state-filter__back{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-muted);transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.state-filter__badges{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.state-filter__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border:1px solid currentColor;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.state-filter__badge-remove{background:none;border:none;cursor:pointer;padding:0;font-size:10px;line-height:1;color:inherit;opacity:.6;transition:opacity var(--transition-fast);display:flex;align-items:center}.state-filter__badge-remove:hover{opacity:1}.state-filter__search-badge{font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-muted);text-transform:none;letter-spacing:0;white-space:nowrap}.state-filter__count{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-left:auto}.state-filter__sort{display:flex;align-items:center;gap:var(--space-2)}.state-filter__loading,.state-filter__error,.state-filter__empty{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-muted);font-size:var(--font-size-sm)}.state-filter__error{color:var(--color-danger, #c0392b);text-align:center}.state-filter__grid{display:flex;flex-wrap:wrap;gap:var(--space-3);align-content:flex-start}.state-filter__footer{display:flex;justify-content:center;padding:var(--space-4) 0;margin-top:var(--space-4)}.debug-icon{display:inline-flex;align-items:center;font-size:11px;opacity:.5;text-decoration:none;transition:opacity var(--transition-fast);line-height:1;flex-shrink:0;margin-left:var(--space-2)}.debug-icon:hover{opacity:1}.debug-url{display:block;margin-top:var(--space-1);font-size:10px;font-family:SF Mono,Fira Code,monospace;color:var(--color-teal);word-break:break-all;text-decoration:none;opacity:.7}.debug-url:hover{opacity:1;text-decoration:underline}.sample-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;transition:box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast);position:relative}.sample-card__link-btn{background:none;border:none;padding:0 2px;cursor:pointer;font-size:12px;color:var(--color-teal);opacity:.7;line-height:1;transition:opacity var(--transition-fast)}.sample-card__link-btn:hover{opacity:1}.column__refresh-error{margin:0 var(--space-3);padding:var(--space-1) var(--space-2);background:#fef9c3;border:1px solid #FDE68A;border-radius:var(--radius-sm);color:#92400e;font-size:var(--font-size-xs);text-align:center}.sample-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px);border-color:var(--color-teal)}.sample-card--active{border-color:var(--color-teal);box-shadow:0 0 0 2px #75a4aa40}.sample-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.sample-card__id{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:700;color:var(--color-dark);font-family:SF Mono,Fira Code,monospace;letter-spacing:-.02em}.sample-card__badges{display:flex;gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end;align-items:center}.sample-card__analysis-count{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:20px;padding:1px 7px;font-family:SF Mono,Fira Code,monospace;margin-left:var(--space-2);white-space:nowrap}.badge{display:inline-flex;align-items:center;font-size:var(--font-size-xs);font-weight:600;border-radius:20px;padding:2px 7px;white-space:nowrap}.badge--overdue{background:var(--color-overdue-bg);color:var(--color-overdue-text);border:1px solid var(--color-overdue-border)}.badge--count{background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.sample-card__client,.sample-card__type{display:flex;align-items:center;gap:var(--space-1)}.sample-card__client{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500;margin-bottom:var(--space-1)}.sample-card__type{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}.sample-card__filterable-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sample-card__filter-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;color:var(--color-text-light);cursor:pointer;border-radius:var(--radius-sm);padding:0;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.sample-card:hover .sample-card__filter-btn{opacity:1}.sample-card__filter-btn:hover{color:var(--color-teal)}.sample-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-light)}.sample-card__date{font-size:var(--font-size-xs);color:var(--color-text-light);display:flex;flex-direction:column;gap:1px}.sample-card__date span{display:flex;align-items:center;gap:var(--space-1)}.sample-card__date .label{font-weight:600;color:var(--color-text-muted);min-width:28px}.sample-card__analyses{display:flex;gap:3px}.analysis-dot{width:7px;height:7px;border-radius:50%;background:var(--color-border)}.analysis-dot--done{background:var(--color-green)}.analysis-dot--pending{background:var(--color-orange)}.sample-card__progress{display:flex;align-items:center;gap:var(--space-2)}.sample-card__progress-bar{width:60px;flex:none;height:5px;background:var(--color-border);border-radius:99px;overflow:hidden}.sample-card__progress-fill{height:100%;background:#4a90d9;border-radius:99px;transition:width .3s ease,background .3s ease}.sample-card__progress-fill--complete{background:var(--color-green)}.sample-card__progress-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600;white-space:nowrap;min-width:28px;text-align:right}.analysis-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);transition:box-shadow var(--transition-fast)}.analysis-card:hover{box-shadow:var(--shadow-card-hover)}.analysis-card__badges{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;margin-bottom:var(--space-2)}.analysis-card__badges:empty{display:none}.analysis-card__keyword{font-size:var(--font-size-xs);font-weight:700;color:var(--color-white);background:var(--color-dark);border-radius:var(--radius-sm);padding:2px 6px;display:inline-block;font-family:SF Mono,Fira Code,monospace;letter-spacing:.04em}.analysis-card__retest-badge{font-size:var(--font-size-xs);font-weight:700;color:#92400e;background:#fef3c7;border-radius:var(--radius-sm);padding:2px 6px;display:inline-block;letter-spacing:.04em}.analysis-card__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-1);line-height:1.35}.analysis-card__method{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.analysis-card__analyst{font-size:var(--font-size-xs);color:var(--color-text-light);font-family:SF Mono,Fira Code,monospace;margin-bottom:var(--space-2)}.analysis-card__result{display:flex;align-items:baseline;gap:var(--space-1);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-light)}.analysis-card__result-value{font-size:var(--font-size-md);font-weight:700;color:var(--color-dark)}.analysis-card__result-unit{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.analysis-card__result-date{font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--space-1)}.analysis-card__dl-badge{font-size:10px;font-weight:700;letter-spacing:.05em;padding:1px 5px;border-radius:var(--radius-sm);line-height:1.4}.analysis-card__dl-badge--ldl{background:#dbeafe;color:#1d4ed8}.analysis-card__dl-badge--udl{background:#fef3c7;color:#92400e}.analysis-card__uncertainty{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:SF Mono,Fira Code,monospace;white-space:nowrap}.analysis-card__range{font-size:var(--font-size-xs);color:var(--color-text-light);font-family:SF Mono,Fira Code,monospace;white-space:nowrap}.analysis-card__no-result{font-size:var(--font-size-xs);color:var(--color-text-light);font-style:italic;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-light)}.load-more-btn{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.load-more-btn:hover:not(:disabled){background:var(--color-teal);color:var(--color-white);border-color:var(--color-teal)}.load-more-btn:disabled{opacity:.5;cursor:default}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d374859;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn var(--transition-medium) ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;bottom:var(--statusbar-height);left:0;right:0;height:55vh;min-height:320px;max-height:80vh;background:var(--color-bg);z-index:101;display:flex;flex-direction:column;box-shadow:0 -4px 24px #0000002e;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.drawer--enter{animation:slideUp var(--transition-drawer) cubic-bezier(.4,0,.2,1) forwards}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer__header{background:var(--color-white);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-6);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-shrink:0;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.drawer__header-info{display:flex;flex-direction:column;gap:var(--space-1)}.drawer__sample-id{font-size:var(--font-size-lg);font-weight:700;color:var(--color-dark);font-family:SF Mono,Fira Code,monospace;letter-spacing:-.02em;display:flex;align-items:center;gap:var(--space-2)}.drawer__senaite-link{font-size:var(--font-size-sm);color:var(--color-teal);text-decoration:none;font-family:var(--font-family);opacity:.8;transition:opacity var(--transition-fast)}.drawer__senaite-link:hover{opacity:1}.drawer__open-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--color-teal);color:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);text-decoration:none;transition:opacity var(--transition-fast);white-space:nowrap}.drawer__open-btn:hover{opacity:.85}.drawer__client{font-size:var(--font-size-base);color:var(--color-text-muted);font-weight:500}.drawer__meta{font-size:var(--font-size-xs);color:var(--color-text-light);display:flex;gap:var(--space-4);margin-top:2px}.drawer__meta span{display:flex;align-items:center;gap:var(--space-1)}.drawer__close{width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.drawer__close:hover{background:var(--color-dark);color:var(--color-white);border-color:var(--color-dark)}.drawer__body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.drawer__empty{padding:var(--space-6);text-align:center;color:var(--color-text-light);font-size:var(--font-size-sm);font-style:italic}.analysis-board{display:flex;flex-direction:row;gap:var(--space-4)}.analysis-column{flex:1 1 0;min-width:160px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column}.analysis-column__header{padding:var(--space-2) var(--space-3);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border-light)}.analysis-column__header--clickable{cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.analysis-column__header--clickable:hover{background:var(--color-bg)}.analysis-column__title{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted)}.analysis-column__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.analysis-column__count{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-muted);background:var(--color-bg);border-radius:12px;padding:1px 6px}.analysis-column__body{padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);flex:1;overflow-y:auto;max-height:calc(55vh - 160px)}.analysis-column__empty{padding:var(--space-3);text-align:center;color:var(--color-text-light);font-size:var(--font-size-xs);font-style:italic}.expanded-analysis{display:flex;flex-direction:column;gap:var(--space-3)}.expanded-analysis__bar{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}.expanded-analysis__title{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.expanded-analysis__list{display:flex;flex-direction:column;gap:var(--space-2)}.inactive-section{margin-top:var(--space-2)}.inactive-section__toggle{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-family);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background var(--transition-fast);text-transform:uppercase;letter-spacing:.05em}.inactive-section__toggle:hover{background:var(--color-border-light)}.inactive-section__body{display:flex;flex-direction:row;gap:var(--space-3);margin-top:var(--space-3)}.drawer__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.drawer__error{margin:var(--space-4);padding:var(--space-4);background:#fef2f2;border:1px solid #FECACA;border-radius:var(--radius-md);color:#dc2626;font-size:var(--font-size-sm)}.reports-section{margin-bottom:var(--space-4);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md)}.reports-section__error{padding:var(--space-2) var(--space-3);background:#fff7ed;border:1px solid #FED7AA;border-radius:var(--radius-md);color:#c2410c;font-size:var(--font-size-xs)}.reports-section__title{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.reports-section__title i{color:#dc2626}.reports-section__list{display:flex;flex-direction:column}.report-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light)}.report-row:last-child{border-bottom:none}.report-row__info{display:flex;flex-direction:column;gap:2px;min-width:0}.report-row__label{font-size:var(--font-size-sm);color:var(--color-text);font-family:SF Mono,Fira Code,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-row__meta{font-size:var(--font-size-xs);color:var(--color-text-light)}.report-row__actions{display:flex;gap:var(--space-2);flex-shrink:0}.report-row__btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:5px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.report-row__btn:hover:not(:disabled){background:var(--color-teal);color:var(--color-white);border-color:var(--color-teal)}.report-row__btn:disabled{opacity:.5;cursor:default}.reports-section__show-more{display:block;width:100%;padding:var(--space-2) var(--space-4);border:none;border-top:1px solid var(--color-border-light);background:var(--color-bg);color:var(--color-teal);font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-family);cursor:pointer;text-align:center;transition:background var(--transition-fast)}.reports-section__show-more:hover{background:var(--color-border-light)}.pdf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-medium) ease forwards}.pdf-overlay__panel{position:relative;width:min(90vw,960px);height:min(90vh,800px);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 24px 64px #00000059;display:flex;flex-direction:column;overflow:hidden}.pdf-overlay__close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:1;width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;transition:background var(--transition-fast),color var(--transition-fast)}.pdf-overlay__close:hover{background:var(--color-dark);color:var(--color-white);border-color:var(--color-dark)}.pdf-overlay__frame{flex:1;width:100%;border:none}.compare-bar{position:fixed;bottom:calc(var(--statusbar-height) + var(--space-3));left:50%;transform:translate(-50%);z-index:110;display:flex;align-items:center;gap:var(--space-3);background:var(--color-dark);color:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);box-shadow:0 4px 24px #00000040;white-space:nowrap;animation:compareBarIn var(--transition-medium) ease forwards}@keyframes compareBarIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.compare-bar__label{font-size:var(--font-size-sm);font-weight:600;opacity:.85}.compare-bar__count{font-size:var(--font-size-sm);font-weight:700;background:var(--color-teal);border-radius:20px;padding:1px 8px}.compare-bar__btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);border:none;font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:opacity var(--transition-fast)}.compare-bar__btn--compare{background:var(--color-teal);color:var(--color-white)}.compare-bar__btn--compare:hover{opacity:.85}.compare-bar__btn--clear{background:transparent;color:var(--color-white);opacity:.6}.compare-bar__btn--clear:hover{opacity:1}.sample-card__compare-btn{width:22px;height:22px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.sample-card__compare-btn:hover,.sample-card__compare-btn--active{background:var(--color-teal);color:var(--color-white);border-color:var(--color-teal)}.compare-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-medium) ease forwards}.compare-overlay__panel{position:relative;width:min(96vw,1200px);height:min(90vh,860px);background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:0 24px 64px #00000059;display:flex;flex-direction:column;overflow:hidden}.compare-overlay__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);height:48px;background:var(--color-white);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:var(--space-4)}.compare-tabs{display:flex;align-items:stretch;gap:0;height:100%}.compare-tab{height:100%;padding:0 var(--space-4);border:none;border-bottom:2px solid transparent;background:none;font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.compare-tab:hover{color:var(--color-text)}.compare-tab--active{color:var(--color-dark);border-bottom-color:var(--color-teal)}.compare-overlay__actions{display:flex;align-items:center;gap:var(--space-2)}.compare-overlay__csv-btn{height:32px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-family);font-weight:600;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.compare-overlay__csv-btn:hover{background:var(--color-dark);color:var(--color-white);border-color:var(--color-dark)}.compare-overlay__print-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.compare-overlay__print-btn:hover{background:var(--color-dark);color:var(--color-white);border-color:var(--color-dark)}.compare-overlay__title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-dark)}.compare-overlay__close{width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background var(--transition-fast),color var(--transition-fast)}.compare-overlay__close:hover{background:var(--color-dark);color:var(--color-white);border-color:var(--color-dark)}.compare-overlay__body{flex:1;min-height:0;overflow:auto;padding:var(--space-4) var(--space-6)}.compare-overlay__status{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.compare-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.compare-table th,.compare-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border-light);vertical-align:top}.compare-table__label-col{min-width:180px;width:180px;position:sticky;left:0;background:var(--color-bg);z-index:1;border-right:1px solid var(--color-border)}.compare-table__sample-header{min-width:160px;background:var(--color-white);position:sticky;top:0;z-index:2;border-bottom:2px solid var(--color-border)!important}.compare-table__corner{position:sticky;top:0;left:0;z-index:3;background:var(--color-bg);border-right:1px solid var(--color-border);border-bottom:2px solid var(--color-border)!important}.compare-table__sample-id{font-weight:700;color:var(--color-dark);font-family:SF Mono,Fira Code,monospace;font-size:var(--font-size-sm)}.compare-table__sample-type{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text);margin-top:2px}.compare-table__sample-client{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:1px}.compare-table__keyword{font-family:SF Mono,Fira Code,monospace;font-weight:700;font-size:var(--font-size-xs);color:var(--color-dark);display:block}.compare-table__analysis-title{font-size:var(--font-size-xs);color:var(--color-text-muted);display:block;margin-top:1px}.compare-table__result{font-weight:600;color:var(--color-dark)}.compare-table__unit{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:3px}.compare-table__empty{color:var(--color-text-light)}.compare-table tr:hover td,.compare-table tr:hover th.compare-table__label-col{background:var(--color-border-light)}.compare-graphs{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-4)}.compare-chart{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-4) var(--space-3)}.compare-chart__header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.compare-chart__keyword{font-size:var(--font-size-sm);font-weight:700;color:var(--color-dark);font-family:SF Mono,Fira Code,monospace;letter-spacing:.03em}.compare-chart__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.compare-chart__unit{font-size:var(--font-size-xs);color:var(--color-text-light);font-family:SF Mono,Fira Code,monospace;margin-left:auto}.compare-chart__tooltip{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-card-hover);min-width:120px}.compare-chart__tooltip-id{font-size:var(--font-size-xs);font-weight:700;color:var(--color-dark);font-family:SF Mono,Fira Code,monospace}.compare-chart__tooltip-type{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:1px}.compare-chart__tooltip-value{font-size:var(--font-size-md);font-weight:700;color:var(--color-teal);margin-top:var(--space-1)}.compare-chart__tooltip-unit{font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-muted)}.compare-chart__expand-hint{margin-left:auto;font-size:var(--font-size-xs);color:var(--color-text-light);opacity:0;transition:opacity var(--transition-fast)}.compare-chart--fill{flex:1;min-height:0;display:flex;flex-direction:column}.compare-chart--fill .recharts-responsive-container,.compare-chart--fill .recharts-wrapper{flex:1;min-height:0}.compare-chart--clickable{cursor:pointer;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.compare-chart--clickable:hover{border-color:var(--color-teal);box-shadow:var(--shadow-card-hover)}.compare-chart--clickable:hover .compare-chart__expand-hint{opacity:1}.chart-expand-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;z-index:300;display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-medium) ease forwards}.chart-expand-panel{position:relative;width:min(96vw,1100px);height:min(90vh,860px);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 24px 64px #00000059;display:flex;flex-direction:column;overflow:hidden}.chart-expand-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);gap:var(--space-3);flex-shrink:0}.chart-expand-title{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;min-width:0}.chart-expand-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.chart-expand-body{flex:1;min-height:0;padding:var(--space-4);display:flex;flex-direction:column}@media print{body[data-print-type]>*:not([data-print-root]){display:none!important}body[data-print-type] [data-print-root]{display:block!important;width:100%!important;height:auto!important;overflow:visible!important}body[data-print-type=single] .chart-expand-panel{box-shadow:none!important;border-radius:0!important;border:none!important}body[data-print-type] .compare-chart__expand-hint,body[data-print-type] .compare-overlay__header,body[data-print-type] .chart-expand-header{display:none!important}body[data-print-type=graphs] .compare-chart,body[data-print-type=single] .compare-chart{break-inside:avoid;page-break-inside:avoid}body[data-print-type=single] .compare-chart{height:420px!important;display:block!important}body[data-print-type=table] .compare-table{table-layout:fixed!important;width:100%!important;font-size:7.5pt!important;border-collapse:collapse!important}body[data-print-type=table] .compare-table th,body[data-print-type=table] .compare-table td{padding:2pt 4pt!important;font-size:7.5pt!important;word-break:break-word!important}body[data-print-type=table] .compare-table__label-col,body[data-print-type=table] .compare-table__sample-header,body[data-print-type=table] .compare-table__corner{position:static!important;min-width:unset!important}body[data-print-type=table] .compare-table__label-col{width:20%!important}}.login-screen{min-height:100vh;background:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.login-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card-hover);padding:var(--space-6);width:100%;max-width:380px}.login-card__logo{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.login-card__logo-img{width:32px;height:32px;object-fit:contain}.login-card__brand{font-size:var(--font-size-sm);font-weight:700;color:var(--color-dark);letter-spacing:.04em;text-transform:uppercase}.login-card__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-dark);margin-bottom:var(--space-1);line-height:1.2}.login-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-form__field{display:flex;flex-direction:column;gap:var(--space-1)}.login-form__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.login-form__input{padding:9px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text);background:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.login-form__input:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px #75a4aa2e}.login-form__input:disabled{opacity:.6;cursor:default}.login-form__error{font-size:var(--font-size-sm);color:var(--color-overdue-text);background:var(--color-overdue-bg);border:1px solid var(--color-overdue-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.login-form__submit{margin-top:var(--space-1);padding:10px var(--space-4);background:var(--color-dark);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.login-form__submit:hover:not(:disabled){background:var(--color-teal)}.login-form__submit:disabled{opacity:.5;cursor:default}.spinner--white{border-color:#ffffff4d;border-top-color:#fff}@media (max-width: 767px){.header{padding:0 var(--space-3);gap:var(--space-2)}.header__title{display:none}.search-box{width:auto;flex:1 1 0;min-width:0}.status-badge__text{display:none}.status-badge{padding:4px 6px}.refresh-btn__label,.refresh-btn__countdown{display:none}.refresh-btn{padding:6px 10px}.header__actions{gap:var(--space-2)}}@media (max-width: 575px){.header__logo-text,.header__divider{display:none}}@media (max-width: 991px){.board{flex-direction:column;overflow-x:hidden;align-items:stretch;padding:var(--space-3);gap:var(--space-3);min-height:calc(100dvh - var(--header-height))}.board--drawer-open{padding-bottom:calc(55vh + var(--statusbar-height) + var(--space-3))}.board__primary{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.column{flex:none;width:100%;height:auto;max-height:420px}.board__secondary{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-3)}.collapsed-column{flex:1 1 120px;min-height:unset;flex-direction:row;padding:var(--space-2) var(--space-3)}.collapsed-column__label{writing-mode:horizontal-tb;transform:none}}@media (max-width: 767px){.state-filter{padding:var(--space-3)}.state-filter--drawer-open{padding-bottom:calc(55vh + var(--space-3))}.state-filter__grid{grid-template-columns:repeat(auto-fill,minmax(min(var(--column-width),100%),1fr))}.state-filter__count{margin-left:0}}@media (max-width: 575px){.state-filter__sort{width:100%;margin-left:0}.state-filter__bar{row-gap:var(--space-2)}}@media (max-width: 767px){.drawer__header{padding:var(--space-3);gap:var(--space-2)}.drawer__body{padding:var(--space-3)}.analysis-board{flex-direction:column}.analysis-column{flex:none;width:100%;min-width:0}.analysis-column__body{max-height:none}.drawer__meta{flex-wrap:wrap;gap:var(--space-2)}}@media (max-width: 575px){.drawer__header{flex-wrap:wrap}.drawer__header-info{flex:1 1 100%;min-width:0}.drawer__close{flex-shrink:0}}@media (max-width: 575px){.compare-bar{left:var(--space-3);right:var(--space-3);transform:none;width:auto}@keyframes compareBarIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media (max-width: 767px){.compare-overlay__panel{width:100vw;height:100dvh;border-radius:0;max-height:none}.compare-overlay__body,.compare-overlay__header{padding:var(--space-3)}}@media (max-width: 767px){.pdf-overlay__panel{width:100vw;height:100dvh;border-radius:0}}@media (max-width: 575px){.login-screen{padding:var(--space-4);align-items:flex-start;padding-top:10vh}.login-card{padding:var(--space-4)}}.statusbar__right{display:flex}.statusbar__info-btn{background:none;border:none;padding:2px 6px;color:var(--color-text-muted);font-size:14px;line-height:1;cursor:pointer;transition:color var(--transition-fast)}.statusbar__info-btn:hover{color:var(--color-teal)}@media (min-width: 576px){.statusbar__info-btn{display:none}}@media (max-width: 575px){.statusbar__right{display:none}.statusbar__info-btn{display:flex;align-items:center}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app__main{flex:1;overflow:auto}.header{height:var(--header-height);background:var(--color-white);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-header);display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-4);position:sticky;top:0;z-index:50;flex-shrink:0}.header__logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.header__logo-text{font-size:var(--font-size-sm);font-weight:700;color:var(--color-dark);letter-spacing:.04em;text-transform:uppercase}.header__logo-img{width:32px;height:32px;object-fit:contain}.header__divider{width:1px;height:24px;background:var(--color-border);flex-shrink:0}.header__center{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-4);min-width:0}.header__title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text);white-space:nowrap;flex-shrink:0}.header__actions{display:flex;align-items:center;gap:var(--space-3)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:600;padding:4px 10px;border-radius:20px;border:1px solid transparent}.status-badge--online{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.status-badge--offline{background:#fef2f2;color:#dc2626;border-color:#fecaca}.status-badge--loading{background:#fffbeb;color:#d97706;border-color:#fde68a}.status-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge--online .status-badge__dot{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.refresh-btn{display:flex;align-items:center;gap:var(--space-2);padding:6px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.refresh-btn:hover:not(:disabled){background:var(--color-dark);color:var(--color-white);border-color:var(--color-dark)}.refresh-btn:disabled{opacity:.6;cursor:default}.refresh-btn__countdown{font-size:var(--font-size-xs);color:var(--color-text-light);min-width:22px;text-align:right}.user-menu{position:relative}.user-menu__trigger{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-menu__trigger:focus-visible{outline:2px solid var(--color-teal);outline-offset:2px}.user-avatar{border-radius:50%;display:block;flex-shrink:0}.user-avatar--img{object-fit:cover}.user-avatar--icon{background:var(--color-teal);color:var(--color-white);display:flex;align-items:center;justify-content:center}.user-menu__dropdown{position:absolute;top:calc(100% + 10px);right:0;width:260px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card-hover);z-index:200;overflow:hidden}.user-menu__profile{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border-light)}.user-menu__info{min-width:0}.user-menu__fullname{font-size:var(--font-size-sm);font-weight:700;color:var(--color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__email{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.user-menu__username{font-size:var(--font-size-xs);color:var(--color-text-light);font-family:SF Mono,Fira Code,monospace;margin-top:2px}.user-menu__roles{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light)}.user-menu__role{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:20px;padding:2px 8px}.user-menu__footer{padding:var(--space-3) var(--space-4)}.user-menu__logout{width:100%;padding:7px var(--space-3);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.user-menu__logout:hover{background:var(--color-overdue-bg);color:var(--color-overdue-text);border-color:var(--color-overdue-border)}.column__header--clickable{cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.column__header--clickable:hover{background:var(--color-bg)}.state-filter{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-6);min-height:calc(100vh - var(--header-height));transition:padding-bottom var(--transition-drawer)}.state-filter--drawer-open{padding-bottom:calc(55vh + var(--statusbar-height) + var(--space-6))}.state-filter__bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.state-filter__back{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.state-filter__back:hover{background:var(--color-dark);color:var(--color-white);border-color:var(--color-dark)}.state-filter__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.state-filter__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);font-weight:700;color:var(--color-dark);text-transform:uppercase;letter-spacing:.05em}.state-filter__search-badge{font-size:var(--font-size-xs);font-weight:500;color:var(--color-teal);background:#38b2ac1a;border:1px solid rgba(56,178,172,.3);border-radius:var(--radius-sm);padding:1px 6px;text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.state-filter__count{font-size:var(--font-size-sm);color:var(--color-text-muted);flex-shrink:0}.state-filter__sort{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.state-filter__loading{display:flex;justify-content:center;padding:var(--space-6)}.state-filter__error{padding:var(--space-4);background:#fef2f2;border:1px solid #FECACA;border-radius:var(--radius-md);color:#dc2626;font-size:var(--font-size-sm);text-align:center}.state-filter__empty{padding:var(--space-6);text-align:center;color:var(--color-text-light);font-size:var(--font-size-sm)}.state-filter__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--column-width),1fr));gap:var(--space-3)}.state-filter__footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-top:var(--space-2)}.search-box{position:relative;display:flex;align-items:center;width:260px;flex-shrink:1}.search-box__icon{position:absolute;left:10px;color:var(--color-text-light);font-size:var(--font-size-xs);pointer-events:none}.search-box__input{width:100%;padding:6px 32px 6px 30px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-box__input::-webkit-search-cancel-button{display:none}.search-box__input:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px #75a4aa26;background:var(--color-white)}.search-box__clear{position:absolute;right:6px;background:none;border:none;color:var(--color-text-light);font-size:10px;line-height:1;cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.search-box__clear:hover{color:var(--color-text);background:var(--color-border)}.column--search{height:auto}.column--search .column__body{overflow-y:visible}.search-results__splash{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);color:var(--color-text-muted);font-size:var(--font-size-sm);width:100%}.search-results__splash--error{color:#dc2626;background:#fef2f2;border:1px solid #FECACA;border-radius:var(--radius-md);margin:var(--space-6);width:auto;text-align:center}.auto-refresh-toggle{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-teal);font-size:var(--font-size-xs);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.auto-refresh-toggle:hover{background:var(--color-teal);color:var(--color-white);border-color:var(--color-teal)}.auto-refresh-toggle--paused{color:var(--color-text-light);border-color:var(--color-border)}.auto-refresh-toggle--paused:hover{background:var(--color-dark);color:var(--color-white);border-color:var(--color-dark)}.statusbar{position:fixed;bottom:0;left:0;right:0;height:var(--statusbar-height);background:var(--color-white);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);z-index:98;flex-shrink:0}.version-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d374880;z-index:300;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn var(--transition-medium) ease forwards}.version-overlay__panel{width:100%;background:var(--color-white);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-shadow:0 -4px 24px #00000026;overflow:hidden}.version-overlay__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light)}.version-overlay__title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-dark);text-transform:uppercase;letter-spacing:.05em}.version-overlay__close{width:26px;height:26px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-muted);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast)}.version-overlay__close:hover{background:var(--color-dark);color:var(--color-white);border-color:var(--color-dark)}.version-overlay__body{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.version-overlay__row{display:flex;align-items:baseline;gap:var(--space-3)}.version-overlay__label{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;min-width:44px;flex-shrink:0}.version-overlay__value{font-size:var(--font-size-xs);color:var(--color-text);font-family:SF Mono,Fira Code,monospace;word-break:break-all}.version-overlay__link{color:var(--color-teal);text-decoration:none}.version-overlay__link:hover{text-decoration:underline}.statusbar__count{font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.statusbar__right{align-items:center;gap:var(--space-3)}.statusbar__text{font-size:var(--font-size-xs);color:var(--color-text-light);font-family:SF Mono,Fira Code,monospace;letter-spacing:.02em;white-space:nowrap}.statusbar__link{text-decoration:none}.statusbar__link:hover{text-decoration:underline;color:var(--color-primary)}.refresh-icon{display:inline-block;transition:transform .5s ease}.refresh-icon--spinning{animation:spin .8s linear infinite}