/* Reset default browser styles */
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body, html { background-color: #0d0d0d; color: #f5c518;  line-height: 1.5; }
        a { text-decoration: none; color: inherit; }
        ul, ol { list-style: none; }

        /* Container & Layout */
        .container { max-width: 1200px; margin: 20px auto; padding: 10px; }
        h1, h2, h3, p { margin-bottom: 10px; }

        /* Chart Table */
        .scroll-container { width: 100%; overflow-x: auto; margin: auto; }
        table { width: 100%; border-collapse: collapse; min-width: auto; }
        th, td { padding: 5px 8px; border: 1px solid #555; text-align: center; font-weight: bold; transition: background 0.3s, color 0.3s; }
        th { background: linear-gradient(90deg, #b8860b, #333); color: #1b1b1b; text-transform: uppercase; position: sticky; top: 0; z-index: 2; }
        tr:hover td { background-color: #b8860b; color: #0d0d0d; }
        .day-cell { background-color: #333; color: #f5c518; }
        .num-cell { color: #f5c518; }
        .empty { color: #666; }

        /* Forms */
        select, input[type="submit"] {
            background-color: #333; color: #f5c518; border: 1px solid #f5c518;
            padding: 5px 10px; margin: 5px; font-size: 14px; border-radius: 4px; cursor: pointer;
        }
        input[type="submit"]:hover { background-color: #f5c518; color: #0d0d0d; }
        
        .footer-note { background-color: #2b2b2b; color: #f5c518; padding: 10px 0; margin-top: 15px; text-align: center; font-size: 16px; }