:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-active: #1d4ed8;--color-background: #ffffff;--color-surface: #f3f4f6;--color-surface-elevated: #ffffff;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-baseline-badge: #22c55e;--color-selection-border: #3b82f6;--color-error: #ef4444;--color-warning: #f59e0b;--color-success: #10b981;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--image-viewer-sidebar-width: 220px;--image-viewer-sidebar-width-collapsed: 60px;--image-viewer-thumbnail-size: 120px;--image-viewer-header-height: 64px;--image-viewer-bottom-nav-height: 64px;--touch-target-min: 44px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-active: #2563eb;--color-background: #111827;--color-surface: #1f2937;--color-surface-elevated: #374151;--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-border: #374151;--color-border-strong: #4b5563;--color-baseline-badge: #34d399;--color-selection-border: #60a5fa;--color-error: #f87171;--color-warning: #fbbf24;--color-success: #34d399;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .5);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .6), 0 8px 10px -6px rgb(0 0 0 / .6)}}[data-theme=dark]{--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-primary-active: #2563eb;--color-background: #111827;--color-surface: #1f2937;--color-surface-elevated: #374151;--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-border: #374151;--color-border-strong: #4b5563;--color-baseline-badge: #34d399;--color-selection-border: #60a5fa;--color-error: #f87171;--color-warning: #fbbf24;--color-success: #34d399;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .5);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .6), 0 8px 10px -6px rgb(0 0 0 / .6)}[data-theme=light]{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-active: #1d4ed8;--color-background: #ffffff;--color-surface: #f3f4f6;--color-surface-elevated: #ffffff;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-baseline-badge: #22c55e;--color-selection-border: #3b82f6;--color-error: #ef4444;--color-warning: #f59e0b;--color-success: #10b981;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){:root{--color-border: #000000;--color-border-strong: #000000}[data-theme=dark],:root:not([data-theme=light]){--color-border: #ffffff;--color-border-strong: #ffffff}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1e293b;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:#2563eb;text-decoration:none}a:hover{color:#1d4ed8}.skeleton{background:linear-gradient(90deg,#f0f0f0,#e0e0e0 20%,#f0f0f0 40% 100%);background-size:200% 100%}.skeleton--shimmer{animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton--pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton--none{animation:none;background:#f0f0f0}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.authenticated-image-loading{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;width:100%;height:100%}.authenticated-image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fafafa;color:#888;font-size:.75rem;gap:.5rem;padding:.5rem;text-align:center}.authenticated-image-error__icon{font-size:1.25rem;opacity:.6}.authenticated-image-error__message{color:#888}.authenticated-image-error__retry{padding:.25rem .5rem;font-size:.7rem;background:#f0f0f0;border:1px solid #ddd;border-radius:3px;cursor:pointer;transition:background .2s ease}.authenticated-image-error__retry:hover{background:#e8e8e8}.skeleton-lesion-list{padding:1rem}.skeleton-lesion-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0}.skeleton-lesion-list__item{padding:1rem;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:.5rem}.skeleton-lesion-list__item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skeleton-lesion-list__item-footer{display:flex;justify-content:space-between;margin-top:.5rem}.skeleton-timeline{padding:1rem;background:#fff;border-radius:8px}.skeleton-timeline__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0}.skeleton-timeline__group{margin-bottom:1.5rem;padding-left:2rem;position:relative}.skeleton-timeline__group:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:#e0e0e0}.skeleton-timeline__date{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;margin-left:-2rem}.skeleton-timeline__images{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.skeleton-timeline__image{aspect-ratio:1;border-radius:8px;overflow:hidden}.skeleton-image-viewer{display:flex;min-height:400px;background:#fff;border-radius:8px;overflow:hidden}.skeleton-image-viewer__thumbnails{width:200px;padding:1rem;border-right:1px solid #e0e0e0;background:#fafafa}.skeleton-image-viewer__thumbnail-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.skeleton-image-viewer__thumbnail{aspect-ratio:1}.skeleton-image-viewer__main{flex:1;padding:1rem;display:flex;flex-direction:column;gap:1rem}.skeleton-image-viewer__info{display:flex;gap:1rem}.skeleton-image-card{position:relative;border-radius:8px;overflow:hidden}.skeleton-image-card__image{aspect-ratio:1}.skeleton-image-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(transparent,#0006)}.language-switcher{display:flex;gap:.25rem;align-items:center;background:#ffffff1a;border-radius:.5rem;padding:.25rem}.language-btn{padding:.375rem .75rem;font-size:.875rem;font-weight:500;border:none;background:transparent;color:#ffffffb3;cursor:pointer;border-radius:.375rem;transition:all .2s ease}.language-btn:hover{background:#ffffff1a;color:#ffffffe6}.language-btn.active{background:#fff3;color:#fff;font-weight:600}.language-btn:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media(max-width:768px){.language-switcher{margin:.5rem 0}.language-btn{padding:.5rem 1rem;font-size:1rem}}.layout{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 2rem;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;box-shadow:0 2px 4px #0000001a;position:relative;z-index:100}.header-brand{display:flex;align-items:center}.brand-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff}.brand-icon{font-size:1.75rem}.brand-name{font-size:1.5rem;font-weight:700}.brand-subtitle{font-size:.75rem;opacity:.8;margin-left:.5rem}.header-nav--desktop{display:flex;gap:1.5rem}.nav-link{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:.25rem;transition:background-color .2s}.nav-link:hover{background-color:#ffffff1a}.header-user--desktop,.user-menu{display:flex;align-items:center;gap:1rem}.user-name{font-weight:500}.login-btn,.logout-btn{padding:.5rem 1rem;border:1px solid white;border-radius:.25rem;background:transparent;color:#fff;cursor:pointer;font-weight:500;transition:all .2s}.login-btn:hover,.logout-btn:hover{background:#fff;color:#2563eb}.loading-text{opacity:.8}.main-content{flex:1;padding:2rem;background-color:#f8fafc}.footer{padding:1rem 2rem;background-color:#1e293b;color:#94a3b8;text-align:center;font-size:.875rem}.footer p{margin:0}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:8px;background:transparent;border:none;cursor:pointer;z-index:110}.hamburger-line{display:block;width:24px;height:2px;background-color:#fff;border-radius:2px;transition:all .3s ease}.mobile-menu-btn--open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-btn--open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn--open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:90;opacity:0;transition:opacity .3s ease;pointer-events:none}.mobile-nav-overlay--open{opacity:1;pointer-events:auto}.mobile-nav{display:none;position:fixed;top:0;right:-100%;width:min(300px,85vw);height:100vh;background:linear-gradient(180deg,#1e40af,#1e3a8a);z-index:95;transition:right .3s ease;flex-direction:column;box-shadow:-4px 0 20px #0003}.mobile-nav--open{right:0}.mobile-nav__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-nav__title{font-size:1.25rem;font-weight:600;color:#fff}.mobile-nav__close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:1.25rem;cursor:pointer;transition:background .2s}.mobile-nav__close:hover{background:#fff3}.mobile-nav__links{flex:1;display:flex;flex-direction:column;padding:1rem 0;overflow-y:auto}.mobile-nav__link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#fff;text-decoration:none;font-size:1.1rem;font-weight:500;transition:background .2s;min-height:56px}.mobile-nav__link:hover,.mobile-nav__link:active{background:#ffffff1a}.mobile-nav__link-icon{font-size:1.25rem;width:28px;text-align:center}.mobile-nav__footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#0000001a}.mobile-nav__user{display:flex;flex-direction:column;gap:.75rem}.mobile-nav__user-name{color:#ffffffe6;font-size:.95rem}.mobile-nav__logout-btn,.mobile-nav__login-btn{width:100%;padding:.875rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;min-height:48px}.mobile-nav__logout-btn:hover,.mobile-nav__login-btn:hover{background:#fff3;border-color:#ffffff80}@media(max-width:768px){.header{padding:.5rem 1rem}.brand-subtitle{display:none}.brand-name{font-size:1.25rem}.header-nav--desktop,.header-user--desktop{display:none}.mobile-menu-btn{display:flex}.mobile-nav-overlay{display:block}.mobile-nav{display:flex}.main-content{padding:1rem}.footer{padding:.75rem 1rem;font-size:.75rem}}@media(max-width:480px){.main-content{padding:.5rem}.brand-icon{font-size:1.5rem}.brand-name{font-size:1.125rem}}.toast-container{position:fixed;top:80px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.toast-item{display:flex;align-items:flex-start;padding:14px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out;pointer-events:auto;background:#fff;border-left:4px solid}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-color:#22c55e;background:linear-gradient(to right,#22c55e1a,#fff)}.toast-error{border-color:#ef4444;background:linear-gradient(to right,#ef44441a,#fff)}.toast-warning{border-color:#f59e0b;background:linear-gradient(to right,#f59e0b1a,#fff)}.toast-info{border-color:#3b82f6;background:linear-gradient(to right,#3b82f61a,#fff)}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:14px;margin-right:12px}.toast-success .toast-icon{background:#22c55e;color:#fff}.toast-error .toast-icon{background:#ef4444;color:#fff}.toast-warning .toast-icon{background:#f59e0b;color:#fff}.toast-info .toast-icon{background:#3b82f6;color:#fff}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:14px;color:#1f2937;margin-bottom:4px}.toast-message{font-size:13px;color:#4b5563;line-height:1.4;word-break:break-word}.toast-close{flex-shrink:0;background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:0;margin-left:12px;line-height:1;transition:color .2s}.toast-close:hover{color:#4b5563}@media(max-width:480px){.toast-container{left:10px;right:10px;max-width:none}}.home{max-width:1200px;margin:0 auto}.hero{text-align:center;padding:3rem 0}.hero h1{font-size:2.5rem;color:#1e293b;margin-bottom:.5rem}.subtitle{font-size:1.25rem;color:#64748b;margin-bottom:1rem}.welcome-user{font-size:1.1rem;color:#2563eb;font-weight:500}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:2rem 0}.feature-card{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.feature-card--clickable{cursor:pointer}.feature-card--clickable:focus{outline:2px solid #2563eb;outline-offset:2px}.feature-card--clickable:hover{border-color:#2563eb}.feature-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;color:#1e293b;margin-bottom:.5rem}.feature-card p{color:#64748b;line-height:1.5}.cta{text-align:center;padding:2rem;background:#e0e7ff;border-radius:.5rem;margin-top:2rem}.cta p{color:#4338ca;font-weight:500;margin:0}.login-page{display:flex;align-items:center;justify-content:center;min-height:60vh}.login-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 24px #0000001a;max-width:400px;width:100%;overflow:hidden}.login-header{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;padding:2rem;text-align:center}.login-icon{font-size:3rem;display:block;margin-bottom:.5rem}.login-header h1{margin:0;font-size:2rem}.login-header p{margin:.5rem 0 0;opacity:.9;font-size:.9rem}.login-content{padding:2rem;text-align:center}.login-content h2{margin:0 0 .5rem;color:#1e293b}.login-content p{color:#64748b;margin-bottom:1.5rem}.login-button{width:100%;padding:.875rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.login-button:hover:not(:disabled){background:#1d4ed8}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{padding:1rem 2rem;background:#f8fafc;text-align:center;border-top:1px solid #e2e8f0}.login-footer p{margin:0;color:#64748b;font-size:.875rem}.lesion-list{padding:1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.lesion-list--loading,.lesion-list--error{text-align:center;padding:2rem;color:#666}.lesion-list--error{color:#d32f2f}.lesion-list__error-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.lesion-list__error-icon{font-size:2rem}.lesion-list__error-content p{margin:0}.lesion-list__retry-btn{padding:.5rem 1rem;background:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.lesion-list__retry-btn:hover{background:#e8e8e8;border-color:#ccc}.lesion-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0}.lesion-list__header h3{margin:0;font-size:1.25rem;color:#333}.lesion-list__add-btn{padding:.5rem 1rem;background:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.lesion-list__add-btn:hover{background:#1565c0;transform:translateY(-1px);box-shadow:0 2px 4px #1976d24d}.lesion-list__add-btn:active{transform:translateY(0)}.lesion-list__empty{text-align:center;padding:3rem 2rem;color:#666}.lesion-list__empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.lesion-list__empty h4{margin:0 0 .5rem;font-size:1.1rem;color:#333}.lesion-list__empty p{margin:0 0 1.5rem;font-size:.9rem;color:#888}.lesion-list__empty-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 8px #1976d24d}.lesion-list__empty-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1976d266}.lesion-list__empty-btn:active{transform:translateY(0)}.lesion-list__items{list-style:none;padding:0;margin:0}.lesion-list__item{padding:1rem;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease;animation:lesion-item-enter .3s ease backwards}.lesion-list__item:nth-child(1){animation-delay:.05s}.lesion-list__item:nth-child(2){animation-delay:.1s}.lesion-list__item:nth-child(3){animation-delay:.15s}.lesion-list__item:nth-child(4){animation-delay:.2s}.lesion-list__item:nth-child(5){animation-delay:.25s}.lesion-list__item:nth-child(6){animation-delay:.3s}.lesion-list__item:nth-child(7){animation-delay:.35s}.lesion-list__item:nth-child(8){animation-delay:.4s}.lesion-list__item:nth-child(n+9){animation-delay:.45s}@keyframes lesion-item-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lesion-list__item:hover{border-color:#1976d2;background:#f8fbff;box-shadow:0 2px 8px #00000014}.lesion-list__item--selected{border-color:#1976d2;background:#e3f2fd;box-shadow:0 0 0 2px #1976d24d}.lesion-list__item--selected:hover{background:#e3f2fd}.lesion-list__item--suspicious{border-left:4px solid #ff9800}.lesion-list__item--suspicious:hover{border-left-color:#f57c00}.lesion-list__item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.lesion-list__code{font-weight:600;font-size:1rem;color:#1976d2}.lesion-list__badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;transition:transform .2s ease}.lesion-list__badge--suspicious{background:#fff3e0;color:#e65100}.lesion-list__item:hover .lesion-list__badge--suspicious{transform:scale(1.05)}.lesion-list__item-body{margin-bottom:.5rem}.lesion-list__region{display:block;font-size:.875rem;color:#666}.lesion-list__diagnosis{display:block;font-size:.875rem;color:#333;margin-top:.25rem}.lesion-list__item-footer{display:flex;justify-content:space-between;font-size:.75rem;color:#999}.lesion-list__image-count{display:flex;align-items:center;gap:.25rem}.lesion-list__item-wrapper{position:relative}.image-upload{display:flex;flex-direction:column;max-height:80vh;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.image-upload__header{flex-shrink:0;margin-bottom:1rem}.image-upload__header h4{margin:0;font-size:1.125rem;color:#333}.image-upload__content{flex:1;overflow-y:auto;min-height:0}.image-upload__dropzone{border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s}.image-upload__dropzone:hover{border-color:#1976d2;background:#f5f5f5}.image-upload__input{display:none}.image-upload__label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;color:#666}.image-upload__icon{font-size:2rem}.image-upload__hint{font-size:.75rem;color:#999;margin-top:.25rem}.image-upload__paste-hint{font-size:.75rem;color:#1976d2;margin-top:.5rem;padding:.5rem .75rem;background:#e3f2fd;border-radius:4px;animation:paste-hint-fade .3s ease}@keyframes paste-hint-fade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.image-upload__preview{position:relative;border-radius:8px;overflow:hidden}.image-upload__preview img{width:100%;max-height:300px;object-fit:contain;background:#f5f5f5}.image-upload__clear{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:1rem;cursor:pointer;transition:background .2s}.image-upload__clear:hover{background:#000c}.image-upload__file-info{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding:.5rem .75rem;background:#f5f5f5;border-radius:4px;font-size:.8rem}.image-upload__filename{color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.image-upload__filesize{color:#666}.image-upload__compression-info{margin-top:.5rem;padding:.5rem .75rem;background:#e3f2fd;border-radius:4px;font-size:.8rem;color:#1565c0}.image-upload__options{margin-top:1rem;display:flex;flex-wrap:wrap;gap:1rem}.image-upload__option{display:flex;align-items:center;gap:.5rem}.image-upload__option label{font-size:.875rem;color:#666}.image-upload__option select{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.875rem}.image-upload__option--checkbox input{width:16px;height:16px}.image-upload__progress-container{margin-top:1rem}.image-upload__progress{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.image-upload__progress-bar{height:100%;background:#1976d2;transition:width .3s ease}.image-upload__progress-message{display:block;margin-top:.375rem;font-size:.75rem;color:#666;text-align:center}.image-upload__footer,.image-upload__actions{flex-shrink:0;margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0;display:flex;gap:.5rem}.image-upload__btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;min-height:44px}.image-upload__btn:disabled{opacity:.5;cursor:not-allowed}.image-upload__btn--primary{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;box-shadow:0 2px 8px #1976d24d}.image-upload__btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#1565c0,#0d47a1);transform:translateY(-1px);box-shadow:0 4px 12px #1976d266}.image-upload__btn--secondary{background:#f0f0f0;color:#333;border:1px solid #ddd}.image-upload__btn--secondary:hover:not(:disabled){background:#e0e0e0;border-color:#ccc}.image-upload--success{text-align:center}.image-upload__success-view{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;min-height:200px}.image-upload__success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;font-size:3rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 4px 12px #4caf504d;animation:success-pop .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes success-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.image-upload__success-message{margin:0 0 .5rem;font-size:1.25rem;color:#333;font-weight:600}.image-upload__success-details{margin:0;font-size:.875rem;color:#666}@media(max-width:768px){.image-upload{padding:1rem;border-radius:12px;max-height:90vh}.image-upload__dropzone{padding:1.5rem 1rem;border-radius:12px}.image-upload__footer,.image-upload__actions{flex-direction:column}.image-upload__btn{width:100%;min-height:48px;font-size:1rem;border-radius:12px}.image-upload__option select{min-height:44px;font-size:16px}.image-upload__preview{border-radius:12px}.image-upload__success-icon{width:64px;height:64px;font-size:2.5rem}.image-upload__success-message{font-size:1.125rem}}@media(hover:none)and (pointer:coarse){.image-upload__btn{min-height:48px}.image-upload__clear{width:44px;height:44px}.image-upload__option--checkbox input{width:22px;height:22px}}.ghost-capture{padding:1rem;background:#1a1a1a;border-radius:8px;color:#fff}.ghost-capture--error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;gap:1rem}.ghost-capture__error-icon{font-size:3rem;opacity:.6}.ghost-capture--error p{margin:0;color:#ccc}.ghost-capture__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ghost-capture__header h4{margin:0;font-size:1.125rem}.ghost-capture__close{width:36px;height:36px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:1.125rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ghost-capture__close:hover{background:#ffffff4d;transform:scale(1.1)}.ghost-capture__container{position:relative;width:100%;max-height:60vh;aspect-ratio:3/4;overflow:hidden;border-radius:12px;background:#000}.ghost-capture__video{width:100%;height:100%;object-fit:contain}.ghost-capture__video--mirrored{transform:scaleX(-1)}.ghost-capture__ghost{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;mix-blend-mode:overlay;transition:opacity .2s ease}.ghost-capture__ghost--mirrored{transform:scaleX(-1)}.ghost-capture__grid{position:absolute;inset:0;pointer-events:none}.ghost-capture__grid-line{position:absolute;background:#ffffff4d}.ghost-capture__grid-line--h1{top:33.33%;left:0;right:0;height:1px}.ghost-capture__grid-line--h2{top:66.66%;left:0;right:0;height:1px}.ghost-capture__grid-line--v1{left:33.33%;top:0;bottom:0;width:1px}.ghost-capture__grid-line--v2{left:66.66%;top:0;bottom:0;width:1px}.ghost-capture__grid-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.5);border-radius:50%}.ghost-capture__grid-center:before,.ghost-capture__grid-center:after{content:"";position:absolute;background:#ffffff80}.ghost-capture__grid-center:before{top:50%;left:-6px;right:-6px;height:1px;transform:translateY(-50%)}.ghost-capture__grid-center:after{left:50%;top:-6px;bottom:-6px;width:1px;transform:translate(-50%)}.ghost-capture__flash{position:absolute;inset:0;background:#fff;animation:capture-flash .2s ease-out forwards;pointer-events:none}@keyframes capture-flash{0%{opacity:1}to{opacity:0}}.ghost-capture__controls{margin-top:1rem;display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#ffffff1a;border-radius:8px}.ghost-capture__control--slider{display:flex;flex-direction:column;gap:.5rem}.ghost-capture__control--slider label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#ccc}.ghost-capture__control-icon{font-size:1rem}.ghost-capture__slider-container{display:flex;align-items:center;gap:.75rem}.ghost-capture__slider{flex:1;height:8px;-webkit-appearance:none;appearance:none;background:#fff3;border-radius:4px;outline:none;cursor:pointer}.ghost-capture__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:transform .2s ease}.ghost-capture__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.ghost-capture__slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}.ghost-capture__slider-value{min-width:45px;text-align:right;font-size:.9rem;font-weight:500;color:#fff}.ghost-capture__toggles{display:flex;gap:1rem;flex-wrap:wrap}.ghost-capture__control--toggle{display:flex;align-items:center;gap:.5rem}.ghost-capture__control--toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#4caf50}.ghost-capture__control--toggle label{display:flex;align-items:center;gap:.375rem;font-size:.9rem;color:#ccc;cursor:pointer;transition:color .2s ease}.ghost-capture__control--toggle label:hover{color:#fff}.ghost-capture__toggle-icon{font-size:.9rem}.ghost-capture__actions{margin-top:1rem;display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.ghost-capture__btn{padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px}.ghost-capture__btn:disabled{opacity:.5;cursor:not-allowed}.ghost-capture__btn--capture{background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;font-size:1.125rem;padding:1rem 2.5rem;font-weight:500;box-shadow:0 4px 12px #4caf5066;min-height:52px;animation:capture-btn-pulse 2s ease-in-out infinite}@keyframes capture-btn-pulse{0%,to{box-shadow:0 4px 12px #4caf5066}50%{box-shadow:0 4px 20px #4caf5099,0 0 0 4px #4caf5026}}.ghost-capture__btn--capture:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4caf5080;animation:none}.ghost-capture__btn--capture:active:not(:disabled){transform:translateY(0)}.ghost-capture__btn--cancel{background:#fff3;color:#fff}.ghost-capture__btn--cancel:hover:not(:disabled){background:#ffffff4d}.ghost-capture__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.ghost-capture__info{margin-top:1rem;padding:.75rem 1rem;background:#ffc10726;border:1px solid rgba(255,193,7,.3);border-radius:6px;display:flex;align-items:flex-start;gap:.5rem}.ghost-capture__info-icon{font-size:1rem;flex-shrink:0}.ghost-capture__info p{margin:0;font-size:.85rem;color:#ffc107;line-height:1.4}@media(max-width:768px){.ghost-capture{display:flex;flex-direction:column;height:calc(100vh - 80px);padding:0;border-radius:0}.ghost-capture__header{flex-shrink:0;padding:.75rem 1rem;background:#0000004d}.ghost-capture__container{flex:1;aspect-ratio:auto;border-radius:0}.ghost-capture__controls{position:fixed;bottom:0;left:0;right:0;margin:0;padding:1rem;background:linear-gradient(to top,#1a1a1afa,#1a1a1af2);border-radius:16px 16px 0 0;z-index:12}.ghost-capture__actions{position:fixed;bottom:100px;left:0;right:0;margin:0;padding:0 1rem;justify-content:center;z-index:11}.ghost-capture__btn--capture{flex:1;max-width:180px;font-size:1rem;padding:.875rem 1.5rem}.ghost-capture__btn--cancel{padding:.875rem 1.25rem}.ghost-capture__info{position:fixed;bottom:160px;left:1rem;right:1rem;margin:0;z-index:10}}@media(max-width:480px){.ghost-capture__slider{height:10px}.ghost-capture__slider::-webkit-slider-thumb{width:32px;height:32px}.ghost-capture__slider::-moz-range-thumb{width:32px;height:32px}.ghost-capture__toggles{justify-content:space-around}.ghost-capture__control--toggle input[type=checkbox]{width:24px;height:24px}.ghost-capture__control--toggle label{font-size:1rem}}.timeline-view{padding:1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;position:relative}.timeline-view--loading,.timeline-view--error,.timeline-view--empty{text-align:center;padding:3rem 2rem;color:#666}.timeline-view--error{color:#d32f2f}.timeline-view__error-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.timeline-view__error-icon{font-size:2rem}.timeline-view__error-content p{margin:0}.timeline-view__retry-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#4a90d9,#357abd);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 6px #4a90d94d}.timeline-view__retry-btn:hover{background:linear-gradient(135deg,#357abd,#2a6196);box-shadow:0 4px 12px #4a90d966;transform:translateY(-1px)}.timeline-view__retry-btn:active{transform:translateY(0);box-shadow:0 2px 4px #4a90d94d}.timeline-view__empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.timeline-view--empty h4{margin:0 0 .5rem;font-size:1.1rem;color:#333}.timeline-view--empty p{margin:0 0 .5rem;font-size:.9rem;color:#888}.timeline-view__empty-hint{font-size:.8rem;color:#aaa;padding:.75rem;background:#f8f8f8;border-radius:4px;display:inline-block;margin-top:.5rem}.timeline-view__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0}.timeline-view__header h4{margin:0;font-size:1.125rem;color:#333}.timeline-view__count{font-size:.875rem;color:#666}.timeline-view__filters{display:flex;gap:1rem;align-items:center;padding:.75rem 1rem;background:#f5f5f5;border-radius:6px;margin-bottom:1rem;flex-wrap:wrap;position:relative;z-index:15}.timeline-view__filter-group{display:flex;align-items:center;gap:.5rem}.timeline-view__filter-group label{font-size:.875rem;color:#666;font-weight:500}.timeline-view__filter-group select{padding:.375rem .75rem;border:1px solid #ccc;border-radius:4px;background:#fff;font-size:.875rem;cursor:pointer;transition:border-color .2s}.timeline-view__filter-group select:hover{border-color:#999}.timeline-view__filter-group select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.timeline-view__filter-reset{margin-left:auto;padding:.375rem .75rem;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s}.timeline-view__filter-reset:hover{background:#f44336;color:#fff;border-color:#f44336}.timeline-view__content{position:relative;padding-left:2rem}.timeline-view__content:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:#e0e0e0}.timeline-view__group{margin-bottom:1.5rem}.timeline-view__date{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;margin-left:-2rem;position:sticky;top:0;z-index:10;background-color:var(--timeline-header-bg, #f8f9fa);padding:.5rem 0;margin-top:-.5rem}.timeline-view__date-marker{width:12px;height:12px;border-radius:50%;background:#1976d2;border:2px solid #fff;box-shadow:0 1px 3px #0003;transition:transform .3s ease}.timeline-view__date-text{font-weight:600;color:#333;font-size:.875rem}.timeline-view__images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.timeline-view__image{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:3px solid transparent;background:#fff;box-shadow:0 2px 6px #0000001f}.timeline-view__image:hover{transform:scale(1.03);box-shadow:0 4px 12px #0003}.timeline-view__image--baseline{border-color:#4caf50}.timeline-view__image--selected{border-color:#2196f3;box-shadow:0 0 0 3px #2196f34d}.timeline-view__image--selected.timeline-view__image--baseline{border-color:#4caf50;box-shadow:0 0 0 3px #4caf504d}.timeline-view__image img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.timeline-view__image .authenticated-image-loading,.timeline-view__image .authenticated-image-error{position:absolute;inset:0;width:100%;height:100%}.timeline-view__annotation-indicator{position:absolute;top:.375rem;left:.375rem;width:24px;height:24px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;box-shadow:0 1px 3px #0003;z-index:5;transition:transform .3s ease}.timeline-view__image:hover .timeline-view__annotation-indicator{transform:scale(1.1)}.timeline-view__image-overlay{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(transparent,#000000b3);display:flex;flex-wrap:wrap;gap:.25rem;transition:opacity .3s ease}.timeline-view__image-type{font-size:.7rem;color:#fff;text-transform:uppercase}.timeline-view__badge{font-size:.65rem;padding:.15rem .3rem;border-radius:3px;transition:transform .3s ease}.timeline-view__badge--baseline{background:#4caf50;color:#fff}.timeline-view__badge--key{background:#ff9800;color:#fff}.timeline-view__metrics{position:absolute;top:.25rem;right:.25rem;display:flex;flex-direction:column;gap:.125rem}.timeline-view__metric{font-size:.6rem;padding:.15rem .3rem;border-radius:3px;color:#fff;transition:opacity .3s ease}.timeline-view__metric--red.timeline-view__metric--low{background:#ffcdd2;color:#c62828}.timeline-view__metric--red.timeline-view__metric--medium{background:#ef5350}.timeline-view__metric--red.timeline-view__metric--high{background:#c62828}.timeline-view__metric--brown.timeline-view__metric--low{background:#d7ccc8;color:#5d4037}.timeline-view__metric--brown.timeline-view__metric--medium{background:#8d6e63}.timeline-view__metric--brown.timeline-view__metric--high{background:#5d4037}.timeline-view__metric--blue.timeline-view__metric--low{background:#bbdefb;color:#1565c0}.timeline-view__metric--blue.timeline-view__metric--medium{background:#42a5f5}.timeline-view__metric--blue.timeline-view__metric--high{background:#1565c0}.timeline-view__quick-view{position:fixed;z-index:1000;width:300px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000040;overflow:hidden;animation:quickViewFadeIn .2s ease;pointer-events:none}@keyframes quickViewFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timeline-view__quick-view-image{width:100%;height:200px;background:#f0f0f0;overflow:hidden}.timeline-view__quick-view-image img{width:100%;height:100%;object-fit:contain}.timeline-view__quick-view-info{padding:.75rem}.timeline-view__quick-view-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.timeline-view__quick-view-type{font-weight:600;font-size:.9rem;color:#333;text-transform:uppercase}.timeline-view__quick-view-badge{font-size:.65rem;padding:.15rem .4rem;background:#4caf50;color:#fff;border-radius:3px}.timeline-view__quick-view-date{font-size:.8rem;color:#666;margin-bottom:.5rem}.timeline-view__quick-view-metrics{display:flex;flex-direction:column;gap:.375rem;padding-top:.5rem;border-top:1px solid #e0e0e0}.timeline-view__quick-view-metric{display:flex;justify-content:space-between;font-size:.8rem}.timeline-view__quick-view-metric .label{color:#666}.timeline-view__quick-view-metric .value{font-weight:500}@media(max-width:768px){.timeline-view__images{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.timeline-view__quick-view{display:none}}@media(max-width:480px){.timeline-view__images{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.timeline-view__content{padding-left:1.5rem}.timeline-view__date{margin-left:-1.5rem}}@media(hover:none)and (pointer:coarse){.timeline-view__image:hover{transform:none;box-shadow:none}.timeline-view__image--selected:hover,.timeline-view__image--baseline:hover{transform:none}.timeline-view__image:active{transform:scale(.98);box-shadow:0 2px 8px #00000026}.timeline-view__annotation-indicator:hover,.timeline-view__date-marker:hover{transform:none}}@media(min-width:768px)and (max-width:1024px){.timeline-view__filters{z-index:20;pointer-events:auto;isolation:isolate}.timeline-view__filter-group select{min-height:44px;min-width:120px;padding:.5rem .75rem;font-size:1rem}.timeline-view__filter-reset{min-height:44px;min-width:44px;padding:.5rem 1rem}}.timeline-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border-radius:4px;background:#f5f5f5;position:absolute;inset:0}.timeline-image-placeholder--pending{background:linear-gradient(135deg,#f0f0f0,#e8e8e8)}.timeline-image-placeholder__spinner{width:24px;height:24px;border:2px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;animation:timeline-spinner .8s linear infinite}@keyframes timeline-spinner{to{transform:rotate(360deg)}}.timeline-image-placeholder__text{font-size:.7rem;color:#888;text-align:center;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-image-placeholder--error{background:linear-gradient(135deg,#fafafa,#f0f0f0)}.timeline-image-placeholder__icon{font-size:1.5rem;opacity:.5}.timeline-image-placeholder--error .timeline-image-placeholder__text{color:#999}@media(max-width:480px){.timeline-image-placeholder__spinner{width:20px;height:20px}.timeline-image-placeholder__text{font-size:.65rem}.timeline-image-placeholder__icon{font-size:1.25rem}}.sync-zoom-pan-viewer{display:flex;flex-direction:column;gap:.75rem;height:100%}.sync-zoom-pan-viewer--loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:#666}.sync-zoom-pan-viewer__skeleton{position:relative;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;width:100%;height:100%;min-height:200px;border-radius:4px}.sync-zoom-pan-viewer__controls{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f5f5f5;border-radius:6px;flex-wrap:wrap}.sync-zoom-pan-viewer__controls--desktop{display:flex}.sync-zoom-pan-viewer__controls--fab{display:none}.sync-zoom-pan-viewer__btn{width:32px;height:32px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.sync-zoom-pan-viewer__btn:hover{background:#e8e8e8;border-color:#ccc}.sync-zoom-pan-viewer__btn--reset{width:auto;padding:0 .75rem;font-size:.85rem;margin-left:.5rem}.sync-zoom-pan-viewer__zoom-level{min-width:50px;text-align:center;font-size:.85rem;font-weight:500;color:#333}.sync-zoom-pan-viewer__hint{margin-left:auto;font-size:.75rem;color:#888}.sync-zoom-pan-viewer__panels{display:flex;flex:1;gap:0;min-height:0;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fafafa}.sync-zoom-pan-viewer__panel{flex:1;display:flex;flex-direction:column;min-width:0}.sync-zoom-pan-viewer__label{margin:0;padding:.5rem 1rem;background:#e8e8e8;font-size:.85rem;font-weight:500;color:#555;text-align:center;border-bottom:1px solid #ddd}.sync-zoom-pan-viewer__divider{width:2px;background:linear-gradient(to bottom,#ccc,#aaa,#ccc)}.sync-zoom-pan-viewer__image-container{flex:1;overflow:hidden;cursor:grab;position:relative;display:flex;align-items:center;justify-content:center;background:#333;min-height:300px;touch-action:none;-webkit-overflow-scrolling:auto}.sync-zoom-pan-viewer__image-container:active{cursor:grabbing}.sync-zoom-pan-viewer__image-container img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;transition:transform .05s ease-out;pointer-events:none;width:auto;height:auto}.sync-zoom-pan-viewer__error{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888;text-align:center;padding:20px;min-height:200px}.sync-zoom-pan-viewer__error-icon{font-size:2rem;margin-bottom:8px}.sync-zoom-pan-viewer__btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:none)and (pointer:coarse){.sync-zoom-pan-viewer__btn{width:44px;height:44px;font-size:1.5rem}.sync-zoom-pan-viewer__btn--reset{width:auto;padding:0 1rem;font-size:.9rem}.sync-zoom-pan-viewer__zoom-level{min-width:60px;font-size:.9rem}.sync-zoom-pan-viewer__image-container{min-height:250px}}.sync-zoom-pan-viewer__mobile-tabs{display:none}.sync-zoom-pan-viewer__mobile-tab{flex:1;padding:10px 16px;border:none;background:transparent;font-size:.9rem;font-weight:500;color:#666;border-radius:6px;cursor:pointer;transition:all .2s ease;min-height:44px}.sync-zoom-pan-viewer__mobile-tab--active{background:#fff;color:#1976d2;box-shadow:0 2px 8px #0000001a}.sync-zoom-pan-viewer__panels--mobile-stack{display:none}@media(max-width:768px){.sync-zoom-pan-viewer{gap:0;padding:0}.sync-zoom-pan-viewer__mobile-tabs,.sync-zoom-pan-viewer__panels--desktop{display:none}.sync-zoom-pan-viewer__panels--mobile-stack{display:flex;flex-direction:column;flex:1;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fafafa;gap:2px}.sync-zoom-pan-viewer__panels--mobile-stack .sync-zoom-pan-viewer__panel{flex:1;min-height:0;display:flex;flex-direction:column}.sync-zoom-pan-viewer__panels--mobile-stack .sync-zoom-pan-viewer__image-container{height:calc(45vh - 40px);min-height:180px;width:100%}.sync-zoom-pan-viewer__panels--mobile-stack .sync-zoom-pan-viewer__image-container img{width:100%;height:100%;object-fit:contain}.sync-zoom-pan-viewer__panels--mobile-stack .sync-zoom-pan-viewer__divider{width:100%;height:2px;background:linear-gradient(to right,#ccc,#aaa,#ccc);flex-shrink:0}.sync-zoom-pan-viewer__panels--mobile-stack .sync-zoom-pan-viewer__label{font-size:.75rem;padding:.375rem .75rem;flex-shrink:0}.sync-zoom-pan-viewer__hint,.sync-zoom-pan-viewer__controls--desktop{display:none}.sync-zoom-pan-viewer__controls--fab{display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:50;padding:8px 16px;gap:8px;background:#fffffff2;border-radius:28px;box-shadow:0 4px 16px #00000026;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.1)}.sync-zoom-pan-viewer__controls--fab .sync-zoom-pan-viewer__btn{width:44px;height:44px;font-size:1.25rem}.sync-zoom-pan-viewer__controls--fab .sync-zoom-pan-viewer__btn--reset{width:auto;padding:0 16px;font-size:.85rem}.sync-zoom-pan-viewer__controls--fab .sync-zoom-pan-viewer__zoom-level{min-width:50px;font-size:.85rem;font-weight:600}}@media(max-width:480px){.sync-zoom-pan-viewer__controls--fab{padding:6px 12px;gap:6px;bottom:12px}.sync-zoom-pan-viewer__controls--fab .sync-zoom-pan-viewer__btn{width:40px;height:40px}.sync-zoom-pan-viewer__controls--fab .sync-zoom-pan-viewer__btn--reset{padding:0 12px;font-size:.75rem}.sync-zoom-pan-viewer__panels--mobile-stack .sync-zoom-pan-viewer__image-container{height:calc(42vh - 30px);min-height:150px}}.sync-zoom-pan-viewer--multi{height:100%}.sync-zoom-pan-viewer__multi-panels{display:grid;gap:2px;flex:1;min-height:300px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#333}.sync-zoom-pan-viewer__multi-panels.grid-1x2{grid-template-columns:1fr 1fr}.sync-zoom-pan-viewer__multi-panels.grid-1x3{grid-template-columns:repeat(3,1fr)}.sync-zoom-pan-viewer__multi-panels.grid-2x2{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}@media(max-width:768px){.sync-zoom-pan-viewer__multi-panels.grid-1x2,.sync-zoom-pan-viewer__multi-panels.grid-1x3,.sync-zoom-pan-viewer__multi-panels.grid-2x2{grid-template-columns:1fr;grid-template-rows:auto}.sync-zoom-pan-viewer__multi-panels .sync-zoom-pan-viewer__image-container{min-height:150px}}.sync-zoom-pan-viewer__minimap{position:fixed;bottom:90px;right:20px;width:200px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;overflow:hidden;z-index:100;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sync-zoom-pan-viewer__minimap-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;font-size:.75rem;font-weight:600}.sync-zoom-pan-viewer__minimap-close{width:20px;height:20px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.sync-zoom-pan-viewer__minimap-close:hover{background:#ffffff4d;transform:rotate(90deg)}.sync-zoom-pan-viewer__minimap-content{position:relative;aspect-ratio:1;overflow:hidden;border-top:1px solid #e0e0e0}.sync-zoom-pan-viewer__minimap-image{width:100%;height:100%;object-fit:contain;background:#f5f5f5;opacity:.8}.sync-zoom-pan-viewer__minimap-viewport{position:absolute;border:2px solid #2196f3;background:#2196f31a;cursor:move;transition:all .1s ease;pointer-events:all}.sync-zoom-pan-viewer__minimap-viewport:hover{background:#2196f333;border-color:#1976d2}.sync-zoom-pan-viewer__minimap-viewport:active{background:#2196f34d;cursor:grabbing}@media(max-width:768px){.sync-zoom-pan-viewer__minimap{bottom:70px;right:10px;left:10px;width:auto;max-width:200px;margin-left:auto}}.spot-analysis-lens__crosshair-main{position:absolute;pointer-events:none;z-index:101;animation:crosshair-fade-in .15s ease-out}@keyframes crosshair-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.spot-analysis-lens__crosshair-main .spot-analysis-lens__crosshair-h,.spot-analysis-lens__crosshair-main .spot-analysis-lens__crosshair-v{position:absolute;background:#00c8ffe6;box-shadow:0 0 4px #00c8ff99}.spot-analysis-lens__crosshair-main .spot-analysis-lens__crosshair-h{width:24px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.spot-analysis-lens__crosshair-main .spot-analysis-lens__crosshair-v{width:2px;height:24px;top:50%;left:50%;transform:translate(-50%,-50%)}.spot-analysis-lens__crosshair-main .spot-analysis-lens__crosshair-center{position:absolute;width:6px;height:6px;background:#00c8ff;border:1px solid white;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #00c8ffcc}.spot-analysis-lens__magnifier{position:absolute;width:100px;height:100px;border:3px solid #1976d2;border-radius:50%;overflow:hidden;pointer-events:none;z-index:100;box-shadow:0 4px 16px #0006;background:#fff;animation:magnifier-fade-in .15s ease-out}@keyframes magnifier-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.spot-analysis-lens__magnifier img{width:100%;height:100%;object-fit:cover;border-radius:50%}.spot-analysis-lens__crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.spot-analysis-lens__crosshair-h,.spot-analysis-lens__crosshair-v{position:absolute;background:#00c8ffe6;box-shadow:0 0 4px #00c8ff99}.spot-analysis-lens__crosshair-h{width:30px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.spot-analysis-lens__crosshair-v{width:2px;height:30px;top:50%;left:50%;transform:translate(-50%,-50%)}.spot-analysis-lens__crosshair-center{position:absolute;width:6px;height:6px;background:#00c8ff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #00c8ffcc}.spot-analysis-lens__magnifier-label{position:absolute;bottom:0;left:0;right:0;background:#1976d2f2;color:#fff;text-align:center;font-size:10px;font-weight:600;padding:2px 4px}.spot-analysis-lens__tooltip{position:absolute;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px;box-shadow:0 4px 16px #0003;z-index:99;min-width:200px;max-width:220px;pointer-events:none;font-size:12px;animation:tooltip-fade-in .15s ease-out}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.spot-analysis-lens__color-swatch{width:100%;height:32px;border-radius:4px;margin-bottom:8px;border:1px solid #ddd}.spot-analysis-lens__category{font-weight:600;font-size:15px;color:#1976d2;margin-bottom:8px;text-align:center}.spot-analysis-lens__metrics{display:flex;flex-direction:column;gap:6px}.spot-analysis-lens__metric{display:flex;justify-content:space-between;padding:4px;border-radius:4px;font-weight:500}.spot-analysis-lens__metric--low{background:#e8f5e9;color:#2e7d32}.spot-analysis-lens__metric--medium{background:#fff3e0;color:#ef6c00}.spot-analysis-lens__metric--high{background:#ffebee;color:#c62828}.spot-analysis-lens__metric--pigment-low{background:#f5f5f5;color:#616161}.spot-analysis-lens__metric--pigment-medium{background:#efebe9;color:#5d4037}.spot-analysis-lens__metric--pigment-high{background:#3e2723;color:#fff}.spot-analysis-lens__metric .label{font-weight:600}.spot-analysis-lens__metric .value{font-weight:500}.spot-analysis-lens__raw-data{margin-top:8px;padding-top:8px;border-top:1px solid #eee;font-size:11px;color:#666}.spot-analysis-lens__row{display:flex;justify-content:space-between;margin-bottom:4px}.spot-analysis-lens__row .label{font-weight:600}.spot-analysis-lens__hint{margin-top:8px;padding-top:8px;border-top:1px solid #eee;font-size:11px;color:#666;text-align:center;font-style:italic}@media(max-width:768px){.spot-analysis-lens__magnifier{width:80px;height:80px}.spot-analysis-lens__tooltip{min-width:180px;max-width:200px;font-size:11px;padding:8px}.spot-analysis-lens__magnifier-label{font-size:9px}.spot-analysis-lens__category{font-size:13px}.spot-analysis-lens__raw-data{font-size:10px}}@media(hover:none)and (pointer:coarse){.spot-analysis-lens__tooltip{min-height:auto}.spot-analysis-lens__hint{font-weight:600;color:#1976d2}}.annotation-layer{position:absolute;inset:0;pointer-events:none}.annotation-layer__marker{position:absolute;width:14px;height:14px;background:#ffd700e6;border:2px solid #ff6f00;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;transition:all .2s ease;z-index:10;pointer-events:auto}.annotation-layer__marker:before{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%}.annotation-layer__marker:hover,.annotation-layer__marker.hovered{background:#ff9800f2;transform:translate(-50%,-50%) scale(1.3);z-index:20}.annotation-layer__marker.active{background:#ff5722;border-color:#bf360c;transform:translate(-50%,-50%) scale(1.4);z-index:25;box-shadow:0 0 0 4px #ff57224d}.annotation-layer__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:12px;box-shadow:0 4px 12px #00000026;min-width:200px;white-space:nowrap;z-index:30;pointer-events:auto}.annotation-layer__tooltip--active{box-shadow:0 6px 20px #00000040;border-color:#ff6f00}.annotation-layer__tooltip p{margin:0 0 8px;font-weight:600;color:#333}.annotation-layer__tooltip small{display:block;color:#666;font-size:11px;margin-bottom:8px}.annotation-layer__delete{width:100%;padding:8px 12px;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:background .2s ease,transform .1s ease;min-height:36px}.annotation-layer__delete:hover{background:#d32f2f}.annotation-layer__delete:active{transform:scale(.98)}.annotation-layer__marker[style*="top: 0%"] .annotation-layer__tooltip,.annotation-layer__marker[style*="top: 1%"] .annotation-layer__tooltip,.annotation-layer__marker[style*="top: 2%"] .annotation-layer__tooltip,.annotation-layer__marker[style*="top: 3%"] .annotation-layer__tooltip,.annotation-layer__marker[style*="top: 4%"] .annotation-layer__tooltip,.annotation-layer__marker[style*="top: 5%"] .annotation-layer__tooltip{bottom:auto;top:100%;margin-bottom:0;margin-top:10px}@media(max-width:768px){.annotation-layer__marker{width:16px;height:16px}.annotation-layer__tooltip{white-space:normal;max-width:220px;padding:14px;left:auto;right:0;transform:none;position:fixed;bottom:auto;margin-bottom:0}.annotation-layer__delete{min-height:44px;font-size:14px;padding:12px 16px}}@media(hover:none)and (pointer:coarse){.annotation-layer__marker{width:18px;height:18px}.annotation-layer__delete{min-height:44px;padding:12px 16px;font-size:14px}.annotation-layer__tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);max-width:260px}}.clinical-filters{display:flex;flex-direction:column;gap:.5rem;background:#fffffff2;border-radius:8px;padding:.5rem;box-shadow:0 2px 8px #0000001a}.clinical-filters__header{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.clinical-filters__title{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;color:#333;flex:1}.clinical-filters__title-icon{font-size:1rem}.clinical-filters__reset-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem .5rem;background:#fff3e0;border:1px solid #ffb74d;border-radius:4px;color:#e65100;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clinical-filters__reset-btn:hover{background:#ffe0b2;border-color:#ff9800}.clinical-filters__reset-icon{font-size:.75rem}.clinical-filters__reset-text{display:inline}.clinical-filters__toggle{display:none;align-items:center;justify-content:center;padding:.375rem;background:none;border:none;cursor:pointer;color:#666}.clinical-filters__toggle-arrow{transition:transform .2s ease;font-size:.7rem;color:#666}.clinical-filters__toggle-arrow.up{transform:rotate(180deg)}.clinical-filters__list{display:flex;gap:.375rem;flex-wrap:wrap}.clinical-filters__btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:.75rem;color:#666;transition:all .2s ease;white-space:nowrap}.clinical-filters__btn:hover{background:#e8e8e8;border-color:#bbb}.clinical-filters__btn.active{background:#e3f2fd;border-color:#2196f3;color:#1976d2;font-weight:500}.clinical-filters__icon{font-size:1rem}.clinical-filters__label{display:inline}.clinical-filters__short-label{display:none}.clinical-filters__active-badge{position:absolute;top:.25rem;right:.25rem;width:24px;height:24px;background:#2196f3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;box-shadow:0 2px 4px #0003}@media(min-width:769px)and (max-width:1024px){.clinical-filters__label{display:none}.clinical-filters__short-label{display:inline}.clinical-filters__btn{padding:.5rem .625rem;font-size:.7rem}}@media(max-width:768px){.clinical-filters{position:relative}.clinical-filters__toggle{display:flex}.clinical-filters.collapsed .clinical-filters__list{display:none}.clinical-filters__list{padding-top:.5rem;border-top:1px solid #e0e0e0;margin-top:.25rem}.clinical-filters__btn{flex:1;min-width:70px;justify-content:center;min-height:44px;flex-direction:column;gap:.25rem;padding:.5rem .375rem}.clinical-filters__label{display:none}.clinical-filters__short-label{display:inline;font-size:.65rem}.clinical-filters__icon{font-size:1.25rem}.clinical-filters__reset-text{display:none}.clinical-filters__reset-btn{padding:.375rem;min-width:32px;min-height:32px;justify-content:center}}@media(hover:none)and (pointer:coarse){.clinical-filters__btn{min-height:44px;padding:.625rem .75rem}.clinical-filters__reset-btn{min-height:36px;min-width:36px}}.caliper-tool{position:absolute;inset:0;pointer-events:none}.caliper-tool__controls{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:8px;z-index:20;pointer-events:auto}.caliper-tool__btn{padding:6px 12px;background:#fffffff2;border:1px solid #ddd;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.caliper-tool__btn:hover{background:#f5f5f5;border-color:#bbb}.caliper-tool__btn.active{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.caliper-tool__btn--primary{background:#2196f3;color:#fff;border-color:#1976d2}.caliper-tool__btn--primary:hover{background:#1976d2}.caliper-tool__btn--primary:disabled{background:#bdbdbd;border-color:#bdbdbd;cursor:not-allowed}.caliper-tool__btn--secondary{background:#f5f5f5;color:#666}.caliper-tool__calibration-status{font-size:.75rem;color:#4caf50;background:#fffffff2;padding:4px 8px;border-radius:4px}.caliper-tool__svg{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;pointer-events:auto}.caliper-tool__line{stroke:#ff9800;stroke-width:.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.caliper-tool__line--drawing{stroke-dasharray:2 1;animation:caliper-dash .5s linear infinite}@keyframes caliper-dash{to{stroke-dashoffset:-3}}.caliper-tool__line--calibration{stroke:#4caf50;stroke-width:.6}.caliper-tool__endpoint{fill:#ff9800;stroke:#fff;stroke-width:.3;vector-effect:non-scaling-stroke}.caliper-tool__label{font-size:3px;fill:#333;font-weight:600;paint-order:stroke fill;stroke:#fff;stroke-width:.3;stroke-linecap:round;stroke-linejoin:round}.caliper-tool__label--drawing{fill:#ff9800}.caliper-tool__delete{cursor:pointer;opacity:0;transition:opacity .2s ease}.caliper-tool__measurement:hover .caliper-tool__delete{opacity:1}.caliper-tool__calibration-dialog{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:auto}.caliper-tool__calibration-content{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:320px;width:90%}.caliper-tool__calibration-content h4{margin:0 0 .5rem;color:#333}.caliper-tool__calibration-content p{margin:0 0 1rem;font-size:.875rem;color:#666}.caliper-tool__calibration-input{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.caliper-tool__calibration-input input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.caliper-tool__calibration-input input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.caliper-tool__calibration-input span{font-weight:600;color:#666}.caliper-tool__calibration-actions{display:flex;gap:.5rem;justify-content:flex-end}@media(max-width:768px){.caliper-tool__controls{flex-direction:column;align-items:flex-start}.caliper-tool__btn{font-size:.75rem;padding:8px 12px;min-height:44px}}.trends-chart{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000001a}.trends-chart--empty,.trends-chart--single{text-align:center;color:#666;padding:2rem}.trends-chart__single-metrics{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.trends-chart__metric{padding:.5rem 1rem;border-radius:4px;font-weight:600;font-size:.9rem}.trends-chart__metric--redness{background:#ffebee;color:#c62828}.trends-chart__metric--pigmentation{background:#efebe9;color:#5d4037}.trends-chart__metric--brightness{background:#e3f2fd;color:#1565c0}.trends-chart__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.trends-chart__header h4{margin:0;font-size:1rem;color:#333}.trends-chart__legend{display:flex;gap:.5rem;flex-wrap:wrap}.trends-chart__legend-item{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid #e0e0e0;border-radius:16px;background:#fff;font-size:.75rem;cursor:pointer;transition:all .2s ease;opacity:.5}.trends-chart__legend-item.active{opacity:1;border-color:var(--metric-color)}.trends-chart__legend-item:hover{background:#f5f5f5}.trends-chart__legend-color{width:12px;height:12px;border-radius:50%;background:var(--metric-color)}.trends-chart__container{position:relative;height:200px;width:100%}.trends-chart__svg{width:100%;height:100%;overflow:visible}.trends-chart__grid-line{stroke:#e0e0e0;stroke-width:.5;stroke-dasharray:2 2}.trends-chart__axis-label{font-size:3px;fill:#666;text-anchor:end;dominant-baseline:middle}.trends-chart__line{vector-effect:non-scaling-stroke}.trends-chart__point{transition:r .15s ease;vector-effect:non-scaling-stroke}.trends-chart__point:hover{r:5}.trends-chart__date-label{font-size:3px;fill:#666;dominant-baseline:hanging}.trends-chart__tooltip{position:absolute;bottom:100%;transform:translate(-50%);background:#212121f2;color:#fff;padding:.75rem;border-radius:8px;font-size:.75rem;min-width:140px;box-shadow:0 4px 12px #0003;pointer-events:none;z-index:10;animation:tooltip-fade-in .15s ease}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.trends-chart__tooltip-date{font-weight:600;margin-bottom:.5rem;padding-bottom:.375rem;border-bottom:1px solid rgba(255,255,255,.2)}.trends-chart__tooltip-metric{margin-bottom:.25rem;font-weight:500}.trends-chart__tooltip-hint{margin-top:.5rem;padding-top:.375rem;border-top:1px solid rgba(255,255,255,.2);font-size:.65rem;color:#ffffffb3;text-align:center}@media(max-width:768px){.trends-chart__header{flex-direction:column;align-items:flex-start}.trends-chart__legend{width:100%;justify-content:flex-start}.trends-chart__legend-item{padding:.25rem .5rem;font-size:.7rem}.trends-chart__container{height:160px}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--image-viewer-bottom-nav-height, 64px);background:var(--color-surface-elevated);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;align-items:center;z-index:var(--z-fixed);box-shadow:var(--shadow-lg)}.mobile-bottom-nav__tab{position:relative;flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);min-height:var(--touch-target-min);padding:var(--spacing-xs)}.mobile-bottom-nav__tab:active{transform:scale(.95)}.mobile-bottom-nav__tab.active{color:var(--color-primary);background:#3b82f61a}.mobile-bottom-nav__tab-icon{font-size:24px;line-height:1}.mobile-bottom-nav__tab-label{font-size:11px;font-weight:500;line-height:1}.mobile-bottom-nav__tab-badge{position:absolute;top:8px;right:calc(50% - 20px);background:var(--color-primary);color:#fff;font-size:10px;font-weight:600;min-width:18px;height:18px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:var(--shadow-sm)}.mobile-bottom-nav__tab-dot{position:absolute;top:12px;right:calc(50% - 16px);width:8px;height:8px;background:var(--color-primary);border-radius:var(--border-radius-full)}.mobile-bottom-nav__sheet-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast)}.mobile-bottom-nav__sheet{position:fixed;bottom:0;left:0;right:0;max-height:70vh;background:var(--color-surface-elevated);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;box-shadow:var(--shadow-xl);z-index:var(--z-modal);animation:slideUp var(--transition-normal);overflow:hidden;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-bottom-nav__sheet-handle{width:40px;height:4px;background:var(--color-border-strong);border-radius:var(--border-radius-full);margin:var(--spacing-md) auto var(--spacing-sm);flex-shrink:0;border:none;cursor:pointer;transition:all var(--transition-fast)}.mobile-bottom-nav__sheet-handle:hover,.mobile-bottom-nav__sheet-handle:focus{background:var(--color-text-secondary);outline:2px solid var(--color-primary);outline-offset:2px}.mobile-bottom-nav__sheet-content{flex:1;overflow-y:auto;padding:0 var(--spacing-md) var(--spacing-lg);-webkit-overflow-scrolling:touch}.mobile-bottom-nav__sheet-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.mobile-bottom-nav__thumbnail-strip{display:flex;gap:var(--spacing-md);overflow-x:auto;padding-bottom:var(--spacing-md);-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.mobile-bottom-nav__thumbnail{flex-shrink:0;width:100px;cursor:pointer;scroll-snap-align:start;transition:transform var(--transition-fast)}.mobile-bottom-nav__thumbnail:active{transform:scale(.95)}.mobile-bottom-nav__thumbnail-image{position:relative;width:100px;height:100px;border-radius:var(--border-radius-md);overflow:hidden;background:var(--color-surface);border:2px solid transparent;transition:border-color var(--transition-fast)}.mobile-bottom-nav__thumbnail.selected .mobile-bottom-nav__thumbnail-image{border-color:var(--color-selection-border);box-shadow:0 0 0 1px var(--color-selection-border)}.mobile-bottom-nav__thumbnail-image img{width:100%;height:100%;object-fit:cover}.mobile-bottom-nav__baseline-badge{position:absolute;top:4px;right:4px;width:20px;height:20px;background:var(--color-baseline-badge);color:#fff;border-radius:var(--border-radius-full);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.mobile-bottom-nav__thumbnail-info{margin-top:var(--spacing-xs);text-align:center}.mobile-bottom-nav__thumbnail-date{font-size:11px;color:var(--color-text-secondary);font-weight:500}.mobile-bottom-nav__filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.mobile-bottom-nav__filter-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.mobile-bottom-nav__filter-btn:active{transform:scale(.95)}.mobile-bottom-nav__filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.mobile-bottom-nav__filter-icon{font-size:28px;line-height:1}.mobile-bottom-nav__filter-label{font-size:12px;font-weight:600;line-height:1}.mobile-bottom-nav__tool-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mobile-bottom-nav__tool-btn{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;min-height:var(--touch-target-min)}.mobile-bottom-nav__tool-btn:active{transform:scale(.98)}.mobile-bottom-nav__tool-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.mobile-bottom-nav__tool-icon{font-size:32px;line-height:1;flex-shrink:0}.mobile-bottom-nav__tool-text{display:flex;flex-direction:column;gap:4px;flex:1}.mobile-bottom-nav__tool-label{font-size:14px;font-weight:600;line-height:1.2}.mobile-bottom-nav__tool-description{font-size:12px;opacity:.8;line-height:1.3}.mobile-bottom-nav__tool-btn.active .mobile-bottom-nav__tool-description{opacity:.9}@media(min-width:769px){.mobile-bottom-nav,.mobile-bottom-nav__sheet-overlay{display:none}}.comparison-fab{position:fixed;bottom:calc(var(--image-viewer-bottom-nav-height, 64px) + var(--spacing-md));right:var(--spacing-md);width:64px;height:64px;border-radius:var(--border-radius-full);background:var(--color-primary);color:#fff;border:none;box-shadow:var(--shadow-xl);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;z-index:calc(var(--z-fixed) + 1);transition:all var(--transition-normal)}.comparison-fab:hover{background:var(--color-primary-hover);transform:scale(1.05);box-shadow:0 24px 32px -8px #0003}.comparison-fab:active{transform:scale(.95)}.comparison-fab.active{background:var(--color-success)}.comparison-fab.active:hover{background:#059669}.comparison-fab__icon{font-size:24px;line-height:1;font-weight:600}.comparison-fab__label{font-size:10px;font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.5px}@media(min-width:769px){.comparison-fab{display:none}}.comparison-fab:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:var(--border-radius-full);background:#fff9;transform:translate(-50%,-50%);transition:width var(--transition-fast),height var(--transition-fast)}.comparison-fab:active:before{width:80px;height:80px}.filter-overlay{position:fixed;width:280px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-popover);cursor:move;-webkit-user-select:none;user-select:none;transition:box-shadow var(--transition-fast)}.filter-overlay.dragging{box-shadow:0 25px 50px -12px #00000040;cursor:grabbing}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .filter-overlay{background:#1f2937f2}}[data-theme=dark] .filter-overlay{background:#1f2937f2}.filter-overlay__header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.filter-overlay__drag-handle{cursor:grab;color:var(--color-text-tertiary);display:flex;align-items:center;padding:2px}.filter-overlay.dragging .filter-overlay__drag-handle{cursor:grabbing}.filter-overlay__drag-icon{font-size:16px;line-height:1;letter-spacing:-2px}.filter-overlay__title{flex:1;margin:0;font-size:14px;font-weight:600;color:var(--color-text-primary)}.filter-overlay__close{width:28px;height:28px;border-radius:var(--border-radius-sm);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;transition:all var(--transition-fast)}.filter-overlay__close:hover{background:var(--color-surface);color:var(--color-text-primary)}.filter-overlay__content{padding:var(--spacing-md)}.filter-overlay__filters{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-overlay__button{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.filter-overlay__button:hover{background:var(--color-surface-elevated);border-color:var(--color-border-strong);transform:translate(2px)}.filter-overlay__button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translate(2px)}.filter-overlay__button-icon{font-size:20px;line-height:1;flex-shrink:0}.filter-overlay__button-label{font-size:13px;font-weight:600;flex:1}.filter-overlay__reset-all{width:100%;margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-error);color:#fff;border:none;border-radius:var(--border-radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.filter-overlay__reset-all:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.filter-overlay__reset-all:active{transform:translateY(0)}@media(max-width:768px){.filter-overlay{display:none}}.image-viewer{background:var(--color-surface-elevated);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);overflow:hidden;height:100%;display:flex;flex-direction:column}.image-viewer__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;min-height:var(--image-viewer-header-height, 64px);position:relative}.image-viewer__sidebar-toggle{display:none;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);font-size:14px;align-items:center;justify-content:center}.image-viewer__sidebar-toggle:hover{background:var(--color-surface-elevated);color:var(--color-text-primary)}.image-viewer__title{margin:0;font-size:1.25rem;color:var(--color-text-primary);flex:1}.image-viewer__header h3{margin:0;font-size:1.25rem;color:var(--color-text-primary)}.image-viewer__actions{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.image-viewer__btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface-elevated);cursor:pointer;font-size:.875rem;transition:all var(--transition-fast);display:flex;align-items:center;gap:4px;color:var(--color-text-primary);min-height:var(--touch-target-min);white-space:nowrap}.image-viewer__btn:hover{background:var(--color-surface);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.image-viewer__btn:active{transform:translateY(0)}.image-viewer__btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.image-viewer__btn-icon{display:inline;font-size:1.1em}.image-viewer__btn-text{display:inline;margin-left:4px}.image-viewer__btn--help{background:#3b82f61a;border-color:var(--color-primary);color:var(--color-primary);font-weight:500}.image-viewer__btn--help:hover{background:#3b82f626}.image-viewer__btn--comparison{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.image-viewer__btn--comparison:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.image-viewer__btn--comparison.active{background:var(--color-success);border-color:var(--color-success)}.image-viewer__btn--filters.active,.image-viewer__btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.image-viewer__btn--primary:hover{background:var(--color-primary-hover)}.image-viewer__btn--primary:disabled{background:var(--color-text-tertiary);border-color:var(--color-text-tertiary);cursor:not-allowed;opacity:.5}.image-viewer__btn--close{background:var(--color-surface-elevated);color:var(--color-text-secondary);border-radius:var(--border-radius-full);width:var(--touch-target-min);height:var(--touch-target-min);padding:0;justify-content:center;font-size:1.25rem}.image-viewer__btn--close .image-viewer__btn-text{display:none}.image-viewer__btn--close:hover{background:#ffebee;color:var(--color-error)}.image-viewer__btn-close-icon{display:flex;align-items:center;justify-content:center}.image-viewer__error{padding:var(--spacing-md);background:#ffebee;color:var(--color-error);border-bottom:1px solid #ffcdd2}.image-viewer__content{display:flex;flex:1;min-height:0;overflow:hidden;transition:all var(--transition-normal)}.image-viewer__content.sidebar-collapsed .image-viewer__thumbnails{width:var(--image-viewer-sidebar-width-collapsed)}.image-viewer__thumbnails{width:var(--image-viewer-sidebar-width);padding:var(--spacing-md);border-right:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;display:flex;flex-direction:column;min-height:0;overflow:hidden;transition:all var(--transition-normal)}.image-viewer__thumbnails.collapsed{width:var(--image-viewer-sidebar-width-collapsed)}.image-viewer__thumbnails.collapsed h4,.image-viewer__thumbnails.collapsed .image-viewer__thumbnail-info,.image-viewer__thumbnails.collapsed .image-viewer__compare-controls{display:none}.image-viewer__thumbnails h4{margin:0 0 var(--spacing-md) 0;font-size:.875rem;color:var(--color-text-secondary);font-weight:600}.image-viewer__thumbnail-list{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1;min-height:0;overflow-y:auto}.image-viewer__thumbnail{position:relative;display:flex;flex-direction:column;gap:4px;border:3px solid transparent;border-radius:var(--border-radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-fast);background:var(--color-background);padding:4px;flex-shrink:0}.image-viewer__thumbnail:hover{border-color:#3b82f64d;transform:scale(1.05);box-shadow:var(--shadow-md)}.image-viewer__thumbnail.selected{border-color:var(--color-selection-border);box-shadow:0 0 0 1px var(--color-selection-border),var(--shadow-lg)}.image-viewer__thumbnail.compare{border-color:var(--color-warning);box-shadow:0 0 0 1px var(--color-warning),var(--shadow-md)}.image-viewer__thumbnail.multi-selected{border-color:var(--color-success);box-shadow:0 0 0 1px var(--color-success),var(--shadow-md)}.image-viewer__thumbnail-image{position:relative;width:100%;min-height:var(--image-viewer-thumbnail-size);aspect-ratio:1;border-radius:var(--border-radius-sm);overflow:hidden;background:var(--color-surface)}.image-viewer__thumbnails.collapsed .image-viewer__thumbnail-image{min-height:48px}.image-viewer__thumbnail-image img{width:100%;height:100%;object-fit:cover}.image-viewer__thumbnail-image .baseline-badge{position:absolute;top:4px;right:4px;width:24px;height:24px;background:var(--color-baseline-badge);color:#fff;border-radius:var(--border-radius-full);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.image-viewer__thumbnail-image .multi-select-badge{position:absolute;top:4px;left:4px;width:24px;height:24px;background:var(--color-success);color:#fff;border-radius:var(--border-radius-full);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.image-viewer__thumbnail-info{display:flex;flex-direction:column;gap:2px;padding:2px 0}.image-viewer__thumbnail-date{font-size:.7rem;color:var(--color-text-secondary);font-weight:500;text-align:center}.image-viewer__thumbnail-baseline{font-size:.65rem;color:var(--color-baseline-badge);font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.3px}.image-viewer__compare-controls{margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.image-viewer__compare-controls label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#666;cursor:pointer;margin-bottom:12px}.image-viewer__main{flex:1;padding:16px;display:flex;flex-direction:column;gap:16px;min-height:0;overflow-y:auto}.image-viewer__side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.image-viewer__panel{display:flex;flex-direction:column;gap:12px}.image-viewer__panel h4{margin:0;font-size:.875rem;color:#666;text-align:center}.image-viewer__single{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0}.image-viewer__image-container{position:relative;background:#f0f0f0;border-radius:4px;overflow:hidden;flex:1;min-height:200px;display:flex;align-items:center;justify-content:center}.image-viewer__image-container img{width:100%;max-height:100%;object-fit:contain}.image-viewer__annotation-marker{position:absolute;width:16px;height:16px;margin-left:-8px;margin-top:-8px;background:#ff5722;border:2px solid white;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;z-index:10}.image-viewer__annotation-marker:hover{transform:scale(1.2)}.image-viewer__info{display:flex;gap:16px;font-size:.875rem;color:#666;flex-shrink:0}.image-viewer__info p{margin:0}.image-viewer__metrics{background:#f5f5f5;padding:12px;border-radius:4px;flex-shrink:0}.image-viewer__metrics h4{margin:0 0 8px;font-size:.75rem;color:#999;text-transform:uppercase}.image-viewer__metric{display:flex;justify-content:space-between;font-size:.875rem;padding:4px 0}.image-viewer__metric span:first-child{color:#666}.image-viewer__metric span:last-child{font-weight:500}.image-viewer__comparison-results{background:#e8f5e9;padding:16px;border-radius:4px;margin-top:auto}.image-viewer__comparison-results h4{margin:0 0 12px;color:#2e7d32}.image-viewer__changes{display:flex;gap:24px;margin-bottom:12px}.image-viewer__change{display:flex;flex-direction:column;gap:4px}.image-viewer__change span:first-child{font-size:.75rem;color:#666}.image-viewer__change span:last-child{font-size:1.125rem;font-weight:600}.image-viewer__change .decrease{color:#4caf50}.image-viewer__change .increase{color:#f44336}.image-viewer__summary-lines{border-top:1px solid #c8e6c9;padding-top:12px}.image-viewer__summary-lines p{margin:0 0 4px;font-size:.875rem;color:#388e3c}.image-viewer__annotation-marker.hovered{transform:scale(1.3);z-index:100}.image-viewer__annotation-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 12px;min-width:180px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-bottom:8px}.image-viewer__annotation-tooltip p{margin:0 0 4px;font-size:.875rem;color:#333}.image-viewer__annotation-tooltip small{display:block;font-size:.75rem;color:#999;margin-bottom:8px}.image-viewer__annotation-delete{display:block;width:100%;padding:4px 8px;margin-top:4px;border:none;border-radius:4px;background:#ffebee;color:#c62828;font-size:.75rem;cursor:pointer;transition:background .2s}.image-viewer__annotation-delete:hover{background:#ffcdd2}.image-viewer__admin-actions{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0;flex-shrink:0}.image-viewer__btn--secondary{background:#fff3e0;color:#e65100;border-color:#ffb74d}.image-viewer__btn--secondary:hover{background:#ffe0b2}.image-viewer__btn--secondary:disabled{background:#f5f5f5;color:#bdbdbd;border-color:#e0e0e0;cursor:not-allowed}.image-viewer__loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#999;font-size:.875rem}.image-viewer__modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.image-viewer__modal{background:#fff;border-radius:8px;padding:24px;min-width:320px;max-width:400px;box-shadow:0 8px 32px #0003}.image-viewer__modal h4{margin:0 0 16px;color:#333}.image-viewer__modal-field{margin-bottom:16px}.image-viewer__modal-field label{display:block;margin-bottom:8px;font-size:.875rem;color:#666}.image-viewer__modal-field select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.image-viewer__modal-actions{display:flex;gap:8px;justify-content:flex-end}.image-viewer__sync-toggle{display:flex;align-items:center;gap:.375rem;font-size:.85rem;cursor:pointer;padding:.25rem .5rem;background:#f0f0f0;border-radius:4px;margin-right:.5rem}.image-viewer__sync-toggle:hover{background:#e0e0e0}.image-viewer__sync-toggle input{margin:0}.image-viewer__metrics-wrapper{position:relative}.image-viewer__metrics-toggle{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f5f5f5f2;border:1px solid #e0e0e0;border-radius:4px 4px 0 0;cursor:pointer;font-size:.75rem;color:#666;transition:background .2s ease,transform .15s ease}.image-viewer__metrics-toggle:hover{background:#f0f0f0}.image-viewer__metrics-toggle:active{transform:scale(.98)}.image-viewer__metrics-toggle-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.image-viewer__metrics-toggle-icon.collapsed{transform:rotate(-90deg)}.image-viewer__metrics--collapsible{position:absolute;bottom:100%;right:0;min-width:180px;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 -2px 8px #0000001a;z-index:20;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);transform-origin:bottom right}.image-viewer__metrics--collapsible.collapsed{max-height:0;opacity:0;pointer-events:none;transform:scaleY(.95) translateY(5px)}.image-viewer__metrics--collapsible.expanded{max-height:200px;opacity:1;transform:scaleY(1) translateY(0)}.image-viewer__metrics--collapsible.expanded .image-viewer__metric{animation:metric-row-enter .3s ease forwards;opacity:0}.image-viewer__metrics--collapsible.expanded .image-viewer__metric:nth-child(1){animation-delay:.1s}.image-viewer__metrics--collapsible.expanded .image-viewer__metric:nth-child(2){animation-delay:.15s}.image-viewer__metrics--collapsible.expanded .image-viewer__metric:nth-child(3){animation-delay:.2s}@keyframes metric-row-enter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.image-viewer__content{flex-direction:column-reverse}.image-viewer__thumbnails{width:100%;max-height:none;border-right:none;border-top:1px solid #e0e0e0;border-bottom:none;padding:12px;order:2}.image-viewer__thumbnail-list{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;max-height:none;padding-bottom:.5rem;gap:10px;-webkit-overflow-scrolling:touch}.image-viewer__thumbnail{width:100px;min-width:100px;flex-shrink:0;padding:3px}.image-viewer__thumbnail-image{aspect-ratio:1}.image-viewer__thumbnail-info{padding:2px 0}.image-viewer__thumbnail-date{font-size:.65rem}.image-viewer__thumbnail-baseline{font-size:.6rem}.image-viewer__main{order:1;flex:1;min-height:0}.image-viewer__side-by-side{grid-template-columns:1fr;gap:12px}.image-viewer__compare-controls{display:flex;flex-wrap:wrap;gap:.5rem}.image-viewer__actions{flex-wrap:wrap;gap:4px}.image-viewer__btn-text{display:none}.image-viewer__btn{padding:8px 12px;font-size:1rem;min-width:44px;min-height:44px;justify-content:center}.image-viewer__btn-icon{font-size:1.1rem}.image-viewer__changes{flex-wrap:wrap;gap:12px}.image-viewer__single{position:relative}.image-viewer__image-container{max-height:50vh}.image-viewer__metrics-wrapper{position:fixed;bottom:140px;left:16px;right:16px;z-index:15}.image-viewer__metrics--collapsible{position:relative;bottom:auto;width:100%;background:#fffffffa}}@media(max-width:480px){.image-viewer__header{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;padding:12px}.image-viewer__header h3{font-size:1rem;flex:1;min-width:0}.image-viewer__actions{flex-wrap:wrap;gap:4px;justify-content:flex-end}.image-viewer__btn--help{padding:6px 8px}.image-viewer__main{padding:12px;flex:1;min-height:0}.image-viewer__info{flex-direction:column;gap:8px}.image-viewer__single{flex:1;min-height:0}}.image-viewer__thumbnail.multi-selected{border-color:#9c27b0}.multi-select-badge{position:absolute;top:4px;left:4px;width:20px;height:20px;background:#9c27b0;color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.image-viewer__mode-selector{display:flex;gap:4px;padding:4px;background:#f0f0f0;border-radius:6px;margin-top:8px}.image-viewer__mode-btn{width:36px;height:36px;border:1px solid transparent;background:#fff;border-radius:4px;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.image-viewer__mode-btn:hover{background:#e8e8e8}.image-viewer__mode-btn.active{background:#2196f3;color:#fff;border-color:#1976d2}@media(hover:none)and (pointer:coarse){.image-viewer__btn,.image-viewer__mode-btn{min-height:44px;min-width:44px}.image-viewer__mode-btn{width:44px;height:44px;font-size:1.5rem}}.image-viewer__filmstrip{display:flex;flex-direction:column;gap:12px;height:100%}.image-viewer__filmstrip-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1}.image-viewer__panel--baseline-locked{border:2px solid #4caf50;border-radius:8px;overflow:hidden}.image-viewer__panel--filmstrip{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.image-viewer__filmstrip-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f5f5f5;border-bottom:1px solid #e0e0e0}.image-viewer__filmstrip-header h4{margin:0;font-size:.875rem}.image-viewer__filmstrip-nav{display:flex;gap:8px}.image-viewer__nav-btn{width:32px;height:32px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease}.image-viewer__nav-btn:hover:not(:disabled){background:#e8e8e8}.image-viewer__nav-btn:disabled{opacity:.5;cursor:not-allowed}.image-viewer__filmstrip-info{display:flex;gap:12px;padding:8px 12px;font-size:.8rem;color:#666;background:#fafafa}.image-viewer__filmstrip-strip{display:flex;gap:8px;padding:8px;background:#f5f5f5;border-radius:8px;overflow-x:auto}.image-viewer__filmstrip-thumb{width:60px;height:60px;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;flex-shrink:0;transition:border-color .3s ease}.image-viewer__filmstrip-thumb.active{border-color:#2196f3}.image-viewer__filmstrip-thumb img{width:100%;height:100%;object-fit:cover}.image-viewer__no-baseline,.image-viewer__no-images{display:flex;align-items:center;justify-content:center;min-height:200px;color:#888;font-size:.9rem}.image-viewer__multi-grid{display:grid;gap:12px}.image-viewer__multi-grid.grid-1x2{grid-template-columns:1fr 1fr}.image-viewer__multi-grid.grid-1x3{grid-template-columns:repeat(3,1fr)}.image-viewer__multi-grid.grid-2x2{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.image-viewer__grid-panel{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.image-viewer__grid-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f5f5f5;font-size:.8rem}.image-viewer__grid-number{width:20px;height:20px;background:#2196f3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.image-viewer__grid-date{flex:1;color:#666}.image-viewer__grid-badge{background:#4caf50;color:#fff;padding:2px 6px;border-radius:3px;font-size:.7rem}.image-viewer__grid-remove{width:24px;height:24px;border:none;background:#ffebee;color:#c62828;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1;transition:background .3s ease}.image-viewer__grid-remove:hover{background:#ffcdd2}.image-viewer__grid-placeholder{border:2px dashed #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:200px;color:#888;font-size:.9rem;text-align:center;padding:20px}@media(max-width:768px){.image-viewer__filmstrip-panels,.image-viewer__multi-grid.grid-1x2,.image-viewer__multi-grid.grid-1x3,.image-viewer__multi-grid.grid-2x2{grid-template-columns:1fr}.image-viewer__nav-btn{min-height:44px;min-width:44px}}.image-viewer__image-container.spot-analysis{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.image-viewer__image-container.spot-analysis img{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.image-viewer__image-container.spot-analysis:after{content:"Move to analyze point";position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:8px 16px;border-radius:6px;font-size:.75rem;white-space:nowrap;z-index:10;pointer-events:none}@media(hover:none)and (pointer:coarse){.image-viewer__image-container.spot-analysis:after{content:"Touch to analyze point";font-size:.7rem;padding:10px 14px;bottom:12px;border-radius:8px;max-width:90%;white-space:normal;text-align:center}}.image-viewer__image-container.caliper-mode{cursor:crosshair}.image-viewer__image-container.caliper-mode:after{content:"Click and drag to measure • Use Calibrate to set scale";position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#ff9800e6;color:#fff;padding:8px 16px;border-radius:6px;font-size:.75rem;white-space:nowrap;z-index:10;pointer-events:none}.image-viewer__spot-tooltip{position:fixed;background:#fffffffa;border:1px solid #ddd;border-radius:8px;padding:12px;box-shadow:0 4px 16px #0003;z-index:1000;min-width:180px;pointer-events:none}.image-viewer__spot-color-swatch{width:100%;height:24px;border-radius:4px;margin-bottom:8px;border:1px solid #e0e0e0}.image-viewer__spot-metrics{display:flex;flex-direction:column;gap:4px;font-size:.75rem}.image-viewer__spot-row{display:flex;justify-content:space-between;gap:8px}.image-viewer__spot-row .label{color:#666;font-weight:500}.image-viewer__spot-row .value{font-family:monospace;color:#333}.image-viewer__spot-category{font-size:1rem;font-weight:700;color:#1976d2;text-align:center;padding:4px 0 8px;border-bottom:1px solid #e0e0e0;margin-bottom:8px}.image-viewer__spot-metric{display:flex;justify-content:space-between;padding:4px 0;font-weight:600;font-size:.8rem}.image-viewer__spot-metric .label{color:#555}.image-viewer__spot-metric--low .value{color:#4caf50}.image-viewer__spot-metric--medium .value{color:#ff9800}.image-viewer__spot-metric--high .value{color:#f44336}.image-viewer__spot-metric--pigment-low .value{color:#4caf50}.image-viewer__spot-metric--pigment-medium .value{color:#ff9800}.image-viewer__spot-metric--pigment-high .value{color:#795548}.image-viewer__spot-raw-data{margin-top:6px;padding-top:6px;border-top:1px solid #eee;opacity:.85;font-size:.7rem}.image-viewer__spot-raw-data .image-viewer__spot-row{padding:2px 0}.image-viewer__spot-redness{display:flex;justify-content:space-between;padding-top:4px;border-top:1px solid #eee;margin-top:4px;font-weight:600}.image-viewer__spot-redness--low .value{color:#4caf50}.image-viewer__spot-redness--medium .value{color:#ff9800}.image-viewer__spot-redness--high .value{color:#f44336}.image-viewer__spot-hint{margin-top:8px;padding-top:8px;border-top:1px solid #eee;font-size:.7rem;color:#888;text-align:center}.image-viewer__magnifier{position:fixed;width:130px;height:130px;background:#1a1a1a;border:3px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 4px 20px #0006,inset 0 0 10px #0000004d;z-index:1001;overflow:hidden;pointer-events:none;animation:magnifier-enter .15s ease}@keyframes magnifier-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.image-viewer__magnifier img{width:120px;height:120px;border-radius:50%;display:block;margin:2px;image-rendering:-webkit-crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated}.image-viewer__magnifier-label{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:.65rem;color:#fff;background:#000000b3;padding:2px 8px;border-radius:3px;white-space:nowrap}.image-viewer__slider-comparison{display:flex;flex-direction:column;gap:12px;animation:slider-view-enter .3s ease}@keyframes slider-view-enter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.image-viewer__slider-labels{display:flex;justify-content:space-between;padding:0 4px}.image-viewer__slider-label{font-size:.8rem;color:#666;font-weight:500}.image-viewer__slider-label--before{color:#e65100}.image-viewer__slider-label--after{color:#1976d2}.image-viewer__slider-container{position:relative;width:100%;aspect-ratio:4/3;background:#f0f0f0;border-radius:8px;overflow:hidden;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}.image-viewer__slider-image{position:absolute;inset:0;width:100%;height:100%}.image-viewer__slider-image img{width:100%;height:100%;object-fit:contain}.image-viewer__slider-image--before{z-index:1}.image-viewer__slider-image--after{z-index:2}.image-viewer__slider-handle{position:absolute;top:0;bottom:0;width:4px;margin-left:-2px;z-index:10;cursor:ew-resize;display:flex;align-items:center;justify-content:center}.image-viewer__slider-line{position:absolute;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#ffffffe6,#fff,#ffffffe6);box-shadow:0 0 8px #0006}.image-viewer__slider-grip{position:relative;width:44px;height:44px;background:linear-gradient(135deg,#fff,#f5f5f5);border-radius:50%;box-shadow:0 2px 8px #0000004d;display:flex;align-items:center;justify-content:center;gap:4px;font-size:.65rem;color:#666;transition:transform .2s ease,box-shadow .2s ease}.image-viewer__slider-grip:hover{transform:scale(1.1);box-shadow:0 4px 12px #0006}.image-viewer__slider-grip:active{transform:scale(1.05)}.image-viewer__slider-info{display:flex;justify-content:space-between;font-size:.8rem;color:#666;padding:8px 12px;background:#f5f5f5;border-radius:4px}.image-viewer__slider-date{display:flex;gap:4px}.image-viewer__slider-date strong{color:#333}@media(max-width:768px){.image-viewer__slider-container{aspect-ratio:1}.image-viewer__slider-grip{width:48px;height:48px}.image-viewer__slider-info{flex-direction:column;gap:4px}}.image-viewer__keyboard-help-panel{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:500px;width:90%;max-height:80vh;overflow:auto;animation:slideUp .3s ease-out}.image-viewer__keyboard-help-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#f0f7ff,#e3f2fd)}.image-viewer__keyboard-help-header h4{margin:0;font-size:1.25rem;color:#1976d2;display:flex;align-items:center;gap:.5rem}.image-viewer__keyboard-help-close{width:32px;height:32px;border-radius:50%;border:none;background:#0000001a;color:#333;font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.image-viewer__keyboard-help-close:hover{background:#0003;transform:rotate(90deg)}.image-viewer__keyboard-help-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.image-viewer__keyboard-shortcut{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;transition:all .2s}.image-viewer__keyboard-shortcut:hover{background:#e3f2fd;transform:translate(4px)}.image-viewer__keyboard-keys{display:flex;gap:.5rem;align-items:center;min-width:120px}.image-viewer__keyboard-keys kbd{display:inline-block;padding:.5rem .75rem;background:linear-gradient(135deg,#fff,#f5f5f5);border:2px solid #ddd;border-bottom-width:4px;border-radius:6px;font-family:Monaco,Courier New,monospace;font-size:.875rem;font-weight:600;color:#333;box-shadow:0 2px 4px #0000001a;min-width:40px;text-align:center}.image-viewer__keyboard-description{flex:1;color:#555;font-size:.9rem;line-height:1.5}.image-viewer__keyboard-help-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid #e0e0e0;background:#f8f9fa}.image-viewer__keyboard-help-tip{margin:0;color:#666;font-size:.875rem;line-height:1.6;display:flex;align-items:center;gap:.5rem}@media(max-width:768px){.image-viewer__keyboard-help-panel{width:95%;max-height:90vh}.image-viewer__keyboard-shortcut{flex-direction:column;align-items:flex-start;gap:.75rem}.image-viewer__keyboard-keys{min-width:auto}}.sidebar-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border-radius:4px;background:#f5f5f5}.sidebar-image-placeholder--pending{background:linear-gradient(135deg,#f0f0f0,#e8e8e8)}.sidebar-image-placeholder__spinner{width:20px;height:20px;border:2px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;animation:sidebar-spinner .8s linear infinite}@keyframes sidebar-spinner{to{transform:rotate(360deg)}}.sidebar-image-placeholder__text{font-size:.6rem;color:#888;text-align:center;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-image-placeholder--error{background:linear-gradient(135deg,#fafafa,#f0f0f0)}.sidebar-image-placeholder__icon{font-size:1.25rem;opacity:.5}.sidebar-image-placeholder--error .sidebar-image-placeholder__text{color:#999}@media(max-width:768px){.sidebar-image-placeholder__spinner{width:16px;height:16px}.sidebar-image-placeholder__text{font-size:.55rem}.sidebar-image-placeholder__icon{font-size:1rem}}@media(max-width:768px){.image-viewer{border-radius:0}.image-viewer__header{padding:var(--spacing-sm) var(--spacing-md);min-height:56px}.image-viewer__title{font-size:1rem}.image-viewer__btn--tool,.image-viewer__btn--comparison,.image-viewer__btn--filters,.image-viewer__sidebar-toggle{display:none!important}.image-viewer__btn-text{display:none}.image-viewer__btn{padding:var(--spacing-sm);min-width:var(--touch-target-min);justify-content:center}.image-viewer__thumbnails{position:absolute;left:-9999px;visibility:hidden}.image-viewer__content{flex-direction:column}.image-viewer__main{padding:var(--spacing-sm);padding-bottom:calc(var(--image-viewer-bottom-nav-height) + var(--spacing-md))}.image-viewer__single{gap:var(--spacing-sm)}.image-viewer__image-container{min-height:60vh}.clinical-filters{display:none}.image-viewer__metrics{padding:var(--spacing-sm)}.image-viewer__info{flex-direction:column;gap:var(--spacing-xs)}.trends-chart{max-height:200px}.image-viewer__keyboard-help-panel{width:100%;height:100%;max-width:none;max-height:none;border-radius:0}.image-viewer__side-by-side{grid-template-columns:1fr;gap:var(--spacing-sm)}.image-viewer__multi-grid{gap:var(--spacing-sm)}.image-viewer__multi-grid.grid-2x2{grid-template-columns:1fr}}@media(min-width:769px){.image-viewer__sidebar-toggle{display:flex}.image-viewer__btn-text{display:inline}.clinical-filters{display:none}.image-viewer__thumbnail:hover{transform:scale(1.08)}.image-viewer__thumbnail:hover .image-viewer__thumbnail-metadata{opacity:1;pointer-events:auto}}@media(min-width:769px)and (max-width:1024px){.image-viewer__thumbnails{width:180px}.image-viewer__actions{gap:4px}.image-viewer__btn{padding:6px 12px;font-size:.8125rem}}@media(min-width:1440px){.image-viewer__thumbnails{width:280px}.image-viewer__thumbnail-image{min-height:160px}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.image-viewer__image-skeleton{background:linear-gradient(to right,var(--color-surface) 0%,var(--color-border) 20%,var(--color-surface) 40%,var(--color-surface) 100%);background-size:800px 104px;animation:shimmer 1.5s infinite linear;border-radius:var(--border-radius-md)}.image-viewer__image-loaded{animation:fadeIn var(--transition-normal)}@media(hover:none)and (pointer:coarse){.image-viewer__btn,.image-viewer__thumbnail,.mobile-bottom-nav__tab{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}}@media print{.image-viewer__header,.image-viewer__thumbnails,.image-viewer__actions,.mobile-bottom-nav,.comparison-fab,.filter-overlay{display:none!important}.image-viewer__main{padding:0}.image-viewer__content{display:block}}.body-map-selector{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#fafafa;border:1px solid #e0e0e0;border-radius:8px}.body-map-selector--disabled{opacity:.6;pointer-events:none}.body-map-selector__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.body-map-selector__label{font-weight:500;color:#333;font-size:.9rem}.body-map-selector__controls{display:flex;align-items:center;gap:.5rem}.body-map-selector__view-toggle{display:flex;gap:.25rem;background:#fff;border:1px solid #ddd;border-radius:6px;padding:.125rem}.body-map-selector__view-btn{padding:.375rem .75rem;border:none;background:transparent;cursor:pointer;border-radius:4px;font-size:.8rem;color:#666;transition:all .15s ease}.body-map-selector__view-btn:hover{background:#f0f0f0;color:#333}.body-map-selector__view-btn.active{background:#007bff;color:#fff}.body-map-selector__reset-btn{padding:.375rem .75rem;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:4px;font-size:.75rem;color:#666;transition:all .15s ease}.body-map-selector__reset-btn:hover{background:#f0f0f0;border-color:#ccc;color:#333}.body-map-selector__svg-container{position:relative;display:flex;justify-content:center;align-items:center;padding:1rem;min-height:280px}.body-map-selector__svg{width:100%;max-width:220px;height:auto}.body-map-selector__outline path,.body-map-selector__outline ellipse,.body-map-selector__outline rect{pointer-events:none}.body-map-selector__path{fill:transparent;stroke:#007bff4d;stroke-width:.5;cursor:pointer;transition:all .2s ease}.body-map-selector__path.clickable{fill:#007bff0d}.body-map-selector__path.clickable:hover,.body-map-selector__path.hovered{fill:#007bff40;stroke:#007bff;stroke-width:2;filter:drop-shadow(0 0 3px rgba(0,123,255,.4))}.body-map-selector__path.selected{fill:#007bff66;stroke:#0056b3;stroke-width:2.5;filter:drop-shadow(0 0 4px rgba(0,123,255,.5))}.body-map-selector__path.unavailable{cursor:default;fill:transparent;stroke:#8080801a}.body-map-selector__path:focus{outline:none}.body-map-selector__path.clickable:focus-visible{fill:#007bff40;stroke:#0056b3;stroke-width:2;stroke-dasharray:3,2}.body-map-selector__tooltip{position:absolute;background:#000000d9;color:#fff;padding:.375rem .75rem;border-radius:4px;font-size:.8rem;white-space:nowrap;pointer-events:none;z-index:10;animation:tooltip-fade-in .15s ease}.body-map-selector__tooltip--cursor{position:absolute;background:#000000e6;color:#fff;padding:.4rem .75rem;border-radius:4px;font-size:.8rem;white-space:nowrap;pointer-events:none;z-index:20;box-shadow:0 2px 8px #0003}.body-map-selector__tooltip--cursor:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,.9)}@keyframes tooltip-fade-in{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.body-map-selector__selection{text-align:center;padding:.6rem 1rem;background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:.9rem;color:#666;transition:all .2s ease}.body-map-selector__selection--active{background:#e8f4fd;border-color:#90caf9;color:#1565c0}.body-map-selector__selection strong{color:#007bff;margin-right:.25rem}@media(max-width:480px){.body-map-selector{padding:.75rem;border-radius:12px}.body-map-selector__header{flex-direction:column;align-items:flex-start}.body-map-selector__controls{width:100%;justify-content:space-between}.body-map-selector__view-btn{min-height:44px;padding:.5rem 1rem;font-size:.875rem}.body-map-selector__reset-btn{min-height:44px;padding:.5rem 1rem;font-size:.8rem}.body-map-selector__svg-container{min-height:220px;padding:.5rem}.body-map-selector__svg{max-width:180px}.body-map-selector__selection{border-radius:8px;font-size:.875rem}}@media(hover:none)and (pointer:coarse){.body-map-selector__view-btn{min-height:44px;padding:.5rem 1rem}.body-map-selector__reset-btn{min-height:44px}.body-map-selector__path.clickable{stroke-width:1.5}}.upload-queue{position:fixed;bottom:20px;right:20px;width:400px;max-width:calc(100vw - 40px);background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:1000;overflow:hidden}.upload-queue--minimized .upload-queue__content{display:none}.upload-queue__header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;cursor:move}.upload-queue__title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem}.upload-queue__icon{font-size:1.2rem}.upload-queue__actions{display:flex;gap:.5rem}.upload-queue__btn{width:32px;height:32px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.upload-queue__btn:hover{background:#ffffff4d;transform:scale(1.1)}.upload-queue__content{padding:1rem;max-height:400px;overflow-y:auto}.upload-queue__overall{margin-bottom:1rem}.upload-queue__progress-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.upload-queue__progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);transition:width .3s ease}.upload-queue__stats{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#666}.upload-queue__errors{color:#d32f2f;font-weight:600}.upload-queue__items{display:flex;flex-direction:column;gap:.75rem}.upload-queue__item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0;transition:all .2s}.upload-queue__item--uploading{border-color:#2196f3;background:#e3f2fd}.upload-queue__item--success{border-color:#4caf50;background:#e8f5e9}.upload-queue__item--error{border-color:#f44336;background:#ffebee}.upload-queue__item-icon{font-size:1.5rem;flex-shrink:0}.upload-queue__item-details{flex:1;min-width:0}.upload-queue__item-name{font-weight:500;font-size:.875rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.upload-queue__item-size{font-size:.75rem;color:#666;margin-bottom:.5rem}.upload-queue__item-progress{height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.upload-queue__item-progress-bar{height:100%;background:linear-gradient(90deg,#2196f3,#64b5f6);transition:width .3s ease}.upload-queue__item-error{font-size:.75rem;color:#d32f2f;margin-top:.25rem}.upload-queue__item-actions{display:flex;gap:.25rem}.upload-queue__item-btn{width:28px;height:28px;border-radius:50%;border:none;background:#0000001a;color:#333;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.upload-queue__item-btn:hover{background:#0003;transform:scale(1.1)}.upload-queue__footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.upload-queue__footer-btn{width:100%;padding:.75rem;border:none;border-radius:6px;background:#f5f5f5;color:#333;font-weight:500;cursor:pointer;transition:all .2s}.upload-queue__footer-btn:hover{background:#e0e0e0}@media(max-width:768px){.upload-queue{bottom:10px;right:10px;left:10px;width:auto;max-width:none}.upload-queue__content{max-height:300px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.upload-queue__item--uploading .upload-queue__item-icon{animation:pulse 1.5s ease-in-out infinite}.command-palette-overlay{position:fixed;inset:0;background-color:#00000080;z-index:9999;animation:fadeIn .15s ease-out}.command-palette{position:fixed;top:20%;left:50%;transform:translate(-50%);width:90%;max-width:640px;background:#fff;border-radius:12px;box-shadow:0 16px 70px #0003;animation:slideIn .2s ease-out;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.command-palette__header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #e5e5e5}.command-palette__search-icon{color:#9ca3af;flex-shrink:0}.command-palette__input{flex:1;border:none;outline:none;font-size:16px;color:#1f2937;background:transparent}.command-palette__input::placeholder{color:#9ca3af}.command-palette__kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 6px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;font-family:monospace;color:#6b7280;font-weight:500}.command-palette__list{max-height:400px;overflow-y:auto;padding:8px}.command-palette__empty{display:flex;align-items:center;justify-content:center;padding:32px;color:#9ca3af;font-size:14px}.command-palette__group{margin-bottom:16px}.command-palette__group [cmdk-group-heading]{padding:8px 12px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.command-palette__item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background-color .1s ease;font-size:14px;color:#1f2937}.command-palette__item:hover,.command-palette__item[aria-selected=true]{background-color:#f3f4f6}.command-palette__item[aria-selected=true]{background-color:#eff6ff;color:#1e40af}.command-palette__icon{color:#9ca3af;flex-shrink:0}.command-palette__shortcut{margin-left:auto;display:inline-flex;align-items:center;gap:2px;font-size:11px;color:#9ca3af}@media(prefers-color-scheme:dark){.command-palette{background:#1f2937;box-shadow:0 16px 70px #0009}.command-palette__header{border-bottom-color:#374151}.command-palette__input{color:#f9fafb}.command-palette__input::placeholder{color:#6b7280}.command-palette__kbd{background:#374151;border-color:#4b5563;color:#9ca3af}.command-palette__empty{color:#6b7280}.command-palette__group [cmdk-group-heading]{color:#9ca3af}.command-palette__item{color:#f9fafb}.command-palette__item:hover{background-color:#374151}.command-palette__item[aria-selected=true]{background-color:#1e3a8a;color:#dbeafe}.command-palette__shortcut{color:#6b7280}}@media(max-width:768px){.command-palette{top:10%;width:95%;max-width:none}.command-palette__list{max-height:300px}}.optimistic-thumbnail{position:relative;border:2px dashed #1976d2;border-radius:8px;overflow:hidden;background:#f5f5f5}.optimistic-thumbnail__preview{position:relative;width:100%;padding-bottom:100%;overflow:hidden}.optimistic-thumbnail__preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.7}.optimistic-thumbnail__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffe6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.optimistic-thumbnail__overlay--success{background:#4caf50e6}.optimistic-thumbnail__overlay--error{background:#f44336e6}.optimistic-thumbnail__spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;animation:spin .8s linear infinite}.optimistic-thumbnail__progress{margin-top:8px;font-size:14px;font-weight:600;color:#1976d2}.optimistic-thumbnail__icon{font-size:32px;font-weight:700;color:#fff}.optimistic-thumbnail__retry,.optimistic-thumbnail__remove{margin-top:8px;padding:6px 12px;background:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:background .2s ease}.optimistic-thumbnail__retry{color:#1976d2}.optimistic-thumbnail__retry:hover{background:#e3f2fd}.optimistic-thumbnail__remove{color:#d32f2f;margin-left:8px}.optimistic-thumbnail__remove:hover{background:#ffebee}.optimistic-thumbnail__info{padding:4px 8px;font-size:11px;color:#666;text-align:center;background:#fff}.optimistic-thumbnail__type{font-weight:600;color:#1976d2}.optimistic-thumbnail__error-text{display:block;margin-top:2px;color:#d32f2f;font-size:10px}@media(max-width:768px){.optimistic-thumbnail__spinner{width:24px;height:24px}.optimistic-thumbnail__icon{font-size:24px}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:300px}.empty-state__illustration{width:200px;height:200px;margin-bottom:2rem;opacity:.8;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state__default-icon{width:100%;height:100%}.empty-state__title{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;color:#333;letter-spacing:-.02em}.empty-state__description{margin:0 0 2rem;font-size:1rem;color:#666;max-width:400px;line-height:1.6}.empty-state__actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.empty-state__action{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.empty-state__action--primary{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff}.empty-state__action--primary:hover{box-shadow:0 4px 12px #1976d24d;transform:translateY(-1px)}.empty-state__action--primary:active{transform:translateY(0)}.empty-state__action--secondary{background:#fff;color:#1976d2;box-shadow:0 1px 3px #0000001a,inset 0 0 0 1px #1976d233}.empty-state__action--secondary:hover{background:#f5f5f5;box-shadow:0 2px 6px #00000026,inset 0 0 0 1px #1976d24d}.empty-state__action-icon{font-size:1.25rem}@media(prefers-color-scheme:dark){.empty-state__title{color:#f5f5f5}.empty-state__description{color:#bdbdbd}.empty-state__action--secondary{background:#2d2d2d;color:#64b5f6}.empty-state__action--secondary:hover{background:#3d3d3d}}@media(max-width:768px){.empty-state{padding:2rem 1rem}.empty-state__illustration{width:150px;height:150px}.empty-state__title{font-size:1.25rem}.empty-state__description{font-size:.9rem}.empty-state__actions{flex-direction:column;width:100%}.empty-state__action{width:100%;justify-content:center}}.smart-roi{position:absolute;inset:0;pointer-events:none}.smart-roi__controls{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:8px;z-index:20;pointer-events:auto;background:#fffffff2;padding:.75rem;border-radius:8px;box-shadow:0 2px 8px #00000026}.smart-roi__btn{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.smart-roi__btn--detect{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;border-color:#7b1fa2}.smart-roi__btn--detect:hover:not(:disabled){background:linear-gradient(135deg,#7b1fa2,#6a1b9a)}.smart-roi__btn--detect:disabled{opacity:.7;cursor:not-allowed}.smart-roi__btn--clear{background:#f5f5f5;color:#666}.smart-roi__btn--clear:hover{background:#ffebee;color:#c62828;border-color:#ef9a9a}.smart-roi__spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.smart-roi__threshold{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#666}.smart-roi__threshold label{white-space:nowrap}.smart-roi__threshold input[type=range]{width:80px;height:4px;appearance:none;background:#e0e0e0;border-radius:2px;outline:none}.smart-roi__threshold input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:#9c27b0;border-radius:50%;cursor:pointer}.smart-roi__svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:auto}.smart-roi__contour{fill:#9c27b026;stroke:#9c27b0;stroke-width:.5;stroke-dasharray:2 1;vector-effect:non-scaling-stroke;animation:contour-dash 1s linear infinite}@keyframes contour-dash{to{stroke-dashoffset:-3}}.smart-roi__point{fill:#fff;stroke:#9c27b0;stroke-width:.3;vector-effect:non-scaling-stroke;cursor:grab;transition:r .15s ease}.smart-roi__point:hover,.smart-roi__point.active{r:1.5;fill:#9c27b0}.smart-roi__point.active{cursor:grabbing}.smart-roi__hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:6px 12px;border-radius:4px;font-size:.7rem;pointer-events:none;white-space:nowrap}@media(max-width:768px){.smart-roi__controls{inset:auto 8px 60px;flex-direction:row;flex-wrap:wrap;justify-content:center}.smart-roi__btn{min-height:44px;padding:10px 16px}.smart-roi__threshold{width:100%;justify-content:center}.smart-roi__threshold input[type=range]{flex:1;max-width:150px}}.offline-sync-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#4caf5026;border-radius:20px;font-size:.8rem;color:#2e7d32}.offline-sync-indicator.offline{background:#ff980026;color:#e65100}.offline-sync-indicator__icon{font-size:1rem}.offline-sync-indicator__text{font-weight:500}.offline-sync-indicator__sync-btn{width:28px;height:28px;border-radius:50%;border:none;background:#2196f326;color:#1976d2;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s ease}.offline-sync-indicator__sync-btn:hover:not(:disabled){background:#2196f340}.offline-sync-indicator__sync-btn:disabled{opacity:.7;cursor:not-allowed}.offline-sync-indicator__spinner{width:14px;height:14px;border:2px solid rgba(33,150,243,.3);border-top-color:#1976d2;border-radius:50%;animation:spin .8s linear infinite}.offline-capture-hint{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#ff98001a,#ffc1071a);border:1px solid rgba(255,152,0,.3);border-radius:8px;margin:.5rem 0}.offline-capture-hint__icon{font-size:1.25rem}.offline-capture-hint__text{font-size:.875rem;color:#e65100;line-height:1.4}@media(max-width:768px){.offline-sync-indicator{padding:.375rem .625rem;font-size:.75rem}.offline-sync-indicator__text{display:none}.offline-sync-indicator__icon{font-size:1.2rem}.offline-capture-hint{flex-direction:column;text-align:center;padding:1rem}}.patient-search-page{max-width:900px;margin:0 auto;padding:2rem}.patient-search-header{text-align:center;margin-bottom:2rem}.patient-search-header h1{font-size:2rem;margin-bottom:.5rem;color:#333}.patient-search-header p{color:#666;font-size:1rem}.patient-search-bar{display:flex;gap:1rem;margin-bottom:2rem}.patient-search-input{flex:1;padding:1rem 1.5rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;transition:border-color .2s,box-shadow .2s}.patient-search-input:focus{outline:none;border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d926}.patient-search-input:disabled{background-color:#f5f5f5}.patient-search-button{padding:1rem 2rem;font-size:1rem;font-weight:600;background-color:#4a90d9;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s;white-space:nowrap}.patient-search-button:hover:not(:disabled){background-color:#3a7bc8}.patient-search-button:disabled{background-color:#a0c4e8;cursor:not-allowed}.patient-search-error{background-color:#fee;border:1px solid #fcc;border-radius:8px;padding:1rem;margin-bottom:1.5rem;color:#c00;text-align:center}.patient-search-results{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.patient-search-results-header{padding:1rem 1.5rem;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;font-weight:500;color:#666}.patient-search-no-results{padding:3rem;text-align:center;color:#888}.patient-list{list-style:none;margin:0;padding:0}.patient-list-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s}.patient-list-item:last-child{border-bottom:none}.patient-list-item:hover{background-color:#f5f9ff}.patient-info{flex:1}.patient-name{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:.35rem}.patient-details{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.25rem}.patient-hn,.patient-id,.patient-gender{font-size:.85rem;color:#666;padding:.15rem .5rem;background-color:#f0f0f0;border-radius:4px}.patient-hn{background-color:#e3f2fd;color:#1976d2}.patient-id{background-color:#fff3e0;color:#ef6c00}.patient-dob{font-size:.85rem;color:#888}.patient-age{color:#666}.patient-actions{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#4a90d9;color:#fff;border-radius:8px;font-size:.9rem;font-weight:500;transition:background-color .2s}.patient-list-item:hover .patient-actions{background-color:#3a7bc8}.patient-action-icon{font-size:1.2rem}@media(max-width:600px){.patient-search-page{padding:1rem}.patient-search-bar{flex-direction:column}.patient-list-item{flex-direction:column;align-items:flex-start;gap:1rem}.patient-actions{width:100%;justify-content:center}}.patient-imaging-dashboard{min-height:calc(100vh - 120px);display:flex;flex-direction:column}.patient-imaging-dashboard--loading,.patient-imaging-dashboard--error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#666}.patient-imaging-dashboard--error button{padding:.75rem 1.5rem;background-color:#4a90d9;color:#fff;border:none;border-radius:6px;cursor:pointer}.patient-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;color:#333;padding:1rem 2rem;display:flex;align-items:center;gap:2rem}.back-button{background:#4a90d9;color:#fff;border:1px solid #357abd;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s}.back-button:hover{background:#357abd}.patient-header-info{flex:1}.patient-header-info h1{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#1a1a1a}.patient-meta{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.9rem;color:#333}.patient-hn{background:#e3f2fd;color:#1565c0;padding:.25rem .75rem;border-radius:4px;font-weight:600}.patient-dob{color:#333;font-weight:500}.patient-age{color:#555;font-weight:400}.patient-gender{color:#333;font-weight:500}.dashboard-content{flex:1;display:flex;gap:0;background-color:#f5f7fa}.lesions-panel{width:350px;min-width:300px;background-color:#fff;border-right:1px solid #e0e0e0;overflow-y:auto}.timeline-panel{flex:1;padding:1.5rem;overflow-y:auto}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.timeline-header h3{margin:0;font-size:1.25rem;color:#333}.lesion-location{color:#666;font-weight:400}.timeline-actions{display:flex;gap:.75rem}.action-button{padding:.6rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.4rem;transition:all .2s}.action-button--upload{background-color:#28a745;color:#fff}.action-button--upload:hover{background-color:#218838}.action-button--capture{background-color:#6f42c1;color:#fff}.action-button--capture:hover{background-color:#5a32a3}.timeline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#888;text-align:center}.timeline-empty p{margin:.25rem 0}.timeline-empty-hint{font-size:.85rem;color:#aaa}.modal-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-content--large{max-width:800px}.modal-content--fullscreen{max-width:95vw;max-height:95vh;width:95vw;height:95vh;overflow:hidden;border-radius:12px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;font-size:1.25rem;color:#333}.modal-close{background:#f5f5f5;border:none;font-size:1.25rem;color:#666;cursor:pointer;padding:0;line-height:1;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.modal-close:hover{background:#e8e8e8;color:#333}@media(max-width:768px){.modal-content{max-width:98vw;border-radius:12px;margin:8px}.modal-content--large{max-width:98vw}.modal-content--fullscreen{max-width:100vw;max-height:100vh;width:100vw;height:100vh;height:100dvh;border-radius:0;margin:0}.modal-header{padding:.75rem 1rem;position:sticky;top:0;background:#fff;z-index:10}.modal-header h3{font-size:1rem}.modal-overlay{padding:0;align-items:stretch}}.new-lesion-form{padding:1.5rem}.form-error{background-color:#fee;border:1px solid #fcc;border-radius:6px;padding:.75rem 1rem;margin-bottom:1rem;color:#c00}.form-error--submit{display:flex;align-items:center;gap:.5rem}.form-error__icon{font-size:1rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.4rem;font-weight:500;color:#333}.form-required{color:#c00;margin-left:.125rem}.form-group input[type=text],.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d91a}.form-group--error input,.form-group--error select,.form-group--error textarea,.input--error{border-color:#dc3545}.form-group--error input:focus,.form-group--error select:focus,.form-group--error textarea:focus,.input--error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc354526}.form-field-error{display:block;margin-top:.375rem;font-size:.8rem;color:#dc3545;animation:fadeIn .2s ease}.form-field-hint{display:block;margin-top:.375rem;font-size:.8rem;color:#888}.form-field-hint--inline{display:inline-block;margin-left:.75rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.form-group--checkbox{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.form-group--checkbox input{width:auto;margin:0}.form-group--checkbox label{margin:0;font-weight:400}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e0e0e0}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn--primary{background-color:#4a90d9;color:#fff}.btn--primary:hover:not(:disabled){background-color:#3a7bc8}.btn--primary:disabled{background-color:#a0c4e8;cursor:not-allowed}.btn--secondary{background-color:#f0f0f0;color:#333}.btn--secondary:hover{background-color:#e0e0e0}.mobile-back-to-lesions{display:none;width:40px;height:40px;border:none;background:#4a90d91a;color:#4a90d9;border-radius:8px;font-size:1.25rem;cursor:pointer;transition:background .2s;min-height:44px}.mobile-back-to-lesions:hover{background:#4a90d933}.timeline-header__info{display:flex;align-items:center;gap:.75rem}.fab-container{display:none;position:fixed;bottom:24px;right:24px;z-index:40;flex-direction:column-reverse;align-items:center;gap:12px}.fab-main{width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#4a90d9,#357abd);color:#fff;font-size:2rem;cursor:pointer;box-shadow:0 4px 16px #4a90d966;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.fab-main:hover{transform:scale(1.05);box-shadow:0 6px 20px #4a90d980}.fab-main__icon{transition:transform .3s ease;line-height:1}.fab-main--open .fab-main__icon{transform:rotate(45deg)}.fab-menu{display:flex;flex-direction:column;gap:12px;opacity:0;visibility:hidden;transform:translateY(20px) scale(.8);transition:all .3s ease}.fab-container--open .fab-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.fab-action{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:28px;border:none;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;box-shadow:0 2px 12px #0003;transition:all .2s ease;white-space:nowrap}.fab-action--upload{background:linear-gradient(135deg,#28a745,#218838)}.fab-action--capture{background:linear-gradient(135deg,#6f42c1,#5a32a3);animation:fab-capture-pulse 2.5s ease-in-out infinite}@keyframes fab-capture-pulse{0%,to{box-shadow:0 2px 12px #6f42c14d}50%{box-shadow:0 4px 20px #6f42c180,0 0 0 4px #6f42c11f}}.fab-action:hover{transform:scale(1.05);animation:none}.fab-action__icon{font-size:1.1rem}@media(max-width:900px){.dashboard-content{flex-direction:column}.lesions-panel{width:100%;min-width:auto;max-height:300px;border-right:none;border-bottom:1px solid #e0e0e0}.patient-header,.timeline-header{flex-direction:column;align-items:flex-start;gap:1rem}}@media(max-width:768px){.mobile-tab-bar,.lesions-panel--mobile-hidden,.timeline-panel--mobile-hidden{display:none}.lesions-panel{max-height:none;flex:1;border-bottom:none}.timeline-panel{padding:1rem;padding-bottom:100px}.mobile-back-to-lesions{display:flex;align-items:center;justify-content:center}.timeline-actions--desktop{display:none}.fab-container{display:flex}.timeline-header{flex-direction:row;align-items:center;gap:.5rem}.timeline-header h3{font-size:1rem}.patient-header{padding:.75rem 1rem}.patient-header-info h1{font-size:1.25rem}.patient-meta{gap:.75rem;font-size:.8rem}.lesions-panel--drawer-mode{display:block!important}}.drawer-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:100;opacity:0;transition:opacity .3s ease}.drawer-overlay--visible{display:block;opacity:1}.mobile-drawer-dialog{position:relative;z-index:101}.mobile-drawer-dialog__backdrop{position:fixed;inset:0;background:#00000080;transition:opacity .3s ease}.mobile-drawer-dialog__panel{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026;max-height:85vh;overflow:hidden;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1)}@media(max-width:768px){.mobile-drawer-dialog__panel{display:flex;flex-direction:column;transform:translateY(0)}}.mobile-drawer-dialog__handle{display:flex;justify-content:center;padding:12px 0 8px;cursor:grab;flex-shrink:0}.mobile-drawer-dialog__handle-bar{width:40px;height:4px;background:#ddd;border-radius:2px}.mobile-drawer-dialog__header{display:flex;justify-content:space-between;align-items:center;padding:0 1rem .75rem;border-bottom:1px solid #e0e0e0;flex-shrink:0}.mobile-drawer-dialog__title{margin:0;font-size:1.125rem;color:#333;font-weight:600}.mobile-drawer-dialog__close{width:36px;height:36px;border:none;background:#f5f5f5;color:#666;border-radius:50%;font-size:1.125rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.mobile-drawer-dialog__close:hover{background:#e8e8e8}.mobile-drawer-dialog__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.view-lesions-fab{display:none;position:fixed;bottom:24px;left:24px;z-index:40;padding:12px 20px;background:linear-gradient(135deg,#4a90d9,#357abd);color:#fff;border:none;border-radius:28px;font-size:.9rem;font-weight:500;cursor:pointer;box-shadow:0 4px 16px #4a90d966;transition:all .3s ease;gap:8px}.view-lesions-fab:hover{transform:scale(1.05);box-shadow:0 6px 20px #4a90d980}.view-lesions-fab__icon{font-size:1rem}.view-lesions-fab__badge{background:#ffffff40;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}@media(max-width:768px){.view-lesions-fab{display:flex;align-items:center}.view-lesions-fab--hidden{display:none}}.modal-content--wide{max-width:700px}.form-group--body-region{margin-bottom:1.5rem}.form-group--body-region>label{margin-bottom:.75rem;font-size:1rem}.body-region-selector-container{display:flex;gap:1.5rem;align-items:flex-start}.body-region-dropdown{flex:1;min-width:200px}.body-region-dropdown label{display:block;margin-bottom:.4rem;font-size:.85rem;color:#666;font-weight:400}.body-region-dropdown select{width:100%;padding:.75rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem}@media(max-width:600px){.body-region-selector-container{flex-direction:column}.body-region-dropdown{width:100%}.modal-content--wide{max-width:100%}}.action-button,.btn,.back-button,.modal-close,.mobile-tab,.fab-main,.fab-action,button,a,[role=button]{-webkit-tap-highlight-color:transparent;transition:all .3s ease}@media(hover:none)and (pointer:coarse){.action-button,.btn,.back-button{min-height:44px;min-width:44px;padding:.75rem 1.25rem}.modal-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.form-group input[type=text],.form-group select,.form-group textarea{min-height:44px;font-size:16px}}.modal-overlay{transition:opacity .3s ease;animation:fadeIn .3s ease}.modal-content{transition:transform .3s ease,opacity .3s ease;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-layout{display:flex;min-height:calc(100vh - 140px);position:relative}.admin-layout__mobile-toggle{display:none;position:fixed;top:80px;left:1rem;z-index:1001;width:40px;height:40px;background:#2d3748;border:none;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.hamburger{display:flex;flex-direction:column;gap:4px;width:20px}.hamburger__line{height:2px;background:#fff;border-radius:1px;transition:all .3s ease}.hamburger--open .hamburger__line:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger--open .hamburger__line:nth-child(2){opacity:0}.hamburger--open .hamburger__line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.admin-layout__overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.admin-layout__overlay--visible{opacity:1;visibility:visible}.admin-sidebar{width:260px;background:linear-gradient(180deg,#1a202c,#2d3748);color:#fff;display:flex;flex-direction:column;transition:width .3s ease;position:sticky;top:0;height:calc(100vh - 140px);overflow-y:auto;z-index:100}.admin-sidebar--collapsed{width:64px}.admin-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);min-height:60px}.admin-sidebar__title{font-size:1.125rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden}.admin-sidebar__collapse-btn{background:#ffffff1a;border:none;color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background .2s ease;flex-shrink:0}.admin-sidebar__collapse-btn:hover{background:#fff3}.admin-sidebar__nav{flex:1;padding:.5rem 0;overflow-y:auto}.admin-sidebar__nav-list{list-style:none;margin:0;padding:0}.admin-sidebar__nav-item{margin:.25rem .5rem}.admin-sidebar__nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#fffc;text-decoration:none;border-radius:8px;transition:all .2s ease;white-space:nowrap;overflow:hidden}.admin-sidebar__nav-link:hover{background:#ffffff1a;color:#fff}.admin-sidebar__nav-link--active{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;box-shadow:0 2px 8px #4299e14d}.admin-sidebar__nav-link--active:hover{background:linear-gradient(135deg,#4299e1,#3182ce)}.admin-sidebar__nav-icon{font-size:1.25rem;flex-shrink:0;width:24px;text-align:center}.admin-sidebar__nav-label{font-size:.9375rem;font-weight:500}.admin-sidebar--collapsed .admin-sidebar__nav-link{justify-content:center;padding:.75rem}.admin-sidebar--collapsed .admin-sidebar__title{display:none}.admin-sidebar__footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.admin-sidebar__footer-text{font-size:.75rem;color:#ffffff80;margin:0}.admin-layout__content{flex:1;min-width:0;padding:1.5rem 2rem;background:#f7fafc;overflow-x:hidden}@media(max-width:768px){.admin-layout__mobile-toggle{display:flex}.admin-layout__overlay{display:block}.admin-sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);z-index:1000;box-shadow:4px 0 16px #0003}.admin-sidebar--mobile-open{transform:translate(0)}.admin-sidebar--collapsed{width:260px}.admin-sidebar__collapse-btn{display:none}.admin-layout__content{padding:4rem 1rem 1rem}}@media(min-width:769px)and (max-width:1024px){.admin-sidebar{width:220px}.admin-sidebar--collapsed{width:64px}.admin-layout__content{padding:1rem 1.5rem}}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:transparent}.admin-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.breadcrumbs{margin-bottom:1.5rem;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.breadcrumbs__list{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}.breadcrumbs__item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.breadcrumbs__link{color:#4299e1;text-decoration:none;transition:color .2s ease}.breadcrumbs__link:hover{color:#3182ce;text-decoration:underline}.breadcrumbs__separator{color:#a0aec0;font-size:.75rem}.breadcrumbs__current{color:#2d3748;font-weight:500}.command-palette-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding:15vh 1rem 1rem;animation:fadeIn .15s ease}.command-palette{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:640px;max-height:70vh;display:flex;flex-direction:column;animation:slideDown .2s ease}.command-palette-header{padding:1rem;border-bottom:1px solid #e2e8f0}.command-palette-input{width:100%;border:none;outline:none;font-size:1rem;padding:.5rem 0;background:transparent;color:#2d3748}.command-palette-input::placeholder{color:#a0aec0}.command-palette-results{flex:1;overflow-y:auto;padding:.5rem}.command-palette-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:background .15s ease;text-align:left;font-size:.9375rem}.command-palette-item:hover{background:#f7fafc}.command-palette-icon{font-size:1.25rem;flex-shrink:0}.command-palette-label{color:#2d3748;font-weight:500}.command-palette-empty{padding:2rem;text-align:center;color:#a0aec0;font-size:.9375rem}.command-palette-footer{padding:.75rem 1rem;border-top:1px solid #e2e8f0;background:#f7fafc;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.command-palette-hint{font-size:.75rem;color:#718096;display:flex;align-items:center;gap:.5rem}.command-palette-hint kbd{padding:.125rem .375rem;border-radius:4px;background:#fff;border:1px solid #cbd5e0;font-family:inherit;font-size:.75rem;color:#4a5568}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.command-palette-overlay{padding:10vh 1rem 1rem}.command-palette{max-height:80vh}}.admin-dashboard{max-width:1400px;margin:0 auto}.admin-dashboard__header{margin-bottom:2rem}.admin-dashboard__title{font-size:1.875rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.admin-dashboard__subtitle{font-size:1rem;color:#718096;margin:0;line-height:1.5}.admin-dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card__icon{font-size:2rem;width:56px;height:56px;background:#f7fafc;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-card__content{display:flex;flex-direction:column}.stat-card__value{font-size:1.5rem;font-weight:700;color:#1a202c}.stat-card__label{font-size:.875rem;color:#718096}.admin-dashboard__section{margin-bottom:2rem}.admin-dashboard__section-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin:0 0 1rem}.admin-dashboard__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.dashboard-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;text-decoration:none;border:2px solid transparent;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-color)}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--card-color)}.dashboard-card__icon{font-size:2rem;width:56px;height:56px;background:#f7fafc;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-card__content{flex:1;min-width:0}.dashboard-card__title{font-size:1.125rem;font-weight:600;color:#1a202c;margin:0 0 .5rem}.dashboard-card__description{font-size:.875rem;color:#718096;margin:0;line-height:1.5}.dashboard-card__arrow{font-size:1.25rem;color:#a0aec0;transition:transform .2s ease,color .2s ease;align-self:center}.dashboard-card:hover .dashboard-card__arrow{transform:translate(4px);color:var(--card-color)}.admin-dashboard__tips{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.tip-card{background:linear-gradient(135deg,#ebf8ff,#e6fffa);border-radius:12px;padding:1.25rem;display:flex;gap:1rem;border:1px solid #bee3f8}.tip-card__icon{font-size:1.5rem;flex-shrink:0}.tip-card__content h4{font-size:1rem;font-weight:600;color:#2c5282;margin:0 0 .5rem}.tip-card__content p{font-size:.875rem;color:#4a5568;margin:0;line-height:1.5}@media(max-width:768px){.admin-dashboard__header{margin-bottom:1.5rem}.admin-dashboard__title{font-size:1.5rem}.admin-dashboard__stats,.admin-dashboard__cards,.admin-dashboard__tips{grid-template-columns:1fr}.dashboard-card{padding:1.25rem}}.system-status-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1rem}.system-status-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #f7fafc}.system-status-item:last-child{border-bottom:none}.system-status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.system-status-dot--operational{background:#48bb78;box-shadow:0 0 8px #48bb7880;animation:pulse 2s infinite}.system-status-dot--issue{background:#f56565;box-shadow:0 0 8px #f5656580}.system-status-label{flex:1;font-weight:500;color:#2d3748;font-size:.9375rem}.system-status-value{color:#718096;font-size:.875rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.branch-management{padding:2rem;max-width:1200px;margin:0 auto}.toolbar{margin-bottom:1.5rem}.branches-table-container{overflow-x:auto}.branches-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:8px;overflow:hidden}.branches-table th,.branches-table td{padding:1rem;text-align:left;border-bottom:1px solid #e2e8f0}.branches-table th{background-color:#f7fafc;font-weight:600;color:#2d3748;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.branches-table tbody tr:hover{background-color:#f7fafc}.code-cell{font-family:Courier New,monospace;font-weight:600}.prefix-cell{font-family:Courier New,monospace;color:#3182ce;font-weight:600}.sequence-cell{font-family:Courier New,monospace;color:#718096}.branch-form-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}.branch-form-container h2{margin:0 0 1.5rem;color:#2d3748}.branch-form{max-width:800px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.user-management{padding:2rem;max-width:1400px;margin:0 auto}.search-box{flex:1;min-width:200px;max-width:400px}.search-box input{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:4px;font-size:.875rem}.filter-group{display:flex;gap:.5rem;align-items:center}.filter-group select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:4px;font-size:.875rem;background-color:#fff;min-width:120px}.filter-group select:focus{outline:none;border-color:#3182ce}.bulk-actions-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 4px 6px #667eea40;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-actions-info{display:flex;align-items:center;gap:1rem}.bulk-selected-count{font-weight:600;font-size:.875rem}.btn-link{background:none;border:none;color:#fff;text-decoration:underline;cursor:pointer;font-size:.875rem;padding:0;transition:opacity .2s}.btn-link:hover{opacity:.8}.bulk-actions-toolbar .btn-primary{background-color:#fff;color:#667eea;font-weight:600}.bulk-actions-toolbar .btn-primary:hover:not(:disabled){background-color:#f7fafc;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-icon{padding:.25rem;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center}.users-table-container{overflow-x:auto;margin-bottom:1.5rem}.users-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:8px;overflow:hidden}.users-table th,.users-table td{padding:1rem;text-align:left;border-bottom:1px solid #e2e8f0}.users-table th{background-color:#f7fafc;font-weight:600;color:#2d3748;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none}.users-table th:hover{background-color:#edf2f7}.users-table th.sorted{color:#3182ce}.users-table th .sort-icon{margin-left:.5rem;opacity:.5}.users-table th.sorted .sort-icon{opacity:1}.users-table tbody tr{transition:background-color .2s}.users-table tbody tr:hover{background-color:#f7fafc}.users-table tbody tr.inactive{opacity:.6}.user-name-cell{display:flex;flex-direction:column;gap:.25rem}.user-display-name{font-weight:500;color:#2d3748}.user-email{font-size:.75rem;color:#718096}.roles-cell{display:flex;flex-wrap:wrap;gap:.25rem}.role-badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:600;text-transform:uppercase;background-color:#e2e8f0;color:#4a5568}.role-badge.superadmin{background-color:#c53030;color:#fff}.role-badge.doctor{background-color:#3182ce;color:#fff}.role-badge.nurse{background-color:#38a169;color:#fff}.actions-cell{white-space:nowrap;display:flex;gap:.5rem}.empty-message{text-align:center;color:#718096;padding:3rem!important}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.pagination-info{color:#718096;font-size:.875rem}.pagination-controls{display:flex;gap:.5rem}.pagination-controls button{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s}.pagination-controls button:hover:not(:disabled){border-color:#3182ce;color:#3182ce}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.pagination-controls .page-number{padding:.5rem .75rem;font-weight:500}.modal{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;color:#2d3748;font-size:1.25rem}.modal-close{background:none;border:none;font-size:1.5rem;color:#718096;cursor:pointer;padding:0;line-height:1}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e2e8f0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.form-group label .required{color:#e53e3e}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.form-group .form-hint{display:block;margin-top:.25rem;font-size:.75rem;color:#718096}.form-group .form-error{display:block;margin-top:.25rem;font-size:.75rem;color:#e53e3e}.role-management{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.role-management h3{margin:0 0 1rem;font-size:1rem;color:#2d3748}.current-roles{margin-bottom:1rem}.role-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:#f7fafc;border-radius:4px;margin-bottom:.5rem}.role-item-info{display:flex;align-items:center;gap:.5rem}.role-item-branch{font-size:.75rem;color:#718096}.add-role-form{display:flex;gap:.5rem;align-items:flex-end}.add-role-form .form-group{margin-bottom:0;flex:1}.skeleton-row{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #e2e8f0}.skeleton-cell{flex:1;padding:0 .5rem}.loading-overlay{position:absolute;inset:0;background-color:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:10}.toggle-wrapper{display:flex;align-items:center;gap:.5rem}.toggle{position:relative;width:44px;height:24px;background-color:#cbd5e0;border-radius:12px;cursor:pointer;transition:background-color .2s}.toggle.active{background-color:#38a169}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .2s}.toggle.active:after{transform:translate(20px)}.toggle-label{font-size:.875rem;color:#4a5568}.modal-large{max-width:900px;width:90%}.audit-history-timeline{display:flex;flex-direction:column;gap:1rem;max-height:500px;overflow-y:auto;padding:.5rem}.audit-history-item{display:flex;gap:1rem;padding:1rem;background:#f7fafc;border-left:3px solid #3182ce;border-radius:4px;transition:background-color .2s}.audit-history-item:hover{background-color:#edf2f7}.audit-timestamp{min-width:140px;font-size:.75rem;color:#718096;font-weight:500;flex-shrink:0}.audit-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.audit-type{font-size:.875rem;color:#2d3748}.audit-message{font-size:.875rem;color:#4a5568;line-height:1.5}.audit-details{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.detail-badge{display:inline-block;padding:.25rem .5rem;background:#bee3f8;color:#2c5282;border-radius:3px;font-size:.75rem;font-weight:500}.detail-text{font-size:.75rem;color:#4a5568}.audit-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.75rem;color:#718096;margin-top:.25rem}.audit-performer,.audit-branch,.audit-ip{display:inline-flex;align-items:center}.loading-state{padding:1rem}.toolbar-actions{display:flex;gap:.5rem;align-items:center}.user-codes{display:flex;gap:.5rem;margin-top:.25rem;flex-wrap:wrap}.copy-button{position:relative;background:#edf2f7;border:1px solid #e2e8f0;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;color:#4a5568;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-button:hover{background:#e2e8f0;border-color:#cbd5e0;color:#2d3748}.copy-button:active{transform:scale(.95)}.copied-tooltip{position:absolute;top:-28px;left:50%;transform:translate(-50%);background:#2d3748;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.625rem;white-space:nowrap;animation:fadeInOut 2s ease;pointer-events:none}.copied-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#2d3748}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.btn-warning{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border:none}.btn-warning:hover{background:linear-gradient(135deg,#dd6b20,#c05621)}.department-management{max-width:1400px;margin:0 auto}.department-management .page-header{margin-bottom:1.5rem}.department-management .page-header h1{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.department-management .page-description{color:#718096;margin:0;line-height:1.5}.department-management .toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.department-management .filter-group{display:flex;gap:.75rem;flex-wrap:wrap}.department-management .filter-group select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9375rem;min-width:200px;background:#fff}.departments-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.departments-table{width:100%;border-collapse:collapse}.departments-table th,.departments-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.departments-table th{background:#f7fafc;font-weight:600;font-size:.8125rem;text-transform:uppercase;color:#4a5568;letter-spacing:.025em}.departments-table tbody tr:hover{background:#f7fafc}.departments-table tbody tr.inactive{opacity:.6}.departments-table .code-cell{font-weight:600;font-family:Monaco,Menlo,monospace;color:#2d3748}.departments-table .empty-message{text-align:center;color:#718096;font-style:italic;padding:2rem!important}.departments-table .actions-cell{display:flex;gap:.5rem}.global-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.department-management .btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.department-management .btn:disabled{opacity:.5;cursor:not-allowed}.department-management .btn-primary{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.department-management .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3182ce,#2b6cb0);transform:translateY(-1px);box-shadow:0 4px 12px #4299e14d}.department-management .btn-secondary{background:#edf2f7;color:#4a5568}.department-management .btn-secondary:hover:not(:disabled){background:#e2e8f0}.department-management .btn-danger{background:#fc8181;color:#fff}.department-management .btn-danger:hover:not(:disabled){background:#f56565}.department-management .btn-sm{padding:.375rem .75rem;font-size:.8125rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e126}@media(max-width:768px){.department-management .toolbar{flex-direction:column;align-items:stretch}.department-management .filter-group{width:100%}.department-management .filter-group select{width:100%;min-width:unset}.departments-table-container{overflow-x:auto}.departments-table{min-width:700px}.form-row{grid-template-columns:1fr}}.code-table-management{max-width:1400px;margin:0 auto}.code-table-management .page-header{margin-bottom:1.5rem}.code-table-management .page-header h1{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.code-table-management .page-description{color:#718096;margin:0;line-height:1.5}.code-table-management .toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.code-table-management .filter-group{display:flex;gap:.75rem;flex-wrap:wrap}.code-table-management .filter-group select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9375rem;min-width:250px;background:#fff}.empty-state{background:#fff;border-radius:12px;padding:3rem 2rem;text-align:center;box-shadow:0 1px 3px #0000001a}.empty-state__icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;color:#2d3748;margin:0 0 .5rem}.empty-state p{color:#718096;margin:0}.empty-state__hint{margin-top:1rem!important;font-style:italic}.code-entries-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.code-entries-table{width:100%;border-collapse:collapse}.code-entries-table th,.code-entries-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.code-entries-table th{background:#f7fafc;font-weight:600;font-size:.8125rem;text-transform:uppercase;color:#4a5568;letter-spacing:.025em}.code-entries-table tbody tr:hover{background:#f7fafc}.code-entries-table tbody tr.inactive{opacity:.6}.code-entries-table .code-cell{font-weight:600;font-family:Monaco,Menlo,monospace;color:#2d3748}.code-entries-table .order-cell{text-align:center;color:#718096}.code-entries-table .empty-message{text-align:center;color:#718096;font-style:italic;padding:2rem!important}.code-entries-table .actions-cell{display:flex;gap:.5rem}.code-table-management .btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.code-table-management .btn:disabled{opacity:.5;cursor:not-allowed}.code-table-management .btn-primary{background:linear-gradient(135deg,#9f7aea,#805ad5);color:#fff}.code-table-management .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#805ad5,#6b46c1);transform:translateY(-1px);box-shadow:0 4px 12px #9f7aea4d}.code-table-management .btn-secondary{background:#edf2f7;color:#4a5568}.code-table-management .btn-secondary:hover:not(:disabled){background:#e2e8f0}.code-table-management .btn-danger{background:#fc8181;color:#fff}.code-table-management .btn-danger:hover:not(:disabled){background:#f56565}.code-table-management .btn-sm{padding:.375rem .75rem;font-size:.8125rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#9f7aea;box-shadow:0 0 0 3px #9f7aea26}@media(max-width:768px){.code-table-management .toolbar{flex-direction:column;align-items:stretch}.code-table-management .filter-group{width:100%}.code-table-management .filter-group select{width:100%;min-width:unset}.code-entries-table-container{overflow-x:auto}.code-entries-table{min-width:600px}.form-row{grid-template-columns:1fr}}.table-name-combobox{position:relative}.table-name-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 6px #0000001a;max-height:200px;overflow-y:auto;z-index:1000;margin-top:4px}.table-name-option{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f7fafc;transition:background-color .15s}.table-name-option:hover{background-color:#f7fafc}.table-name-option:last-child{border-bottom:none}.app-settings-management{max-width:1400px;margin:0 auto}.app-settings-management .page-header{margin-bottom:1.5rem}.app-settings-management .page-header h1{font-size:1.75rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.app-settings-management .page-description{color:#718096;margin:0;line-height:1.5}.app-settings-management .toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.app-settings-management .filter-group{display:flex;gap:.75rem;flex-wrap:wrap}.app-settings-management .filter-group select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9375rem;min-width:250px;background:#fff}.settings-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.settings-table{width:100%;border-collapse:collapse}.settings-table th,.settings-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.settings-table th{background:#f7fafc;font-weight:600;font-size:.8125rem;text-transform:uppercase;color:#4a5568;letter-spacing:.025em}.settings-table tbody tr:hover{background:#f7fafc}.settings-table tbody tr.inactive{opacity:.6}.settings-table .key-cell{max-width:300px}.settings-table .key-text{display:block;font-weight:600;font-family:Monaco,Menlo,monospace;color:#2d3748;font-size:.875rem}.settings-table .key-description{display:block;font-size:.75rem;color:#718096;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-table .value-cell code{display:block;background:#f7fafc;padding:.25rem .5rem;border-radius:4px;font-size:.8125rem;font-family:Monaco,Menlo,monospace;color:#4a5568;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-table .empty-message{text-align:center;color:#718096;font-style:italic;padding:2rem!important}.settings-table .actions-cell{display:flex;gap:.5rem}.type-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.type-badge.type-string{background:#bee3f8;color:#2b6cb0}.type-badge.type-int{background:#c6f6d5;color:#276749}.type-badge.type-bool{background:#fed7e2;color:#97266d}.type-badge.type-json{background:#e9d8fd;color:#6b46c1}.scope-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.scope-badge.global{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.scope-badge.branch{background:#feebc8;color:#c05621}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8125rem;font-weight:500}.status-badge.active{background:#c6f6d5;color:#22543d}.status-badge.inactive{background:#fed7d7;color:#822727}.app-settings-management .btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.app-settings-management .btn:disabled{opacity:.5;cursor:not-allowed}.app-settings-management .btn-primary{background:linear-gradient(135deg,#667eea,#5a67d8);color:#fff}.app-settings-management .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#4c51bf);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.app-settings-management .btn-secondary{background:#edf2f7;color:#4a5568}.app-settings-management .btn-secondary:hover:not(:disabled){background:#e2e8f0}.app-settings-management .btn-danger{background:#fc8181;color:#fff}.app-settings-management .btn-danger:hover:not(:disabled){background:#f56565}.app-settings-management .btn-sm{padding:.375rem .75rem;font-size:.8125rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h2{font-size:1.25rem;font-weight:600;margin:0;color:#1a202c}.modal-close{background:none;border:none;font-size:1.5rem;color:#a0aec0;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#4a5568}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e2e8f0;background:#f7fafc}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#4a5568;margin-bottom:.375rem}.form-group .required{color:#e53e3e}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.form-group textarea.code-input{font-family:Monaco,Menlo,monospace;font-size:.8125rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f7fafc;cursor:not-allowed}.form-group .form-hint{font-size:.75rem;color:#718096;margin-top:.25rem}.form-group .form-error{font-size:.75rem;color:#e53e3e;margin-top:.25rem}.toggle-wrapper{display:flex;align-items:center;gap:.75rem}.toggle{width:48px;height:26px;background:#cbd5e0;border-radius:13px;position:relative;cursor:pointer;transition:background .2s ease}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle.active{background:#48bb78}.toggle.active:after{transform:translate(22px)}.toggle-label{font-size:.9375rem;color:#4a5568}.skeleton-row td{padding:1rem!important}.setting-info-box{display:flex;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#ebf8ff,#e6fffa);border-radius:8px;border-left:4px solid #4299e1;margin-bottom:1rem}.setting-info-icon{font-size:1.25rem;flex-shrink:0}.setting-info-content{flex:1}.setting-info-content strong{display:block;color:#2c5282;font-size:.9375rem;margin-bottom:.25rem}.setting-info-content p{color:#4a5568;font-size:.8125rem;margin:0 0 .5rem;line-height:1.5}.setting-info-hint{display:block;color:#38a169;font-size:.75rem;font-weight:500}.category-badge{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:500;background:#edf2f7;color:#4a5568;margin-top:.25rem}@media(max-width:768px){.app-settings-management .toolbar{flex-direction:column;align-items:stretch}.app-settings-management .filter-group{width:100%}.app-settings-management .filter-group select{width:100%;min-width:unset}.settings-table-container{overflow-x:auto}.settings-table{min-width:800px}.form-row{grid-template-columns:1fr}}.role-hierarchy-tree{padding:1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:1.5rem}.tree-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.tree-header h3{margin:0 0 .5rem;color:#1a365d;font-size:1.25rem}.tree-description{margin:0;color:#718096;font-size:.875rem;line-height:1.5}.tree-container{font-family:Courier New,monospace;font-size:.875rem;line-height:1.8}.tree-node{position:relative}.tree-item{display:flex;align-items:center;padding:.5rem 0;transition:background-color .2s}.tree-item:hover{background-color:#f7fafc}.tree-connector{color:#cbd5e0;font-weight:700;margin-right:.5rem;-webkit-user-select:none;user-select:none;min-width:2rem;display:inline-block}.tree-content{flex:1;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#f7fafc;border-radius:6px;border:1px solid #e2e8f0;gap:1rem;flex-wrap:wrap}.role-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.role-name{font-weight:600;color:#2d3748;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.role-code{display:inline-block;padding:.25rem .5rem;background:#3182ce;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600;font-family:Courier New,monospace}.role-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.role-stat{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#718096;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.role-inactive-badge{display:inline-block;padding:.25rem .5rem;background:#fc8181;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.empty-state{text-align:center;padding:3rem;color:#718096}.empty-state p{margin:0;font-size:1rem}@media(max-width:768px){.role-hierarchy-tree{padding:1rem}.tree-container{font-size:.75rem}.tree-content{flex-direction:column;align-items:flex-start;gap:.5rem}.role-meta{width:100%;justify-content:flex-start}.tree-connector{min-width:1.5rem;font-size:.75rem}}.role-management{padding:2rem;max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{margin:0 0 .5rem;color:#1a365d;font-size:1.75rem}.page-description{color:#4a5568;margin:0}.toolbar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:200px;max-width:300px}.search-box input{width:100%;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:4px;font-size:.875rem}.search-box input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.roles-table-container{overflow-x:auto}.roles-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 3px #0000001a;border-radius:8px;overflow:hidden}.roles-table th,.roles-table td{padding:1rem;text-align:left;border-bottom:1px solid #e2e8f0}.roles-table th{background-color:#f7fafc;font-weight:600;color:#2d3748;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.roles-table tbody tr:hover{background-color:#f7fafc}.role-code-cell{font-family:Courier New,monospace;font-weight:600;color:#2b6cb0}.role-name-cell{display:flex;flex-direction:column;gap:.25rem}.role-name-en{font-weight:500;color:#2d3748}.role-name-th{font-size:.875rem;color:#718096}.permission-count{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background-color:#ebf8ff;color:#2b6cb0;border-radius:9999px;font-size:.875rem;font-weight:500}.user-count{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background-color:#e6fffa;color:#234e52;border-radius:9999px;font-size:.875rem;font-weight:500}.parent-role-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:#faf5ff;color:#553c9a;border-radius:4px;font-size:.75rem;font-weight:500}.parent-role-badge:before{content:"↳"}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background-color:#c6f6d5;color:#22543d}.status-badge.inactive{background-color:#fed7d7;color:#742a2a}.actions-cell{white-space:nowrap}.actions-cell .btn{margin-right:.5rem}.actions-cell .btn:last-child{margin-right:0}.empty-message{text-align:center;color:#718096;padding:2rem!important}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#3182ce;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2c5282}.btn-secondary{background-color:#e2e8f0;color:#2d3748}.btn-secondary:hover:not(:disabled){background-color:#cbd5e0}.btn-danger{background-color:#e53e3e;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c53030}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn-icon{display:inline-flex;align-items:center;gap:.5rem}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal--large{max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:1.25rem;color:#2d3748}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#718096;padding:0;line-height:1}.modal-close:hover{color:#2d3748}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background-color:#f7fafc}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#2d3748;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.form-group input:disabled,.form-group select:disabled{background-color:#f7fafc;cursor:not-allowed}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-hint{display:block;margin-top:.25rem;font-size:.75rem;color:#718096}.form-error{color:#e53e3e;font-size:.75rem;margin-top:.25rem}.required{color:#e53e3e}.permission-editor{margin-top:1.5rem}.permission-editor h3{margin:0 0 1rem;font-size:1rem;color:#2d3748;display:flex;align-items:center;gap:.5rem}.module-filter{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.module-filter-btn{padding:.375rem .75rem;border:1px solid #e2e8f0;background:#fff;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;color:#4a5568;transition:all .2s}.module-filter-btn:hover{background-color:#f7fafc}.module-filter-btn.active{background-color:#3182ce;border-color:#3182ce;color:#fff}.permission-matrix-container{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;max-height:400px;overflow-y:auto}.permission-matrix{width:100%;border-collapse:collapse;font-size:.875rem}.permission-matrix th,.permission-matrix td{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0}.permission-matrix th{background-color:#f7fafc;font-weight:600;color:#2d3748;position:sticky;top:0;z-index:10}.permission-matrix th.action-header{text-align:center;text-transform:capitalize;width:80px}.permission-matrix tbody tr:hover{background-color:#f7fafc}.resource-cell{font-weight:500;color:#2d3748}.resource-cell .resource-module{display:block;font-size:.7rem;color:#718096;font-weight:400;margin-top:2px}.permission-cell{text-align:center}.permission-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#3182ce}.permission-checkbox:disabled{cursor:not-allowed;opacity:.5}.no-permission{color:#cbd5e0;font-size:.75rem}.permission-summary{margin-top:1rem;padding:.75rem 1rem;background-color:#f7fafc;border-radius:4px;font-size:.875rem;color:#4a5568}.permission-summary strong{color:#2d3748}.skeleton-row td{padding:1rem}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f7fafc,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.loading{text-align:center;padding:3rem;color:#718096}@media(max-width:768px){.role-management{padding:1rem}.toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.form-row{grid-template-columns:1fr}.modal{margin:1rem;max-height:calc(100vh - 2rem)}.modal--large{max-width:100%}.permission-matrix th.action-header{padding:.5rem .25rem;font-size:.7rem}.permission-cell{padding:.5rem .25rem}}.view-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0;padding-bottom:0}.tab-button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#718096;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative;bottom:-2px}.tab-button:hover{color:#2d3748;background:#f7fafc}.tab-button.active{color:#3182ce;border-bottom-color:#3182ce;font-weight:600}.tab-button:disabled{opacity:.5;cursor:not-allowed}#root{min-height:100vh;display:flex;flex-direction:column}