:root { --bg: #090a08; --side: #090a08; --panel: #14150f; --line: #39331d; --text: #f1eddf; --muted: #9b9684; --lime: #d9f15a; --amber: #f2cc67; --gold: #e7c363; }
body { background: radial-gradient(ellipse at 85% -20%, rgba(174, 125, 22, .14), transparent 34%), linear-gradient(135deg, #090a08 0%, #0c0d09 52%, #080908 100%); color: var(--text); }
.sidebar, .board-sidebar { border-color: #39331e; background: linear-gradient(180deg, #0a0b08, #101009 78%, #090a08); }.brand, .board-brand { border-color: #39331e; }.brand-mark, .board-brand > span { border-color: #b08a35; background: linear-gradient(145deg, #3c2e0c, #151308); color: #f4da77; box-shadow: inset 0 0 18px rgba(224, 179, 50, .13); }.brand small, .board-brand small, .side-label, .nav-label { color: #a39462; }
.menu-link, .board-nav a, .back-link { border-color: transparent; color: #c7c0a5; }.menu-link:hover, .menu-link.active, .board-nav a:hover, .board-nav a.active { border-color: #816a2f; background: linear-gradient(90deg, rgba(117, 91, 25, .33), rgba(22, 21, 12, .72)); color: #fff0a4; }.back-link { border-color: #554929; background: rgba(28, 26, 15, .62); }.back-link:hover { border-color: #c5a24d; color: #ffe890; }
.menu-group { border-color: #39331e; background: rgba(17, 18, 12, .62); }.menu-group summary { color: #d8cfaf; }.menu-group summary:hover { background: rgba(92, 72, 21, .24); color: #fff0a4; }.menu-children { border-color: #39331e; }.menu-children a { color: #afa994; }.menu-children a:hover, .menu-children a.active { color: #fce895; background: rgba(111, 85, 24, .25); }.live-menu-dot { background: #b98f25; color: #171306; }
.topbar, .board-topbar { border-color: #39331e; background: rgba(10, 11, 8, .88); }.topbar .crumb span, .board-topbar span { color: #d7b34e; }.topbar .sync-status { color: #a8a087; }.topbar .sync-status i { background: #d3f15a; box-shadow: 0 0 10px #d3f15a; }.operations-status-bar { border-color: #443c23; background: linear-gradient(90deg, #141309, #1c170b, #141309); }.operations-status-item { border-color: #4a4023; background: transparent; }.operations-status-item:hover { background: rgba(121, 92, 23, .22); }.operations-status-item span, .operations-status-item em { color: #c7b978; }.operations-status-item b { color: #fff0a1; }
.today-statistics, .hero-row, .metric-card, .panel, .system-card, .operation-table-card, .operation-editor, .editor-card, .history-card { border-color: #443c23; background-color: rgba(18, 19, 13, .94); }.today-statistics { background: radial-gradient(circle at 90% 0%, rgba(205, 164, 52, .12), transparent 28%), rgba(18, 19, 13, .94); }.eyebrow, .today-statistics-header .eyebrow, .panel-kicker { color: #e8c55b; }.today-statistics h1, .hero-row h1, .metric-card strong, .panel h2 { color: #f8f1d9; }.today-stat-card { border-color: #4c4326; background: linear-gradient(155deg, #1a1a11, #11120d); }.today-stat-card span, .today-stat-card small, .metric-card p span { color: #aaa38d; }.today-stat-card b, .metric-card p b { color: #f5dd7e; }.today-stat-card.profit-stat b, .metric-card.accent-lime strong { color: #d9f15a; }.hero-row { background: linear-gradient(115deg, #1c180a, #11120e 70%); }.button.primary { border-color: #ecd268; background: linear-gradient(180deg, #f3dc78, #c39a31); color: #181407; }.button.secondary, .refresh-button { border-color: #746233; background: #19180e; color: #f4e3a0; }.button.secondary:hover, .refresh-button:hover { border-color: #e1bd54; color: #fff0ac; }.metric-card { box-shadow: none; }.metric-card:before { background: #d9f15a; }.metric-card.accent-amber:before { background: #f0bf5a; }.metric-card.accent-blue:before { background: #b99947; }.metric-card.accent-violet:before { background: #d49e5a; }
.dashboard-stat-actions, .dashboard-period-tabs { display: flex; align-items: center; gap: 8px; }.dashboard-stat-actions { justify-content: flex-end; flex-wrap: wrap; }.dashboard-period-tabs { padding: 3px; border: 1px solid #56491f; background: rgba(8, 9, 6, .58); }.dashboard-period-tabs button { min-height: 28px; padding: 5px 9px; border: 0; background: transparent; color: #9e987d; font-size: 10px; font-weight: 800; cursor: pointer; }.dashboard-period-tabs button.selected { background: linear-gradient(180deg, #5f511c, #29230d); color: #fff0a3; box-shadow: inset 0 0 0 1px #a98f37; }.dashboard-stat-actions p { margin: 0; }
@media (max-width: 680px) { .today-statistics-header { align-items: flex-start; }.dashboard-stat-actions { justify-content: flex-start; }.dashboard-stat-actions > p { width: 100%; } }
.panel-header, .operation-table-card > header, .history-card > header, .editor-card, .board-view .view-title { border-color: #443c23; }.review-tabs { border-color: #443c23; }.review-tabs button { color: #bbb39a; }.review-tabs button.selected, .review-tabs button:hover { color: #f8e286; border-color: #af8c35; background: rgba(121, 92, 23, .25); }.review-table th, .table-scroll thead, .operation-table-card thead { background: #17160d; color: #d9c46e; }.review-table td, .table-scroll td, .operation-table-card td { border-color: rgba(136, 118, 62, .25); color: #d6d0bc; }.review-table tbody tr:hover, .table-scroll tbody tr:hover, .operation-table-card tbody tr:hover { background: rgba(120, 93, 24, .16); }.table-scroll, .system-table-wrap { scrollbar-color: #b18a31 #14140d; scrollbar-width: thin; }.table-scroll::-webkit-scrollbar, .system-table-wrap::-webkit-scrollbar { width: 8px; height: 8px; }.table-scroll::-webkit-scrollbar-thumb, .system-table-wrap::-webkit-scrollbar-thumb { background: #8f7030; }.table-scroll::-webkit-scrollbar-track, .system-table-wrap::-webkit-scrollbar-track { background: #14140d; }
.status.pending, .row-status.pending { border-color: #8e702f; background: rgba(103, 72, 17, .25); color: #ffdc72; }.status.warning { border-color: #986237; background: rgba(94, 45, 17, .3); color: #ffc273; }.status.approved, .status.ok, .row-status.ok { border-color: #657c32; background: rgba(86, 111, 27, .24); color: #dffa65; }.type-tag.deposit, .type-chip.deposit { border-color: #607a35; background: rgba(76, 104, 28, .22); color: #d9f45b; }.type-tag.withdrawal, .type-chip.withdrawal { border-color: #8c4c42; background: rgba(100, 39, 31, .25); color: #ffaea1; }
.board-view .view-title span, .view-title span { color: #e3bf55; }.board-view .view-title h1, .view-title h1 { color: #fbf3d9; }.board-view .view-title p, .view-title p { color: #afa894; }.board-topbar p.ok { color: #d8f55d; }.board-topbar p.error { color: #ffaaa1; }.editor-card input, .editor-card select, .editor-card textarea, .reply-card select, .reply-card textarea, .operation-editor input, .operation-editor select, .operation-editor textarea { border-color: #554b2d; background: #0e0f0a; color: #f2ecdc; }.editor-card input:focus, .editor-card select:focus, .editor-card textarea:focus, .reply-card select:focus, .reply-card textarea:focus, .operation-editor input:focus, .operation-editor select:focus, .operation-editor textarea:focus { border-color: #e3bd51; }.editor-card > button, .reply-card button, .operation-editor button:not(.secondary-button) { border-color: #e4c25e; background: linear-gradient(180deg, #eed677, #bd9532); color: #171307; }.editor-card > button:hover, .reply-card button:hover, .operation-editor button:not(.secondary-button):hover { background: #f8e38e; }
@media (max-width: 900px) { .board-sidebar { background: #0a0b08; }.board-nav a { border-color: #40371f; background: rgba(19, 19, 11, .92); }.board-nav a:hover, .board-nav a.active { border-color: #b79038; }.operations-status-bar { overflow-x: auto; } }
.admin-access-denied { display: grid; min-height: 100vh; align-content: center; justify-items: start; gap: 14px; padding: clamp(28px, 8vw, 120px); background: radial-gradient(circle at 75% 10%, rgba(202,242,79,.12), transparent 32%), #090a09; color: #eef1ea; }.admin-access-denied span { color: var(--lime, #d9f15a); font: 800 11px/1 "DM Mono", monospace; letter-spacing: .16em; }.admin-access-denied h1 { margin: 0; font-size: clamp(30px, 5vw, 52px); letter-spacing: -.07em; }.admin-access-denied p { max-width: 520px; margin: 0; color: #aab1aa; line-height: 1.7; }.admin-access-denied a { margin-top: 8px; border: 1px solid #756338; padding: 11px 14px; color: #eff6dd; font-size: 12px; font-weight: 800; text-decoration: none; }.admin-access-denied a:hover { border-color: var(--lime, #d9f15a); color: var(--lime, #d9f15a); }