body { 
	background-color: #1a1a1a; 
	color: #ffffff; font-family: 
	sans-serif; padding: 40px;
}
.avatar01 {
	border-radius: 50%;
}
/* Карточки данных */
.info-card-left {
    display: flex;             /* Включаем flex */
    justify-content: space-between; /* РАЗНОСИТ элементы по краям */
    align-items: center;       /* Выравнивает всё по вертикали */
    background: rgba(36, 36, 36, 0.75);
    border: 1px solid #444;
    border-radius: 8px;
    padding: 20px;
    backdrop-filter: blur(5px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.5);
    margin-bottom: 30px;
    gap: 20px;
}

.left-group {
    display: flex;
    align-items: center;       /* Лого и текст в строке */
    gap: 15px;
}

/* Это необязательно, но полезно, если часы нужно чуть опустить/поднять */
.right-group {
    display: flex;
    align-items: flex-start;   /* Часы будут сверху в правой части */
	background: rgba(36, 36, 36, 0.75);
	border: 1px solid #444;
	border-radius: 8px;
    padding: 20px;
	backdrop-filter: blur(5px);
	box-shadow: 0 4px 15px rgba(0,0,0,0.5);
	
	gap: 20px;
	margin-bottom: 30px; 
}
    
.clock-text {font-family: monospace; font-size: 32px; font-weight: bold; color: #00ff66; text-shadow: 0 0 10px rgba(255,255,102,10.3);}

table { 
	width: 100%;
	background: rgba(36, 36, 36, 0.75);
	border: 1px solid #444; 
	border-radius: 8px;
    padding: 20px; backdrop-filter: blur(5px); 
	box-shadow: 0 4px 15px rgba(0,0,0,0.5);
	margin-bottom: 30px;
}
.indexcolname:hover {
	border-left: 5px solid #00ff66;
}
/* Строки таблицы */
tr:hover { 
	background-color: #333;
	border-left: 5px solid #00ff66;
	}
/* Ячейки */
td { padding: 10px; border-bottom: 1px solid #444;}
th { text-align: left; background: #222; padding: 10px; }
 
/* Ссылки */
a {
    color: #00ff66;
    text-decoration: none;
	font-size: 20px;
}
a:hover {
    text-decoration: underline;
	font-weight: bold;
	text-shadow: 0 0 10px rgba(255,255,102,10.3);
	font-size: 20px;
}