* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Tahoma,Arial,sans-serif; background:#0d1b2a; color:#c8d6e5; min-height:100vh; display:flex; flex-direction:column; }

a { color:#5b9cf5; text-decoration:none; }
a:hover { text-decoration:underline; }
a.btn:hover { text-decoration:none; }
.mb-30{margin-bottom: 30px;}
/* Шапка */
.header { background:#0a1628; border-bottom:1px solid #1a3a6b; position:sticky; top:0; z-index:100; }
.header-inner { max-width:1200px; margin:0 auto; padding:12px 20px; display:flex; justify-content:space-between; align-items:center; }
.logo { font-size:22px; font-weight:700; color:#fff; text-decoration:none; }
.logo:hover{ text-decoration:none; opacity: .8}
.header-right { display:flex; gap:10px; }

/* Подвал */
.footer { background:#0a1628; border-top:1px solid #1a3a6b; margin-top:auto; }
.footer-inner { max-width:1200px; margin:0 auto; padding:12px 20px; display:flex; justify-content:space-between; align-items:center; }
.footer-left { display:flex; gap:10px; }

/* Основной блок */
.main { flex:1; background-color:  #0e1e3b; background-image: url(../img/sfondo.jpg); background-size: cover; background-repeat: no-repeat; background-blend-mode: multiply; }

/* Хлебные крошки */
.breadcrumbs { max-width:1200px; margin:15px auto; padding:0 20px; font-size:13px; color:#8899aa; }
.breadcrumb-link { color:#5b9cf5; }
.breadcrumb-current { color:#c8d6e5; font-weight:600; }

/* Герой */
.hero-section { background:linear-gradient(135deg,#0a1628 0%,#0f2040 50%,#162d5a 100%); padding:80px 20px; text-align:center; }
.hero-content h1 { font-size:36px; color:#fff; margin-bottom:12px; }
.hero-content p { font-size:18px; color:#8899aa; margin-bottom:30px; }
.hero-buttons { display:flex; gap:16px; justify-content:center; }

/* Кнопки */
.btn { display:inline-block; padding:10px 24px; border-radius:4px; font-size:14px; font-weight:600; cursor:pointer; border:1px solid transparent; text-align:center; text-decoration:none; transition:all 0.2s; }
.btn:hover { text-decoration:none; }
.btn-sm { padding:6px 14px; font-size:13px; }
.btn-lg { padding:14px 36px; font-size:16px; }
.btn-primary { background:#1a5bb5; color:#fff; border-color:#1a5bb5; }
.btn-primary:hover { background:#2a6bc5; }
.btn-primary:disabled { background:#2a3a5a; border-color:#2a3a5a; color:#667; cursor:not-allowed; }
.btn-outline { background:transparent; color:#5b9cf5; border-color:#1a3a6b; }
.btn-outline:hover { background:#0f2040; text-decoration: none}

/* Контент */
.content-section { max-width:1200px; margin:30px auto; padding:0 20px; }
.content-card { background:#0f2040; border:1px solid #1a3a6b; border-radius:8px; padding:30px; }
.content-card.content-menu {display: flex;align-items: center; }
.content-card:not(.content-menu) h2{margin-bottom: 30px;}
/* Формы */
.form-group { margin-bottom:18px; }
.form-group label { display:block; font-size:13px; color:#8899aa; margin-bottom:6px; }
.form-control { width:100%; padding:10px 12px; border:1px solid #1a3a6b; border-radius:4px; background:#0a1628; color:#c8d6e5; font-size:14px; outline:none; }
.form-control:focus { border-color:#1a5bb5; }
.form-control:disabled { background:#0a1220; color:#556; cursor:not-allowed; }
.form-control[readonly] { background:#0a1220; color:#8899aa; }
textarea.form-control { resize:vertical; min-height:80px; }
select.form-control { cursor:pointer; }

.password-hint, .amount-hint { font-size:12px; color:#8899aa; margin-bottom:4px; }
.field-error { font-size:12px; color:#e74c3c; margin-top:4px; min-height:16px; }

/* Загрузка файлов */
.file-upload { display:flex; align-items:center; gap:10px; cursor:pointer; }
.file-upload input[type="file"] { display:none; }
.file-upload-text { display:inline-block; padding:8px 16px; background:#1a5bb5; color:#fff; border-radius:4px; font-size:13px; cursor:pointer; transition:background 0.2s; }
.file-upload-text:hover { background:#2a6bc5; }
.file-upload-name { font-size:12px; color:#8899aa; }

/* Авторизация */
.auth-section { max-width:450px; }
.auth-card { padding:25px 30px; }
.auth-card h2 { margin-bottom:20px; color:#fff; }
.auth-links { margin-top:18px; text-align:center; font-size:13px; display:flex; gap:8px; justify-content:center; align-items:center; }
.forgot-link { display:block; margin-top:4px; font-size:12px; }

/* Чекбокс */
.checkbox-label { display:flex; align-items:center; gap:8px; font-size:13px; cursor:pointer; }
.checkbox-label input[type="checkbox"] { width:16px; height:16px; }
.checkbox-label a { font-size:12px; }

/* Радио */
.radio-label { display:inline-flex; align-items:center; gap:6px; font-size:14px; cursor:pointer; margin-right:16px; margin-bottom:10px; }

/* Пользователь */
.user-header { background:linear-gradient(135deg,#0a1628 0%,#0f2040 50%,#162d5a 100%); padding:20px; text-align:center; }
.user-header-inner { max-width:1200px; margin:0 auto; }
.user-info { display:flex; justify-content:center; gap:30px; flex-wrap:wrap; align-items:center; }
.user-balance { font-size:22px; font-weight:700; color:#fff; display:flex; align-items:center; gap:6px; }
.user-wallet { font-size:14px; color:#8899aa; }
.user-status { font-size:14px; color:#8899aa; }
.status-identified { color:#2ecc71; font-weight:600; }
.status-not-identified { color:#e74c3c; font-weight:600; }

/* Сетка разделов */
.section-grid {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 40px auto 20px;
    padding: 0 20px;
    justify-content: center;
}
.section-btn {
    background: #0f2040;
    border: 1px solid #1a3a6b;
    padding: 30px 10px 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    aspect-ratio: 1 / 1.1;
    width: 241px;
    margin-right: 65px;
}
.section-btn:nth-child(4), .section-btn:nth-child(7) { margin-right: 0; }
.section-btn:hover { border-color:#1a5bb5; background:#12284a; text-decoration:none; }
.section-icon { font-size:28px; margin-bottom:4px; }
.section-icon svg { width:31%; color:#5b9cf5; }
.section-label { font-size:15px; color:#c8d6e5; line-height:1.2; }

/* Карточки разделов */
.section-card { max-width:1200px; margin:20px auto; background:#0f2040; border:1px solid #1a3a6b; border-radius:8px; }
.section-card-header { display:flex; justify-content:space-between; align-items:center; padding:16px 20px; border-bottom:1px solid #1a3a6b; }
.section-card-header h3 { color:#fff; font-size:16px; }
.close-section { font-size:22px; cursor:pointer; color:#8899aa; }
.close-section:hover { color:#fff; }
.section-card-body { padding:20px; }

/* Перевод */
.transfer-types { margin-bottom:16px; }
.card-types { margin-bottom:12px; display:flex; gap:16px; }

/* Админка */
.admin-menu { display:flex; gap:12px; margin-top:16px; flex-wrap:wrap;  margin-left: 60px;}
.admin-menu-item { display:inline-block; padding:10px 20px; background:#0a1628; border:1px solid #1a3a6b; border-radius:4px; color:#5b9cf5; cursor:pointer; }
.admin-menu-item:hover, .admin-menu-item.active { border-color:#1a5bb5;text-decoration:none }

/* Список пользователей */
.user-item { padding:10px 0; border-bottom:1px solid #0a1628; font-size:13px; line-height:1.6; }
.user-item:last-child { border-bottom:none; }
.user-item .email { color:#5b9cf5; }
.user-item .online { color:#3498db; }
.user-item .status-badge { cursor:pointer; font-weight:600; }
.user-item .status-badge:hover { text-decoration:underline;cursor:pointer;  }

/* Модалка пина */
.pin-modal-content { max-width:350px; margin:50px auto; background:#0f2040; border:1px solid #1a3a6b; border-radius:8px; padding:24px; }
.pin-modal-content h3 { margin-bottom:16px; color:#fff; }

/* Затемнение */
.overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:200; }
.modal { position:fixed; top:0; left:0; right:0; bottom:0; z-index:300; display:flex; align-items:center; justify-content:center; }

/* Сообщения */
.success-msg { color:#2ecc71; font-size:13px; margin-top:8px; }
.error-msg { color:#e74c3c; font-size:13px; margin-top:8px; }

/* Вкладки настроек */
.settings-tabs { display:flex; gap:8px; margin-bottom:16px; }
.settings-tab.active { background:#1a5bb5; color:#fff; border-color:#1a5bb5; }
.settings-block h4 { margin-bottom:16px; color:#fff; }

/* Точка онлайн */
.online-dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:#e74c3c; margin-right:4px; vertical-align:middle; }
.online-dot.online { background:#2ecc71; }

/* Таблица админки */
.admin-menu-item.active { background:#1a5bb5; color:#fff; border-color:#1a5bb5; }
.admin-table { width:100%; border-collapse:collapse; font-size:13px; }
.admin-table th { background:#0a1628; color:#8899aa; padding:10px 8px; text-align:left; font-weight:600; border-bottom:2px solid #1a3a6b; }
.admin-table td { padding:8px; border-bottom:1px solid #0a1628; vertical-align:top; }
.admin-table tr:hover td { background:#0a1628; }
.admin-table .status-badge { cursor:pointer;color:#de0000  }
.admin-table .status-badge.ident { color:#02c23f  }
.admin-table .status-badge:hover { text-decoration:underline;cursor:pointer;  }
/* Спиннер */
.spinner { width:40px; height:40px; border:4px solid #1a3a6b; border-top-color:#5b9cf5; border-radius:50%; animation:spin 0.8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }

/* Бейдж статуса */
.status-badge.ident { color:#2ecc71; }

/* Уведомление о демо */
.demo-notice { position:fixed; bottom:0; left:0; right:0; background:#1a1a2e; border-top:2px solid #e74c3c; padding:12px 20px; display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; z-index:500; font-size:13px; }
.demo-notice-text { color:#c8d6e5; text-align:center; }
.demo-notice-text strong { color:#e74c3c; }

@media(max-width:1200px) {
    .section-btn { margin-right: 15px; width: 220px; }
}
@media(max-width:978px) {
    .section-btn { clip-path:none; border-radius:8px; aspect-ratio:auto; width:40%; margin-right:0; padding:20px 10px; }
    .section-grid { gap:10px; }
    .section-icon svg { width:24px; }
}
@media(max-width:480px) {
    .section-btn { width:100%; display:flex; flex-direction:row; align-items:center; }
    .section-icon { margin-bottom:0; margin-right:15px; line-height:0; font-size:0; }
}
@media(max-width:640px) {
    .section-grid { grid-template-columns:repeat(2,1fr); }
    .user-info { flex-direction:column; gap:8px; }
    .hero-content h1 { font-size:24px; }
}