@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap");

:root {
    --ink: #071c54;
    --paper: #f4f8ff;
    --panel: #fffdf8;
    --line: rgba(7, 28, 84, 0.18);
    --muted: #5f6880;
    --gold: #d6a33a;
    --coffee: #0a317f;
    --coral: #0d5cab;
}

body {
    font-family: "Montserrat", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:
        radial-gradient(circle at top right, rgba(13, 92, 171, 0.12), transparent 28rem),
        var(--paper);
}

.login-page {
    background: #071c54;
}

.login-shell {
    width: min(1040px, 100%);
    border: 1px solid rgba(214, 163, 58, 0.22);
    box-shadow: 0 30px 90px rgba(7, 28, 84, 0.28);
}

.login-visual {
    background:
        linear-gradient(rgba(7, 28, 84, 0.56), rgba(7, 28, 84, 0.78)),
        url('/assets/img/hero-awards.png') center/cover;
}

.login-logo {
    width: 300px;
    height: 140px;
    object-fit: cover;
    object-position: center 49%;
}

.admin-page {
    grid-template-columns: 280px 1fr;
}

.admin-sidebar {
    background: #071c54;
    border-right: 1px solid rgba(214, 163, 58, 0.16);
}

.admin-brand {
    align-items: center;
    gap: 12px;
}

.admin-logo {
    width: 160px;
    height: 78px;
    object-fit: cover;
    object-position: center 49%;
}

.admin-sidebar nav a,
.site-link {
    color: #eadfca;
}

.admin-sidebar nav a.is-active,
.admin-sidebar nav a:hover,
.site-link:hover {
    background: var(--gold);
    color: #071c54;
}

.admin-main {
    padding: 28px;
}

.admin-topbar,
.metric-grid article,
.admin-panel,
.review-card,
.admin-form,
.empty-state {
    border-color: var(--line);
    background: var(--panel);
    box-shadow: 0 12px 30px rgba(7, 28, 84, 0.08);
}

.admin-heading h1 {
    color: var(--coffee);
}

button {
    background: var(--coffee);
}

.panel-header a,
.actions a {
    color: var(--gold);
}

input,
select,
textarea {
    border-color: var(--line);
}

@media (max-width: 980px) {
    .admin-page {
        grid-template-columns: 1fr;
    }

    .admin-sidebar {
        position: relative;
        height: auto;
    }
}