*{margin:0;padding:0;box-sizing:border-box}:root{--bg-base: #0A0A0C;--bg-primary: #111114;--bg-secondary: #18181C;--bg-elevated: #1F1F24;--bg-card: rgba(30, 30, 36, .8);--bg-card-solid: #1E1E24;--bg-hover: rgba(255, 255, 255, .04);--text-primary: #F4F4F6;--text-secondary: #9898A0;--text-muted: #6B6B73;--accent: #8B7CF6;--accent-light: #A89CFF;--accent-dark: #6B5DD3;--accent-glow: rgba(139, 124, 246, .15);--success: #5CCFBE;--success-bg: rgba(92, 207, 190, .12);--warning: #F5B952;--warning-bg: rgba(245, 185, 82, .12);--error: #F07167;--error-bg: rgba(240, 113, 103, .12);--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .04);--border-focus: rgba(139, 124, 246, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .4);--shadow-glow: 0 0 40px rgba(139, 124, 246, .1);--font-display: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-tooltip: 1100}[data-theme=light]{--bg-base: #F8F9FC;--bg-primary: #FFFFFF;--bg-secondary: #F1F3F8;--bg-elevated: #FFFFFF;--bg-card: rgba(255, 255, 255, .9);--bg-card-solid: #FFFFFF;--bg-hover: rgba(0, 0, 0, .03);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--accent: #7C3AED;--accent-light: #8B5CF6;--accent-dark: #6D28D9;--accent-glow: rgba(124, 58, 237, .12);--success: #10B981;--success-bg: rgba(16, 185, 129, .1);--warning: #F59E0B;--warning-bg: rgba(245, 158, 11, .1);--error: #EF4444;--error-bg: rgba(239, 68, 68, .1);--border: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .04);--border-focus: rgba(124, 58, 237, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .12);--shadow-glow: 0 0 40px rgba(124, 58, 237, .08)}[data-theme=light] .app{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(124,58,237,.06),transparent),var(--bg-base)}[data-theme=light] .navbar{background:#ffffffd9;border-color:#0000000f}[data-theme=light] .card{background:var(--bg-card);border-color:#0000000f}[data-theme=light] .btn-secondary{background:#0000000d;color:var(--text-primary)}[data-theme=light] .btn-secondary:hover{background:#00000014}[data-theme=light] .input{background:var(--bg-primary);border-color:#0000001a}[data-theme=light] .lightbox-overlay{background:#fffffff2}[data-theme=light] .lightbox-close,[data-theme=light] .lightbox-nav{background:#00000014;color:var(--text-primary)}[data-theme=light] .lightbox-close:hover,[data-theme=light] .lightbox-nav:hover{background:#0000001f}[data-theme=light] .face-badge,[data-theme=light] .photo-card .face-badge{background:#ffffffe6;color:var(--text-primary);border-color:#0000001a;box-shadow:0 2px 8px #0000001a}[data-theme=light] .similarity-badge{background:var(--accent-glow);color:var(--accent-dark)}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6;font-size:.9375rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-slow),color var(--transition-slow)}.app,.navbar,.card,.btn,.input,.modal,.lightbox-overlay{transition:background-color var(--transition-slow),border-color var(--transition-slow),color var(--transition-slow),box-shadow var(--transition-slow)}.app{min-height:100vh;display:flex;flex-direction:row;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(139,124,246,.08),transparent),var(--bg-base)}.photo-inline-viewer{position:relative;order:-1;margin:0 0 var(--space-4);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.photo-inline-viewer .lightbox-close{top:var(--space-3);right:var(--space-3)}.photo-inline-viewer .lightbox-nav{width:42px;height:42px}.photo-inline-viewer .lightbox-content{max-width:100%;width:100%!important;max-height:72vh!important;margin:0 auto}.photo-inline-viewer .lightbox-image{max-height:72vh!important}.photo-viewer-strip{display:flex;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2);overflow-x:auto;border-top:1px solid var(--border)}.photo-viewer-thumb{width:72px;height:54px;flex:0 0 auto;padding:0;border:2px solid transparent;border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer;overflow:hidden}.photo-viewer-thumb.active{border-color:var(--accent)}.photo-viewer-thumb img{width:100%;height:100%;display:block;object-fit:cover}.navbar{position:sticky;top:0;left:0;height:100vh;width:230px;flex:0 0 230px;padding:var(--space-4);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:var(--space-4);background:#18181cbf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid var(--border);z-index:var(--z-sticky);box-shadow:var(--shadow-md)}.nav-brand h1{font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-brand span{display:block;margin-top:.1rem;color:var(--text-muted);font-size:.72rem;font-weight:600}.nav-links{display:flex;flex-direction:column;gap:var(--space-1);min-height:0;overflow-y:auto}.nav-link{font-family:var(--font-body);font-size:.84rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:.48rem .65rem;border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative;display:flex;align-items:center;gap:var(--space-2);min-height:36px}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link.active{color:var(--accent-light);background:var(--accent-glow)}.nav-link:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.nav-footer{margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--border);display:grid;grid-template-columns:40px 40px minmax(0,1fr) 40px;align-items:center;gap:var(--space-2)}.app-fullscreen .navbar{display:none}.nav-user{min-width:0;color:var(--text-muted);font-size:.78rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--radius-md);background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.theme-toggle:hover{background:var(--accent-glow);color:var(--accent-light);transform:rotate(15deg)}.theme-toggle:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.theme-toggle svg{width:20px;height:20px}.main-content{flex:1;min-width:0;padding:var(--space-4);max-width:none;margin:0;width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:var(--space-3)}.page-header h2{font-family:var(--font-display);font-size:1.28rem;font-weight:600;letter-spacing:0;color:var(--text-primary)}.btn{font-family:var(--font-body);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;cursor:pointer;font-size:.8125rem;font-weight:500;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap;line-height:1.5}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;box-shadow:0 2px 8px #8b7cf640}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent) 100%);box-shadow:0 4px 16px #8b7cf659;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-solid);border-color:#ffffff1f}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#e55a50}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--space-3)}.photo-grid-stack{display:flex;flex-direction:column;gap:var(--space-4)}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.card{background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);transition:all var(--transition-normal);cursor:pointer}.card:hover{border-color:#ffffff1f;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.card:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.card-image{width:100%;aspect-ratio:1;object-fit:cover;background:var(--bg-secondary);display:block}.card-content{padding:var(--space-2)}.card-title{font-family:var(--font-display);font-weight:500;font-size:.78rem;margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.card-subtitle{font-size:.72rem;color:var(--text-secondary)}.photo-card{position:relative}.photo-card .face-badge{position:absolute;top:var(--space-2);right:var(--space-2);background:#18181cd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);padding:.08rem .45rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:var(--space-1);border:1px solid var(--border)}.photo-card .face-badge svg{width:14px;height:14px;opacity:.8}.photo-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2);max-height:none;overflow:hidden}.photo-card-tag{display:inline-flex;align-items:center;max-width:100%;min-width:0;padding:.08rem .34rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.08);background:#ffffff0e;color:var(--text-secondary);font-size:.61rem;line-height:1.35}.photo-card-tag-label{flex:0 0 auto;color:var(--text-muted);font-weight:600;margin-right:.28rem}.photo-card-tag-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.photo-card-tag-location{background:#5ccfbe1a;border-color:#5ccfbe2e}.photo-card-tag-sub-location{background:#f5b9521a;border-color:#f5b9522e}.photo-card-tag-subject{background:#8b7cf621;border-color:#8b7cf638}[data-theme=light] .photo-card-tag{background:#0f172a0b;border-color:#0f172a14}.group-card{position:relative}.person-wise-card{min-height:218px;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:16px 16px 34px;box-shadow:var(--shadow-md)}.person-wise-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-lg)}.person-wise-image-wrap{position:relative}.person-wise-image{display:block;width:100%;aspect-ratio:1.68;object-fit:cover;background:var(--bg-secondary);border-radius:16px 16px 32px 0}.person-wise-placeholder{display:flex;align-items:center;justify-content:center;color:#ffffffdb;font-size:3rem;font-weight:700}.person-wise-content{padding:.52rem .85rem .68rem}.person-wise-name{max-width:100%;overflow:hidden;color:var(--text-primary);font-family:var(--font-display);font-size:clamp(.86rem,1vw,1rem);font-weight:700;line-height:1.15;text-decoration:none;white-space:nowrap;text-overflow:ellipsis}.person-wise-count{margin-top:.28rem;color:var(--text-secondary);font-size:.82rem;font-weight:600}.person-detail-thumb{position:relative;width:58px;height:58px;flex:0 0 auto;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border)}.person-detail-thumb img{width:100%;height:100%;display:block;object-fit:cover}.person-detail-thumb>span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-weight:700}.person-detail-thumb-action{position:absolute;left:4px;right:4px;bottom:4px;border:0;border-radius:var(--radius-sm);padding:.12rem .2rem;background:#000000ad;color:#fff;font-size:.62rem;cursor:pointer}.thumbnail-candidate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--space-3);max-height:400px;overflow:auto;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg)}.thumbnail-candidate{padding:var(--space-2);border:2px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;text-align:center}.thumbnail-candidate.selected{border-color:var(--accent);background:var(--accent-glow)}.thumbnail-candidate img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:var(--space-1)}.thumbnail-candidate span{font-size:.72rem}.folder-section{background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);border:1px solid var(--border)}.folder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.folder-header h3{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text-primary)}.folder-list{display:flex;flex-wrap:wrap;gap:var(--space-3)}.folder-chip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg);font-size:.8125rem;border:1px solid var(--border);transition:all var(--transition-normal)}.folder-chip:hover{background:var(--bg-card-solid)}.folder-chip .count{background:var(--accent-glow);color:var(--accent-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600}.folder-chip .delete-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);width:24px;height:24px;border-radius:var(--radius-sm);opacity:.5}.folder-chip .delete-btn:hover{color:var(--error);background:var(--error-bg);opacity:1}.folder-chip .delete-btn:focus-visible{outline:2px solid var(--error);outline-offset:2px;opacity:1}.folder-table{display:flex;flex-direction:column;gap:var(--space-3)}.folder-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border);transition:all var(--transition-normal)}.folder-row:hover{border-color:#ffffff1f}.folder-info{flex:1;min-width:0}.folder-name{display:block;font-weight:500;font-family:var(--font-display);margin-bottom:var(--space-1);color:var(--text-primary)}.folder-path{display:block;font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-stats{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.stat-badge{padding:var(--space-1) var(--space-3);background:var(--accent-glow);color:var(--accent-light);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.stat-badge.warning{background:var(--warning-bg);color:var(--warning)}.stat-date{font-size:.75rem;color:var(--text-muted)}.folder-actions{display:flex;gap:var(--space-2);flex-shrink:0}@media (max-width: 768px){.folder-row{flex-wrap:wrap}.folder-info{width:100%}.folder-stats{width:100%;justify-content:flex-start}.folder-actions{width:100%;justify-content:flex-end}}.input{font-family:var(--font-body);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;width:100%;transition:all var(--transition-normal)}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:#ffffff1f}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-group{display:flex;gap:var(--space-3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.modal{background:var(--bg-secondary);border-radius:var(--radius-xl);max-width:90vw;max-height:90vh;overflow:auto;border:1px solid var(--border);box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.modal-header h3{font-family:var(--font-display);font-weight:600}.modal-body{padding:var(--space-6)}.modal-image{max-width:100%;max-height:70vh;display:block;margin:0 auto;border-radius:var(--radius-lg)}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;cursor:pointer}.lightbox-close{position:absolute;top:var(--space-4);right:var(--space-4);background:#ffffff1a;border:none;border-radius:var(--radius-full);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast);z-index:10}.lightbox-close:hover{background:#fff3;transform:scale(1.1)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:var(--radius-full);width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast);z-index:10}.lightbox-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:var(--space-4)}.lightbox-next{right:var(--space-4)}.lightbox-content{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-4);max-width:calc(100vw - 160px);max-height:calc(100vh - 80px);position:relative;cursor:default}.lightbox-stage{background:#0000002e;border-radius:var(--radius-md)}.lightbox-image{max-width:calc(100vw - 540px);max-height:calc(100vh - 80px);object-fit:contain;border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080;flex:0 1 auto}.lightbox-zoom-controls{position:absolute;top:var(--space-4);left:50%;transform:translate(-50%);z-index:12;display:inline-flex;align-items:center;gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-full);background:#141419cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md)}.lightbox-tool-btn,.lightbox-tool-value{height:36px;border:0;background:transparent;color:#fff;cursor:pointer}.lightbox-tool-btn{width:40px;font-size:1.1rem;font-weight:700}.lightbox-tool-value{min-width:62px;padding:0 var(--space-2);font-size:.76rem;font-weight:700}.lightbox-tool-btn:hover,.lightbox-tool-value:hover{background:#ffffff1f}.lightbox-info{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);width:340px;flex:0 0 340px;max-height:calc(100vh - 80px);overflow-y:auto;padding:var(--space-3);background:#00000073;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);text-align:left}.lightbox-title{font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--text-primary)}.lightbox-meta{font-size:.8125rem;color:var(--text-muted)}@media (max-width: 1024px){.lightbox-content{flex-direction:column;align-items:center}.lightbox-image{max-width:100%;max-height:calc(100vh - 320px)}.lightbox-info{width:100%;flex:0 0 auto;max-height:280px}}@media (max-width: 768px){.lightbox-content{max-width:calc(100vw - 32px)}.lightbox-nav{width:44px;height:44px}.lightbox-prev{left:var(--space-2)}.lightbox-next{right:var(--space-2)}.lightbox-close{top:var(--space-2);right:var(--space-2)}}.search-container{max-width:640px;margin:0 auto}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--bg-card)}.upload-zone:hover{border-color:var(--accent);background:var(--bg-elevated)}.upload-zone.dragging{border-color:var(--accent);background:var(--accent-glow)}.upload-zone input{display:none}.upload-zone p{color:var(--text-secondary);margin-top:var(--space-2)}.upload-icon{width:48px;height:48px;color:var(--text-muted);margin:0 auto var(--space-4)}.search-results{margin-top:var(--space-8)}.search-results h3{font-family:var(--font-display);font-size:1.125rem;font-weight:600;margin-bottom:var(--space-5)}.result-card{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);margin-bottom:var(--space-4);border:1px solid var(--border);transition:all var(--transition-normal)}.result-card:hover{border-color:#ffffff1f}.result-card img{width:72px;height:72px;border-radius:var(--radius-md);object-fit:cover}.result-info{flex:1;display:flex;flex-direction:column;justify-content:center}.similarity-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:var(--success-bg);color:var(--success);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-12);color:var(--text-secondary);gap:var(--space-4)}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{height:6px;background:var(--bg-primary);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-dark),var(--accent),var(--accent-light));border-radius:var(--radius-full);transition:width var(--transition-slow)}.empty-state{text-align:center;padding:var(--space-12);color:var(--text-secondary)}.empty-state h3{font-family:var(--font-display);font-size:1.125rem;margin-bottom:var(--space-2);color:var(--text-primary)}.status-card{background:var(--bg-card);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:var(--space-4)}.status-card.success{border-color:#5ccfbe4d;background:var(--success-bg)}.status-card.error{border-color:#f071674d;background:var(--error-bg)}.status-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.status-card-title{font-weight:500;font-size:.9375rem}.status-card-title.success{color:var(--success)}.status-card-title.error{color:var(--error)}.status-card-body{font-size:.8125rem;color:var(--text-secondary)}.status-card-detail{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-2)}.info-box{background:var(--bg-card);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:var(--space-4);font-size:.875rem;color:var(--text-secondary)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-error{color:var(--error)}.text-success{color:var(--success)}.mt-1{margin-top:var(--space-2)}.mt-2{margin-top:var(--space-4)}.mt-3{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-2)}.mb-2{margin-bottom:var(--space-4)}.mb-3{margin-bottom:var(--space-6)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) 0}.pagination .btn{min-width:40px;padding:var(--space-2);display:flex;align-items:center;justify-content:center}.pagination .btn:disabled{opacity:.3;cursor:not-allowed}.pagination .btn svg{width:18px;height:18px}.pagination-info{font-size:.875rem;color:var(--text-secondary);padding:0 var(--space-4);min-width:120px;text-align:center}.tagging-page{max-width:none}.tagging-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.tagging-header-filter{display:flex;align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:.7rem;font-weight:700}.tagging-header-filter .input{width:132px;height:32px;padding:0 var(--space-2)}.tagging-dirty{color:var(--warning);font-size:.8125rem;font-weight:600}.tagging-filters{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.tagging-filters label{display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-secondary);font-size:.75rem;font-weight:600}.tagging-filters .input{width:170px;height:38px;padding:var(--space-2) var(--space-3)}.tagging-grid-shell{width:100%;overflow:auto;max-height:calc(100vh - 132px);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);box-shadow:var(--shadow-md)}.tagging-grid{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:.74rem}.tagging-grid th,.tagging-grid td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-primary);height:32px;padding:0;vertical-align:middle}.tagging-grid th{position:sticky;top:0;z-index:3;height:34px;padding:0 var(--space-2);background:var(--bg-secondary);color:var(--text-primary);text-align:center;font-weight:700;white-space:nowrap}.tagging-grid tfoot td{position:sticky;bottom:0;z-index:4;height:34px;background:var(--bg-secondary);border-top:1px solid var(--border)}.tagging-table-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-2);height:33px}.tagging-table-footer .btn{min-height:28px;padding:0 var(--space-2)}.tagging-empty-row{height:96px!important;color:var(--text-secondary);text-align:center;font-weight:700}.tagging-grid tr.is-dirty td{background:#f5b95229;box-shadow:inset 3px 0 0 var(--warning)}[data-theme=light] .tagging-grid tr.is-dirty td{background:#f59e0b29}.tagging-row-number{position:sticky;left:0;z-index:2;width:42px;min-width:42px;text-align:center;color:var(--text-secondary);background:var(--bg-secondary)!important;font-variant-numeric:tabular-nums}.tagging-grid th.tagging-row-number{z-index:4}.tagging-id-col{width:58px;min-width:58px;padding:0 var(--space-2)!important;text-align:right;font-variant-numeric:tabular-nums}.tagging-image-col{width:190px;min-width:190px}.tagging-ignore-col{width:52px!important;min-width:52px!important}.tagging-image-cell{display:flex;align-items:center;gap:var(--space-2);width:190px;min-width:190px;padding:0 var(--space-1)!important}.tagging-image-button{width:42px;height:28px;flex:0 0 auto;padding:0;border:0;border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:zoom-in;overflow:hidden}.tagging-image-button img{width:100%;height:100%;display:block;object-fit:cover}.tagging-image-cell span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.tagging-grid td:not(.tagging-row-number):not(.tagging-id-col):not(.tagging-image-cell):not(.tagging-ignore-col){width:118px;min-width:118px}.tagging-grid input{width:100%;height:31px;border:0;border-radius:0;padding:0 var(--space-2);background:transparent;color:inherit;font:inherit}.tagging-grid input:focus{outline:2px solid #2563eb;outline-offset:-2px;background:#ffffff14}.tagging-grid input.is-selected{background:#2563eb2e;outline:1px solid rgba(37,99,235,.65);outline-offset:-1px}.tagging-suggest-cell{position:relative}.tagging-suggestion-menu{position:absolute;top:100%;left:0;right:0;z-index:20;max-height:240px;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-lg)}.tagging-suggestion-option{display:block;width:100%;min-height:32px;padding:var(--space-2);border:0;border-bottom:1px solid var(--border-light);background:transparent;color:var(--text-primary);text-align:left;font:inherit;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tagging-suggestion-option:hover,.tagging-suggestion-option:focus,.tagging-suggestion-option.active{background:var(--accent-glow);color:var(--accent-light);outline:none}.tagging-check-cell{text-align:center}.tagging-check-cell:focus-within{background:#f5b95238!important;box-shadow:inset 0 0 0 2px var(--warning)}.tagging-check-cell input{width:16px;height:16px;accent-color:var(--accent);vertical-align:middle}.image-preview-modal{position:relative;max-width:92vw;max-height:92vh;padding:var(--space-3);background:#141419f5;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl)}.image-preview-modal img{display:block;max-width:88vw;max-height:82vh;object-fit:contain;border-radius:var(--radius-sm)}.image-preview-caption{margin-top:var(--space-2);color:#fff;font-size:.82rem;text-align:center}[data-theme=light] .tagging-grid-shell{background:#fff}[data-theme=light] .tagging-grid th,[data-theme=light] .tagging-row-number{background:#f8fafc!important}[data-theme=light] .tagging-grid td{background:#fff}@media (max-width: 768px){.app{flex-direction:column}.navbar{position:sticky;top:0;width:100%;height:auto;flex:0 0 auto;padding:var(--space-2) var(--space-3);border-right:0;border-bottom:1px solid var(--border);gap:var(--space-2)}.nav-links{width:100%;flex-direction:row;justify-content:flex-start;overflow-x:auto;padding-bottom:var(--space-1)}.nav-link{flex:0 0 auto}.nav-footer{display:none}.main-content{padding:var(--space-3)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-2)}.group-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4)}.folder-section{padding:var(--space-4)}.input-group{flex-direction:column}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff26}