:root {
    --fc-ink: #17202a;
    --fc-muted: #6b7785;
    --fc-line: #e6eaf0;
    --fc-accent: #ef9f24;
    --fc-accent-dark: #c97b08;
    --fc-surface: #ffffff;
    --fc-bg: #f4f6f8;
}

body {
    color: var(--fc-ink);
    background: var(--fc-bg);
}

.card {
    border: 1px solid var(--fc-line);
    border-radius: 8px;
    box-shadow: 0 5px 18px rgba(23, 32, 42, .05);
}

.card-header {
    background: var(--fc-surface);
    border-bottom: 1px solid var(--fc-line);
    font-weight: 600;
}

.form-control, .custom-select {
    border-color: #d9e0e7;
    border-radius: 6px;
}

.btn-success {
    background: var(--fc-accent-dark);
    border-color: var(--fc-accent-dark);
}

.btn-success:hover, .btn-success:focus {
    background: var(--fc-accent);
    border-color: var(--fc-accent);
}

.nav-tabs {
    border-bottom-color: var(--fc-line);
}

.nav-tabs .nav-link {
    color: var(--fc-muted);
    border: 0;
    border-bottom: 3px solid transparent;
    font-weight: 600;
}

.nav-tabs .nav-link.active {
    color: var(--fc-ink);
    background: transparent;
    border-bottom-color: var(--fc-accent);
}

#fastcore-app {
    min-height: 100vh;
}

.fcmenu {
    background: #202832 !important;
}

.fcmenu .nav-item {
    padding: 4px 10px !important;
}

.fcmenu .nav-link {
    color: #c8d0d8;
    border-radius: 5px;
}

.fcmenu .nav-link:hover {
    color: #fff;
    background: rgba(255, 255, 255, .08);
}

.surf-bar {
    min-height: 48px;
    background: #20252b;
    color: #fff;
    padding: 12px 18px;
}

@media (max-width: 767.98px) {
    .fcmenu { flex-basis: 100%; max-width: 100%; min-height: auto; }
    .col-md-10 { max-width: 100%; flex-basis: 100%; }
}