:root {
    --ws-ink: #08090c;
    --ws-panel: #101218;
    --ws-panel-2: #151821;
    --ws-line: rgba(255, 255, 255, .085);
    --ws-amber: #ffb300;
    --ws-coral: #ff5e3a;
    --ws-berry: #ff2d7b;
}

.fi-body {
    background:
        radial-gradient(900px 520px at 88% -12%, rgba(255, 94, 58, .10), transparent 68%),
        radial-gradient(720px 440px at 8% 110%, rgba(255, 179, 0, .06), transparent 70%),
        var(--ws-ink) !important;
}

.fi-sidebar,
.fi-topbar nav {
    background: rgba(12, 14, 19, .88) !important;
    border-color: var(--ws-line) !important;
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
}

.ws-admin-brand {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    color: #f8fafc;
    letter-spacing: -.02em;
}

.ws-admin-brand img {
    width: 2.35rem;
    height: 2.35rem;
    object-fit: contain;
    filter: drop-shadow(0 8px 16px rgba(255, 94, 58, .26));
}

.ws-admin-brand strong {
    display: flex;
    align-items: baseline;
    font-size: 1.06rem;
    font-weight: 760;
}

.ws-admin-brand b {
    margin-inline-start: .2rem;
    color: var(--ws-coral);
    font-weight: 800;
}

.fi-sidebar-item-button {
    border: 1px solid transparent;
    border-radius: .85rem !important;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.fi-sidebar-item-button:hover {
    background: rgba(255, 255, 255, .045) !important;
    border-color: var(--ws-line);
    transform: translateX(-2px);
}

.fi-sidebar-item-active > .fi-sidebar-item-button,
.fi-sidebar-item-active .fi-sidebar-item-button {
    background: linear-gradient(120deg, rgba(255, 179, 0, .13), rgba(255, 94, 58, .09)) !important;
    border-color: rgba(255, 138, 31, .34) !important;
    box-shadow: inset 3px 0 0 var(--ws-coral);
}

.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat,
.fi-fo-tabs,
.fi-dropdown-panel {
    background: linear-gradient(155deg, rgba(21, 24, 33, .96), rgba(14, 16, 22, .96)) !important;
    border: 1px solid var(--ws-line) !important;
    border-radius: 1.15rem !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .20) !important;
}

.fi-wi-stats-overview-stat::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 46%;
    height: 1px;
    background: linear-gradient(90deg, var(--ws-amber), transparent);
    opacity: .65;
}

.fi-btn {
    border-radius: .8rem !important;
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.fi-btn:hover {
    transform: translateY(-1px);
}

.fi-btn.fi-color-primary {
    background: linear-gradient(110deg, var(--ws-amber), var(--ws-coral)) !important;
    box-shadow: 0 10px 24px rgba(255, 94, 58, .20) !important;
    color: #170b03 !important;
}

.fi-input-wrp,
.fi-select-input,
.fi-fo-file-upload {
    border-color: var(--ws-line) !important;
    border-radius: .8rem !important;
    background: rgba(6, 8, 12, .55) !important;
}

.fi-input-wrp:focus-within {
    box-shadow: 0 0 0 1px rgba(255, 138, 31, .72), 0 0 0 4px rgba(255, 138, 31, .08) !important;
}

.fi-ta-header,
.fi-ta-content,
.fi-ta-row {
    border-color: var(--ws-line) !important;
}

.fi-ta-row:hover {
    background: rgba(255, 255, 255, .025) !important;
}

.fi-badge {
    border-radius: 999px !important;
}

@media (max-width: 768px) {
    .ws-admin-brand strong { font-size: .98rem; }
    .fi-section,
    .fi-ta-ctn,
    .fi-wi-stats-overview-stat { border-radius: .9rem !important; }
}

@media (prefers-reduced-motion: reduce) {
    .fi-sidebar-item-button,
    .fi-btn { transition: none !important; }
}