:root {
    --ink: #080907;
    --ink-soft: #10120d;
    --panel: #171810;
    --panel-light: #212116;
    --line: rgba(232,174,91,.18);
    --text: #f8f0dc;
    --muted: #b7aa92;
    --gold: #b86f2a;
    --gold-bright: #f1ad45;
    --gold-dark: #704016;
    --success: #8fd184;
    --danger: #ff8276;
    --autumn-cranberry: #9f2f34;
    --autumn-moss: #6f7b45;
}

body {
    background:
        linear-gradient(180deg, rgba(31,21,12,.5), transparent 420px),
        var(--ink);
}

.pixel-backdrop {
    background:
        linear-gradient(rgba(8,9,7,.88), rgba(8,9,7,.94)),
        repeating-linear-gradient(0deg, rgba(232,174,91,.045) 0 1px, transparent 1px 34px),
        repeating-linear-gradient(90deg, rgba(232,174,91,.035) 0 1px, transparent 1px 34px),
        #070806;
}

.pixel-backdrop::after {
    display: none;
}

.portal-sidebar,
.portal-topbar {
    background: rgba(8,9,7,.94);
    border-color: rgba(232,174,91,.16);
    box-shadow: 0 18px 54px rgba(0,0,0,.25);
}

.portal-nav a:hover,
.portal-nav a.active,
.portal-nav span,
.auth-brand strong,
.portal-brand strong,
.page-heading span,
.panel header span,
.stat-card span,
.verification-strip span {
    color: #f6be66;
}

.portal-nav a.active {
    background: rgba(184,111,42,.16);
    border-color: rgba(241,173,69,.24);
}

.auth-card,
.panel,
.stat-card,
.notification-card,
.profile-card,
.employee-card,
.shop-item-card,
.payment-audit-card,
.payment-balance-table div,
.payment-summary-grid div {
    background:
        linear-gradient(145deg, rgba(184,111,42,.13), transparent 46%),
        linear-gradient(180deg, rgba(111,123,69,.045), transparent 62%),
        rgba(23,24,16,.94);
    border-color: rgba(232,174,91,.18);
}

.stack-form input,
.stack-form textarea,
.stack-form select,
.admin-form input,
.admin-form textarea,
.admin-form select,
.payment-search-form input {
    color: var(--text);
    background: rgba(8,9,7,.76);
    border-color: rgba(241,173,69,.25);
}

.stack-form input:focus,
.stack-form textarea:focus,
.stack-form select:focus,
.admin-form input:focus,
.admin-form textarea:focus,
.admin-form select:focus {
    border-color: #f1ad45;
    box-shadow: 0 0 0 3px rgba(241,173,69,.1);
}

.gold-button,
.small-button,
.ghost-button,
.primary-button {
    border-color: rgba(241,173,69,.62);
}

.gold-button,
.primary-button {
    color: #130d07;
    background: linear-gradient(180deg, #f6bf62, #d67d28);
}

.small-button,
.ghost-button {
    color: #f6be66;
    background: rgba(20,16,10,.68);
}

.small-button:hover,
.ghost-button:hover {
    color: #130d07;
    background: #f1ad45;
}

.portal-table th,
.status-pill,
.action-pill,
.shop-category-pill {
    color: #f6be66;
}

.portal-table td,
.table-wrap,
.payment-log-selected td {
    border-color: rgba(232,174,91,.14);
}

.payment-log-selected td {
    background: rgba(184,111,42,.095);
}

.radio-shell,
.dashboard-radio,
.pay-log-card {
    background:
        repeating-linear-gradient(135deg, rgba(246,190,102,.045) 0 1px, transparent 1px 12px),
        linear-gradient(145deg, rgba(184,111,42,.12), rgba(8,9,7,.92));
    border-color: rgba(184,111,42,.42);
}

.radio-play,
.radio-live-flag {
    color: #130d07;
    background: linear-gradient(180deg, #f6bf62, #d67d28);
    border-color: #ffd289;
}

.radio-heart {
    color: #f4a0a6;
    background: linear-gradient(145deg, rgba(159,47,52,.28), rgba(8,9,7,.92));
    border-color: rgba(159,47,52,.78);
}

.topbar-avatar,
.profile-avatar,
.pay-employee-avatar,
.employee-avatar,
.portal-brand img,
.auth-brand img {
    filter: drop-shadow(0 0 14px rgba(241,173,69,.18));
}

.portal-brand img,
.auth-brand img {
    object-fit: contain;
}

.flash-message {
    color: #f8f0dc;
    background: rgba(111,123,69,.18);
    border-color: rgba(143,209,132,.35);
}