body { 
                font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
                background-color: #dedede; 
                margin: 25px;
                padding: 0px;
                color: #000000;
            }
        .invoice {
            background: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            max-width: 98%;
            margin: auto;
        }
            h1 {
                color: #000000; 
                text-align: center;
           		background-color: #dedede;
    			margin: auto;
    			padding: 5px;
            }
            h2, h3 {
                color: #000000; 
                font-weigh: normal;
                font-size: x-large;
            }
            p {
                font-size: 15px;
                color: #333;
            }
            table {
                width: 100%;
                border-collapse: collapse;
                margin-bottom: 10px;
                border-radius: 8px;
                overflow: hidden;
            }
            table, th, td {
                border: 1px solid #ccc;
            }
            th, td {
            border: 1px solid #ccc;
            padding: 4px;
            text-align: left;
            }
            td {
            font-size: 14px;
            }
            th {
            background-color: #0078D7;
            color: white;
            }
            tr:nth-child(even) {
                background-color: #fafafa;
            }
            button {
                background-color: #0078d4; 
                border: none;
                color: white;
                padding: 12px;
                font-size: 14px;
                margin: 10px 10px 10px 10px;
                border-radius: 12px;
                cursor: pointer;
                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
                transition: background-color 0.3s ease, transform 0.3s ease;
            	justify-content: center;
            }
            button:hover {
                background-color: #005a9e; 
                transform: translateY(-2px);
            }
            button:active {
                background-color: #004578;
                transform: translateY(1px);
            }
            button:focus {
                outline: none;
                box-shadow: 0 0 0 2px #1a73e8;
            }
.error-message {
                color: red;
                font-weight: bold;
                font-size: 1.5em;
            }
.container {
                background: #fff;
                padding: 20px;
                border-radius: 10px;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                display: inline-block;
            }

/* Pielāgojumi planšetēm un mazākiem ekrāniem */
@media (max-width: 768px) {
    body {
        margin: 10px;
    }

    .invoice {
        padding: 15px;
        max-width: 100%;
    }

    h1 {
        font-size: 1.5rem;
    }

    table {
        font-size: 14px;
    }

    button {
        width: 100%;
        font-size: 1rem;
        padding: 10px;
    }
}

/* Pielāgojumi mobilajiem tālruņiem */
@media (max-width: 480px) {
    body {
        font-size: 14px;
    }

    .invoice {
        padding: 10px;
        box-shadow: none;
    }

    h1, h2, h3 {
        font-size: 1.2rem;
        text-align: center;
    }

    table, th, td {
        font-size: 12px;
        padding: 3px;
    }

    button {
        width: 100%;
        padding: 8px;
        font-size: 0.9rem;
    }

    footer {
        font-size: 0.75rem;
    }
}