body {    margin: 0;    padding: 0;    font-family: Arial, sans-serif;    background: url('/img/bg.jpg') no-repeat center center fixed;    -webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;    min-height: 100vh;    position: relative;}/* Add a dark overlay for better readability */body::before {    content: '';    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0, 0, 0, 0.2);    z-index: -1;}/* Adjust container background for better contrast */.container {    background: transparent;    border-radius: 10px;    padding: 20px;    margin-top: 20px;    margin-bottom: 20px;    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);    color: #007bff;}/* Navbar styles */.navbar {    background: transparent;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);}.nav-content {    max-width: 1200px;    margin: 0 auto;    padding: 15px 20px;    display: flex;    justify-content: space-between;    align-items: center;}.nav-logo {    font-size: 1.5em;    color: #fff;    text-decoration: none;    font-weight: bold;}.nav-links {    display: flex;    gap: 20px;}.nav-links a {    color: #fff;    text-decoration: none;    padding: 5px 10px;}.nav-links a:hover {    color: #fff;}/* Active link style */.nav-links a.active {    color: #fff;    border-bottom: 2px solid #fff;}/* Container and Grid styles */.container {    max-width: 1200px;    margin: 0 auto;    padding: 20px;}.content-grid {    display: grid;    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));    gap: 20px;    margin: 20px 0;}.content-card {    background: transparent;    border-radius: 8px;    overflow: hidden;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);    transition: transform 0.2s, background 0.3s;    color: #007bff;}.content-card:hover {    background: rgba(255, 255, 255, 0.3);    transform: translateY(-5px);    box-shadow: 0 4px 8px rgba(0,0,0,0.2);}.content-card img {    width: 100%;    height: 300px;    object-fit: cover;}.content-card h3 {    padding: 10px;    margin: 0;    font-size: 1rem;    color: #3498db;    text-shadow: none;}.card-content h3 {    margin: 0 0 5px 0;    font-size: 1.1em;    color: #3498db;    text-shadow: none;}.movie-info h1,.tv-show-info h1,.movie-info .title-el,.tv-show-info .title-el,.content-card .title-el {    color: #3498db;    text-shadow: none;}/* Button styles */.btn {    display: inline-flex;    align-items: center;    padding: 10px 20px;    border: none;    border-radius: 4px;    cursor: pointer;    text-decoration: none;    font-size: 14px;    transition: all 0.3s ease;}.btn-primary {    background: #007bff;    color: white;}.btn-admin {    background: #28a745;    color: white;}.btn-danger {    background-color: #dc3545;    color: white;}.btn-danger:hover {    background-color: #c82333;}.btn-small {    padding: 5px 10px;    font-size: 0.9em;}/* Form styles */.form-group {    margin-bottom: 15px;}.form-group input,.form-group select {    width: 100%;    padding: 8px;    border: 1px solid #ddd;    border-radius: 4px;    background: transparent;    color: #007bff;}/* Messages */.message {    padding: 10px;    margin: 10px 0;    border-radius: 4px;}.message.error {    background: rgba(248, 215, 218, 0.3);    color: #721c24;    border: 1px solid rgba(245, 198, 203, 0.3);}.message.success {    background: rgba(212, 237, 218, 0.3);    color: #155724;    border: 1px solid rgba(195, 230, 203, 0.3);}/* Admin Panel Styles */.stats-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));    gap: 20px;    margin: 20px 0;}.stat-card {    background: transparent;    padding: 20px;    border-radius: 8px;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);    text-align: center;    color: #007bff;}.stat-card i {    font-size: 2em;    color: #007bff;    margin-bottom: 10px;}.stat-card h3 {    margin: 10px 0;    color: #007bff;}.stat-card p {    font-size: 1.5em;    color: #007bff;    font-weight: bold;    margin: 0;}.admin-sections {    display: grid;    gap: 30px;    margin-top: 30px;}.activity-list {    display: grid;    gap: 15px;}.activity-item {    background: transparent;    padding: 15px;    border-radius: 8px;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);    margin-bottom: 15px;    color: #007bff;}.activity-content {    display: flex;    align-items: start;    gap: 15px;}.activity-poster {    flex-shrink: 0;    width: 45px;}.activity-poster img {    width: 45px;    height: 68px;    object-fit: cover;    border-radius: 4px;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);}.activity-details {    flex: 1;}.activity-details h4 {    margin: 0 0 8px 0;    font-size: 1em;    color: #007bff;}.activity-details h4 a {    color: #007bff;    text-decoration: none;    transition: color 0.2s;}.activity-details h4 a:hover {    color: #007bff;}.activity-actions {    flex-shrink: 0;    margin-left: auto;}/* Movie card specific styles */.movie-info {    padding: 15px;    color: #007bff;}.movie-info h1 {    font-size: 1.8em;    margin: 0 0 10px 0;    color: #007bff;}.release-date {    color: #007bff;    font-size: 0.9em;    margin: 5px 0;}.subtitle-info {    margin: 10px 0;    font-size: 0.9em;    color: #007bff;}.lang-tag {    display: inline-block;    padding: 2px 6px;    background: transparent;    border-radius: 3px;    margin: 2px;    font-size: 0.8em;    color: #007bff;}.admin-actions {    margin: 20px 0;    padding: 15px;    background: #f8f9fa;    border-radius: 8px;    border: 1px solid #dee2e6;    text-align: right;}.admin-actions {    margin-bottom: 20px;}/* Movies page specific styles */.movies-layout {    padding: 20px 0;}.movies-header {    display: flex;    justify-content: space-between;    align-items: center;    margin-bottom: 30px;}.movies-grid {    display: grid;    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));    gap: 30px;    padding: 20px 0;}.movie-card {    background: white;    border-radius: 12px;    overflow: hidden;    box-shadow: 0 4px 6px rgba(0,0,0,0.1);    transition: transform 0.3s ease, box-shadow 0.3s ease;}.movie-card:hover {    transform: translateY(-10px);    box-shadow: 0 6px 12px rgba(0,0,0,0.15);}.movie-card img {    width: 100%;    height: 375px;    object-fit: cover;}.movie-info {    padding: 20px;    color: #007bff;}.movie-info h3 {    font-size: 1.2rem;    margin: 0 0 10px 0;    color: #007bff;    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);}.movie-meta {    display: flex;    justify-content: space-between;    align-items: center;    margin-bottom: 15px;    color: #007bff;    font-size: 0.9rem;}.subtitle-info {    background: #f8f9fa;    padding: 10px;    border-radius: 10px;    margin-bottom: 15px;    color: #007bff;}.subtitle-info p {    margin: 5px 0;    display: flex;    align-items: center;    gap: 8px;    color: #007bff;}.languages-wrap {    display: flex;    flex-wrap: wrap;    gap: 5px;    margin-top: 8px;}.lang-tag {    background: transparent;    color: #007bff;    padding: 3px 8px;    border-radius: 4px;    font-size: 0.8rem;    font-weight: 500;}.card-actions {    display: flex;    justify-content: center;    padding-top: 10px;    border-top: 1px solid #eee;}/* Movie Details Page Styles */.movie-details {    padding: 20px 0;    max-width: 1000px;    margin: 0 auto;}.movie-header {    display: flex;    gap: 25px;    margin-bottom: 30px;    background: white;    padding: 20px;    border-radius: 12px;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);    min-height: 300px;}.movie-poster {    flex: 0 0 200px;}.movie-poster img {    width: 100%;    border-radius: 8px;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);}.movie-info {    flex: 1;    display: flex;    flex-direction: column;    overflow-y: auto;    max-height: 500px;    padding-right: 15px;    color: #007bff;}.movie-info h1 {    font-size: 1.8em;    margin: 0 0 10px 0;    color: #007bff;}.overview {    line-height: 1.6;    color: #007bff;    margin: 20px 0;    background: #f8f9fa;    padding: 12px;    border-radius: 8px;    margin-bottom: 15px;    word-wrap: break-word;    overflow-wrap: break-word;    max-width: 100%;}.section-header {    display: flex;    justify-content: space-between;    align-items: center;    margin-bottom: 20px;}.section-header h2 {    color: #fff;}.subtitles-list {    display: grid;    gap: 15px;}.subtitle-item {    display: flex;    justify-content: space-between;    align-items: center;    background: transparent;    padding: 12px;    border-radius: 8px;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);    margin-bottom: 10px;    color: #007bff;}.subtitle-meta {    display: flex;    gap: 15px;    color: #007bff;    font-size: 0.9em;    margin-top: 5px;    flex-wrap: wrap;    align-items: center;    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);}.subtitle-meta span {    display: flex;    align-items: center;    gap: 5px;}.subtitle-meta span i {    color: #007bff;    width: 16px;    text-align: center;}.subtitle-meta span:last-child {    margin-left: auto;    color: #007bff;    font-size: 0.9em;}.subtitle-meta .upload-time {    color: #007bff;    font-size: 0.9em;    display: flex;    align-items: center;    gap: 5px;}.subtitle-meta .upload-time i {    color: #6c757d;}.format-tag {    background: transparent;    color: #007bff;    padding: 2px 6px;    border-radius: 3px;    font-size: 0.8em;    margin-left: 8px;}.subtitle-actions {    display: flex;    gap: 10px;}.no-subtitles {    text-align: center;    padding: 40px;    color: #666;    background: #f8f9fa;    border-radius: 8px;}.subtitle-item .content-info {    display: flex;    align-items: center;    gap: 15px;    flex: 1;    padding: 0;    background: none;    margin: 0;}.subtitle-item .content-thumb {    width: 46px;    height: 70px;    object-fit: cover;    border-radius: 4px;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);}.subtitle-item .content-details {    flex: 1;}.subtitle-item h4 {    margin: 0 0 8px 0;    color: #007bff;}.subtitle-item h4 a {    color: #007bff;    text-decoration: none;}.subtitle-item h4 a:hover {    color: #007bff;}/* Enhanced Movie Details Styles */.title-el {    color: #007bff;    font-size: 1.2em;    margin: 0 0 20px 0;    font-weight: normal;    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);}.cast-section {    margin: 20px 0;    background: white;    padding: 20px;    border-radius: 12px;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);    margin-bottom: 20px;}.cast-list {    display: flex;    gap: 20px;    overflow-x: auto;    padding: 10px 0;    padding: 5px 0;}.cast-member {    display: flex;    align-items: center;    gap: 10px;    min-width: 200px;    background: #f8f9fa;    padding: 10px;    border-radius: 8px;    min-width: 180px;    padding: 8px;}.cast-member img {    width: 45px;    height: 45px;    border-radius: 50%;    object-fit: cover;}.cast-info {    display: flex;    flex-direction: column;}.actor-name {    font-weight: bold;    font-size: 0.9em;}.character-name {    color: #007bff;    font-size: 0.8em;}.trailer-section {    margin-top: 20px;}.video-container {    position: relative;    width: 100%;    padding-bottom: 56.25%;    height: 0;    background: #000;    border-radius: 12px;    overflow: hidden;    box-shadow: 0 4px 8px rgba(0,0,0,0.2);}.video-container iframe {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: 0;}.movie-meta {    display: flex;    gap: 20px;    margin: 15px 0;    color: #007bff;    margin: 10px 0;    padding: 8px 0;    border-top: 1px solid #eee;    border-bottom: 1px solid #eee;}movie-meta span {    display: flex;    align-items: center;    gap: 5px;}.movie-meta i {    color: #007bff;}.overview-section {    margin: 20px 0;    display: grid;    gap: 20px;    margin: 15px 0;    gap: 15px;}.overview {    background: #f8f9fa;    padding: 15px;    border-radius: 8px;    margin-bottom: 20px;    padding: 12px;    color: #007bff;}.overview h3 {    color: #007bff;    font-size: 1.1em;    margin: 0 0 10px 0;    display: flex;    align-items: center;    gap: 8px;    font-size: 1em;    margin-bottom: 8px;}.overview h3 i {    color: #007bff;}.overview.greek h3 i {    color: #28a745;}.overview p {    margin: 0;    line-height: 1.6;    color: #007bff;    font-size: 0.95em;}.admin-note {    margin-top: 15px;    padding-top: 15px;    border-top: 1px dashed #ddd;}.admin-note p {    color: #007bff;    font-size: 0.9em;    display: flex;    align-items: center;    gap: 10px;}.admin-note i {    color: #ffc107;}.admin-note .btn {    margin-left: 10px;    padding: 3px 8px;    font-size: 0.8em;}.upload-section {    max-width: 600px;    margin: 0 auto;    padding: 20px;    background: white;    border-radius: 8px;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);}.content-info {    display: flex;    align-items: center;    gap: 20px;    margin-bottom: 20px;    padding: 15px;    background: #f8f9fa;    border-radius: 8px;}.content-info img {    width: 100px;    height: 150px;    object-fit: cover;    border-radius: 4px;}.content-info h3 {    margin: 0;    color: #333;}.upload-form small {    display: block;    color: #007bff;    margin-top: 5px;    font-size: 0.9em;}.file-upload {    position: relative;    margin-bottom: 30px;}.file-label {    display: inline-block;    padding: 10px 20px;    background: #007bff;    color: white;    border-radius: 4px;    cursor: pointer;    transition: background 0.3s;}.file-label:hover {    background: #0056b3;}.file-upload input[type="file"] {    position: absolute;    left: -9999px;}.file-info {    display: flex;    align-items: center;    gap: 10px;    margin-top: 15px;    padding: 10px;    background: #f8f9fa;    border-radius: 4px;    border: 1px solid #dee2e6;}.file-info i {    color: #6c757d;    font-size: 1.2em;}.hidden {    display: none;}.upload-options {    padding-top: 15px;    border-top: 1px solid #dee2e6;    margin-top: 20px;}.selected-file {    margin: 15px 0;    padding: 10px;    background: #f8f9fa;    border: 1px solid #dee2e6;    border-radius: 4px;    display: none;}.file-details {    display: flex;    align-items: center;    gap: 10px;}.file-details i {    color: #6c757d;    font-size: 1.2em;}.filename {    font-weight: 500;    color: #495057;}.filesize {    color: #007bff;    font-size: 0.9em;}.file-upload input[type="file"] {    display: none;}.upload-options .form-group {    margin-bottom: 20px;}.upload-options .form-group label {    display: block;    margin-bottom: 8px;    color: #007bff;    font-weight: 500;}.upload-options .form-group input,.upload-options .form-group select {    width: 100%;    padding: 8px 12px;    border: 1px solid #ced4da;    border-radius: 4px;    font-size: 0.95em;    background: transparent;    color: #007bff;}.upload-options .form-group input:focus,.upload-options .form-group select:focus {    border-color: #80bdff;    outline: 0;    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);}/* Release Info Styles */.release-info {    margin-top: 8px;    display: flex;    gap: 12px;    align-items: center;}.release-tag {    display: inline-flex;    align-items: center;    gap: 6px;    padding: 4px 8px;    background: #e9ecef;    border-radius: 4px;    font-size: 0.85em;    color: #495057;}.release-tag i {    color: #6c757d;    font-size: 0.9em;}/* Authentication Form Styles */.auth-form {    max-width: 400px;    margin: 40px auto;    padding: 20px;    background: rgba(255, 255, 255, 0.7);    border-radius: 8px;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);}.auth-form h2 {    margin: 0 0 20px;    color: #fff;    text-align: center;}.auth-form .form-group {    margin-bottom: 15px;}.auth-form label {    display: block;    margin-bottom: 5px;    color: #495057;}.auth-form input {    width: 100%;    padding: 8px;    border: 1px solid #ddd;    border-radius: 4px;}.auth-form button {    width: 100%;    margin-top: 10px;}.auth-links {    margin-top: 15px;    text-align: center;    color: #666;}.auth-links a {    color: #007bff;    text-decoration: none;}.auth-links a:hover {    text-decoration: underline;}/* New styles */.poster-container {    position: relative;    overflow: hidden;}.poster-overlay {    position: absolute;    top: 0;    left: 0;    right: 0;    padding: 10px;    display: flex;    justify-content: space-between;    background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);    color: white;}.card-content {    padding: 15px;}.card-content h3 {    margin: 0 0 5px 0;    font-size: 1.1em;    color: #3498db;    text-shadow: none;}.title-el {    margin: 0 0 10px 0;    font-size: 0.9em;    color: #007bff;    font-weight: normal;}.languages-wrap {    margin: 10px 0;}.view-details {    width: 100%;    margin-top: 10px;    justify-content: center;}.quick-actions {    background: transparent;    padding: 20px;    border-radius: 8px;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);    margin-bottom: 30px;    color: #007bff;}.action-buttons {    display: flex;    gap: 15px;    flex-wrap: wrap;    margin-top: 15px;}.action-buttons .btn {    min-width: 150px;    justify-content: center;}.search-results-list {    margin-top: 20px;}.search-result-item {    background: transparent;    padding: 15px;    border-radius: 8px;    margin-bottom: 15px;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);    display: flex;    justify-content: space-between;    align-items: start;    gap: 20px;    color: #007bff;}.result-content {    display: flex;    gap: 20px;    flex: 1;}.result-poster {    width: 92px;    height: 138px;    object-fit: cover;    border-radius: 4px;    background: #f0f0f0;}.result-info {    flex: 1;}.result-info h3 {    margin: 0 0 8px 0;    font-size: 1.2em;    color: #007bff;    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);}.result-info .tmdb-id {    color: #007bff;    font-size: 0.9em;    margin: 5px 0;}.result-info .overview {    color: #007bff;    font-size: 0.9em;    line-height: 1.4;    margin: 10px 0;}.result-actions {    flex-shrink: 0;}/* Main page search results styles */.search-result-item {    padding: 10px; /* Reduced from 15px */    gap: 10px; /* Reduced from 15px */}.result-content {    gap: 10px; /* Reduced from 15px */}.result-poster {    width: 46px; /* Reduced from 92px */    height: 69px; /* Reduced from 138px - maintaining aspect ratio */    border-radius: 3px; /* Reduced from 4px */}.result-info h3 {    font-size: 1em; /* Reduced from 1.2em */    margin: 0 0 5px 0; /* Reduced from 0 0 8px 0 */}.result-info .year,.result-info .type-tag {    font-size: 0.8em; /* Reduced from 0.9em */}.search-results {    max-height: 350px; /* Reduced from 400px */}/* Seasons and Episodes Styles */.seasons-section {    margin: 40px 0;}.season-item {    background: white;    border-radius: 8px;    margin-bottom: 15px;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);    overflow: hidden;}.season-header {    padding: 15px 20px;    cursor: pointer;    background: #f8f9fa;    border-bottom: 1px solid #dee2e6;    transition: background-color 0.3s;}.season-header:hover {    background: #e9ecef;}.season-header h3 {    margin: 0;    display: flex;    align-items: center;    gap: 10px;    font-size: 1.1em;    color: #333;}.season-header i {    transition: transform 0.3s;}.season-header.active i {    transform: rotate(90deg);}.episode-count {    color: #007bff;    font-size: 0.9em;    font-weight: normal;}.episode-list {    padding: 0;    max-height: 0;    overflow: hidden;    transition: max-height 0.3s ease-out;}.episode-list.show {    max-height: none;    transition: max-height 0.3s ease-in;}.episode-item {    padding: 15px 20px;    border-bottom: 1px solid #dee2e6;}.episode-item:last-child {    border-bottom: none;}.episode-header {    display: flex;    justify-content: space-between;    align-items: center;    margin-bottom: 10px;}.episode-header h4 {    margin: 0;    font-size: 1em;    color: #007bff;}.episode-number {    color: #007bff;    font-weight: bold;    margin-right: 10px;}.air-date {    color: #007bff;    font-size: 0.9em;}.episode-overview {    color: #007bff;    font-size: 0.9em;    margin: 0;    line-height: 1.4;}.hidden {    display: none;}.episode-actions {    margin-top: 15px;    display: flex;    gap: 10px;    padding-top: 10px;    border-top: 1px solid #eee;}.episode-info {    background: #f8f9fa;    padding: 15px;    border-radius: 8px;    margin-bottom: 20px;    color: #495057;    font-weight: 500;}.loading {    padding: 20px;    text-align: center;    color: #666;    background: #f8f9fa;}.error {    padding: 15px;    color: #721c24;    background-color: #f8d7da;    border: 1px solid #f5c6cb;    border-radius: 4px;    margin: 10px;}.episode-subtitles {    margin: 15px 0;    padding: 15px;    background: #f8f9fa;    border-radius: 8px;}.episode-subtitles h5 {    margin: 0 0 10px 0;    color: #495057;    font-size: 0.95em;}.episode-subtitles .subtitle-item {    background: white;    padding: 10px;    margin-bottom: 8px;    border-radius: 6px;    box-shadow: 0 1px 3px rgba(0,0,0,0.1);}.episode-subtitles .subtitle-item:last-child {    margin-bottom: 0;}.episode-subtitles .subtitle-meta {    font-size: 0.85em;    margin-top: 5px;    color: #007bff;}/* Season Details Page Styles */.seasons-grid {    display: grid;    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));    gap: 20px;    margin: 20px 0;}.season-card {    background: white;    border-radius: 8px;    overflow: hidden;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);    transition: transform 0.2s;}.season-card:hover {    transform: translateY(-5px);}.season-link {    text-decoration: none;    color: inherit;}.season-poster img {    width: 100%;    height: 300px;    object-fit: cover;}.season-info {    padding: 15px;}.season-info h3 {    margin: 0 0 5px 0;    color: #333;}.episode-count {    color: #007bff;    font-size: 0.9em;}.episodes-grid {    display: grid;    gap: 20px;    margin: 20px 0;}.episode-card {    background: white;    border-radius: 8px;    overflow: hidden;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);}.episode-image img {    width: 100%;    height: 200px;    object-fit: cover;}.episode-content {    padding: 20px;}.episode-header {    cursor: pointer;    padding: 10px 0;}.episode-header:hover {    background: #f8f9fa;}.episode-subtitles {    margin-top: 15px;    padding-top: 15px;    border-top: 1px solid #eee;}.episode-subtitles.hidden {    display: none;}.upload-action {    margin-top: 15px;    text-align: right;}.upload-action {    margin: 20px 0;    text-align: center;}.upload-action .btn {    padding: 12px 25px;    font-size: 1.1em;    transition: transform 0.2s;    background: var(--link-color);    color: white;    border: none;    border-radius: 4px;    display: inline-flex;    align-items: center;    gap: 8px;}.upload-action .btn:hover {    transform: translateY(-2px);    background: var(--hover-color);}.poster-container a {    display: block;    position: relative;    text-decoration: none;    color: inherit;}.poster-container img {    display: block;    width: 100%;    height: 100%;    transition: transform 0.3s ease;}.poster-container:hover img {    transform: scale(1.05);}.search-results {    position: absolute;    top: 100%;    left: 0;    right: 0;    background: rgba(255, 255, 255, 0.8);    border-radius: 8px;    box-shadow: 0 4px 12px rgba(0,0,0,0.1);    margin-top: 8px;    max-height: 400px;    overflow-y: auto;    z-index: 1000;}.search-result-item {    padding: 10px;    border-bottom: 1px solid #eee;}.search-result-item:last-child {    border-bottom: none;}.search-result-item .result-content {    display: flex;    align-items: center;    gap: 15px;    text-decoration: none;    color: inherit;}.result-poster {    width: 46px;    height: 70px;    object-fit: cover;    border-radius: 4px;}.result-info h3 {    margin: 0 0 5px 0;    font-size: 1em;    color: #007bff;}.result-info .year {    color: #007bff;    font-size: 0.9em;    margin-right: 10px;}.type-tag {    background: transparent;    color: #007bff;    padding: 2px 6px;    border-radius: 3px;    font-size: 0.8em;}.search-box {    position: relative;}.hero-section {    text-align: center;    padding: 40px 0;    margin-bottom: 30px;}.hero-section h1 {    margin-bottom: 30px;    color: #fff;    font-size: 2.2em;}.search-box {    position: relative;    max-width: 800px;    margin: 0 auto;}.search-box input {    width: 100%;    padding: 15px 25px;    font-size: 1.1em;    border: 2px solid #ddd;    border-radius: 50px;    transition: all 0.3s ease;}.search-box input:focus {    border-color: #007bff;    box-shadow: 0 0 0 4px rgba(0,123,255,0.1);    outline: none;}.search-results {    width: 100%;    margin-top: 10px;    border-radius: 12px;}/* Custom scrollbar for movie info */.movie-info::-webkit-scrollbar {    width: 8px;}.movie-info::-webkit-scrollbar-track {    background: #f1f1f1;    border-radius: 4px;}.movie-info::-webkit-scrollbar-thumb {    background: #ddd;    border-radius: 4px;}.movie-info::-webkit-scrollbar-thumb:hover {    background: #ccc;}/* Search Section Styles */.search-section .search-box {    display: flex;    gap: 10px;    margin-bottom: 20px;    flex-wrap: wrap;    background: white;    padding: 20px;    border-radius: 8px;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);}.search-section input {    flex: 1;    min-width: 200px;    padding: 8px 12px;    border: 1px solid #ddd;    border-radius: 4px;}.search-section #tmdbIdInput {    max-width: 150px;}.search-buttons {    display: flex;    gap: 10px;    flex-wrap: wrap;}.tmdb-id {    color: #007bff;    font-size: 0.9em;    margin: 5px 0;}.search-results-list {    margin-top: 20px;}.search-results-list .loading,.search-results-list .error,.search-results-list .no-results {    padding: 20px;    text-align: center;    background: white;    border-radius: 8px;    margin-bottom: 15px;}.search-results-list .error {    color: #dc3545;    background: #f8d7da;}.search-results-list .loading {    color: #0056b3;    background: #e7f5ff;}/* Search Results Styles */.search-results-list {    margin-top: 20px;}.search-result-item {    display: flex !important;    justify-content: space-between;    align-items: flex-start;    background: transparent;    padding: 15px;    margin-bottom: 15px;    border-radius: 8px;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);    width: 100%;}.result-content {    display: flex;    gap: 15px;    flex: 1;    align-items: center;    text-decoration: none;    color: inherit;}.result-poster {    width: 46px;    height: 70px;    object-fit: cover;    border-radius: 4px;    background: #f0f0f0;    flex-shrink: 0;}.result-info {    flex: 1;    display: flex;    flex-direction: column;    gap: 2px;}.result-info h3 {    font-size: 0.9em;    margin: 0;    line-height: 1.2;    color: #007bff;}.result-meta {    display: flex;    align-items: center;    gap: 8px;    font-size: 0.8em;    color: #007bff;}.result-actions {    flex-shrink: 0;    margin-left: 15px;}.loading {    text-align: center;    padding: 20px;    background: #f8f9fa;    border-radius: 8px;    color: #007bff;}.error, .no-results {    text-align: center;    padding: 20px;    border-radius: 8px;    margin-bottom: 15px;}.error {    background: #f8d7da;    color: #721c24;}.no-results {    background: #f8f9fa;    color: #666;}.no-results {    text-align: center;    padding: 20px;    background: #f8f9fa;    border-radius: 8px;    color: #666;}.search-results-wrapper {    margin-top: 20px;}.search-result-item .result-content {    display: flex;    gap: 15px;    flex: 1;}.search-result-item .result-poster {    width: 92px;    height: 138px;    object-fit: cover;    border-radius: 4px;    background: #f0f0f0;}.search-result-item .result-info h3 {    margin: 0 0 8px 0;    font-size: 1.2em;    color: #007bff;}.search-result-item .result-info p {    margin: 5px 0;    color: #666;}.search-result-item .result-actions {    margin-left: 15px;    flex-shrink: 0;}/* Search Results Styles - Important: Keep these at root level */.search-results-wrapper {    margin-top: 20px;    width: 100%;}.search-result-item {    background: transparent;    padding: 15px;    margin-bottom: 15px;    border-radius: 8px;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);    display: flex !important;    justify-content: space-between;    align-items: start;    gap: 20px;    width: 100%;}.result-content {    display: flex;    gap: 20px;    flex: 1;}.result-poster {    width: 92px;    height: 138px;    object-fit: cover;    border-radius: 4px;    flex-shrink: 0;    background: #f0f0f0;}.result-info {    flex: 1;}.result-info h3 {    margin: 0 0 8px 0;    font-size: 1.2em;    color: #007bff;}.result-info .year {    color: #007bff;    font-size: 0.9em;    margin-bottom: 5px;}.result-info .tmdb-id {    color: #007bff;    font-size: 0.9em;    margin-bottom: 8px;}.result-info .overview {    color: #007bff;    font-size: 0.9em;    line-height: 1.4;    margin: 10px 0;}.result-actions {    flex-shrink: 0;}.loading, .error, .no-results {    padding: 15px;    text-align: center;    border-radius: 8px;    margin: 10px 0;}.loading {    background: #e7f5ff;    color: #0056b3;}.error {    background: #f8d7da;    color: #721c24;}.no-results {    background: #f8f9fa;    color: #666;}/* Compact search results styles */.search-result-item {    padding: 8px;    gap: 8px;    border-bottom: 1px solid #eee;}.search-result-item .result-content {    gap: 8px;}.search-result-item .result-poster {    width: 40px;    height: 60px;}.search-result-item .result-info {    display: flex;    flex-direction: column;    gap: 2px;}.search-result-item .result-info h3 {    font-size: 0.9em;    margin: 0;    line-height: 1.2;}.result-meta {    display: flex;    align-items: center;    gap: 8px;    font-size: 0.8em;    color: #007bff;}.rating-badge {    display: inline-flex;    align-items: center;    gap: 4px;    padding: 2px 6px;    border-radius: 4px;    font-weight: 500;    font-size: 0.9em;}.rating-badge i {    font-size: 0.85em;}.rating-high {    background: #28a745;    color: white;}.rating-medium {    background: #ffc107;    color: #000;}.rating-low {    background: #dc3545;    color: white;}.rating-na {    background: #6c757d;    color: white;}.rating-badge {    display: inline-flex;    align-items: center;    gap: 4px;    padding: 2px 6px;    border-radius: 4px;    font-weight: 500;    font-size: 0.9em;}.rating-badge i {    font-size: 0.85em;}.rating-high {    background: #28a745;    color: white;}.rating-medium {    background: #ffc107;    color: #000;}.rating-low {    background: #dc3545;    color: white;}.rating-na {    background: #6c757d;    color: white;}/* Selection Modal Styles */.selection-modal {    display: block !important;    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0, 0, 0, 0.8);    z-index: 9999;}.selection-modal .modal-content {    background: transparent;    max-width: 800px;    width: 90%;    margin: 50px auto;    padding: 20px;    border-radius: 8px;    max-height: 80vh;    overflow-y: auto;    position: relative;    color: #007bff;}.modal-header {    display: flex;    justify-content: space-between;    align-items: center;    margin-bottom: 20px;}.modal-close {    font-size: 24px;    cursor: pointer;    padding: 5px;}.matches-grid {    display: grid;    gap: 15px;}.match-item {    display: flex;    gap: 15px;    padding: 15px;    border: 1px solid #eee;    border-radius: 8px;    align-items: center;}.match-item img {    width: 60px;    height: 90px;    object-fit: cover;    border-radius: 4px;}.match-info {    flex: 1;}match-info h4 {    margin: 0 0 5px 0;}.match-info .year {    color: #007bff;    margin: 0 0 5px 0;}.match-info .overview {    color: #666;    font-size: 0.9em;}.subtitle-item .original-name {    font-size: 1.1em;    color: #666;    margin: 5px 0;    word-break: break-all;    font-family: monospace;    background: #f5f5f5;    padding: 4px 8px;    border-radius: 4px;    border: 1px solid #eee;}/* Hero section upload button styles */.hero-section .upload-action {    margin: 25px 0;    text-align: center;}.hero-section .upload-action .btn {    background: #007bff;    color: white;    padding: 15px 30px;    font-size: 1.2em;    border-radius: 25px;    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);    transition: all 0.3s ease;    display: inline-flex;    align-items: center;    gap: 10px;}.hero-section .upload-action .btn:hover {    background: #0056b3;    transform: translateY(-2px);    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);}.hero-section .upload-action .btn i {    font-size: 1.1em;}/* Unified Pagination Styles */.pagination {    display: flex;    justify-content: center;    gap: 10px;    margin: 20px 0;    padding: 20px 0;}.pagination .btn {    padding: 8px 15px;    border-radius: 4px;    background: #fff;    color: #333;    border: 1px solid #dee2e6;    transition: all 0.2s ease;}.pagination .btn:hover {    background: #e9ecef;    border-color: #dee2e6;    transform: translateY(-1px);}.pagination .btn.active {    background: #007bff;    color: white;    border-color: #007bff;}/* Search Container Styles */.search-container {    position: relative;    max-width: 600px;    margin: 20px auto;}.search-results {    display: none;    position: absolute;    top: 100%;    left: 0;    right: 0;    background: #fff;    border: 1px solid #ddd;    border-radius: 4px;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);    z-index: 1000;    max-height: 400px;    overflow-y: auto;}.search-item {    display: flex;    padding: 10px;    border-bottom: 1px solid #eee;    text-decoration: none;    color: #333;}.search-item:hover {    background: #f5f5f5;}.search-item img {    width: 45px;    height: 68px;    object-fit: cover;    margin-right: 10px;}.search-item-info {    display: flex;    flex-direction: column;    justify-content: center;}.search-item .title {    font-weight: bold;    margin-bottom: 4px;}.search-item .year {    color: #007bff;    font-size: 0.9em;}.search-item .rating {    color: #f5c518;    font-weight: bold;    font-size: 0.9em;    margin-top: 4px;}/* User Management Styles */.search-section {    margin-bottom: 30px;}.search-form .search-box {    display: flex;    gap: 10px;    align-items: center;}.users-list .table {    width: 100%;    border-collapse: collapse;    margin: 20px 0;    background: white;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);    border-radius: 8px;    overflow: hidden;}.users-list .table th,.users-list .table td {    padding: 12px 15px;    text-align: left;    border-bottom: 1px solid #eee;}.users-list .table th {    background: #f8f9fa;    font-weight: 600;    color: #495057;}.users-list .table tr:hover {    background: #f8f9fa;}.status-badge {    padding: 4px 8px;    border-radius: 12px;    font-size: 0.85em;    font-weight: 500;}.status-badge.active {    background: #d4edda;    color: #155724;}.status-badge.inactive {    background: #f8d7da;    color: #721c24;}.action-buttons {    display: flex;    gap: 5px;}.table-responsive {    overflow-x: auto;    margin: 20px 0;}.no-results {    text-align: center;    padding: 40px;    background: white;    border-radius: 8px;    box-shadow: 0 2px 4px rgba(0,0,0,0.1);    color: #666;}.form-control, select, input {    background: transparent;    color: #007bff;}h2 {    color: #fff !important;}h2, h2 a {    color: #fff !important;}h2 a:hover {    color: #007bff !important;    text-decoration: none;    transition: color 0.3s ease;}.movie-info h1,.tv-show-info h1 {    color: #3498db;    margin: 0 0 10px 0;    font-size: 2em;    text-shadow: none;}.movie-info .title-el,.tv-show-info .title-el {    color: #3498db;    margin: 0 0 15px 0;    font-size: 1.5em;    text-shadow: none;}
.title-en {
    color: #3498db;
    font-size: 1.2em;
    margin: 5px 0 15px 0;
    font-weight: normal;
    text-shadow: none;
    opacity: 0.8;
}

.overview.english {
    margin-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 15px;
}