:root{--main-color: #17B8BD;--bg-color: #153A47;--text-color: #E5F4F4;--text-sub-color: #B3B6BA;--text-placeholder-color: #7BB0B0;--text-menu-color: #004D83;--input-color: #226375;--sidebar-width: 260px;--header-height: 80px;--font-size: 14px;--font-size-lg: 18px;--input-padding: 12px 16px 12px 16px;--input-padding-vertical: 8px;--input-padding-horizontal: 16px;--input-border-radius: 10px;--icon-size: 24px;--shine-select-bg: #226375;--shine-select-body-bg: #226375;--shine-select-border: #cccccc;--shine-select-color: var(--text-color);--shine-select-hover: #7BB0B0;--shine-select-font-size: var(--font-size);--shine-select-padding: var(--input-padding);--shine-select-padding-vertical: 8px;--shine-select-padding-horizontal: 16px;--shine-select-body-padding: 10px;--shine-select-radius: var(--input-border-radius);--shine-select-badge-bg: var(--main-color);--shine-select-badge-padding: 5px 8px;--shine-select-badge-radius: 4px}.max-w-100{max-width:100px}.max-w-150{max-width:150px}.max-w-200{max-width:200px}.max-w-300{max-width:300px}.max-w-400{max-width:400px}body{min-height:100vh;background-color:#181818;font-size:var(--font-size)}*{box-sizing:border-box}hr{border-color:var(--text-menu-color);opacity:1;margin:5px 0}svg{display:block;vertical-align:middle}h2{font-size:28px}a{color:var(--text-color)}button{border:none;color:var(--text-color);outline:none}table,td,tr,th{color:var(--text-color)!important;background-color:transparent!important;padding-left:0!important;padding-right:0!important}table th{font-weight:500;font-size:var(--font-size-lg)}.table tr:last-child td{border-bottom:none!important}th,td{text-align:center}input{border:none;outline:none;background-color:var(--input-color);color:var(--text-color)}input:disabled{opacity:.5}input::placeholder{color:var(--text-placeholder-color)}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}aside.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background-color:var(--main-color);font-size:20px}aside.sidebar .menu-item{display:flex;flex-direction:column;gap:10px}aside.sidebar .menu-item~.menu-item{margin-bottom:10px}aside.sidebar .menu-item>a{display:flex;align-items:center;gap:10px;padding:6px 8px}aside.sidebar .menu-item .child{display:none;flex-direction:column;margin-left:34px;gap:10px}aside.sidebar .menu-item.active .child,aside.sidebar .menu-item.open .child{display:flex}aside.sidebar .menu-item .child>a{display:flex;align-items:center;gap:10px;padding:4px 8px}aside.sidebar a{color:var(--text-menu-color);text-decoration:none;border-radius:.25rem;text-align:left}aside.sidebar .menu-item.active>a,aside.sidebar .menu-item .child>a.active,aside.sidebar a:hover{color:#fff;background:transparent}main.main-content{margin-left:calc(var(--sidebar-width) + 1px);color:var(--text-color)}main.main-content .header{height:var(--header-height)}main.main-content .content{background-color:var(--bg-color);border:2px solid var(--main-color);border-radius:20px;min-height:calc(100vh - var(--header-height))}.content .filter{font-size:var(--font-size-lg)}input#search{border-radius:9999px;padding:8px 16px 8px 40px;width:400px;height:40px}.name{font-size:1.2rem}.origin-name{color:var(--text-sub-color)}.poster{width:70px;border-radius:5px}.poster-small{width:44px;aspect-ratio:2 / 3;object-fit:cover}.pagination{display:flex;justify-content:space-between;align-items:center;border-radius:10px;padding:12px 16px;background-color:#121212b2;color:var(--main-color)}.pagination .btn-pgn{cursor:pointer;border:1px solid var(--main-color);border-radius:5px;padding:0 8px;height:24px;color:var(--main-color);background:transparent}.pagination button.btn-pgn:hover{color:var(--text-color);background:var(--main-color)}.pagination .btn-pgn.active{color:var(--text-color);background-color:var(--main-color)}.pagination #custom-page{color:var(--main-color);background-color:transparent;width:28px}.pagination #to-custom-page{color:var(--main-color);background:transparent}.film-form{display:flex;flex-direction:column;gap:10px}.film-form .form-group{margin-bottom:12px}.film-form label{align-content:center}.film-form label.require:after{content:" *";color:red}.film-form input:not([type=file]):not([type=hidden]):not(.search-input),.film-form textarea,.film-form select{min-height:44px;background-color:var(--input-color);color:var(--text-color);border:1px solid transparent;border-radius:var(--input-border-radius);padding:var(--input-padding);box-shadow:none;font:inherit}.film-form input:not([type=file]):not([type=hidden]):not(.search-input):focus,.film-form textarea:focus,.film-form select:focus{border-color:var(--main-color);outline:none}.film-form textarea{width:100%;min-height:140px;resize:vertical}.film-form textarea::placeholder{color:var(--text-placeholder-color)}.film-form .episode-name{width:120px;flex:0 0 120px}.episode-actions{width:90px;display:flex;gap:6px;align-items:center;justify-content:center}.episode-actions .btn{background:transparent;color:var(--text-color);border:none;padding:4px;display:inline-flex;align-items:center;justify-content:center;flex-wrap:nowrap}.episode-actions .btn svg{width:var(--icon-size);height:var(--icon-size)}.episode-link{width:100%}.form-section h5{color:var(--text-color);margin:0 0 15px;font-weight:600}.section-split{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--text-sub-color)}.section-split:before,.section-split:after{content:"";flex:1 1 auto;height:1px;background:rgba(255,255,255,.06)}.section-split svg{width:28px;height:28px;display:block;color:var(--text-sub-color)}.genre-list{display:flex;flex-wrap:wrap;gap:10px 16px}.genre-item{padding:6px 10px;border-radius:16px;background:transparent;color:var(--text-color);border:1px solid rgba(255,255,255,.04);cursor:pointer;font-size:.95rem}.genre-item.selected{font-weight:700;color:#cff6f5;background:rgba(31,178,183,.08);border-color:#1fb2b72e}.filter-checkbox{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.film-filter-panel,.admin-panel{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(0,0,0,.14)}.film-filter-panel{display:grid;gap:20px}.filter-group{display:grid;gap:10px}.filter-group h3{margin:0;color:var(--text-sub-color);font-size:.85rem;font-weight:600;text-transform:uppercase}.film-search-field{width:min(100%,400px)}.film-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.film-filter-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 0;color:var(--text-color);background:transparent;font-size:var(--font-size-lg)}.film-filter-toggle:hover,.film-filter-toggle[aria-expanded=true]{color:var(--main-color)}.film-filter-toggle svg{width:24px;height:24px}.film-filter-panel[hidden]{display:none}.film-search-field input#search{width:100%}#film-table{transition:opacity .15s ease}#film-table.is-loading{opacity:.45;pointer-events:none}.admin-primary-button,.admin-secondary-button,.admin-ghost-button{border-radius:6px;padding:8px 14px}.admin-primary-button{color:#052f38;background:var(--main-color);font-weight:700}.admin-primary-button:hover{color:#fff;background:#129da1}.admin-secondary-button{color:#fff;background:var(--input-color)}.admin-ghost-button{color:var(--text-color);border:1px solid rgba(255,255,255,.18);background:transparent}.icon-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:5px;color:var(--text-color);border:0;border-radius:5px;background:transparent}.icon-action:hover{color:#fff;background:rgba(255,255,255,.08)}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.admin-stat{display:grid;gap:8px;padding:18px;color:var(--text-color);text-decoration:none;border-left:3px solid var(--main-color);background:rgba(0,0,0,.16)}.admin-stat strong{font-size:1.8rem}.admin-search-form{display:flex;flex-wrap:wrap;gap:10px}.admin-search-form input,.admin-search-form select,.admin-form-shell .form-control,.admin-user-form .form-select,.admin-login-panel .form-control{min-height:42px;padding:8px 12px;color:var(--text-color);border:1px solid rgba(255,255,255,.12);border-radius:6px;background:var(--input-color)}.admin-select-field{min-width:170px}.admin-user-form .form-select:focus,.admin-search-form select:focus{border-color:var(--main-color);box-shadow:none}.admin-role-badge{display:inline-flex;min-width:62px;justify-content:center;padding:4px 8px;border:1px solid rgba(255,255,255,.14);border-radius:5px;color:var(--text-color);background:rgba(255,255,255,.04);font-size:.8rem;font-weight:600}.admin-role-badge--admin{color:#cff6f5;border-color:#17b8bd73;background:rgba(23,184,189,.12)}.admin-search-form input{width:min(100%,380px)}.admin-form-shell{width:min(100%,720px)}.system-information{display:grid}.system-information>div{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:20px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.system-information>div:last-child{border-bottom:0}.system-information dd{margin:0}.admin-login-page{color:var(--text-color);background:#0d2027}.admin-login-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.admin-login-panel{width:min(100%,430px);padding:32px;border:1px solid rgba(23,184,189,.5);border-radius:8px;background:var(--bg-color);box-shadow:0 24px 70px #00000052}.admin-login-panel h1{font-size:1.8rem}.admin-login-kicker{margin-bottom:8px;color:var(--main-color);font-weight:700;text-transform:uppercase}@media (max-width: 1100px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){:root{--sidebar-width: 210px}aside.sidebar{padding:16px!important;font-size:16px}main.main-content .header,main.main-content .content{padding-left:20px!important;padding-right:20px!important}.admin-stat-grid{grid-template-columns:1fr}.film-list-toolbar{align-items:stretch;flex-direction:column}.film-search-field{width:100%}}input.is-invalid,textarea.is-invalid,select.is-invalid{border:1px solid #dc3545!important;box-shadow:none!important}.shine-select.invalid{border:1px solid #dc3545;border-radius:var(--shine-select-radius)}.shine-select.invalid .shine-select-header{outline:none}.file-uploader{display:flex;flex-direction:column;gap:12px}.file-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:180px;border:2px dashed rgba(255,255,255,.25);border-radius:12px;background:transparent;color:var(--text-color);position:relative;cursor:pointer}.file-placeholder.small{height:110px}.file-placeholder .plus{font-size:36px;color:var(--text-color)}.file-placeholder input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-preview img{width:100%;height:auto;border-radius:8px;display:block}.file-preview{position:relative}.preview-remove{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;display:none;align-items:center;justify-content:center;cursor:pointer;font-weight:700}.preview-remove svg{width:16px;height:16px}.file-preview:hover .preview-remove{display:flex}.file-change{display:inline-block;padding:6px 10px;border-radius:6px;background:rgba(255,255,255,.04);color:var(--text-color);cursor:pointer}.file-change input[type=file]{display:inline-block;opacity:0;position:absolute;width:1px;height:1px}.file-remove{align-self:start}