html.fi {
    --bpmc-primary: #1448a9;
    --bpmc-secondary: #00266e;
    --bpmc-text: #192a3d;
    --bpmc-background: #ffffff;
    --bpmc-border: rgba(25, 42, 61, 0.14);
    --bpmc-muted: rgba(25, 42, 61, 0.66);
}

html.fi body.fi-panel-admin .fi-simple-layout {
    min-height: 100vh;
    color: var(--bpmc-text);
    background:
        linear-gradient(135deg, rgba(20, 72, 169, 0.08), rgba(255, 255, 255, 0) 42%),
        var(--bpmc-background);
}

html.fi body.fi-panel-admin .fi-simple-main-ctn {
    padding: 32px 16px;
}

html.fi body.fi-panel-admin .fi-simple-main {
    border: 1px solid var(--bpmc-border);
    border-radius: 8px;
    padding: 34px;
    background: var(--bpmc-background);
    box-shadow: 0 24px 70px rgba(0, 38, 110, 0.14);
}

html.fi body.fi-panel-admin .fi-simple-header {
    gap: 14px;
}

html.fi body.fi-panel-admin .fi-logo,
html.fi body.fi-panel-admin .fi-simple-header-heading {
    color: var(--bpmc-text);
}

html.fi body.fi-panel-admin .fi-simple-header-heading {
    font-size: 1.35rem;
    font-weight: 700;
}

html.fi body.fi-panel-admin .fi-simple-header-subheading {
    color: var(--bpmc-muted);
}

html.fi body.fi-panel-admin .fi-input-wrp {
    border-color: rgba(25, 42, 61, 0.16);
    background: #ffffff;
}

html.fi body.fi-panel-admin .fi-input-wrp:focus-within {
    border-color: var(--bpmc-primary);
    box-shadow: 0 0 0 3px rgba(20, 72, 169, 0.14);
}

html.fi body.fi-panel-admin .fi-fo-field-wrp-label,
html.fi body.fi-panel-admin .fi-checkbox-list-option-label,
html.fi body.fi-panel-admin .fi-radio-label {
    color: var(--bpmc-text);
}

html.fi body.fi-panel-admin .fi-input {
    color: var(--bpmc-text);
}

html.fi body.fi-panel-admin .fi-input::placeholder {
    color: rgba(25, 42, 61, 0.42);
}

html.fi body.fi-panel-admin .fi-link {
    color: var(--bpmc-secondary);
}

html.fi body.fi-panel-admin .fi-link:hover,
html.fi body.fi-panel-admin .fi-link:focus-visible {
    color: var(--bpmc-primary);
}

html.fi body.fi-panel-admin .fi-checkbox-input,
html.fi body.fi-panel-admin .fi-radio-input {
    color: var(--bpmc-primary);
    border-color: rgba(25, 42, 61, 0.24);
}

html.fi body.fi-panel-admin .fi-checkbox-input:focus,
html.fi body.fi-panel-admin .fi-radio-input:focus {
    box-shadow: 0 0 0 3px rgba(20, 72, 169, 0.16);
}

html.fi body.fi-panel-admin .fi-btn.fi-color-primary {
    color: #ffffff;
    background: var(--bpmc-primary);
    box-shadow: 0 16px 34px rgba(20, 72, 169, 0.26);
}

html.fi body.fi-panel-admin .fi-btn.fi-color-primary:hover,
html.fi body.fi-panel-admin .fi-btn.fi-color-primary:focus-visible {
    background: var(--bpmc-secondary);
    box-shadow: 0 18px 38px rgba(0, 38, 110, 0.3);
}

html.fi.dark body.fi-panel-admin .fi-simple-layout,
html.fi.dark body.fi-panel-admin .fi-simple-main {
    color: var(--bpmc-text);
    background: var(--bpmc-background);
}

@media (max-width: 640px) {
    html.fi body.fi-panel-admin .fi-simple-main {
        padding: 26px;
    }
}