:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: #f4f6fb;--color-surface: #ffffff;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-accent-subtle: #eef2ff;--color-header-bg: #0f172a;--color-sidebar-bg: #1e293b;--color-sidebar-text: #cbd5e1;--color-sidebar-text-active: #ffffff;--color-sidebar-hover: rgba(255, 255, 255, .06);--color-sidebar-active: rgba(99, 102, 241, .18);--color-success-subtle: #ecfdf5;--color-success-border: #a7f3d0;--color-info-subtle: #eff6ff;--color-info-border: #bfdbfe;--color-highlight: #fef3c7;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--header-height: 56px;--sidebar-width: 240px;--transition-fast: .15s ease}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:.9375rem;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:1.625rem;font-weight:600;letter-spacing:-.02em;color:var(--color-text);margin:0 0 .25rem}h2{font-size:1rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text);margin:0 0 .75rem}h3{font-size:.9375rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 .5rem}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.25rem}.form-control,.form-select{border-color:var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus,.form-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f126}.btn{font-weight:500;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-primary{background-color:var(--color-accent);border-color:var(--color-accent)}.btn-primary:hover,.btn-primary:focus{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-sm{font-size:.8125rem;padding:.3rem .65rem}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:.9375rem;padding:.875rem 1.125rem}.card-body{padding:1.125rem}.card.bg-light{background-color:var(--color-surface)!important}.page-breadcrumb{display:inline-flex;align-items:center;gap:.35rem;font-size:.8125rem;color:var(--color-text-muted);margin-bottom:.5rem}.page-breadcrumb a{color:var(--color-text-secondary)}.page-breadcrumb a:hover{color:var(--color-accent)}.page-breadcrumb i{font-size:.75rem;opacity:.6}.chrome{display:flex;flex-direction:column;height:100vh;width:100%}.chrome-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-header-bg);color:#fff;padding:0 1.25rem;position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:1000;border-bottom:1px solid rgba(255,255,255,.06)}.chrome-header-inner{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;align-items:center}.chrome-header-right{text-align:right}.chrome-body{display:flex;flex:1;padding-top:var(--header-height)}.chrome-body-left{width:var(--sidebar-width);background-color:var(--color-sidebar-bg);position:fixed;top:var(--header-height);bottom:0;left:0;overflow-y:auto;border-right:1px solid rgba(255,255,255,.05)}.chrome-body-right{margin-left:var(--sidebar-width);padding:1.5rem 1.75rem 2rem;flex:1;overflow-y:auto;background-color:var(--color-bg)}.grid{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.grid td{padding:.625rem .875rem;vertical-align:top}.grid thead tr{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background-color:#f8fafc}.grid thead td{border-bottom:1px solid var(--color-border)}.grid tbody tr{transition:background-color var(--transition-fast)}.grid tbody tr:hover{background-color:#f8fafc}.grid tbody tr:not(:last-child) td{border-bottom:1px solid var(--color-border)}.grid tbody tr:last-child td{border-bottom:none}.grid tbody td a.clickable{font-weight:500}.clickable{cursor:pointer}.taglist{padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem}.taglist li{list-style:none;float:none;margin:0;border:1px solid var(--color-border);background-color:#f8fafc;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}table td{vertical-align:top}.highlight{background-color:var(--color-highlight);border-radius:2px;padding:0 2px}.height-66vh{height:66vh}.upload{font-size:.8125rem;width:100%}.copyblock{max-height:50vh;overflow-y:auto;font-size:.8125rem;line-height:1.6;background-color:#f8fafc;border-color:var(--color-border);border-radius:var(--radius-sm)}.videostatus{border-radius:999px;padding:.2rem .65rem;text-transform:uppercase;color:#fff;font-size:.6875rem;font-weight:600;letter-spacing:.04em}.videostatus-new{background-color:var(--bs-primary)}.videostatus-editing{background-color:var(--bs-secondary)}.videostatus-review{background-color:var(--bs-danger)}.videostatus-ready{background-color:var(--bs-warning);color:#422006}.videostatus-completed{background-color:var(--bs-success)}.page-hero h1{margin-bottom:.35rem}.auth-card{box-shadow:var(--shadow-lg)}.auth-card h1{font-size:1.375rem}
