a,
      a:visited {
         color: lightgrey;
         background-color: transparent;
      }

      .countdown {
         position: absolute;
         /*or fixed*/
         right: 550px;
         top: 22px;
         z-index: 9999;
      }

      table.dataTable th.dt-left,
      table.dataTable td.dt-left {
         text-align: left;
      }

      table.dataTable th.dt-center,
      table.dataTable td.dt-center,
      table.dataTable td.dataTables_empty {
         text-align: center;
      }

      table.dataTable th.dt-right,
      table.dataTable td.dt-right {
         text-align: right;
      }

      table.dataTable th.dt-justify,
      table.dataTable td.dt-justify {
         text-align: justify;
      }

      table.dataTable th.dt-nowrap,
      table.dataTable td.dt-nowrap {
         white-space: nowrap;
      }

      table.dataTable thead th.dt-head-left,
      table.dataTable thead td.dt-head-left,
      table.dataTable tfoot th.dt-head-left,
      table.dataTable tfoot td.dt-head-left {
         text-align: left;
      }

      table.dataTable thead th.dt-head-center,
      table.dataTable thead td.dt-head-center,
      table.dataTable tfoot th.dt-head-center,
      table.dataTable tfoot td.dt-head-center {
         text-align: center;
      }

      table.dataTable thead th.dt-head-right,
      table.dataTable thead td.dt-head-right,
      table.dataTable tfoot th.dt-head-right,
      table.dataTable tfoot td.dt-head-right {
         text-align: right;
      }

      table.dataTable thead th.dt-head-justify,
      table.dataTable thead td.dt-head-justify,
      table.dataTable tfoot th.dt-head-justify,
      table.dataTable tfoot td.dt-head-justify {
         text-align: justify;
      }

      table.dataTable thead th.dt-head-nowrap,
      table.dataTable thead td.dt-head-nowrap,
      table.dataTable tfoot th.dt-head-nowrap,
      table.dataTable tfoot td.dt-head-nowrap {
         white-space: nowrap;
      }

      table.dataTable tbody th.dt-body-left,
      table.dataTable tbody td.dt-body-left {
         text-align: left;
      }

      table.dataTable tbody th.dt-body-center,
      table.dataTable tbody td.dt-body-center {
         text-align: center;
      }

      table.dataTable tbody th.dt-body-right,
      table.dataTable tbody td.dt-body-right {
         text-align: right;
      }

      table.dataTable tbody th.dt-body-justify,
      table.dataTable tbody td.dt-body-justify {
         text-align: justify;
      }

      table.dataTable tbody th.dt-body-nowrap,
      table.dataTable tbody td.dt-body-nowrap {
         white-space: nowrap;
      }

      table.dataTable td.dt-control {
         text-align: center;
         cursor: pointer;
      }

      table.dataTable td.dt-control:before {
         height: 1em;
         width: 1em;
         margin-top: -9px;
         display: inline-block;
         color: white;
         border: 1em solid white;
         border-radius: 1em;
         box-shadow: 0 0 0.2em #444;
         box-sizing: content-box;
         text-align: left;
         text-indent: 0 !important;
         /*font-family: "Calibri", Courier, monospace;*/
         line-height: 1em;
         content: "+";
         background-color: #31b131;
      }

      table.dataTable tr.dt-hasChild td.dt-control:before {
         content: "-";
         background-color: #d33333;
      }

      /*
		* Table styles
		*/
      table.dataTable {
         width: 95%;
         margin: 0 auto;
         clear: both;
         border-collapse: separate;
         border-spacing: 0;
         color: lightgrey;

         /*
		  * Header and footer styles
		  */
         /*
		  * Body styles
		  */
      }

      table.dataTable thead th,
      table.dataTable tfoot th {
         font-weight: bold;
         color: white;
      }

      table.dataTable thead th,
      table.dataTable thead td {
         padding: 10px 18px;
         border-bottom: 1px solid #111111;
         color: white;
      }

      table.dataTable thead th:active,
      table.dataTable thead td:active {
         outline: none;
      }

      table.dataTable tfoot th,
      table.dataTable tfoot td {
         padding: 10px 18px 6px 18px;
         border-top: 1px solid #111111;
      }

      table.dataTable thead .sorting,
      table.dataTable thead .sorting_asc,
      table.dataTable thead .sorting_desc,
      table.dataTable thead .sorting_asc_disabled,
      table.dataTable thead .sorting_desc_disabled {
         cursor: pointer;
         *cursor: hand;
         background-repeat: no-repeat;
         background-position: center right;
      }

      table.dataTable tbody tr {
         background-color: #1f1f1f;
      }

      table.dataTable tbody tr.selected {
         background-color: #949494;
      }

      table.dataTable tbody th,
      table.dataTable tbody td {
         padding: 8px 10px;
      }

      table.dataTable.row-border tbody th,
      table.dataTable.row-border tbody td,
      table.dataTable.display tbody th,
      table.dataTable.display tbody td {
         border-top: 1px solid #dddddd;
      }

      table.dataTable.row-border tbody tr:first-child th,
      table.dataTable.row-border tbody tr:first-child td,
      table.dataTable.display tbody tr:first-child th,
      table.dataTable.display tbody tr:first-child td {
         border-top: none;
      }

      table.dataTable.cell-border tbody th,
      table.dataTable.cell-border tbody td {
         border-top: 1px solid #dddddd;
         border-right: 1px solid #dddddd;
      }

      table.dataTable.cell-border tbody tr th:first-child,
      table.dataTable.cell-border tbody tr td:first-child {
         border-left: 1px solid #dddddd;
      }

      table.dataTable.cell-border tbody tr:first-child th,
      table.dataTable.cell-border tbody tr:first-child td {
         border-top: none;
      }

      table.dataTable.stripe tbody tr.odd,
      table.dataTable.display tbody tr.odd {
         background-color: #1e1e1e;
      }

      table.dataTable.stripe tbody tr.odd.selected,
      table.dataTable.display tbody tr.odd.selected {
         background-color: #919191;
      }

      table.dataTable.hover tbody tr:hover,
      table.dataTable.display tbody tr:hover {
         background-color: #1e1e1e;
      }

      table.dataTable.hover tbody tr:hover.selected,
      table.dataTable.display tbody tr:hover.selected {
         background-color: #8f8f8f;
      }

      table.dataTable.order-column tbody tr>.sorting_1,
      table.dataTable.order-column tbody tr>.sorting_2,
      table.dataTable.order-column tbody tr>.sorting_3,
      table.dataTable.display tbody tr>.sorting_1,
      table.dataTable.display tbody tr>.sorting_2,
      table.dataTable.display tbody tr>.sorting_3 {
         background-color: #1e1e1e;
      }

      table.dataTable.order-column tbody tr.selected>.sorting_1,
      table.dataTable.order-column tbody tr.selected>.sorting_2,
      table.dataTable.order-column tbody tr.selected>.sorting_3,
      table.dataTable.display tbody tr.selected>.sorting_1,
      table.dataTable.display tbody tr.selected>.sorting_2,
      table.dataTable.display tbody tr.selected>.sorting_3 {
         background-color: #919191;
      }

      table.dataTable.display tbody tr.odd>.sorting_1,
      table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
         background-color: #1d1d1d;
      }

      table.dataTable.display tbody tr.odd>.sorting_2,
      table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
         background-color: #1e1e1e;
      }

      table.dataTable.display tbody tr.odd>.sorting_3,
      table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
         background-color: #1e1e1e;
      }

      table.dataTable.display tbody tr.odd.selected>.sorting_1,
      table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
         background-color: #8c8c8c;
      }

      table.dataTable.display tbody tr.odd.selected>.sorting_2,
      table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
         background-color: #8d8d8d;
      }

      table.dataTable.display tbody tr.odd.selected>.sorting_3,
      table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
         background-color: #8e8e8e;
      }

      table.dataTable.display tbody tr.even>.sorting_1,
      table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
         background-color: #1e1e1e;
      }

      table.dataTable.display tbody tr.even>.sorting_2,
      table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
         background-color: #1f1f1f;
      }

      table.dataTable.display tbody tr.even>.sorting_3,
      table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
         background-color: #1f1f1f;
      }

      table.dataTable.display tbody tr.even.selected>.sorting_1,
      table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
         background-color: #919191;
      }

      table.dataTable.display tbody tr.even.selected>.sorting_2,
      table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
         background-color: #929292;
      }

      table.dataTable.display tbody tr.even.selected>.sorting_3,
      table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
         background-color: #939393;
      }

      table.dataTable.display tbody tr:hover>.sorting_1,
      table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
         background-color: #1c1c1c;
      }

      table.dataTable.display tbody tr:hover>.sorting_2,
      table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
         background-color: #1d1d1d;
      }

      table.dataTable.display tbody tr:hover>.sorting_3,
      table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
         background-color: #1d1d1d;
      }

      table.dataTable.display tbody tr:hover.selected>.sorting_1,
      table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
         background-color: #888888;
      }

      table.dataTable.display tbody tr:hover.selected>.sorting_2,
      table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
         background-color: #898989;
      }

      table.dataTable.display tbody tr:hover.selected>.sorting_3,
      table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
         background-color: #8b8b8b;
      }

      table.dataTable.no-footer {
         border-bottom: 1px solid #111111;
      }

      table.dataTable.nowrap th,
      table.dataTable.nowrap td {
         white-space: nowrap;
      }

      table.dataTable.compact thead th,
      table.dataTable.compact thead td {
         padding: 4px 17px;
      }

      table.dataTable.compact tfoot th,
      table.dataTable.compact tfoot td {
         padding: 4px;
      }

      table.dataTable.compact tbody th,
      table.dataTable.compact tbody td {
         padding: 4px;
      }

      table.dataTable th,
      table.dataTable td {
         box-sizing: content-box;
      }

      /*
		* Control feature layout
		*/
      .dataTables_wrapper {
         position: relative;
         clear: left;
      }

      .dataTables_wrapper .dataTables_length {
         float: left;
      }

      .dataTables_wrapper .dataTables_length select {
         border: 1px solid #aaa;
         border-radius: 3px;
         padding: 5px;
         background-color: transparent;
         padding: 4px;
      }

      .dataTables_wrapper .dataTables_filter {
         float: right;
         text-align: right;
      }

      .dataTables_wrapper .dataTables_filter input {
         border: 1px solid #aaa;
         border-radius: 3px;
         padding: 5px;
         background-color: transparent;
         margin-left: 3px;
         color: #cccccc;
      }

      .dataTables_wrapper .dataTables_info {
         clear: both;
         float: left;
         padding-top: 0.755em;
         padding-left: 1em;
      }

      .dataTables_wrapper .dataTables_paginate {
         float: right;
         text-align: right;
         padding-top: 0.25em;
      }

      .dataTables_wrapper .dataTables_paginate .paginate_button {
         box-sizing: border-box;
         display: inline-block;
         min-width: 1.5em;
         padding: 0.5em 1em;
         margin-left: 2px;
         text-align: center;
         text-decoration: none !important;
         cursor: pointer;
         *cursor: hand;
         color: #e8e8e8 !important;
         border: 1px solid transparent;
         border-radius: 2px;
      }

      .dataTables_wrapper .dataTables_paginate .paginate_button.current,
      .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
         color: #e8e8e8 !important;
         border: 1px solid #a6a6a6;
         background-color: white;
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ebebeb));
         /* Chrome,Safari4+ */
         background: -webkit-linear-gradient(top, white 0%, #ebebeb 100%);
         /* Chrome10+,Safari5.1+ */
         background: -moz-linear-gradient(top, white 0%, #ebebeb 100%);
         /* FF3.6+ */
         background: -ms-linear-gradient(top, white 0%, #ebebeb 100%);
         /* IE10+ */
         background: -o-linear-gradient(top, white 0%, #ebebeb 100%);
         /* Opera 11.10+ */
         background: linear-gradient(to bottom, white 0%, #ebebeb 100%);
         /* W3C */
      }

      .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
      .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
      .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
         cursor: default;
         color: #666 !important;
         border: 1px solid transparent;
         background: transparent;
         box-shadow: none;
      }

      .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
         color: white !important;
         border: 1px solid #cccccc;
         background-color: white;
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #cccccc));
         /* Chrome,Safari4+ */
         background: -webkit-linear-gradient(top, white 0%, #cccccc 100%);
         /* Chrome10+,Safari5.1+ */
         background: -moz-linear-gradient(top, white 0%, #cccccc 100%);
         /* FF3.6+ */
         background: -ms-linear-gradient(top, white 0%, #cccccc 100%);
         /* IE10+ */
         background: -o-linear-gradient(top, white 0%, #cccccc 100%);
         /* Opera 11.10+ */
         background: linear-gradient(to bottom, white 0%, #cccccc 100%);
         /* W3C */
      }

      .dataTables_wrapper .dataTables_paginate .paginate_button:active {
         outline: none;
         background-color: #e6e6e6;
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #c7c7c7));
         /* Chrome,Safari4+ */
         background: -webkit-linear-gradient(top, #e6e6e6 0%, #c7c7c7 100%);
         /* Chrome10+,Safari5.1+ */
         background: -moz-linear-gradient(top, #e6e6e6 0%, #c7c7c7 100%);
         /* FF3.6+ */
         background: -ms-linear-gradient(top, #e6e6e6 0%, #c7c7c7 100%);
         /* IE10+ */
         background: -o-linear-gradient(top, #e6e6e6 0%, #c7c7c7 100%);
         /* Opera 11.10+ */
         background: linear-gradient(to bottom, #e6e6e6 0%, #c7c7c7 100%);
         /* W3C */
         box-shadow: inset 0 0 3px #111;
      }

      .dataTables_wrapper .dataTables_paginate .ellipsis {
         padding: 0 1em;
      }

      .dataTables_wrapper .dataTables_processing {
         position: absolute;
         top: 50%;
         left: 50%;
         width: 100%;
         height: 40px;
         margin-left: -50%;
         margin-top: -25px;
         padding-top: 20px;
         text-align: center;
         font-size: 1.2em;
         background-color: white;
         background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(31, 31, 31, 0)), color-stop(25%, rgba(31, 31, 31, 0.9)), color-stop(75%, rgba(31, 31, 31, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
         background: -webkit-linear-gradient(left, rgba(31, 31, 31, 0) 0%, rgba(31, 31, 31, 0.9) 25%, rgba(31, 31, 31, 0.9) 75%, rgba(31, 31, 31, 0) 100%);
         background: -moz-linear-gradient(left, rgba(31, 31, 31, 0) 0%, rgba(31, 31, 31, 0.9) 25%, rgba(31, 31, 31, 0.9) 75%, rgba(31, 31, 31, 0) 100%);
         background: -ms-linear-gradient(left, rgba(31, 31, 31, 0) 0%, rgba(31, 31, 31, 0.9) 25%, rgba(31, 31, 31, 0.9) 75%, rgba(31, 31, 31, 0) 100%);
         background: -o-linear-gradient(left, rgba(31, 31, 31, 0) 0%, rgba(31, 31, 31, 0.9) 25%, rgba(31, 31, 31, 0.9) 75%, rgba(31, 31, 31, 0) 100%);
         background: linear-gradient(to right, rgba(31, 31, 31, 0) 0%, rgba(31, 31, 31, 0.9) 25%, rgba(31, 31, 31, 0.9) 75%, rgba(31, 31, 31, 0) 100%);
      }

      .dataTables_wrapper .dataTables_length,
      .dataTables_wrapper .dataTables_filter,
      .dataTables_wrapper .dataTables_info,
      .dataTables_wrapper .dataTables_processing,
      .dataTables_wrapper .dataTables_paginate {
         color: #e8e8e8;
      }

      .dataTables_wrapper .dataTables_scroll {
         clear: both;
      }

      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
         *margin-top: -1px;
         -webkit-overflow-scrolling: touch;
      }

      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
         vertical-align: middle;
      }

      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,
      .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing {
         height: 0;
         overflow: hidden;
         margin: 0 !important;
         padding: 0 !important;
      }

      .dataTables_wrapper.no-footer .dataTables_scrollBody {
         border-bottom: 1px solid #111111;
      }

      .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
      .dataTables_wrapper.no-footer div.dataTables_scrollBody>table {
         border-bottom: none;
      }

      .dataTables_wrapper:after {
         visibility: hidden;
         display: block;
         content: "";
         clear: both;
         height: 0;
      }

      @media screen and (max-width: 767px) {

         .dataTables_wrapper .dataTables_info,
         .dataTables_wrapper .dataTables_paginate {
            float: none;
            text-align: center;
         }

         .dataTables_wrapper .dataTables_paginate {
            margin-top: 0.5em;
         }
      }

      @media screen and (max-width: 640px) {

         .dataTables_wrapper .dataTables_length,
         .dataTables_wrapper .dataTables_filter {
            float: none;
            text-align: center;
         }

         .dataTables_wrapper .dataTables_filter {
            margin-top: 0.5em;
         }
      }


      /* Stile per la scrollbar personalizzata */
      .col1::-webkit-scrollbar {
         width: 6px;
      }

      .col1::-webkit-scrollbar-track {
         background: #000000;
         border-radius: 3px;
      }

      .col1::-webkit-scrollbar-thumb {
         background: #c1c1c1;
         border-radius: 3px;
      }

      .col1::-webkit-scrollbar-thumb:hover {
         background: #a1a1a1;
      }

      .timeline-container {
         overflow-y: auto;
         padding: 20px;
         border-radius: 5px;
      }

      /* Stile per la scrollbar personalizzata */
      .timeline-container::-webkit-scrollbar {
         width: 6px;
      }

      .timeline-container::-webkit-scrollbar-track {
         background: #000000;
         border-radius: 4px;
      }

      .timeline-container::-webkit-scrollbar-thumb {
         background: #8e8e8e;
         border-radius: 4px;
      }

      .timeline-container::-webkit-scrollbar-thumb:hover {
         background: #8e8e8e;
      }

      h1 {
         text-align: center;
         color: #f1f5f9;
         margin-bottom: 50px;
         font-size: 2.5rem;
         text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
      }

      .timeline {
         position: relative;
         padding: 0;
      }

      /* Linea centrale verticale */
      .timeline::before {
         content: '';
         position: absolute;
         left: 15px;
         top: 0;
         bottom: 0;
         width: 2px;
         background: linear-gradient(180deg, #bababa 0%, #818181 100%);
         border-radius: 2px;
         box-shadow: 0 0 10px rgba(74, 222, 128, 0.3);
      }

      .timeline-item {
         position: relative;
         margin-bottom: 5px;
         width: 100%;
      }

      .timeline-item:last-child {
         margin-bottom: 0;
      }

      /* Tutti gli elementi a destra della linea */
      .timeline-item .timeline-content {
         margin-left: 40px;
         margin-right: 0;
         text-align: left;
      }

      .timeline-content {
         background: #2f3133;
         padding: 25px;
         border-radius: 15px;
         box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
         border: 1px solid #4a5568;
         position: relative;
         transition: transform 0.3s ease, box-shadow 0.3s ease;
      }

      .timeline-content:hover {
         transform: translateY(-5px);
         box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4);
         border-color: #dadada;
      }

      /* Cerchietti sulla linea a sinistra */
      .timeline-item::before {
         content: '';
         position: absolute;
         left: 15px;
         top: 30px;
         transform: translateX(-50%);
         width: 15px;
         height: 15px;
         background: linear-gradient(135deg, #dadada 0%, #dadada 100%);
         border: 4px solid #1a1a1a;
         border-radius: 50%;
         z-index: 2;
         box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.2);
         transition: transform 0.3s ease;
      }

      .timeline-item:hover::before {
         transform: translateX(-50%) scale(1.2);
      }

      .timeline-date {
         font-size: 1rem;
         font-weight: bold;
         color: #dadada;
         margin-bottom: 0px;
         display: block;
      }

      .timeline-title {
         font-size: 1.4rem;
         font-weight: bold;
         color: #f1f5f9;
         margin-bottom: 15px;
         line-height: 1.3;
      }

      .timeline-description {
         color: #cbd5e0;
         line-height: 1.6;
         font-size: 0.8rem;
      }

      .timeline-description p {
         margin: 0 0 15px 0;
      }

      .timeline-description p:last-child {
         margin-bottom: 0;
      }

      /* Tag/Badge opzionali */
      .timeline-tag {
         display: inline-block;
         background: linear-gradient(135deg, #4ade80 0%, #22c55e 100%);
         color: #1a1a1a;
         padding: 4px 12px;
         border-radius: 20px;
         font-size: 0.8rem;
         font-weight: 600;
         margin: 10px 5px 0 0;
         text-transform: uppercase;
         letter-spacing: 0.5px;
      }

      .dot {
         width: 12px;
         height: 12px;
         display: inline-block;
         border-radius: 50%;
         color: #3bd671;
         background: #3bd671;
         position: relative;
         transform: none
      }

      .dot:after {
         content: "";
         width: 100%;
         height: 100%;
         position: absolute;
         background: currentColor;
         animation: pulse 2s infinite;
         opacity: 1;
         border-radius: 50%;
         top: 0;
         left: 0
      }

      .dot.is-error {
         color: #df484a;
         background: #df484a
      }

      .dot.is-warning {
         color: #f29030;
         background: #f29030
      }

      .dot.is-grey {
         color: #637189;
         background: #637189
      }

      .dot.is-grey:after {
         display: none
      }

      @keyframes pulse {
         0% {
            opacity: .5
         }

         70% {
            opacity: 0;
            transform: scale(2.5)
         }

         100% {
            opacity: 0
         }
      }

      :root {
         --primary-bg: #000000;
         --secondary-bg: #1d1d1d;
         --text-color: #e0e0e0;
         --accent-color: #007bff;
         --success-color: #28a745;
         --warning-color: #ffc107;
         --error-color: #dc3545;
         --border-radius: 8px;
      }

      * {
         box-sizing: border-box;
      }

      body {
         background-color: var(--primary-bg);
         color: var(--text-color);
         font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
         margin: 0;
         padding: 0;
         overflow-x: hidden;
         line-height: 1.6;
      }

      .container-fluid {
         padding: 15px;
         max-width: 100%;
      }

      .header-section {
         text-align: left;
         margin-bottom: -10px;
         padding: 0px;
      }

      .header-section h1 {
         font-size: 1.8rem;
         margin: 0;
         color: var(--accent-color);
      }

      .status-badges {
         position: sticky;
         top: 0;
         z-index: 1000;
         background: var(--primary-bg);
         padding: 10px;
         border-bottom: 2px solid var(--secondary-bg);
         margin-bottom: 15px;
      }

      .badge-container {
         display: flex;
         justify-content: center;
         flex-wrap: wrap;
         gap: 10px;
         align-items: center;
      }

      .status-badge {
         background: var(--secondary-bg);
         padding: 8px 12px;
         border-radius: 20px;
         border: 1px solid #444;
         display: flex;
         align-items: center;
         gap: 5px;
         font-size: 0.85rem;
         white-space: nowrap;
      }

      .main-content {
         display: grid;
         gap: 20px;
         grid-template-columns: 1fr;
      }

      .data-section {
         background: var(--secondary-bg);
         border-radius: var(--border-radius);
         padding: 5px;
         overflow-x: hidden;
         overflow-y: hidden;
         height: 900px;
      }

      .map-section {
         background: var(--primary-bg);
         border-radius: var(--border-radius);
         padding: 15px;
         height: 0%;
      }

      #map {
         width: 100%;
         height: 400px;
         border-radius: var(--border-radius);
         border: 1px solid #444;
      }

      .timeline-container {
         background: var(--secondary-bg);
         border-radius: var(--border-radius);
         padding: 5px;
         margin-top: 5px;
         max-height: 350px;
         overflow-y: auto;
      }

      .timeline-item {
         padding: 15px 0;
         border-bottom: 1px solid #444;
      }

      .timeline-item:last-child {
         border-bottom: none;
      }

      .timeline-date {
         color: var(--accent-color);
         font-weight: bold;
         font-size: 0.9rem;
      }

      .timeline-description {
         margin-top: 5px;
         font-size: 0.85rem;
         line-height: 1.4;
      }

      .footer-section {
         text-align: center;
         margin-top: 20px;
         padding: 15px;
         background: var(--primary-bg);
         border-radius: var(--border-radius);
         font-size: 0.85rem;
      }

      .footer-section a {
         color: var(--accent-color);
         text-decoration: none;
      }

      .footer-section a:hover {
         text-decoration: underline;
      }

      /* Mobile optimizations */
      @media (max-width: 768px) {
         .container-fluid {
            padding: 10px;
         }

         .header-section h1 {
            font-size: 1.4rem;
         }

         .status-badge {
            font-size: 0.75rem;
            padding: 6px 8px;
         }

         #map {
            height: 300px;
         }

         .timeline-container {
            max-height: 200px;
         }

         .timeline-description {
            font-size: 0.75rem;
         }

         table.dataTable thead th,
         table.dataTable tbody td {
            padding: 8px 4px;
            font-size: 0.8rem;
         }

         .dataTables_filter input {
            width: 100%;
            margin-bottom: 10px;
         }
      }

      /* Tablet and larger screens */
      @media (min-width: 769px) {
         .main-content {
            grid-template-columns: 1fr 1fr;
         }

         .map-section {
            grid-column: 2;
            grid-row: 1 / span 2;
         }

         #map {
            height: 550px;
         }
      }

      /* Desktop optimizations */
      @media (min-width: 1200px) {
         .container-fluid {
            max-width: 1400px;
            margin: 0 auto;
         }

         .main-content {
            grid-template-columns: 1fr 1.2fr;
            max-height: 900px;
         }
      }

      /* Hide table columns on mobile */
      @media (max-width: 576px) {
         .mobile-hide {
            display: none;
         }
      }

      /* Scrollable table for small screens */
      .table-responsive {
         border-radius: var(--border-radius);
         border: 1px solid #444;
      }