/* V156 · White / Red Banking Design System — inspired by UXDA Liv X principles */
:root{--v-red:#c92335;--v-red-2:#e54855;--v-red-soft:#fff0f1;--v-ink:#17191d;--v-muted:#737984;--v-line:#e8e9ec;--v-bg:#f4f5f7;--v-card:#fff;--v-shadow:0 12px 34px rgba(23,25,29,.07);--v-radius:20px;--v-radius-sm:14px;--v-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color-scheme:light}
*{scrollbar-color:#d7d9de transparent}html{background:var(--v-bg)}body{font-family:var(--v-font)!important;color:var(--v-ink)}
/* Main application */
.sf-layout{background:var(--v-bg)!important;color:var(--v-ink)!important;min-height:100vh;gap:0!important}
.sf-side{background:#fff!important;border-right:1px solid var(--v-line)!important;box-shadow:8px 0 30px rgba(20,20,20,.025)!important;padding:26px 18px!important}
.sf-brand{padding:4px 10px 28px!important;color:var(--v-ink)!important}.sf-brand small{color:#969ba4!important;letter-spacing:.13em!important}
.sf-brand-mark{background:linear-gradient(145deg,var(--v-red),#f16b72)!important;color:#fff!important;border-radius:13px!important;box-shadow:0 7px 18px rgba(201,35,53,.22)!important}
.sf-nav{gap:7px!important}.sf-nav a{border-radius:13px!important;color:#626873!important;padding:12px 13px!important;font-weight:650!important;transition:background .18s,transform .18s,color .18s!important}.sf-nav a:hover{background:#fff4f4!important;color:var(--v-red)!important;transform:translateX(2px)}.sf-nav a.active{background:var(--v-red-soft)!important;color:var(--v-red)!important;box-shadow:inset 3px 0 0 var(--v-red)!important}.sf-nav .sf-ico{color:inherit!important}
.sf-side-foot{color:#9a9ea6!important;border-top:1px solid var(--v-line)!important}
.sf-main{background:var(--v-bg)!important;min-width:0}.sf-topbar{background:rgba(255,255,255,.9)!important;border-bottom:1px solid var(--v-line)!important;backdrop-filter:blur(16px)!important;padding:17px 30px!important}.sf-topbar-brand{color:var(--v-ink)!important}.sf-topbar-heading h1{color:var(--v-ink)!important}.sf-crumb{color:#969ba4!important}.sf-profile{background:#fff!important;border:1px solid var(--v-line)!important;color:var(--v-ink)!important;border-radius:999px!important;padding:6px 12px 6px 6px!important}.sf-avatar{background:var(--v-red-soft)!important;color:var(--v-red)!important}
.sf-content,.sf-page-content,.sf-dashboard,.sf-page{padding:28px 30px!important}
.sf-card,.sf-panel,.sf-widget,.sf-stat-card,.sf-chart-card{background:var(--v-card)!important;color:var(--v-ink)!important;border:1px solid var(--v-line)!important;border-radius:var(--v-radius)!important;box-shadow:var(--v-shadow)!important}
.sf-card{padding:23px!important}.sf-card h2,.sf-card h3,.sf-panel h2,.sf-panel h3{color:var(--v-ink)!important;letter-spacing:-.025em}.sf-muted,.sf-card p{color:var(--v-muted)!important}.sf-red-card{background:linear-gradient(135deg,#fff 0%,#fff7f7 100%)!important;color:var(--v-ink)!important;border:1px solid #f2d9dc!important}.sf-red-card h2,.sf-red-card .sf-amount{color:var(--v-ink)!important}.sf-red-card .sf-kicker{color:var(--v-red)!important}.sf-red-card .sf-link{color:var(--v-red)!important}.sf-red-card .sf-progress{background:#f4dfe1!important}.sf-red-card .sf-progress i{background:linear-gradient(90deg,var(--v-red),#f17b83)!important}
.sf-kicker{color:var(--v-red)!important;letter-spacing:.12em!important;font-weight:750!important}.sf-amount,.sf-rate{color:var(--v-ink)!important;letter-spacing:-.045em!important}.sf-pill.red{background:var(--v-red-soft)!important;color:var(--v-red)!important}.sf-pill.green{background:#eaf8f0!important;color:#16834b!important}.sf-progress,.sf-home-mini-progress{background:#eceef1!important;border-radius:999px!important;overflow:hidden}.sf-progress i,.sf-home-mini-progress i{background:linear-gradient(90deg,var(--v-red),#f27c85)!important;border-radius:999px!important}.sf-list-row{border-bottom:1px solid #f0f1f3!important}.sf-list-icon{background:#fff0f1!important;color:var(--v-red)!important;border-radius:12px!important}.sf-link{color:var(--v-red)!important;font-weight:700!important}.sf-link:hover{color:#941b29!important}
.sf-card button,.sf-main button,.sf-main .button{transition:transform .18s,box-shadow .18s,background .18s}.sf-card button:active,.sf-main button:active{transform:scale(.985)}
/* Operations and progress timelines */
.sf-step,.sf-step-card,.operation-card,.operation-step,.final-phase-step,.final-substep,.operation-info-item{background:#fff!important;border:1px solid var(--v-line)!important;border-radius:16px!important;box-shadow:0 5px 18px rgba(20,20,20,.035)!important;color:var(--v-ink)!important}.sf-step h3,.operation-step h3{color:var(--v-ink)!important}.sf-step small,.operation-step small{color:var(--v-muted)!important}.sf-step .progress,.operation-step .progress,.final-phase-step .progress{background:#f0f1f3!important;border-radius:999px!important}.sf-step .progress i,.operation-step .progress i,.final-phase-step .progress i{background:linear-gradient(90deg,var(--v-red),#ef7881)!important}
/* Markets terminal */
.market-terminal{background:var(--v-bg)!important;color:var(--v-ink)!important}.mt-topbar{background:#fff!important;border-bottom:1px solid var(--v-line)!important;box-shadow:0 5px 20px rgba(20,20,20,.035)!important;color:var(--v-ink)!important}.mt-brand,.mt-brand strong{color:var(--v-ink)!important}.mt-brand small,.mt-head-status{color:var(--v-muted)!important}.mt-brand-mark{background:var(--v-red)!important;color:#fff!important;border-radius:12px!important}.mt-main{max-width:1600px!important}.mt-intro{color:var(--v-ink)!important}.mt-intro h1{color:var(--v-ink)!important;letter-spacing:-.04em}.mt-intro p,.mt-session small{color:var(--v-muted)!important}.mt-session,.mt-commandline,.mt-panel,.mt-refinery-card,.mt-industry-note{background:#fff!important;border:1px solid var(--v-line)!important;border-radius:var(--v-radius)!important;box-shadow:var(--v-shadow)!important;color:var(--v-ink)!important}.mt-commandline{background:#fff!important;color:#444!important}.mt-prompt,.mt-command-state,.mt-kicker{color:var(--v-red)!important}.mt-panel h2,.mt-refinery-card h3{color:var(--v-ink)!important}.mt-panel-note,.mt-footer p,.mt-refinery-card p,.mt-industry-note p{color:var(--v-muted)!important}.mt-tag{background:var(--v-red-soft)!important;color:var(--v-red)!important;border:1px solid #f5dadd!important}.mt-close{background:var(--v-red)!important;color:#fff!important;border-radius:12px!important}.mt-footer{color:var(--v-muted)!important;border-top:1px solid var(--v-line)!important}
/* Admin */
body:has(> main.admin),body:has(> main.admin.app){background:var(--v-bg)!important;color:var(--v-ink)!important}.admin.app,.admin{color:var(--v-ink)!important}.admin-head,.head{color:var(--v-ink)!important}.admin-head h1,.head h1{color:var(--v-ink)!important;letter-spacing:-.04em}.admin .card,.admin.app .card{background:#fff!important;border:1px solid var(--v-line)!important;border-radius:var(--v-radius)!important;box-shadow:var(--v-shadow)!important;color:var(--v-ink)!important}.admin .hint,.admin .custom-note{color:var(--v-muted)!important}.admin input,.admin select,.admin textarea,.field input,.field select{background:#fff!important;color:var(--v-ink)!important;border:1px solid #dfe1e5!important;border-radius:11px!important;min-height:44px}.admin input:focus,.admin select:focus,.admin textarea:focus{outline:3px solid rgba(201,35,53,.12)!important;border-color:var(--v-red)!important}.admin button,.admin .save,.save{background:var(--v-red)!important;color:#fff!important;border:0!important;border-radius:12px!important;box-shadow:0 7px 16px rgba(201,35,53,.16)!important}.admin a,.back{color:var(--v-red)!important}.admin-tabbar{background:#f3f4f6!important;border:1px solid var(--v-line)!important;border-radius:14px!important;padding:5px!important}.admin-tab.is-active{background:#fff!important;color:var(--v-red)!important;box-shadow:0 3px 12px rgba(20,20,20,.08)!important}.success{background:#edf8f1!important;color:#167847!important;border-color:#cfead9!important}.error{background:#fff0f1!important;color:#b42332!important;border-color:#f1cbd0!important}.summary{background:#fafafa!important;border-color:var(--v-line)!important;color:var(--v-ink)!important}.summary span{color:var(--v-muted)!important}
/* Login / restricted forms */
.login-body{background:radial-gradient(circle at 15% 0%,#fff0f1,transparent 35%),var(--v-bg)!important}.login.card,.box{background:#fff!important;color:var(--v-ink)!important;border:1px solid var(--v-line)!important;border-radius:24px!important;box-shadow:var(--v-shadow)!important}.login input,.box input{background:#fff!important;color:var(--v-ink)!important;border:1px solid #dfe1e5!important}.login button,.box button{background:var(--v-red)!important;color:#fff!important;border-radius:12px!important}
/* Universal form controls, tables and chart containers */
input,select,textarea{accent-color:var(--v-red)}button,[role=button]{-webkit-tap-highlight-color:transparent}table{border-collapse:separate!important;border-spacing:0!important}th{color:#666d78!important;background:#f7f7f8!important}td,th{border-bottom:1px solid var(--v-line)!important}canvas,svg{max-width:100%}
/* Dark theme remains optional, not default */
html[data-theme="dark"]{color-scheme:dark;--v-bg:#111317;--v-card:#1b1e24;--v-ink:#f4f5f7;--v-muted:#a2a8b2;--v-line:#30343c;--v-red-soft:#3b2025;--v-shadow:0 12px 34px rgba(0,0,0,.2)}html[data-theme="dark"] .sf-side,html[data-theme="dark"] .sf-topbar,html[data-theme="dark"] .mt-topbar,html[data-theme="dark"] .mt-session,html[data-theme="dark"] .mt-commandline,html[data-theme="dark"] .mt-panel,html[data-theme="dark"] .mt-refinery-card,html[data-theme="dark"] .admin .card,html[data-theme="dark"] .admin.app .card,html[data-theme="dark"] .login.card,html[data-theme="dark"] .box{background:var(--v-card)!important;color:var(--v-ink)!important;border-color:var(--v-line)!important}html[data-theme="dark"] .sf-red-card{background:linear-gradient(135deg,#211b1e,#251b20)!important}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#15181d!important;color:var(--v-ink)!important;border-color:var(--v-line)!important}html[data-theme="dark"] .sf-nav a{color:#c3c7ce!important}html[data-theme="dark"] .sf-nav a.active{background:#3b2025!important;color:#ff8791!important}html[data-theme="dark"] .sf-list-icon{background:#3b2025!important}html[data-theme="dark"] .summary,html[data-theme="dark"] th{background:#171a20!important;color:var(--v-ink)!important}
@media(max-width:900px){.sf-topbar{padding:14px 17px!important}.sf-content,.sf-page-content,.sf-dashboard,.sf-page{padding:18px 15px!important}.sf-side{padding:16px 12px!important}.sf-card{padding:18px!important}.mt-main{padding-left:14px!important;padding-right:14px!important}}
@media(max-width:600px){.sf-topbar-heading h1{font-size:20px!important}.sf-profile-label{display:none}.sf-card{border-radius:17px!important}.mt-intro{gap:14px}.mt-intro h1{font-size:28px!important}.admin.app,.admin{padding:12px!important}.admin-tabbar{overflow-x:auto}.admin-tab{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}