    <!DOCTYPE html>
    <html lang="ru">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Dashboard - Реестр ЭЦП</title>
        <style>
            * { margin: 0; padding: 0; box-sizing: border-box; }
            body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; background-color: #f5f5f5; }
            .container { max-width: 1200px; margin: 0 auto; padding: 20px; }
            .navbar { background: #2c3e50; color: white; padding: 1rem 0; margin-bottom: 2rem; }
            .navbar .container { display: flex; justify-content: space-between; align-items: center; }
            .navbar h1 { margin: 0; }
            .navbar nav a { color: white; text-decoration: none; margin-left: 2rem; padding: 0.5rem 1rem; border-radius: 4px; transition: background 0.3s; }
            .navbar nav a:hover { background: rgba(255, 255, 255, 0.1); }
            .page-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; }
            .btn { display: inline-block; padding: 0.5rem 1rem; background: #3498db; color: white; text-decoration: none; border-radius: 4px; border: none; cursor: pointer; font-size: 0.9rem; transition: background 0.3s; }
            .btn:hover { background: #2980b9; }
            .btn-primary { background: #3498db; }
            .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 2rem; }
            .stat-card { background: white; padding: 1.5rem; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); text-align: center; }
            .stat-card.warning { background: #fff3cd; border-left: 4px solid #f39c12; }
            .stat-card h3 { margin-bottom: 0.5rem; color: #666; font-size: 0.9rem; text-transform: uppercase; }
            .stat-number { font-size: 2rem; font-weight: bold; color: #2c3e50; }
            .recent-section { background: white; padding: 1.5rem; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
            .data-table { width: 100%; border-collapse: collapse; background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
            .data-table th, .data-table td { padding: 12px; text-align: left; border-bottom: 1px solid #eee; }
            .data-table th { background: #f8f9fa; font-weight: 600; color: #555; }
            .data-table tr:hover { background: #f8f9fa; }
            .data-table tr.warning { background: #fff3cd; }
            .data-table tr.expired { background: #f8d7da; }
            .dashboard h1 { margin-bottom: 2rem; color: #2c3e50; }
            .dashboard h2 { margin-bottom: 1rem; color: #34495e; }
            @media (max-width: 768px) {
                .container { padding: 10px; }
                .navbar .container { flex-direction: column; gap: 1rem; }
                .navbar nav a { margin-left: 1rem; }
                .page-header { flex-direction: column; gap: 1rem; align-items: flex-start; }
                .data-table { font-size: 0.9rem; }
                .data-table th, .data-table td { padding: 8px 4px; }
            }
        </style>
    </head>
    <body>
    <div class="navbar">
        <div class="container">
            <h1>Реестр ЭЦП</h1>
            <nav>
                <a href="/">Главная</a>
                <a href="/organizations">Организации</a>
                <a href="/tokens">Токены</a>
                <a href="/digital-signatures">ЭЦП</a>
            </nav>
        </div>
    </div>

    <div class="container">
        <div class="dashboard"><h1>Реестр Электронных Цифровых Подписей</h1><div class="stats-grid"><div class="stat-card"><h3>Организации</h3><div class="stat-number">3</div></div><div class="stat-card"><h3>Токены</h3><div class="stat-number">3</div></div><div class="stat-card"><h3>ЭЦП</h3><div class="stat-number">3</div></div><div class="stat-card warning"><h3>Истекают в ближайшие 30 дней</h3><div class="stat-number">3</div></div></div><div class="recent-section"><h2>Последние ЭЦП</h2><table class="data-table"><thead><tr><th>ID</th><th>Организация</th><th>Токен</th><th>Контейнер</th><th>Дата окончания</th></tr></thead><tbody><tr class="warning"><td>2</td><td>Тест-Компания</td><td>002</td><td>CONT-002</td><td>2025-06-01</td></tr><tr class="warning"><td>1</td><td>Пример</td><td>001</td><td>CONT-001</td><td>2025-01-01</td></tr><tr class="warning"><td>3</td><td>Образец-Фирма</td><td>003</td><td>CONT-003</td><td>2025-03-15</td></tr></tbody></table></div></div>    </div>
    </body>
    </html>
    