*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;background-color:#fff;color:#111827}button{font:inherit}:root{--sf-red: #2c3e50;--sf-red-soft: #3b4f63;--sf-bg: #ffffff;--sf-bg-elevated: #ffffff;--sf-border-subtle: #e5e7eb;--sf-border-strong: #d1d5db;--sf-text-muted: #6b7280;--sf-text-soft: #111827;--sf-focus: #111827}body{background-color:var(--sf-bg)}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;background:var(--sf-bg);color:var(--sf-text-soft)}.app-sidebar{border-right:1px solid var(--sf-border-subtle);background:#f3f4f6}.app-main{display:flex;flex-direction:column}.app-topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--sf-border-subtle);background:#fff;position:sticky;top:0;z-index:10}.app-content{padding:24px}.sidebar{height:100%;padding:20px 18px;display:flex;flex-direction:column;gap:24px}.sidebar-logo{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.16em;text-transform:uppercase}.logo-mark{width:28px;height:28px;border-radius:50%;background:var(--sf-red);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.logo-text{color:var(--sf-text-soft)}.sidebar-section{margin-top:8px}.sidebar-section-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sf-text-muted);margin-bottom:8px}.sidebar-section ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.sidebar-link{display:block;padding:7px 10px;font-size:14px;border-radius:2px;color:var(--sf-text-soft);border:1px solid transparent;transition:background .15s ease,border-color .15s ease,color .15s ease}.sidebar-link.is-active{background:#2c3e5014;border-color:#2c3e50b3;color:var(--sf-text-soft)}.sidebar-link:hover:not(.is-disabled){background:#0f172a0a}.sidebar-link.is-disabled{opacity:.5;cursor:default}.sidebar-section--muted{margin-top:auto}.topbar{display:flex;align-items:center;justify-content:space-between;width:100%}.topbar-left{display:flex;flex-direction:column}.topbar-title{font-size:16px;letter-spacing:.14em;text-transform:uppercase}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-icon-button{width:32px;height:32px;border-radius:2px;border:1px solid var(--sf-border-subtle);background:#fff;color:var(--sf-text-soft);display:inline-flex;align-items:center;justify-content:center}.user-menu{position:relative}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border-radius:2px;border:1px solid var(--sf-border-subtle);background:#fff;color:var(--sf-text-soft)}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--sf-red);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.user-meta{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-size:13px}.user-role{font-size:11px;color:var(--sf-text-muted)}.user-menu-items{position:absolute;right:0;margin-top:6px;min-width:160px;background:#fff;border-radius:2px;border:1px solid var(--sf-border-strong);padding:4px;box-shadow:0 18px 45px #00000080;z-index:20}.user-menu-item{width:100%;padding:6px 10px;border-radius:2px;border:none;background:transparent;font-size:13px;color:var(--sf-text-soft);text-align:left}.user-menu-item.is-active{background:#ffffff0f}.primary-button,.ghost-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:2px;padding:7px 14px;font-size:13px;border:1px solid transparent;cursor:pointer}.primary-button{background:var(--sf-red);color:#fff;border-color:var(--sf-red)}.primary-button:disabled{opacity:.6;cursor:default}.ghost-button{background:#fff;border-color:var(--sf-border-subtle);color:var(--sf-text-soft)}.outline-button{background:#fff;border-color:var(--sf-red-soft);color:var(--sf-red-soft)}.field{display:flex;flex-direction:column;gap:4px;font-size:13px}.field-row{display:flex;gap:12px}.field-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sf-text-muted)}.field-input{border-radius:9px;border:1px solid var(--sf-border-subtle);background:#fff;padding:7px 9px;color:var(--sf-text-soft)}.field-input--textarea{resize:vertical}.field-caption{font-size:11px;color:var(--sf-text-muted)}.field--compact .field-input{padding-top:5px;padding-bottom:5px}.flag-row{display:flex;flex-direction:column;gap:4px;margin-top:6px}.flag{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--sf-text-soft)}.flag input{accent-color:var(--sf-red)}.cell-muted{color:var(--sf-text-muted)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--sf-bg)}.login-panel{width:360px;border-radius:2px;padding:26px 24px 20px;background:#fff;border:1px solid var(--sf-border-strong);box-shadow:0 26px 60px #000000a6}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:16px}.login-logo-mark{width:32px;height:32px;border-radius:50%;background:var(--sf-red);display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700}.login-brand-text{display:flex;flex-direction:column;gap:2px}.login-brand-title{font-size:13px;letter-spacing:.16em;text-transform:uppercase}.login-brand-subtitle{font-size:11px;color:var(--sf-text-muted)}.login-title{margin:0 0 4px;font-size:20px}.login-subtitle{margin:0 0 18px;font-size:13px;color:var(--sf-text-soft)}.login-form{display:flex;flex-direction:column;gap:12px}.dashboard{display:flex;flex-direction:column;gap:20px}.dashboard-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-panel{border-radius:2px;border:1px solid var(--sf-border-strong);background:#fff;padding:18px 18px 16px}.dashboard-panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.panel-title{margin:0;font-size:14px;letter-spacing:.16em;text-transform:uppercase}.panel-subtitle{margin:4px 0 0;font-size:13px;color:var(--sf-text-soft)}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-grid-item{padding:10px 10px 8px;border-radius:2px;background:#f9fafb;border:1px solid var(--sf-border-subtle)}.dashboard-panels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sf-text-muted);margin:0 0 2px}.metric-value{margin:0 0 2px;font-size:18px;font-weight:600}.metric-caption{margin:0;font-size:11px;color:var(--sf-text-soft)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;border-radius:2px;background:#fff;border:1px solid var(--sf-border-subtle)}.list-item-main{display:flex;flex-direction:column;gap:2px}.list-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:11px;color:var(--sf-text-muted)}.list-label{font-size:13px}.list-caption{font-size:11px;color:var(--sf-text-soft)}.list-entity{text-transform:uppercase;letter-spacing:.1em}.list-age{font-size:11px}.list-pill{display:inline-flex;align-items:center;border-radius:2px;padding:2px 8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:#ffffff08;border:1px solid rgba(255,255,255,.08);margin-bottom:4px}.list-status{font-size:11px;color:var(--sf-text-soft)}.list-status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:2px;padding:2px 8px;font-size:11px}.list-status-pill--ok{background:#22c55e26;border:1px solid rgba(34,197,94,.6)}.list-status-pill--warn{background:#facc1526;border:1px solid rgba(250,204,21,.6)}.stat-card{border-radius:2px;padding:12px 12px 10px;border:1px solid var(--sf-border-strong);background:#fff}.stat-card--warning{border-color:#ffb347}.stat-card--accent{border-color:var(--sf-red-soft)}.stat-title{margin:0 0 4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sf-text-muted)}.stat-primary{margin:0;font-size:22px;font-weight:600}.stat-subtitle{margin:4px 0 0;font-size:11px;color:var(--sf-text-soft)}.films-page{display:flex;flex-direction:column;gap:16px}.page-header{display:flex;justify-content:space-between;align-items:flex-end}.page-title{margin:0;font-size:22px}.page-subtitle{margin:4px 0 0;font-size:13px;color:var(--sf-text-muted)}.page-header-actions{display:flex;gap:8px}.filters-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.filters-left{display:flex;gap:12px}.filters-right{display:flex;gap:8px}.pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--sf-text-soft)}.pagination-controls{display:flex;gap:6px}.table-card{border-radius:2px;border:1px solid var(--sf-border-strong);background:#fff;padding:10px 10px 8px}.duplicates-resolve-panel{margin-top:16px}.duplicates-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1.2fr);gap:16px}.duplicates-column{display:flex;flex-direction:column;gap:8px}.duplicates-actions .ghost-button.is-active,.duplicates-actions .primary-button.is-active{border-color:var(--sf-red-soft)}.duplicates-table th:first-child{width:22%}.duplicates-cell{cursor:pointer}.duplicates-cell.is-selected{border:1px solid var(--sf-red-soft);background:#e2001a0f}.duplicates-preview{border:1px solid var(--sf-border-subtle);padding:8px 8px 6px;border-radius:2px;background:#f9fafb}.duplicates-preview-row{display:grid;grid-template-columns:34% minmax(0,1fr);gap:6px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}.duplicates-preview-row:last-child{border-bottom:none}.duplicates-preview-label{font-size:11px;color:var(--sf-text-muted)}.duplicates-preview-value{font-size:12px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.table-title{margin:0;font-size:13px;letter-spacing:.16em;text-transform:uppercase}.table-subtitle{margin:2px 0 0;font-size:12px;color:var(--sf-text-soft)}.table-scroll{max-height:420px;overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead{position:sticky;top:0;background:#f3f4f6;z-index:1}.data-table th,.data-table td{padding:6px 8px;border-bottom:1px solid rgba(15,23,42,.06);text-align:left}.data-table th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sf-text-muted)}.col-main{width:32%}.col-status{width:20%}.data-row{cursor:pointer}.data-row:hover{background:#0f172a08}.cell-title{display:flex;flex-direction:column}.cell-primary{font-weight:500}.cell-secondary{font-size:11px;color:var(--sf-text-muted)}.cell-main{padding-left:12px}.cell-status{text-align:right;padding-right:12px}.status-pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:2px;font-size:11px;border:1px solid rgba(15,23,42,.18)}.status-pill--warning{border-color:#ffb347}.status-pill--accent{border-color:var(--sf-red-soft)}.column-picker{font-size:12px;color:var(--sf-text-soft)}.column-picker-button{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:2px;border:1px solid var(--sf-border-subtle);background:#fff;color:var(--sf-text-soft);font-size:12px;cursor:pointer}.column-picker-chevron{font-size:10px;opacity:.7}.column-picker-panel{margin-top:6px;padding:8px 9px;border-radius:2px;border:1px solid var(--sf-border-strong);background:#fff;box-shadow:0 12px 30px #0f172a1f}.column-picker-title{margin:0 0 6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sf-text-muted)}.column-picker-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.column-picker-item{display:flex;align-items:center;gap:6px;font-size:12px}.column-picker-item.is-primary{opacity:.7}.flyout{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.flyout-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.flyout-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end}.flyout-panel{height:100%;width:66vw;max-width:1200px;background:#fff;border-left:1px solid var(--sf-border-subtle);padding:24px 24px 18px;display:flex;flex-direction:column;box-shadow:-24px 0 60px #0f172a29}.flyout-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.flyout-header-text{display:flex;flex-direction:column}.flyout-title{font-size:18px;margin:0 0 2px}.flyout-subtitle{margin:0;font-size:12px;color:var(--sf-text-muted)}.flyout-body{flex:1;overflow:auto;padding-top:10px}.flyout-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}.flyout-column{display:flex;flex-direction:column;gap:12px}.flyout-section-title{margin:0 0 6px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--sf-text-muted)}.flyout-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.transition-enter{transition:all .12s ease-out}.transition-enter-from{opacity:0;transform:translateY(-4px)}.transition-enter-to{opacity:1;transform:translateY(0)}.transition-leave{transition:all .1s ease-in}.transition-leave-from{opacity:1;transform:translateY(0)}.transition-leave-to{opacity:0;transform:translateY(-4px)}.flyout-enter{transition:all .16s ease-out}.flyout-enter-from{opacity:0;transform:translate(12px)}.flyout-enter-to{opacity:1;transform:translate(0)}.flyout-leave{transition:all .14s ease-in}.flyout-leave-from{opacity:1;transform:translate(0)}.flyout-leave-to{opacity:0;transform:translate(12px)}