/* Extracted from inline <style> blocks. Source hash: 6de743afa6a72370c7724634325dbbd8 */
table.table{border-collapse: collapse;}
    table.table td{border-top: 1px solid rgba(0, 0, 0, 0.05); border-left: 1px solid rgba(0, 0, 0, 0.05);}
    table.table tr:first-child td{border-top: none;}
    table.table td:first-child{border-left: none;}
    .main-block{scrollbar-gutter: stable; overflow-x: hidden;}

    .role-badge {
      display: inline-block;
      background: #0f172a;
      color: white;
      padding: 6px 16px;
      border-radius: 20px;
      font-size: 0.85rem;
      font-weight: 700;
      margin-left: 12px;
    }

    .cc-toolbar{
      background:#fff;
      border:1px solid #e5e7eb;
      border-radius:12px;
      box-shadow:0 2px 8px rgba(0,0,0,0.06);
      padding:14px 16px;
      margin: 18px 0 18px;
    }
    .cc-toolbar .row{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      align-items:flex-end;
    }
    .cc-field{ min-width: 180px; display:flex; flex-direction:column; gap:6px; }
    .cc-field label{ font-size: 0.85rem; color:#64748b; font-weight:800; }
    .cc-field select, .cc-field input{
      border:1px solid #e5e7eb;
      border-radius:10px;
      padding:10px 10px;
      font-size:0.95rem;
      outline:none;
    }
    .cc-btn{
      border:none;
      border-radius:12px;
      padding:10px 14px;
      font-weight:900;
      cursor:pointer;
      background:#0ea5e9;
      color:#fff;
    }
    .cc-btn.secondary{ background:#f1f5f9; color:#0f172a; }

    .kpi-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 16px;
      margin: 0 0 20px;
    }
    .kpi-card {
      background: white;
      border: 1px solid #e0e0e0;
      border-radius: 12px;
      padding: 18px;
      text-align: center;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    }
    .kpi-value {
      font-size: 2.1rem;
      font-weight: 800;
      color: #0f172a;
      margin-bottom: 8px;
    }
    .kpi-label {
      font-size: 0.85rem;
      color: #64748b;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      font-weight: 700;
    }
    .kpi-sub {
      font-size: 0.85rem;
      margin-top: 8px;
      color:#64748b;
      font-weight:700;
    }

    .cc-card{
      background:#fff;
      border:1px solid #e5e7eb;
      border-radius:12px;
      box-shadow:0 2px 8px rgba(0,0,0,0.06);
      padding:14px 16px;
    }
    .cc-card h3{ margin: 0 0 10px; font-size: 1.05rem; }
    .cc-muted{ color:#64748b; font-size: 0.9rem; }

    .cc-grid2{ display:grid; grid-template-columns: 1fr 1fr; gap: 18px; }
    .cc-grid3{ display:grid; grid-template-columns: 1fr 1fr 1fr; gap: 18px; }
    @media (max-width: 980px){ .cc-grid2,.cc-grid3{ grid-template-columns: 1fr; } }

    .chart-placeholder{
      background: #ffffff;
      border: 1px dashed #cbd5e1;
      border-radius: 12px;
      padding: 18px;
      min-height: 260px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #64748b;
      font-weight: 700;
      text-align: center;
    }
    .stat-table { width: 100%; background: white; border-radius: 10px; overflow:hidden; border:1px solid #e5e7eb; }
    .stat-table th { background: #f8fafc; padding: 12px 14px; text-align: left; font-weight: 800; font-size: 0.82rem; color: #475569; text-transform: uppercase; border-bottom: 2px solid #e2e8f0; }
    .stat-table td { padding: 12px 14px; border-bottom: 1px solid #e2e8f0; font-size: 0.95rem; vertical-align: top; }
    .table-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; border-radius:12px; }