:root{--color-nordic-blue: #0077C0;--color-sky-blue: #00A5FF;--color-faroese-amber: #F5A623;--color-deep-midnight: #0D1117;--color-arctic-white: #FFFFFF;--color-mist-grey: #E1E4E8;--color-cloud-grey: #6E7681;--color-storm-grey: #232A34;--color-success: #28A745;--color-warning: #F5A623;--color-error: #DC3545;--color-info: #0077C0;--font-primary: "Montserrat", sans-serif;--font-secondary: "Inter", sans-serif;--text-h1: 36px;--text-h2: 28px;--text-h3: 22px;--text-body: 16px;--text-small: 14px;--text-tiny: 12px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-secondary);font-size:var(--text-body);color:var(--color-mist-grey);background-color:var(--color-deep-midnight);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;color:var(--color-arctic-white);line-height:1.2}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}.admin-nav{position:fixed;top:0;left:0;right:0;background-color:#0d1117fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:2px solid var(--color-nordic-blue)}.admin-nav-content{max-width:1400px;margin:0 auto;padding:0 5%;display:flex;justify-content:space-between;align-items:center;height:64px}.admin-logo{font-family:var(--font-primary);font-size:20px;font-weight:800;letter-spacing:.04em;color:var(--color-arctic-white);text-decoration:none;text-transform:uppercase;height:100%;display:flex;align-items:center;padding:0;margin:0}.admin-logo img{height:100%;width:auto;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.admin-logo span{color:var(--color-nordic-blue);margin-left:8px;font-size:16px}.admin-nav-links{display:flex;gap:var(--spacing-md);list-style:none;align-items:center}.admin-nav-link{font-family:var(--font-primary);font-weight:600;color:var(--color-mist-grey);text-decoration:none;transition:color var(--transition-normal);padding:8px 16px;border-radius:var(--radius-sm)}.admin-nav-link:hover,.admin-nav-link.active{color:var(--color-nordic-blue);background:#0077c01a}.admin-main{margin-top:80px;min-height:calc(100vh - 80px);padding:var(--spacing-xl) 5%}.container{max-width:1400px;margin:0 auto}.btn{font-family:var(--font-primary);font-size:var(--text-body);font-weight:600;padding:12px 24px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-flex;align-items:center;gap:8px;text-align:center}.btn-primary{background-color:var(--color-nordic-blue);color:var(--color-arctic-white)}.btn-primary:hover{background-color:var(--color-sky-blue);transform:translateY(-2px);box-shadow:0 4px 12px #0077c04d}.btn-secondary{background-color:transparent;color:var(--color-nordic-blue);border:2px solid var(--color-nordic-blue)}.btn-secondary:hover{background-color:#0077c01a}.btn-success{background-color:var(--color-success);color:var(--color-arctic-white)}.btn-danger{background-color:var(--color-error);color:var(--color-arctic-white)}.btn-small{padding:8px 16px;font-size:var(--text-small)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background-color:#232a3480;border:1px solid rgba(225,228,232,.1);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0077c026}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(225,228,232,.1)}.card-title{font-size:var(--text-h3);margin-bottom:4px}.card-subtitle{color:var(--color-cloud-grey);font-size:var(--text-small)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-mist-grey)}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;background-color:#232a34cc;border:1px solid rgba(225,228,232,.2);border-radius:var(--radius-md);color:var(--color-arctic-white);font-family:var(--font-secondary);font-size:var(--text-body);transition:border-color var(--transition-normal)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-nordic-blue);box-shadow:0 0 0 3px #0077c01a}.form-textarea{min-height:120px;resize:vertical}.form-checkbox{display:flex;align-items:center;gap:var(--spacing-xs)}.form-help{font-size:.875rem;color:var(--color-cloud-grey);margin-top:var(--spacing-xs);margin-bottom:0}.form-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.upload-zone{border:2px dashed var(--color-nordic-blue);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);background-color:#0077c00d}.upload-zone:hover{border-color:var(--color-sky-blue);background-color:#0077c01a}.upload-zone.dragging{border-color:var(--color-faroese-amber);background-color:#f5a6231a}.upload-icon{font-size:48px;margin-bottom:var(--spacing-sm);color:var(--color-nordic-blue)}.upload-text{font-family:var(--font-primary);font-size:var(--text-h3);margin-bottom:var(--spacing-xs)}.upload-subtext{color:var(--color-cloud-grey)}.progress-bar{width:100%;height:8px;background-color:#232a34cc;border-radius:var(--radius-sm);overflow:hidden;margin:var(--spacing-sm) 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-nordic-blue),var(--color-sky-blue));transition:width var(--transition-normal);border-radius:var(--radius-sm)}.status-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--text-small);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-pending{background-color:#f5a62333;color:var(--color-faroese-amber)}.status-processing{background-color:#0077c033;color:var(--color-nordic-blue)}.status-completed{background-color:#28a74533;color:var(--color-success)}.status-failed{background-color:#dc354533;color:var(--color-error)}.status-created{background-color:#6c757d33;color:var(--color-cloud-grey)}.status-uploaded{background-color:#f5a62333;color:var(--color-faroese-amber)}.status-encoding{background-color:#0077c033;color:var(--color-nordic-blue)}.status-ready{background-color:#28a74533;color:var(--color-success)}.status-error{background-color:#dc354533;color:var(--color-error)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);background-color:#232a344d}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:var(--spacing-sm);background-color:#0077c01a;color:var(--color-mist-grey);font-weight:600;font-size:var(--text-small);text-transform:uppercase;letter-spacing:.05em}.table td{padding:var(--spacing-sm);border-top:1px solid rgba(225,228,232,.1)}.table tr:hover{background-color:#0077c00d}.video-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.video-card{display:grid;grid-template-columns:320px 1fr;gap:var(--spacing-md);border-radius:var(--radius-lg);overflow:hidden;background-color:#232a3480;border:1px solid rgba(225,228,232,.1);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);padding:var(--spacing-md)}.video-card:hover{transform:translate(4px);box-shadow:0 4px 24px #0077c026;border-color:#0077c04d}.video-thumbnail{position:relative;width:100%;padding-bottom:56.25%;background-color:var(--color-storm-grey);border-radius:var(--radius-md);overflow:hidden}.video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-info{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0}.video-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.video-title-section{flex:1}.video-title{font-family:var(--font-primary);font-size:20px;font-weight:700;margin-bottom:4px;color:var(--color-arctic-white);line-height:1.3}.video-subtitle{font-size:var(--text-small);color:var(--color-cloud-grey);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.video-status-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.encoding-progress{background:#0077c01a;border:1px solid rgba(0,119,192,.2);border-radius:var(--radius-md);padding:var(--spacing-sm);margin:var(--spacing-xs) 0}.encoding-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.encoding-progress-title{font-weight:600;color:var(--color-sky-blue);font-size:var(--text-small)}.encoding-progress-overall{font-weight:700;color:var(--color-arctic-white);font-size:var(--text-body)}.encoding-variants{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.encoding-variant{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#0d111799;border-radius:var(--radius-sm);font-size:var(--text-small);white-space:nowrap}.encoding-variant.complete{color:var(--color-success)}.encoding-variant.active{color:var(--color-sky-blue);background:#00a5ff26;border:1px solid rgba(0,165,255,.3)}.encoding-variant.pending{color:var(--color-cloud-grey);opacity:.6}.variant-icon{font-size:14px}.variant-progress{font-weight:600;margin-left:auto}.video-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm);padding:var(--spacing-sm);background:#0d111766;border-radius:var(--radius-md);font-size:var(--text-small)}.metadata-item{display:flex;align-items:center;gap:6px;color:var(--color-cloud-grey)}.metadata-item strong{color:var(--color-arctic-white)}.video-meta{font-size:var(--text-small);color:var(--color-cloud-grey);margin-bottom:var(--spacing-sm)}.video-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:auto;align-items:flex-start}.action-group{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding-right:var(--spacing-sm);border-right:1px solid rgba(225,228,232,.15)}.action-group:last-child{border-right:none;padding-right:0}.action-group:empty{display:none}.form-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.form-section:last-of-type{border-bottom:none}.form-section-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--primary-color)}.name-input-group{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}@media (max-width: 768px){.name-input-group{grid-template-columns:1fr}}.settings-container{max-width:600px}.settings-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin-bottom:2rem}.settings-section h2{font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-primary)}.language-selector{display:flex;gap:1rem}.language-btn{flex:1;padding:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.language-btn:hover{background:#ffffff1a;border-color:#fff3}.language-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-color:var(--primary-color);box-shadow:0 4px 20px #ff57334d}.toast{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;background:var(--surface-color);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;box-shadow:0 4px 20px #0000004d;transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:10000}.toast.show{transform:translateY(0);opacity:1}.toast.success{border-left:4px solid var(--accent-teal)}.toast.error{border-left:4px solid var(--accent-red)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0d1117e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.modal{background-color:var(--color-storm-grey);border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.modal-close{background:none;border:none;color:var(--color-mist-grey);font-size:24px;cursor:pointer;padding:4px;line-height:1}.modal-close:hover{color:var(--color-arctic-white)}.text-center{text-align:center}.text-right{text-align:right}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.flex{display:flex}.flex-between{justify-content:space-between}.flex-center{align-items:center}.flex-gap-sm{gap:var(--spacing-sm)}.flex-gap-md{gap:var(--spacing-md)}.spinner{border:3px solid rgba(0,119,192,.2);border-top-color:var(--color-nordic-blue);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.admin-main{padding:var(--spacing-md) var(--spacing-sm)}.video-grid{flex-direction:column}.video-card{grid-template-columns:1fr}.video-header{flex-direction:column}.video-metadata,.encoding-variants{grid-template-columns:1fr}.admin-nav-links{gap:var(--spacing-sm)}}.subtitle-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:#0d111766;border-radius:var(--radius-md);margin-bottom:var(--spacing-xs);border:1px solid rgba(225,228,232,.1)}.subtitle-item:hover{background:#0d111799;border-color:#0077c04d}.language-option{transition:background-color var(--transition-normal)}.language-option:hover{background:#0077c033!important}