#weeklyChart {
width: 100% !important;
max-width: 900px;
height: 350px !important;
margin: auto;
display: block;
} .bo-week-cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
gap: 16px;
margin-top: 16px;
}
.bo-card {
position: relative;
display: flex;
gap: 12px;
padding: 12px;
background: linear-gradient(180deg, #0b1622, #07121a);
border-radius: 14px;
text-decoration: none;
color: #e6eef8;
box-shadow: 0 10px 30px rgba(0,0,0,.35);
transition: transform .2s ease, box-shadow .2s ease;
}
.bo-card:hover {
transform: translateY(-4px);
box-shadow: 0 16px 40px rgba(0,0,0,.55);
}
.bo-card img {
width: 80px;
height: 120px;
object-fit: cover;
border-radius: 8px;
flex-shrink: 0;
background: #041020;
} .bo-rank {
position: absolute;
top: -10px;
left: -10px;
width: 34px;
height: 34px;
background: linear-gradient(135deg, #3ea6ff, #7c53ff);
color: #fff;
font-weight: 700;
font-size: 14px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 6px 20px rgba(62,166,255,.6);
} .bo-card-info {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
}
.bo-card-info h4 {
margin: 0;
font-size: 15px;
line-height: 1.4;
color: #ffffff;
} .bo-metrics {
display: flex;
flex-direction: column;
gap: 6px;
margin-top: 8px;
font-size: 13px;
}
.bo-metrics span {
display: inline-flex;
align-items: center;
gap: 6px;
color: #9fb6ff;
}
.bo-metrics .gross {
color: #3ea6ff;
font-weight: 600;
}
.bo-metrics .adm {
color: #6effb8;
font-weight: 600;
} @media (max-width: 600px) {
.bo-week-cards {
grid-template-columns: 1fr;
}
.bo-card {
padding: 10px;
}
.bo-card img {
width: 70px;
height: 105px;
}
.bo-card-info h4 {
font-size: 14px;
}
} .bo-metrics span {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
.bo-metrics small {
display: block;
font-size: 11px;
color: rgba(159,182,255,0.65);
margin-left: 22px; line-height: 1.2;
} @media (max-width: 600px) {
.bo-metrics small {
margin-left: 0;
font-size: 10px;
}
} .bo-metrics {
display: flex;
gap: 24px;
margin-top: 12px;
}
.bo-metrics .metric {
display: grid;
grid-template-columns: 20px auto;
grid-template-rows: auto auto;
column-gap: 6px;
row-gap: 2px;
align-items: center;
}
.bo-metrics .icon {
grid-row: 1 / span 2;
font-size: 15px;
}
.bo-metrics .value {
font-size: 14px;
font-weight: 600;
color: #e6eef8;
}
.bo-metrics .label {
font-size: 11px;
color: rgba(159,182,255,0.65);
} @media (max-width: 600px) {
.bo-metrics {
flex-direction: column;
gap: 10px;
}
} .bo-slider {
scrollbar-width: none; }
.bo-slider::-webkit-scrollbar {
display: none; } .bo-slider {
position: relative;
display: flex;
gap: 16px;
overflow-x: auto;
scroll-behavior: smooth;
padding: 12px 40px; cursor: grab;
}
.bo-slider.dragging {
cursor: grabbing;
} .bo-slider::-webkit-scrollbar {
display: none;
}
.bo-slider {
scrollbar-width: none;
}  .slider-wrapper {
position: relative;
} .slider-wrapper::before,
.slider-wrapper::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 48px;
pointer-events: none;
z-index: 2; }
.slider-wrapper::before {
left: 0;
background: linear-gradient(
to right,
rgba(15,23,32,0.95) 0%,
rgba(15,23,32,0.6) 40%,
transparent 100%
);
}
.slider-wrapper::after {
right: 0;
background: linear-gradient(
to left,
rgba(15,23,32,0.95) 0%,
rgba(15,23,32,0.6) 40%,
transparent 100%
);
}
.slider-wrapper {
position: relative;
} .slider-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
border-radius: 50%;
border: none;
background: rgba(15, 23, 32, 0.85);
color: #fff;
font-size: 22px;
cursor: pointer;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s, transform 0.2s;
}
.slider-arrow:hover {
background: #2563eb;
transform: translateY(-50%) scale(1.1);
}
.slider-arrow.left {
left: -10px;
}
.slider-arrow.right {
right: -10px;
} .bo-slider {
display: flex;
gap: 16px;
overflow-x: auto;
scroll-behavior: smooth;
padding: 12px;
} .bo-slider::-webkit-scrollbar {
display: none;
}
.bo-slider {
scrollbar-width: none;
} @media (max-width: 768px) {
.slider-arrow {
width: 36px;
height: 36px;
font-size: 18px;
}
}
.movie-status {
display: inline-block;
padding: 4px 10px;
font-size: 16px;
font-weight: 600;
border-radius: 999px;
margin-top: 6px;
letter-spacing: .3px;
} .status-now {
background: rgba(34,197,94,.78);
color: #ffffff;
} .status-soon {
background: rgba(59,130,246,.78);
color: #ffffff;
} .status-ended {
background: rgba(239,68,68,.78);
color: #ffffff;
}
.movie-poster-wrap {
position: relative;
}
.movie-poster-wrap img {
width: 100%;
height: 450px;
object-fit: cover;
border-radius: 6px;
} .movie-rank-badge {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: flex-end;
padding: 90px 14px 8px;
background: linear-gradient(
to top,
rgba(3, 9, 16, 0.97) 0%,
rgba(3, 9, 16, 0.72) 30%,
rgba(3, 9, 16, 0.18) 58%,
transparent 100%
);
border-radius: 0 0 6px 6px;
pointer-events: none;
user-select: none; font-size: 92px;
font-weight: 900;
font-style: italic;
line-height: 0.88;
letter-spacing: -5px;
color: #f5c518;
text-shadow:
0 0 48px rgba(245, 197, 24, 0.42),
0 3px 10px rgba(0, 0, 0, 0.96),
0 1px 0    rgba(0, 0, 0, 0.8);
}
.movie-status-badge {
position: absolute;
top: 10px;
left: 10px;
padding: 5px 12px;
font-size: 16px;
font-weight: 700;
border-radius: 999px;
z-index: 2;
} .bo-highlight {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin-bottom: 12px;
}
.highlight-item {
background: rgba(255,255,255,0.04);
border-radius: 10px;
padding: 10px;
text-align: center;
}
.highlight-item .icon {
display: block;
font-size: 18px;
margin-bottom: 4px;
}
.highlight-item .value {
font-size: 15px;
font-weight: 700;
color: #ffffff;
}
.highlight-item .label {
font-size: 11px;
color: rgba(159,182,255,0.7);
} .highlight-item.revenue .value {
color: #3ea6ff;
}
.highlight-item.tickets .value {
color: #6effb8;
} @media (max-width: 600px) {
.bo-highlight {
grid-template-columns: 1fr;
}
}
.movies-pagination ul {
display: flex;
gap: 8px;
list-style: none;
padding: 0;
margin: 0;
justify-content: center;
}
.movies-pagination li a,
.movies-pagination li span {
padding: 8px 14px;
border-radius: 6px;
background: #07121a;
color: #9fb6ff;
text-decoration: none;
font-size: 14px;
}
.movies-pagination li .current {
background: #2563eb;
color: #fff;
font-weight: 600;
}
.movies-pagination li a:hover {
background: #1e40af;
color: #fff;
}
.movies-filters select,
.movies-filters button {
background: #07121a;
color: #e6eef8;
border: 1px solid rgba(255,255,255,.08);
padding: 8px 12px;
border-radius: 6px;
font-size: 14px;
}
.movies-filters button {
background: #2563eb;
cursor: pointer;
}
.movies-filters button:hover {
background: #1e40af;
} .analytics-table-wrap {
margin-top: 20px;
background: #07121a;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 20px 50px rgba(0,0,0,.45);
}
.analytics-table {
width: 100%;
border-collapse: collapse;
color: #e6eef8;
font-size: 14px;
}
.analytics-table thead {
background: linear-gradient(180deg, #0b1622, #07121a);
}
.analytics-table thead th {
padding: 14px 16px;
text-align: left;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .06em;
color: #9fb6ff;
}
.analytics-table tbody tr {
border-top: 1px solid rgba(255,255,255,.04);
transition: background .2s ease;
}
.analytics-table tbody tr:hover {
background: rgba(62,166,255,.06);
}
.analytics-table td {
padding: 14px 16px;
vertical-align: middle;
} .analytics-table td:first-child {
font-weight: 700;
color: #3ea6ff;
width: 40px;
} .analytics-table td a {
color: #ffffff;
font-weight: 600;
text-decoration: none;
}
.analytics-table td a:hover {
color: #3ea6ff;
} .analytics-table td:nth-child(3) {
color: #3ea6ff;
font-weight: 700;
} .analytics-table td:nth-child(4) {
color: #6effb8;
font-weight: 600;
} .analytics-table .status {
display: inline-block;
padding: 4px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 700;
letter-spacing: .04em;
}
.analytics-table .status.now {
background: rgba(62,166,255,.15);
color: #3ea6ff;
} @media (max-width: 768px) {
.analytics-table thead {
display: none;
}
.analytics-table,
.analytics-table tbody,
.analytics-table tr,
.analytics-table td {
display: block;
width: 100%;
}
.analytics-table tr {
padding: 12px;
border-top: none;
border-bottom: 1px solid rgba(255,255,255,.06);
}
.analytics-table td {
padding: 6px 0;
font-size: 13px;
}
.analytics-table td::before {
content: attr(data-label);
display: block;
font-size: 11px;
color: rgba(159,182,255,.6);
margin-bottom: 2px;
text-transform: uppercase;
}
.analytics-table td:first-child {
display: none;
}
} @media (max-width: 768px) {
.analytics-table {
border-collapse: separate;
border-spacing: 0 14px;
}
.analytics-table thead {
display: none;
}
.analytics-table tr {
display: block;
background: linear-gradient(180deg, #0b1622, #07121a);
border-radius: 18px;
padding: 14px 16px;
box-shadow: 0 14px 40px rgba(0,0,0,.5);
}
.analytics-table td {
display: flex;
justify-content: space-between;
align-items: center;
border: none;
padding: 6px 0;
font-size: 14px;
} .analytics-table td[data-label="Movie"] {
font-size: 18px;
font-weight: 800;
color: #ffffff;
margin-bottom: 10px;
} .analytics-table td[data-label="Revenue"]::before {
content: "💰 Revenue";
color: #9fb6ff;
}
.analytics-table td[data-label="Admissions"]::before {
content: "🎟 Tickets";
color: #9fb6ff;
}
.analytics-table td[data-label="Status"]::before {
content: "📊 Status";
color: #9fb6ff;
}
.analytics-table td::before {
font-size: 12px;
font-weight: 600;
} .analytics-table td span.value {
font-weight: 700;
color: #ffffff;
} .analytics-table .status {
padding: 4px 12px;
border-radius: 999px;
font-size: 12px;
font-weight: 600;
background: rgba(62,166,255,.15);
color: #9fb6ff;
}
} .analytics-table .trend {
font-weight: 600;
text-align: left;
}
.trend-up {
color: #3ee37f;
}
.trend-down {
color: #ff5c5c;
}
.trend-same {
color: #9fb6ff;
} @media (max-width: 768px) {
.analytics-table thead {
display: none;
}
.analytics-table tr {
display: block;
background: linear-gradient(180deg, #0b1622, #07121a);
margin-bottom: 12px;
border-radius: 12px;
padding: 12px;
}
.analytics-table td {
display: flex;
justify-content: space-between;
padding: 6px 0;
border: none;
font-size: 14px;
}
.analytics-table td::before {
content: attr(data-label);
font-size: 11px;
color: rgba(159,182,255,.65);
text-transform: uppercase;
}
}
.analytics-table .trend.down {
color: #ff5c5c;
font-weight: 700;
}
@media (max-width: 768px) {
.analytics-table td::before {
font-weight: 600;
color: #9fb6ff;
letter-spacing: .04em;
}
.analytics-table td.trend.down {
font-size: 15px;
}
} .analytics-today-table .col-poster {
width: 64px;
padding: 6px 8px;
}
.today-poster-thumb {
width: 50px;
height: 72px;
object-fit: cover;
border-radius: 6px;
display: block;
} .today-mobile-cards {
display: none;
} @media (max-width: 768px) { .analytics-today-table {
display: none !important;
} .today-mobile-cards {
display: flex;
flex-direction: column;
gap: 14px;
padding: 14px;
}
.today-card {
display: flex;
align-items: flex-start;
gap: 14px;
background: linear-gradient(180deg, #0b1622, #07121a);
border-radius: 14px;
padding: 14px;
text-decoration: none;
color: inherit;
box-shadow: 0 8px 24px rgba(0,0,0,.4);
transition: background .2s ease;
}
.today-card:hover {
background: linear-gradient(180deg, #0d1d2e, #091520);
}
.today-card-poster {
width: 72px;
height: 104px;
object-fit: cover;
border-radius: 8px;
flex-shrink: 0;
}
.today-card-body {
flex: 1;
min-width: 0;
}
.today-card-rank {
font-size: 11px;
font-weight: 700;
color: #3ea6ff;
text-transform: uppercase;
letter-spacing: .06em;
margin-bottom: 4px;
}
.today-card-title {
margin: 0 0 10px;
color: #ffffff;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}
.today-card-metrics {
display: flex;
flex-direction: column;
gap: 6px;
}
.today-card-metric {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
}
.tcm-label {
font-size: 12px;
font-weight: 600;
color: rgba(159,182,255,.7);
text-transform: uppercase;
letter-spacing: .04em;
white-space: nowrap;
}
.tcm-value {
font-size: 14px;
font-weight: 700;
color: #e6eef8;
text-align: right;
}
.tcm-value.revenue {
color: #ffffff;
}
.tcm-value.tickets {
color: #6effb8;
}
.tcm-value.trend.up {
color: #3ee37f;
}
.tcm-value.trend.down {
color: #ff5c5c;
}
.tcm-value.trend.same {
color: #9fb6ff;
}
} .ww-analytics-wrap {
margin-top: 20px;
} .ww-table {
width: 100%;
border-collapse: collapse;
background: linear-gradient(180deg, #0b1622, #07121a);
border-radius: 14px;
overflow: hidden;
}
.ww-table th,
.ww-table td {
padding: 14px;
border-bottom: 1px solid rgba(255,255,255,.08);
text-align: left;
}
.ww-table th {
color: #9fb6ff;
font-size: 13px;
text-transform: uppercase;
}
.ww-table td {
color: #e6eef8;
font-size: 14px;
}
.ww-table a {
color: #fff;
font-weight: 600;
text-decoration: none;
}
.ww-table tr:hover {
background: rgba(255,255,255,.04);
} .ww-tag {
padding: 4px 10px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
}
.tag-weekend {
background: rgba(255,200,0,.15);
color: #ffcc00;
}
.tag-weekday {
background: rgba(0,180,255,.15);
color: #3ea6ff;
}
.tag-balanced {
background: rgba(0,255,180,.12);
color: #6effb8;
} @media (max-width: 768px) {
.ww-table {
display: none;
}
} .weekly-table-wrap {
width: 100%;
background: linear-gradient(180deg, #0b1622 0%, #07121a 100%);
border-radius: 16px;
overflow: hidden;
box-shadow: 0 20px 60px rgba(0,0,0,.45);
}
.weekly-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
} .weekly-table thead th {
padding: 16px 14px;
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: #8fb3ff;
background: linear-gradient(180deg, #0f1c2a, #0b1622);
border-bottom: 1px solid rgba(255,255,255,.08);
text-align: left;
} .weekly-table tbody tr {
transition: background .25s ease;
}
.weekly-table tbody tr:hover {
background: linear-gradient(
90deg,
rgba(62,166,255,0.10),
rgba(62,166,255,0.02)
);
} .weekly-table td {
padding: 16px 14px;
font-size: 14px;
border-bottom: 1px solid rgba(255,255,255,.06);
color: #e6eef8;
vertical-align: middle;
} .weekly-table .rank {
width: 48px;
text-align: center;
font-weight: 800;
color: #4cc9f0;
}
.weekly-table .movie a {
color: #ffffff;
font-weight: 600;
text-decoration: none;
}
.weekly-table .movie a:hover {
text-decoration: underline;
}
.weekly-table .gross {
color: #3ea6ff;
font-weight: 800;
}
.weekly-table .admissions {
color: #6effb8;
font-weight: 800;
} @media (max-width: 768px) {
.weekly-table thead {
display: none;
}
.weekly-table tbody tr {
display: block;
background: linear-gradient(180deg, #07121a, #050c12);
border-radius: 16px;
margin-bottom: 16px;
padding: 14px;
box-shadow: 0 12px 30px rgba(0,0,0,.4);
}
.weekly-table td {
display: flex;
justify-content: space-between;
align-items: center;
border: none;
padding: 8px 0;
font-size: 14px;
}
.weekly-table td::before {
content: attr(data-label);
font-size: 11px;
font-weight: 600;
color: rgba(159,182,255,.75);
text-transform: uppercase;
letter-spacing: .06em;
}
.weekly-table .rank {
display: none;
}
.weekly-table .movie {
font-size: 16px;
font-weight: 700;
padding-bottom: 6px;
}
.weekly-table .gross {
color: #3ea6ff;
}
.weekly-table .admissions {
color: #6effb8;
}
}
table, th, td {
font-size: var(--theme-table-font-size);
border-width: var(--theme-table-border-width, 0px) !important;}  .analytics-mobile-cards {
display: none;
} @media (max-width: 768px) {
.analytics-desktop {
display: none;
}
.analytics-mobile-cards {
display: flex;
flex-direction: column;
gap: 14px;
padding: 12px;
} .amc-card {
position: relative;
display: flex;
gap: 12px;
background: linear-gradient(180deg, #0b1622, #07121a);
border-radius: 16px;
padding: 12px;
text-decoration: none;
color: #e6eef8;
box-shadow: 0 10px 30px rgba(0,0,0,.4);
transition: transform .2s ease, box-shadow .2s ease;
}
.amc-card:hover {
transform: translateY(-3px);
box-shadow: 0 16px 40px rgba(0,0,0,.55);
} .amc-rank {
position: absolute;
top: -10px;
left: -10px;
width: 32px;
height: 32px;
background: linear-gradient(135deg, #3ea6ff, #7c53ff);
color: #fff;
font-weight: 700;
font-size: 13px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 14px rgba(62,166,255,.5);
z-index: 2;
} .amc-poster {
width: 80px;
height: 120px;
object-fit: cover;
border-radius: 10px;
flex-shrink: 0;
background: #041020;
}
.amc-no-poster {
background: linear-gradient(180deg, #0f1c2a, #07121a);
border: 1px solid rgba(255,255,255,.06);
} .amc-info {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
min-width: 0;
} .amc-title {
margin: 0 0 8px;
font-size: 15px;
font-weight: 700;
color: #ffffff;
line-height: 1.35;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .amc-metrics {
display: flex;
flex-direction: column;
gap: 8px;
}
.amc-metric {
display: flex;
align-items: center;
gap: 8px;
}
.amc-icon {
font-size: 16px;
flex-shrink: 0;
}
.amc-value {
display: block;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
}
.amc-value.revenue  { color: #3ea6ff; }
.amc-value.tickets  { color: #6effb8; }
.amc-value.trend-up   { color: #3ee37f; }
.amc-value.trend-down { color: #ff5c5c; }
.amc-value.trend-same { color: #9fb6ff; }
.amc-label {
display: block;
font-size: 11px;
color: rgba(159,182,255,.6);
line-height: 1.2;
}
} .analytics-table .col-poster,
.ww-table .col-poster,
.weekly-table .col-poster {
width: 64px;
padding: 6px 8px;
}
.tbl-poster-thumb {
width: 50px;
height: 72px;
object-fit: cover;
border-radius: 6px;
display: block;
}  .ct-mobile-cards {
display: none;
}
@media (max-width: 768px) { .analytics-table:not(.analytics-today-table),
.weekly-table,
.ww-table {
display: none !important;
} .ct-mobile-cards {
display: flex;
flex-direction: column;
gap: 14px;
padding: 14px;
} .ct-card {
display: flex;
align-items: flex-start;
gap: 14px;
background: linear-gradient(180deg, #0b1622, #07121a);
border-radius: 16px;
padding: 14px;
text-decoration: none;
color: inherit;
box-shadow: 0 8px 28px rgba(0,0,0,.45);
transition: transform .2s ease, box-shadow .2s ease;
}
.ct-card:hover {
transform: translateY(-2px);
box-shadow: 0 16px 40px rgba(0,0,0,.6);
} .ct-card-poster {
width: 72px;
height: 104px;
object-fit: cover;
border-radius: 10px;
flex-shrink: 0;
background: #041020;
} .ct-card-body {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
} .ct-card-rank {
font-size: 11px;
font-weight: 700;
color: #3ea6ff;
text-transform: uppercase;
letter-spacing: .07em;
margin-bottom: 3px;
} .ct-card-title {
margin: 0 0 10px;
color: #ffffff;
font-size: 15px;
font-weight: 700;
line-height: 1.35;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .ct-card-metrics {
display: flex;
flex-direction: column;
gap: 7px;
margin-top: auto;
}
.ct-card-metric {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
} .ct-label {
font-size: 11px;
font-weight: 600;
color: rgba(159,182,255,.7);
text-transform: uppercase;
letter-spacing: .05em;
white-space: nowrap;
} .ct-value {
font-size: 14px;
font-weight: 700;
color: #e6eef8;
text-align: right;
} .ct-revenue  { color: #3ea6ff; }
.ct-tickets  { color: #6effb8; }
.ct-drop     { color: #ff5c5c; }
.ct-multi    { color: #f4c430; }
.ct-share    { color: #c4a4ff; }
.ct-weekend  { color: #ffcc00; }
.ct-weekday  { color: #3ea6ff; } .ct-card .ww-tag {
font-size: 11px;
padding: 3px 9px;
} .ct-share-bar {
display: flex;
align-items: center;
gap: 8px;
flex: 1;
}
.ct-share-bar-track {
flex: 1;
height: 4px;
background: rgba(255,255,255,.1);
border-radius: 2px;
overflow: hidden;
}
.ct-share-bar-fill {
height: 100%;
background: linear-gradient(90deg, #c4a4ff, #9b6eff);
border-radius: 2px;
}
}  .col-cinemas {
color: #ff9f43;
font-weight: 700;
} .ct-cinemas,
.tcm-value.ct-cinemas {
color: #ff9f43;
font-weight: 700;
} .stat-cinemas h4 {
color: #ff9f43;
}
.stat-cinemas p {
color: #ff9f43;
} .bo-charts-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.bo-chart-card {
position: relative;
background: #07121a;
padding: 16px;
border-radius: 10px; height: 340px;
}
.bo-chart-card canvas {
display: block;
width: 100% !important;
height: 100% !important;
} @media (max-width: 960px) and (min-width: 769px) {
.bo-charts-grid {
gap: 10px;
}
.bo-chart-card {
height: 300px;
padding: 12px;
}
} @media (max-width: 768px) {
.bo-charts-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.bo-chart-card {
height: 280px;
padding: 14px 12px;
}
} .cmp-inputs {
display: flex;
gap: 12px;
}
.cmp-input-group {
flex: 1;
display: flex;
flex-direction: column;
gap: 4px;
}
.cmp-input-label {
font-size: 0.75rem;
color: var(--muted, #9fb6ff);
font-weight: 600;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.cmp-input-group input[type="date"] {
width: 100%;
box-sizing: border-box;
}
.cmp-result {
margin-top: 14px;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 10px;
overflow: hidden;
}
.cmp-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 14px;
gap: 8px;
}
.cmp-row + .cmp-row {
border-top: 1px solid rgba(255,255,255,0.05);
}
.cmp-label {
color: var(--muted, #9fb6ff);
font-size: 0.85rem;
}
.cmp-value {
font-weight: 700;
font-size: 0.9rem;
color: var(--text, #e0e6ff);
text-align: right;
}
.cmp-divider {
height: 1px;
background: rgba(255,255,255,0.12);
margin: 0;
}
.cmp-diff.up   .cmp-value { color: #6effb8; }
.cmp-diff.down .cmp-value { color: #ff8686; }
.cmp-diff.same .cmp-value { color: #9fb6ff; }
.cmp-diff {
background: rgba(255,255,255,0.03);
}
.cmp-no-data {
margin-top: 10px;
color: #9fb6ff;
font-size: 0.85rem;
}
@media (max-width: 480px) {
.cmp-inputs {
flex-direction: column;
}
.cmp-row {
flex-direction: column;
align-items: flex-start;
gap: 2px;
}
.cmp-value {
text-align: left;
}
}  .arc-filter-wrap,
.arc-grid-wrap {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} .arc-filter-wrap {
margin-top: 24px;
margin-bottom: 8px;
}
.arc-filter-form {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 14px;
}
.arc-filter-group {
display: flex;
flex-direction: column;
gap: 5px;
flex: 1 1 160px;
min-width: 130px;
max-width: 220px;
}
.arc-filter-label {
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #9fb6ff;
}
.arc-select {
background: #07121a;
color: #e0e6ff;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 7px;
padding: 8px 12px;
font-size: 0.875rem;
appearance: auto;
cursor: pointer;
transition: border-color 0.2s;
}
.arc-select:focus {
outline: none;
border-color: #2563eb;
} .arc-filter-btn {
background: #2563eb;
color: #fff;
border: none;
border-radius: 7px;
padding: 8px 22px;
font-size: 0.875rem;
font-weight: 600;
cursor: pointer;
align-self: flex-end;
transition: background 0.2s;
white-space: nowrap;
}
.arc-filter-btn:hover {
background: #1e40af;
} .arc-clear-btn {
align-self: flex-end;
padding: 8px 14px;
font-size: 0.8rem;
color: #9fb6ff;
text-decoration: none;
border: 1px solid rgba(159, 182, 255, 0.25);
border-radius: 7px;
white-space: nowrap;
transition: border-color 0.2s, color 0.2s;
}
.arc-clear-btn:hover {
color: #fff;
border-color: rgba(255, 255, 255, 0.4);
} .arc-chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 12px;
}
.arc-chip {
display: inline-flex;
align-items: center;
gap: 6px;
background: rgba(37, 99, 235, 0.18);
border: 1px solid rgba(37, 99, 235, 0.45);
color: #93c5fd;
border-radius: 20px;
padding: 4px 12px;
font-size: 0.8rem;
text-decoration: none;
transition: background 0.2s;
}
.arc-chip:hover {
background: rgba(37, 99, 235, 0.35);
color: #fff;
}
.arc-chip-x {
font-size: 0.7rem;
opacity: 0.7;
} .arc-grid-wrap {
margin-top: 20px;
padding-bottom: 40px;
}
.arc-result-count {
font-size: 0.8rem;
color: #9fb6ff;
margin: 0 0 14px;
}
.arc-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
} .arc-card {
display: flex;
flex-direction: column;
background: #0b1e2d;
border: 1px solid rgba(255, 255, 255, 0.07);
border-radius: 10px;
overflow: hidden;
text-decoration: none;
color: inherit;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.arc-card:hover {
transform: translateY(-4px);
box-shadow: 0 14px 36px rgba(0, 0, 0, 0.5);
} .arc-card-poster {
position: relative;
width: 100%;
padding-top: 150%; background: #07121a;
overflow: hidden;
flex-shrink: 0;
}
.arc-card-poster img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.arc-card:hover .arc-card-poster img {
transform: scale(1.04);
}
.arc-no-poster {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.5rem;
color: rgba(159, 182, 255, 0.3);
} .arc-badge {
position: absolute;
top: 8px;
left: 8px;
padding: 3px 9px;
border-radius: 12px;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.badge-playing {
background: rgba(62, 227, 127, 0.18);
color: #3ee37f;
border: 1px solid rgba(62, 227, 127, 0.4);
}
.badge-coming {
background: rgba(62, 166, 255, 0.18);
color: #3ea6ff;
border: 1px solid rgba(62, 166, 255, 0.4);
}
.badge-ended {
background: rgba(159, 182, 255, 0.1);
color: #9fb6ff;
border: 1px solid rgba(159, 182, 255, 0.3);
} .arc-card-body {
padding: 12px;
display: flex;
flex-direction: column;
gap: 6px;
flex: 1;
}
.arc-card-title {
margin: 0;
font-size: 0.9rem;
font-weight: 700;
color: #e0e6ff;
line-height: 1.35; display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.arc-card-meta {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 4px;
font-size: 0.75rem;
}
.arc-meta-label {
color: #9fb6ff;
white-space: nowrap;
}
.arc-meta-value {
color: #c8d8ff;
font-weight: 600;
text-align: right;
}
.arc-meta-value.revenue {
color: #6effb8;
} .arc-no-results {
color: #9fb6ff;
padding: 30px 0;
font-size: 0.95rem;
}  @media (max-width: 1024px) {
.arc-grid {
grid-template-columns: repeat(3, 1fr);
}
} @media (max-width: 768px) {
.arc-filter-form {
gap: 10px;
}
.arc-filter-group {
flex: 1 1 calc(50% - 10px);
max-width: none;
}
.arc-filter-btn,
.arc-clear-btn {
flex: 1 1 100%;
text-align: center;
}
.arc-grid {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.arc-card-title {
font-size: 0.82rem;
}
} @media (max-width: 400px) {
.arc-grid {
grid-template-columns: 1fr;
}
} .share-bar {
display: block;
width: 80px;
height: 6px;
background: rgba(255,255,255,.08);
border-radius: 3px;
overflow: hidden;
margin-bottom: 4px;
}
.share-bar span {
display: block;
height: 100%;
background: linear-gradient(90deg, #c4a4ff, #9b6eff);
border-radius: 3px;
}   [dir="rtl"] .analytics-table thead th,
[dir="rtl"] .ww-table th,
[dir="rtl"] .ww-table td,
[dir="rtl"] .weekly-table thead th {
text-align: right;
} [dir="rtl"] .analytics-table td:first-child,
[dir="rtl"] .weekly-table .rank {
text-align: center;
} [dir="rtl"] .analytics-table .trend {
text-align: right;
} [dir="rtl"] .weekly-table td {
text-align: right;
} [dir="rtl"] .weekly-table .market-share {
text-align: left;
direction: ltr; }  [dir="rtl"] .ct-value {
text-align: left;
}
[dir="rtl"] .tcm-value {
text-align: left;
} [dir="rtl"] .arc-meta-value {
text-align: left;
} [dir="rtl"] .cmp-value {
text-align: left;
} @media (max-width: 480px) {
[dir="rtl"] .cmp-value {
text-align: right;
}
}  [dir="rtl"] .arc-badge {
left: auto;
right: 8px;
}  [dir="rtl"] .amc-rank {
left: auto;
right: -10px;
}  [dir="rtl"] .share-bar {
transform: scaleX(-1);
}           .dbo-page {
max-width: 1200px;
margin: 0 auto;
padding: 24px 16px 60px;
} .dbo-header {
margin-bottom: 24px;
}
.dbo-page-title {
font-size: 28px;
font-weight: 800;
color: #ffffff;
margin: 0 0 6px;
line-height: 1.2;
}
.dbo-active-date {
font-size: 15px;
color: #9fb6ff;
margin: 0;
letter-spacing: .02em;
} .dbo-date-nav {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 24px;
padding: 14px 16px;
background: linear-gradient(180deg, #0b1622, #07121a);
border-radius: 12px;
border: 1px solid rgba(255,255,255,.06);
}
.dbo-nav-btn {
display: inline-flex;
align-items: center;
padding: 8px 18px;
border-radius: 8px;
background: rgba(255,255,255,.06);
color: #9fb6ff;
font-size: 14px;
font-weight: 600;
text-decoration: none;
border: 1px solid rgba(255,255,255,.08);
cursor: pointer;
transition: background .18s, color .18s, border-color .18s;
white-space: nowrap;
}
.dbo-nav-btn:hover {
background: rgba(37,99,235,.35);
color: #ffffff;
border-color: rgba(37,99,235,.5);
}
.dbo-nav-btn.dbo-nav-active {
background: #2563eb;
color: #ffffff;
border-color: #2563eb;
}
.dbo-nav-btn.dbo-nav-disabled {
opacity: .35;
cursor: not-allowed;
pointer-events: none;
} .dbo-picker-wrap {
flex: 1;
min-width: 140px;
max-width: 200px;
}
.dbo-date-input {
width: 100%;
padding: 8px 12px;
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.12);
border-radius: 8px;
color: #e6eef8;
font-size: 14px;
font-weight: 600;
cursor: pointer;
outline: none;
-webkit-appearance: none;
color-scheme: dark;
}
.dbo-date-input:focus {
border-color: rgba(37,99,235,.6);
background: rgba(37,99,235,.1);
} .dbo-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-bottom: 24px;
}
.dbo-stat {
background: linear-gradient(180deg, #0b1622, #07121a);
border-radius: 12px;
padding: 18px 20px;
border: 1px solid rgba(255,255,255,.06);
}
.dbo-stat-label {
font-size: 12px;
font-weight: 700;
letter-spacing: .07em;
text-transform: uppercase;
color: #9fb6ff;
margin-bottom: 8px;
}
.dbo-stat-value {
font-size: 24px;
font-weight: 800;
color: #ffffff;
line-height: 1.1;
font-variant-numeric: tabular-nums;
}
.dbo-stat-revenue  { color: #3ea6ff; }
.dbo-stat-tickets  { color: #6effb8; } .dbo-content {
position: relative;
min-height: 120px;
transition: opacity .25s;
}
.dbo-content.dbo-loading {
opacity: .4;
pointer-events: none;
}
.dbo-content.dbo-loading::after {
content: '';
position: absolute;
inset: 0;
background: rgba(7,18,26,.5);
border-radius: 14px;
z-index: 5;
} .dbo-empty {
text-align: center;
padding: 64px 24px;
background: linear-gradient(180deg, #0b1622, #07121a);
border-radius: 14px;
border: 1px solid rgba(255,255,255,.05);
}
.dbo-empty-icon {
font-size: 48px;
margin-bottom: 16px;
}
.dbo-empty-title {
font-size: 20px;
font-weight: 700;
color: #e6eef8;
margin: 0 0 10px;
}
.dbo-empty-msg {
font-size: 15px;
color: #9fb6ff;
margin: 0;
max-width: 380px;
margin-inline: auto;
line-height: 1.6;
}  .dbo-table td:nth-child(3),
.dbo-table td:nth-child(4) {
color: inherit;
font-weight: inherit;
}
.dbo-table .dbo-rank-cell {
font-weight: 800;
color: #3ea6ff;
width: 38px;
}
.dbo-table .dbo-title-cell a {
color: #ffffff;
font-weight: 600;
text-decoration: none;
}
.dbo-table .dbo-title-cell a:hover { color: #3ea6ff; }
.dbo-table .dbo-revenue-cell {
color: #3ea6ff;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
.dbo-table .dbo-adm-cell {
color: #6effb8;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
.dbo-table .dbo-total-cell {
color: #c4a4ff;
font-weight: 600;
font-variant-numeric: tabular-nums;
}
.dbo-table .dbo-release-cell { color: #9fb6ff; } .analytics-table .trend.up   { color: #3ee37f; font-weight: 700; }
.analytics-table .trend.same { color: #9fb6ff; } .dbo-status-pill {
display: inline-block;
padding: 3px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 700;
letter-spacing: .03em;
} .dbo-status-pill.status-now   { background: rgba(34,197,94,.78);  color: #fff; }
.dbo-status-pill.status-soon  { background: rgba(59,130,246,.78); color: #fff; }
.dbo-status-pill.status-ended { background: rgba(239,68,68,.78);  color: #fff; } .dbo-cards { display: none; } @media (max-width: 900px) {
.dbo-stats {
grid-template-columns: repeat(3, 1fr);
gap: 8px;
}
.dbo-stat { padding: 14px 12px; }
.dbo-stat-value { font-size: 18px; }
.dbo-stat-label { font-size: 10px; }
}
@media (max-width: 768px) { .dbo-date-nav { gap: 8px; padding: 12px; }
.dbo-nav-btn  { padding: 7px 12px; font-size: 13px; }
.dbo-picker-wrap { max-width: 100%; } .dbo-stats { grid-template-columns: repeat(3, 1fr); gap: 6px; }
.dbo-stat  { padding: 12px 10px; border-radius: 10px; }
.dbo-stat-value { font-size: 15px; }
.dbo-stat-label { font-size: 9px; letter-spacing: .04em; } .dbo-table { display: none !important; } .dbo-cards {
display: flex;
flex-direction: column;
gap: 14px;
padding: 14px;
}
.dbo-card {
display: flex;
align-items: flex-start;
gap: 14px;
background: linear-gradient(180deg, #0b1622, #07121a);
border-radius: 16px;
padding: 14px;
text-decoration: none;
color: inherit;
box-shadow: 0 8px 28px rgba(0,0,0,.45);
transition: transform .2s ease, box-shadow .2s ease;
}
.dbo-card:hover {
transform: translateY(-2px);
box-shadow: 0 16px 40px rgba(0,0,0,.6);
} .dbo-card-left {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
flex-shrink: 0;
}
.dbo-card-rank {
font-size: 13px;
font-weight: 800;
color: #3ea6ff;
text-align: center;
line-height: 1;
}
.dbo-card-poster {
width: 68px;
height: 98px;
object-fit: cover;
border-radius: 8px;
background: #041020;
display: block;
} .dbo-card-body {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 6px;
}
.dbo-card-title {
margin: 0;
font-size: 15px;
font-weight: 700;
color: #ffffff;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dbo-card-metrics {
display: flex;
flex-direction: column;
gap: 5px;
}
.dbo-metric {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
}
.dbo-mlabel {
font-size: 10px;
font-weight: 600;
color: rgba(159,182,255,.7);
text-transform: uppercase;
letter-spacing: .05em;
white-space: nowrap;
}
.dbo-mvalue {
font-size: 13px;
font-weight: 700;
color: #e6eef8;
text-align: right;
font-variant-numeric: tabular-nums;
} .dbo-col-revenue { color: #3ea6ff; }
.dbo-col-tickets { color: #6effb8; }
.dbo-col-cinemas { color: #ff9f43; }
.dbo-col-total   { color: #c4a4ff; }
.dbo-mvalue.trend.up   { color: #3ee37f; }
.dbo-mvalue.trend.down { color: #ff5c5c; }
.dbo-mvalue.trend.same { color: #9fb6ff; }
}
@media (max-width: 480px) {
.dbo-page-title { font-size: 22px; }
.dbo-stats { grid-template-columns: 1fr 1fr; }
.dbo-stats .dbo-stat:last-child {
grid-column: 1 / -1;
}
.dbo-date-nav { flex-direction: column; align-items: stretch; }
.dbo-nav-btn  { text-align: center; justify-content: center; }
.dbo-picker-wrap { max-width: 100%; }
}  .dbo-section {
margin-bottom: 40px;
} .dbo-section-header {
display: flex;
align-items: center;
gap: 12px;
padding: 0 0 14px;
margin-bottom: 14px;
border-bottom: 2px solid rgba(255,255,255,.07);
} .dbo-section--arabic  .dbo-section-header { border-bottom-color: rgba(245,197,24,.35); }
.dbo-section--foreign .dbo-section-header { border-bottom-color: rgba(62,166,255,.35); }
.dbo-section-flag {
font-size: 28px;
line-height: 1;
flex-shrink: 0;
}
.dbo-section-title {
font-size: 20px;
font-weight: 800;
color: #ffffff;
margin: 0;
line-height: 1.2;
flex: 1;
} .dbo-section-gross {
font-size: 15px;
font-weight: 700;
color: #9fb6ff;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.dbo-section--arabic  .dbo-section-gross { color: #f5c518; }
.dbo-section--foreign .dbo-section-gross { color: #3ea6ff; } .dbo-section-substats {
display: flex;
gap: 10px;
margin-bottom: 16px;
flex-wrap: wrap;
}
.dbo-sstat {
display: flex;
flex-direction: column;
gap: 4px;
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.06);
border-radius: 10px;
padding: 10px 16px;
min-width: 110px;
} .dbo-section--arabic  .dbo-sstat { border-left: 3px solid rgba(245,197,24,.5); }
.dbo-section--foreign .dbo-sstat { border-left: 3px solid rgba(62,166,255,.5); }
.dbo-sstat-label {
font-size: 10px;
font-weight: 700;
letter-spacing: .07em;
text-transform: uppercase;
color: rgba(159,182,255,.7);
}
.dbo-sstat-value {
font-size: 15px;
font-weight: 800;
color: #e6eef8;
font-variant-numeric: tabular-nums;
} .dbo-sstat-value.dbo-col-revenue { color: #f5c518; }
.dbo-section--foreign .dbo-sstat-value.dbo-col-revenue { color: #3ea6ff; }
.dbo-sstat-value.dbo-col-tickets { color: #6effb8; } @media (max-width: 768px) {
.dbo-section { margin-bottom: 32px; }
.dbo-section-header { gap: 8px; padding-bottom: 12px; }
.dbo-section-flag  { font-size: 22px; }
.dbo-section-title { font-size: 17px; }
.dbo-section-gross { font-size: 13px; }
.dbo-section-substats { gap: 8px; }
.dbo-sstat {
padding: 8px 12px;
min-width: 0;
flex: 1;
}
.dbo-sstat-label { font-size: 9px; }
.dbo-sstat-value { font-size: 13px; }
}
@media (max-width: 480px) {
.dbo-section-header { flex-wrap: wrap; }
.dbo-section-gross  { flex-basis: 100%; font-size: 12px; padding-left: 36px; }
.dbo-section-substats { flex-direction: row; }
.dbo-sstat { flex: 1; min-width: 0; }
}