.submit-page {
    display: grid !important;
    grid-template-columns: minmax(28rem, 0.9fr) minmax(36rem, 1.4fr) !important;
    gap: 2rem !important;
    padding: 1.5rem !important;
    align-items: start !important;
}

.submit-left {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
}

.submit-history {
    min-width: 0;
}

.submit-history-card {
    height: fit-content !important;
    max-height: calc(100vh - 11rem) !important;
    overflow-y: auto !important;
}

.submission-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.65rem !important;
}

.submission-card {
    position: relative !important;
    min-height: 5.8rem !important;
    overflow: hidden !important;
    border-radius: 1rem !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    background: rgba(255,255,255,0.05) !important;
    box-shadow: 0 16px 42px rgba(0,0,0,0.2) !important;
}

.submission-card-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 0.62 !important;
    filter: saturate(0.85) brightness(0.7) !important;
    transform: scale(1.04) !important;
}

.submission-card-shade {
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(90deg, rgba(0,0,0,0.72), rgba(0,0,0,0.34) 55%, rgba(0,0,0,0.76)),
        linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0)) !important;
}

.submission-card-content {
    position: relative !important;
    z-index: 2 !important;
    min-height: 5.8rem !important;
    display: grid !important;
    grid-template-columns: 1fr max-content !important;
    align-items: center !important;
    gap: 1rem !important;
    padding: 1rem !important;
}

.submission-main h3 {
    font-size: 1.35rem !important;
    margin: 0 !important;
    color: white !important;
    text-shadow: 0 3px 14px rgba(0,0,0,0.7) !important;
}

.submission-main p {
    margin: 0.25rem 0 0 !important;
    color: rgba(255,255,255,0.9) !important;
}

.submission-status-area {
    display: grid !important;
    grid-template-columns: max-content max-content !important;
    align-items: center !important;
    gap: 1rem !important;
    text-align: right !important;
}

.submission-status-area p {
    margin: 0 !important;
    color: rgba(255,255,255,0.86) !important;
}

.submission-status-badge {
    padding: 0.45rem 0.7rem !important;
    border-radius: 0.45rem !important;
    border: 2px solid rgba(180,180,180,0.9) !important;
    background: rgba(0,0,0,0.42) !important;
    color: #e4e4e4 !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.submit-page {
    display: grid !important;
    grid-template-columns: minmax(28rem, 0.9fr) minmax(36rem, 1.4fr) !important;
    gap: 2rem !important;
    padding: 1.5rem !important;
    align-items: start !important;
}

.submit-left {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
}

.submit-history {
    min-width: 0;
}

.submit-history-card {
    height: fit-content !important;
    max-height: calc(100vh - 11rem) !important;
    overflow-y: auto !important;
}

.submission-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.65rem !important;
}