*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #141210;--bg-secondary: #1C1917;--bg-card: #24201D;--primary-accent: #C7A27C;--accent-hover: #A67B5B;--text-primary: #F5F1EC;--text-secondary: #B8AEA4;--text-muted: #8E8276;--success: #8FB996;--success-bg: rgba(143, 185, 150, .05);--success-border: rgba(143, 185, 150, .15);--error: #D68C8C;--error-bg: rgba(214, 140, 140, .05);--error-border: rgba(214, 140, 140, .15);--border-light: rgba(255, 255, 255, .06);--border-focus: rgba(199, 162, 124, .35);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--shadow-soft: 0 12px 30px rgba(0, 0, 0, .4), 0 2px 10px rgba(0, 0, 0, .2);--shadow-hover: 0 24px 50px rgba(0, 0, 0, .6), 0 2px 15px rgba(0, 0, 0, .3);--shadow-active: 0 4px 10px rgba(0, 0, 0, .25);--glow-accent: 0 0 25px rgba(199, 162, 124, .12)}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-wrapper{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:80px 24px 120px;background-image:radial-gradient(circle at 10% 20%,rgba(199,162,124,.02) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(166,123,91,.02) 0%,transparent 40%)}.container{width:100%;max-width:680px;display:flex;flex-direction:column;gap:32px;animation:fade-in .8s cubic-bezier(.16,1,.3,1) both}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.header{text-align:center;margin-bottom:8px}.hero-tag{display:inline-flex;align-items:center;font-size:.725rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--primary-accent);background-color:#c7a27c14;border:1px solid rgba(199,162,124,.15);padding:6px 16px;border-radius:100px;margin-bottom:18px}.title{font-size:2.75rem;font-weight:800;letter-spacing:-.035em;color:var(--text-primary);margin-bottom:12px;line-height:1.15}.subtitle{font-size:1.05rem;color:var(--text-secondary);font-weight:400;line-height:1.6;max-width:520px;margin:0 auto}.card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-soft);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1)}.card:hover{box-shadow:var(--shadow-hover);border-color:#ffffff1a}.drop-zone{border:1px dashed rgba(255,255,255,.15);border-radius:var(--radius-md);min-height:240px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#14121066;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;margin-bottom:24px}.drop-zone:hover:not(.has-file){border-color:var(--primary-accent);background-color:#1c191799;box-shadow:var(--glow-accent);transform:translateY(-2px)}.drop-zone.dragging{border-color:var(--primary-accent);background-color:#c7a27c0d;box-shadow:var(--glow-accent);transform:scale(1.015)}.drop-zone.has-file{cursor:default;border-style:solid;border-color:var(--border-light)}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;text-align:center}.upload-icon-wrapper{width:56px;height:56px;border-radius:12px;background-color:#ffffff08;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1)}.drop-zone:hover:not(.has-file) .upload-icon-wrapper{background-color:#c7a27c1a;border-color:#c7a27c4d;transform:scale(1.05)}.upload-icon{width:24px;height:24px;color:var(--text-secondary)}.drop-label{font-size:1rem;font-weight:500;color:var(--text-primary)}.drop-sublabel{font-size:.875rem;color:var(--text-secondary);margin-top:-6px}.file-types{font-size:.75rem;color:var(--text-muted);background-color:#ffffff05;padding:4px 14px;border-radius:100px;border:1px solid var(--border-light);margin-top:4px}.preview-container{width:100%;height:100%;position:relative;border-radius:calc(var(--radius-md) - 2px);overflow:hidden;box-shadow:var(--shadow-soft)}.preview-image{width:100%;height:100%;min-height:240px;max-height:400px;object-fit:cover;display:block}.preview-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#141210f2,#14121000);padding:24px 20px 16px;display:flex;justify-content:space-between;align-items:flex-end}.preview-filename{font-size:.875rem;font-weight:500;color:var(--text-primary);max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-size{font-size:.75rem;color:var(--text-primary);opacity:.9;background:#ffffff14;border:1px solid var(--border-light);padding:3px 10px;border-radius:100px}.hidden-input{display:none}.button-row{display:flex;gap:12px;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius-sm);font-family:inherit;font-size:.925rem;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);border:none;outline:none}.btn-primary{flex:2;background-color:var(--primary-accent);color:#141210;font-weight:600;box-shadow:0 4px 14px #c7a27c26}.btn-primary:hover:not(:disabled){background-color:#dbc4a9;transform:translateY(-1px);box-shadow:0 6px 20px #c7a27c40}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{flex:1;background-color:#ffffff0a;color:var(--text-secondary);border:1px solid var(--border-light)}.btn-secondary:hover{background-color:#ffffff14;color:var(--text-primary);border-color:#ffffff26}.btn-outline{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-light);width:100%;margin-top:16px;font-size:.875rem;border-radius:var(--radius-sm);padding:12px 20px}.btn-outline:hover{background-color:#ffffff0a;border-color:var(--primary-accent);color:var(--text-primary)}.spinner{width:16px;height:16px;border:2px solid rgba(20,18,16,.3);border-top-color:var(--text-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:40px}.loading-card{background-color:var(--bg-card);border-color:var(--border-light)}.status-icon-wrapper{width:52px;height:52px;border-radius:50%;background-color:#ffffff08;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-size:24px}.status-icon-wrapper.pulse{animation:pulse-ring 1.8s ease-in-out infinite}@keyframes pulse-ring{0%{transform:scale(.96);box-shadow:0 0 #c7a27c26}70%{transform:scale(1.04);box-shadow:0 0 0 10px #c7a27c00}to{transform:scale(.96);box-shadow:0 0 #c7a27c00}}.status-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.status-description{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.progress-bar{width:100%;max-width:240px;height:3px;background-color:#ffffff0a;border-radius:100px;overflow:hidden}.progress-fill{height:100%;width:40%;background-color:var(--primary-accent);border-radius:100px;animation:progress-slide 1.5s ease-in-out infinite}@keyframes progress-slide{0%{transform:translate(-150%);width:40%}50%{width:50%}to{transform:translate(250%);width:40%}}.result-card{border-left:4px solid var(--primary-accent)}.result-card.success{border-left-color:var(--success);background-color:var(--success-bg)}.result-card.neutral{border-left-color:var(--primary-accent);background-color:var(--bg-card)}.result-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:16px}.result-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;font-size:.775rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.badge-success{background-color:#8fb9961f;color:var(--success);border:1px solid rgba(143,185,150,.18)}.badge-neutral{background-color:#ffffff08;color:var(--text-secondary);border:1px solid var(--border-light)}.confidence-score{font-size:.85rem;color:var(--text-muted);font-weight:500}.confidence-highlight{color:var(--primary-accent);font-weight:600}.result-message{font-size:.95rem;color:var(--text-secondary);line-height:1.6;text-align:left;width:100%;margin-bottom:24px}.s3-url-box{width:100%;background-color:#0003;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;text-align:left;margin-bottom:20px}.s3-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.s3-link-container{display:flex;align-items:center;justify-content:space-between;gap:12px}.s3-link{font-size:.85rem;color:var(--primary-accent);text-decoration:none;word-break:break-all;line-height:1.5;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s3-link:hover{color:#f5f1ec;text-decoration:underline}.btn-copy{background:none;border:none;padding:6px;cursor:pointer;color:var(--text-muted);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-copy:hover{color:var(--text-primary);background-color:#ffffff0a}.error-card{background-color:var(--error-bg);border-color:var(--border-light);border-left:4px solid var(--error)}.error-badge{background-color:#d68c8c1f;color:var(--error);display:inline-flex;padding:6px 14px;border-radius:100px;font-size:.775rem;font-weight:600;text-transform:uppercase;border:1px solid rgba(214,140,140,.18)}.error-message{font-size:.925rem;color:var(--text-secondary);line-height:1.6;margin-top:12px;margin-bottom:20px}.history-section{display:flex;flex-direction:column;gap:20px;margin-top:12px}.history-header{display:flex;justify-content:space-between;align-items:center}.history-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.btn-clear-history{background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;font-weight:500;transition:color .2s}.btn-clear-history:hover{color:var(--error)}.history-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.history-item{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative}.history-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#ffffff1a}.history-img-wrapper{position:relative;aspect-ratio:16 / 10;background-color:#00000026;overflow:hidden}.history-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.history-item:hover .history-img{transform:scale(1.04)}.history-item-badge{position:absolute;top:10px;right:10px;font-size:.65rem;font-weight:600;padding:4px 8px;border-radius:100px;text-transform:uppercase;background-color:#8fb99633;color:var(--success);border:1px solid rgba(143,185,150,.3)}.history-info{padding:16px;display:flex;flex-direction:column;gap:8px;flex-grow:1}.history-meta-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.history-name{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.history-confidence{font-size:.775rem;font-weight:600;color:var(--primary-accent)}.history-date{font-size:.75rem;color:var(--text-muted)}.history-actions{display:flex;align-items:center;justify-content:space-between;margin-top:auto;border-top:1px solid var(--border-light);padding-top:12px}.history-link{font-size:.8rem;font-weight:500;color:var(--primary-accent);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.history-link:hover{color:#fffdf9}.btn-delete-item{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-delete-item:hover{color:var(--error);background-color:var(--error-bg)}.history-empty{grid-column:span 2;padding:48px;text-align:center;color:var(--text-muted);border:1px dashed var(--border-light);border-radius:var(--radius-md);background-color:#ffffff03;font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:12px}.history-empty-icon{font-size:24px;color:var(--text-muted);opacity:.5}.footer{text-align:center;margin-top:24px}.footer p{font-size:.8rem;color:var(--text-muted);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.tech-badge{background-color:var(--bg-card);border:1px solid var(--border-light);padding:4px 12px;border-radius:100px;color:var(--text-secondary);font-size:.75rem;font-weight:500;transition:all .2s ease}.tech-badge:hover{background-color:#ffffff0a;border-color:var(--primary-accent);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:10px;border:2px solid var(--bg-base)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 600px){.app-wrapper{padding:40px 16px 80px}.card{padding:28px 24px}.button-row{flex-direction:column}.btn{width:100%}.btn-secondary{order:2}.title{font-size:2.25rem}.history-grid{grid-template-columns:1fr}.history-empty{grid-column:span 1}.video-summary-grid{grid-template-columns:repeat(2,1fr)}}.mode-tabs{display:flex;gap:6px;padding:6px;background:var(--bg-secondary);border-radius:14px;border:1px solid var(--border);width:fit-content;margin:0 auto 24px}.mode-tab{display:flex;align-items:center;gap:7px;padding:9px 20px;border:none;border-radius:10px;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;letter-spacing:.01em}.mode-tab:hover{color:var(--text-primary);background:#c7a27c14}.mode-tab.active{background:var(--card-bg);color:var(--primary-accent);border:1px solid var(--border);box-shadow:0 2px 8px #0000004d}.video-selected-state{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0}.video-icon-wrapper{width:72px;height:72px;border-radius:50%;background:#c7a27c1a;display:flex;align-items:center;justify-content:center;border:1px solid rgba(199,162,124,.2)}.video-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.video-stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px 12px;text-align:center;transition:border-color .2s ease}.video-stat-card:hover{border-color:#c7a27c4d}.video-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:6px;letter-spacing:-.02em}.video-stat-label{font-size:.725rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.history-item-badge.badge-video{background:#b0c4de1f;color:#b0c4de;border-color:#b0c4de40}.face-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;width:100%}.face-item{background-color:#0000002e;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:14px 18px;display:flex;flex-direction:column;gap:10px;transition:border-color .25s ease}.face-item:hover{border-color:#c7a27c33}.face-item-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.face-item-number{font-size:.9rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.face-item .s3-url-box{background-color:#0000001f;padding:12px 14px}.dashboard-layout{display:flex;flex-direction:column;gap:28px;animation:fade-in .6s cubic-bezier(.16,1,.3,1) both}.dashboard-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 550px){.dashboard-stats{grid-template-columns:repeat(4,1fr)}}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px 16px;text-align:center;box-shadow:var(--shadow-soft);transition:all .3s ease}.dashboard-card:hover{transform:translateY(-2px);border-color:#c7a27c33;box-shadow:var(--shadow-hover)}.dashboard-card-val{font-size:1.85rem;font-weight:800;color:var(--primary-accent);margin-bottom:6px;letter-spacing:-.02em}.dashboard-card-label{font-size:.725rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 650px){.dashboard-grid{grid-template-columns:1.2fr .8fr}}.dashboard-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-soft)}.dashboard-panel-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:20px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.chart-container{height:180px;display:flex;align-items:flex-end;justify-content:space-between;padding:10px 0 20px;border-bottom:1px solid rgba(255,255,255,.06);position:relative}.chart-bar-wrapper{display:flex;flex-direction:column;align-items:center;flex:1;height:100%;justify-content:flex-end;gap:8px}.chart-bar{width:24px;background:linear-gradient(180deg,var(--primary-accent) 0%,rgba(199,162,124,.2) 100%);border-radius:4px 4px 0 0;transition:height .6s ease;min-height:4px;position:relative}.chart-bar:hover{background:var(--primary-accent);box-shadow:0 0 12px #c7a27c66}.chart-bar-tooltip{position:absolute;top:-28px;left:50%;transform:translate(-50%);background:var(--bg-base);color:var(--text-primary);font-size:.675rem;padding:3px 6px;border-radius:4px;border:1px solid var(--primary-accent);pointer-events:none;opacity:0;transition:opacity .2s ease;white-space:nowrap}.chart-bar:hover .chart-bar-tooltip{opacity:1}.chart-x-label{font-size:.65rem;color:var(--text-muted);text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identities-list{display:flex;flex-direction:column;gap:14px;max-height:280px;overflow-y:auto}.identity-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#00000026;border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:all .2s ease}.identity-item:hover{border-color:#c7a27c26;background:#00000040}.identity-thumb{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid rgba(199,162,124,.25);background:var(--bg-secondary)}.identity-details{flex:1;display:flex;flex-direction:column}.identity-name{font-size:.8rem;font-weight:600;color:var(--text-primary)}.identity-meta{font-size:.675rem;color:var(--text-muted)}.identity-count-badge{font-size:.725rem;font-weight:700;background:#c7a27c1f;color:var(--primary-accent);padding:2px 8px;border-radius:100px;border:1px solid rgba(199,162,124,.2)}.sessions-log-panel{width:100%}.sessions-table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-light);background:#0000001a}.sessions-table{width:100%;border-collapse:collapse;font-size:.8rem;text-align:left}.sessions-table th,.sessions-table td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04)}.sessions-table th{background:#ffffff05;font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.675rem;letter-spacing:.05em}.sessions-table tbody tr:hover{background:#ffffff04}.sessions-table tbody tr:last-child td{border-bottom:none}.session-row-type{display:inline-flex;padding:2px 6px;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase}.session-row-type.image{background:#8fb9961f;color:var(--success)}.session-row-type.video{background:#c7a27c1f;color:var(--primary-accent)}.session-people-mini-list{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.session-people-mini-item{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.15)}