:root { --brand: #FF6B00; --slate: #2C3E50; }
        body { font-family: 'Segoe UI', sans-serif; background: #f4f7f6; display: flex;
                 justify-content: center; align-items: center; height: 100vh; margin: 0;
                 overflow: auto; }

        .logo { width: 35px; height: 35px;}

        form {
            position: sticky;
            top: 0;
            background: white; /* Ensures results don't bleed through behind the form */
            z-index: 100;
            padding: 10px;
            border-bottom: 1px solid #ddd;
			margin-top: 5px;
			margin-bottom: 5px;
        }

        .logo { width: 35px; height: 35px;}

        .card { background: white; padding: 40px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); text-align: center; width: 500px; border-top: 6px solid var(--brand); }
        input { width: 100%; padding: 12px; border: 2px solid #eee; border-radius: 8px; margin: 20px 0; box-sizing: border-box; font-size: 16px; }
        button { background: var(--brand); color: white; border: none; width: 100%; padding: 12px; border-radius: 8px; font-weight: bold; cursor: pointer; }
        .back { display: block; margin-top: 15px; color: #888; text-decoration: none; font-size: 14px; }
        /* The container that holds all rows */

        .file-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 20px; /* Space between the columns and rows */
        }

        /* Each item now takes up roughly half the width */
        .file-row {
            flex: 0 1 calc(50% - 10px); /* 50% width minus half the gap */
            display: flex;
            align-items: flex-end; /* Aligns the button with the input */
            border: 1px solid #ddd;
            padding: 10px;
            box-sizing: border-box;
        }

        /* Responsive: Stack them back to 1 per row on small screens */
        @media (max-width: 768px) {
            .file-row {
                flex: 1 1 100%;
            }
        }

/* Table Container */
.orange-table {
width: 100%;
border-collapse: collapse;
font-family: sans-serif;
font-size: 12px;
border: 2px solid #FF8C00;
margin: 20px 0;
}

/* Header - Bold Orange */
.orange-table thead {
background-color: #FF8C00;
color: white;
font-size: 12px;
}

.orange-table th {
padding: 12px;
text-align: left;
}

/* THE 1:3 RATIO /
/ Column 1 is 25% */
.orange-table td:nth-child(1) {
width: 25%;
background-color: #FFF5EE;
font-weight: bold;
color: #E65100;
border-right: 1px solid #FFD180;
padding: 12px;
}

/* Column 2 is 75% */
.orange-table td:nth-child(2) {
width: 75%;
padding: 12px;
}

/* Row Styling */
.orange-table tr {
border-bottom: 1px solid #EEEEEE;
font-size: 12px;
}

.orange-table tr:hover {
background-color: #FFF3E0;
font-size: 12px;
}