﻿  body { font-family: Tahoma, Arial, sans-serif; direction: ltr; background: #eef2f6; margin: 0; padding: 28px; color: #1f2937; }
        .box { max-width: 1100px; margin: 0 auto; background: #fff; border-radius: 16px; padding: 26px; box-shadow: 0 8px 30px rgba(0,0,0,.08); }
        .top { display: flex; justify-content: space-between; align-items: center; gap: 18px; border-bottom: 1px solid #e5e7eb; padding-bottom: 18px; }
        h1 { margin: 0; font-size: 26px; }
        .subtitle { color: #6b7280; margin-top: 6px; }
        .status { display: inline-block; padding: 8px 15px; border-radius: 999px; font-weight: bold; font-size: 14px; }
        .ok { background: #dcfce7; color: #166534; }
        .bad { background: #fee2e2; color: #991b1b; }
        .busy { background: #fef3c7; color: #92400e; }
        .buttons { margin: 22px 0; }
        form { display: inline-block; margin: 0 8px 8px 0; }
        button { border: 0; padding: 12px 20px; border-radius: 10px; cursor: pointer; font-size: 15px; font-weight: bold; }
        .start { background: #16a34a; color: #fff; }
        .stop { background: #dc2626; color: #fff; }
        .run { background: #2563eb; color: #fff; }
        .cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 20px; }
        .card { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px; }
        .label { color: #6b7280; font-size: 13px; margin-bottom: 6px; }
        .value { font-weight: bold; word-break: break-word; }
        .links { margin: 14px 0 22px 0; }
        .links a { display: inline-block; margin-right: 10px; color: #2563eb; text-decoration: none; font-weight: bold; }
        .two { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
        h3 { margin: 16px 0 10px; }
        pre { background: #111827; color: #f9fafb; padding: 16px; border-radius: 12px; max-height: 340px; overflow: auto; direction: ltr; line-height: 1.6; }
        .error { white-space: pre-wrap; color: #991b1b; background: #fff1f2; border: 1px solid #fecdd3; padding: 12px; border-radius: 10px; }
        .hint { background: #eff6ff; color: #1e40af; border: 1px solid #bfdbfe; padding: 12px; border-radius: 10px; margin-top: 18px; line-height: 1.8; }
        @media (max-width: 900px) { .cards, .two { grid-template-columns: 1fr; } .top { display: block; } }