.main-container {
     max-width: 1600px;
     margin: 0 auto;
     padding: 0 20px;
 }

 .header-section {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
 }

 .app-title {
     font-size: 32px;
     font-weight: 300;
     margin-bottom: 30px;
     display: flex;
     align-items: center;
     gap: 15px;
     color: #ffffff;
     
 }

 .brain-icon {
     width: 40px;
     height: 40px;
     background: #e50914;
     border-radius: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 20px;
 }

 .refresh-btn {
     background:#e50914;
     border: none;
     color: white;
     padding: 12px 24px;
     border-radius: 8px;
     font-weight: 500;
     font-size: 16px;
 }

 .refresh-btn .spinner {
    background: none;
    background-size: auto;
    border: 4px solid white;
    border-right-color: transparent;
    border-radius: 50%;
    margin: 0 10px 0;
    animation: 0.75s linear infinite spinner-border;
 }

 .refresh-btn:not(:disabled) .spinner {
    display: none;
 }

 @keyframes spinner-border {
  to { transform: rotate(360deg)}
}

 .content-grid {
     display: grid;
     grid-template-columns: 0.5fr 1fr;
     gap: 40px;
     margin-top: 40px;
 }

 .card-section {
     background: var(--ls-card-bg-color);
     backdrop-filter: blur(10px);
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 16px;
     padding: 30px;
     height: max-content;
 }

 .section-title {
     font-size: 24px;
     font-weight: 600;
     margin-bottom: 30px;
     color: #ffffff;
 }

 .status-item {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 24px;
     padding-bottom: 20px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 .status-item:last-child {
     margin-bottom: 0;
     padding-bottom: 0;
     border-bottom: none;
 }

 .status-label {
     display: flex;
     align-items: center;
     gap: 12px;
     font-size: 16px;
     color: #e0e0e0;
 }

 .status-icon {
     width: 20px;
     height: 20px;
     color: #dc3545;
 }

 .status-value {
     font-size: 16px;
     font-weight: 500;
     color: #ffffff;
 }

 .masked-value {
     letter-spacing: 3px;
     font-family: monospace;
 }

 .activity-table {
     width: 100%;
 }

 .table-header {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr;
     gap: 20px;
     padding-bottom: 16px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
     margin-bottom: 20px;
 }

 .table-header-cell {
     font-size: 16px;
     font-weight: 600;
     color: #b0b0b0;
 }

 .table-row {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr;
     gap: 20px;
     padding: 16px 0;
     border-bottom: 1px solid rgba(255, 255, 255, 0.05);
     align-items: center;
 }

 .table-row:last-child {
     border-bottom: none;
 }

 .table-cell {
     font-size: 14px;
     color: #e0e0e0;
 }

 .table-cell.date {
     font-size: 14px;
     line-height: 1.4;
 }

 .status-badge {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     font-size: 14px;
     font-weight: 500;
 }

 .success-badge {
     color: #28a745;
 }

 .check-icon {
     width: 16px;
     height: 16px;
     background: #28a745;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 10px;
     color: white;
 }

 @media (max-width: 768px) {
     .content-grid {
         grid-template-columns: 1fr;
         gap: 30px;
     }

     .app-title {
         font-size: 28px;
     }

     .card-section {
         padding: 20px;
     }

     .table-header,
     .table-row {
         grid-template-columns: 1fr;
         gap: 10px;
     }

     .table-header-cell {
         font-weight: 600;
         margin-top: 15px;
     }

     .table-header-cell:first-child {
         margin-top: 0;
     }
 }