
:root{
    color-scheme:dark;
    --bg:#08111f;
    --bg-2:#0b1524;
    --surface:#0f1a2b;
    --surface-2:#142236;
    --surface-3:#17283f;
    --line:#26364d;
    --line-soft:#1d2c42;
    --ink:#f5f7fb;
    --muted:#9eacc0;
    --muted-2:#7f90a8;
    --primary:#39d1b1;
    --primary-2:#6ce4cc;
    --primary-soft:#10322e;
    --danger:#fb7185;
    --success:#4ade80;
}

/* Page */
html,body{
    background:var(--bg)!important;
    color:var(--ink)!important;
    min-height:100%;
}
body{
    min-height:100vh!important;
}

/* Header */
.site-header{
    background:rgba(11,21,36,.97)!important;
    border-color:var(--line)!important;
    box-shadow:0 1px 0 rgba(255,255,255,.02)!important;
    backdrop-filter:blur(10px);
}
.brand,
.brand span,
h1,h2,h3,h4,h5,h6,
strong,label,td{
    color:var(--ink)!important;
}
.brand-mark{
    background:var(--primary)!important;
    color:#07120f!important;
}
.desktop-nav a{
    color:#a9b6c8!important;
}
.desktop-nav a:hover,
.desktop-nav a.active{
    color:var(--primary-2)!important;
    border-bottom-color:var(--primary)!important;
}
.m-start-nav{
    color:var(--primary-2)!important;
    font-weight:900!important;
}
.m-start-nav.active{
    color:var(--primary)!important;
}
.nav-actions .icon-btn,
.btn-ghost{
    background:#111f32!important;
    color:var(--ink)!important;
    border-color:#2a3b54!important;
}
.nav-actions .icon-btn:hover,
.btn-ghost:hover{
    background:#17283f!important;
    border-color:#3a506e!important;
}
.user-chip{
    background:#101d30!important;
    color:var(--ink)!important;
    border-color:#2a3b54!important;
}
.user-avatar{
    background:var(--primary)!important;
    color:#07120f!important;
    border:none!important;
}

/* Text */
.muted,
.page-head p,
.stat-top,
.stat small,
.card p,
.panel p,
.feature p,
.footer{
    color:var(--muted)!important;
}

/* Surfaces */
.panel,.card,.stat,.form-card,.feature,.auth-box,.calc-card,.price-card,
.user-chip,.hero-demo,.table-card{
    background:var(--surface)!important;
    border-color:var(--line)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
}
.stat-icon,
.quick-action,
.subscription-logo,
.calc-result{
    background:var(--surface-2)!important;
    color:#dce6f3!important;
    border-color:var(--line)!important;
}
.eyebrow,.insight,.btn-soft{
    background:var(--primary-soft)!important;
    color:var(--primary-2)!important;
    border-color:#234b48!important;
}
.btn-soft:hover{
    background:#16423d!important;
}

/* Primary buttons */
.btn-primary{
    background:var(--primary)!important;
    color:#07120f!important;
    border-color:transparent!important;
}
.btn-primary:hover{
    background:#55dbc0!important;
}

/* Forms */
input,select,textarea{
    background:#0b1626!important;
    color:var(--ink)!important;
    border-color:#2a3b54!important;
}
input::placeholder,textarea::placeholder{
    color:#718096!important;
}
input:focus,select:focus,textarea:focus{
    border-color:var(--primary)!important;
    box-shadow:0 0 0 3px rgba(57,209,177,.12)!important;
}
select option{
    background:#0b1626!important;
    color:var(--ink)!important;
}

/* Tables / rows */
table,th,td,.list-row{
    border-color:var(--line)!important;
}
th{
    color:#91a0b4!important;
}
tbody tr:hover{
    background:rgba(255,255,255,.018)!important;
}

/* Progress and states */
.progress{
    background:#1b2b42!important;
}
.progress>i{
    background:linear-gradient(90deg,#19bfa1,#64e4cb)!important;
}
.positive{
    color:var(--success)!important;
}
.negative{
    color:var(--danger)!important;
}
.income{
    background:#103629!important;
    color:#6ee7b7!important;
}
.expense{
    background:#391724!important;
    color:#fda4af!important;
}
.btn-danger{
    background:#321725!important;
    color:#ff9cad!important;
    border-color:#5b2434!important;
}

/* Flash */
.flash.success{
    background:#0f2e27!important;
    color:#7ee7cf!important;
    border-color:#24584d!important;
}
.flash.error{
    background:#321725!important;
    color:#ff9cad!important;
    border-color:#5b2434!important;
}

/* Charts and score */
.mini-bars{
    border-color:var(--line)!important;
}
.score-ring:after{
    background:var(--surface)!important;
}

/* Footer */
.footer{
    border-color:var(--line)!important;
}

/* Floating Help */
.m-floating-guide > summary{
    background:var(--primary)!important;
    color:#07120f!important;
    border:1px solid rgba(108,228,204,.28)!important;
    box-shadow:0 14px 38px rgba(0,0,0,.38)!important;
}
.m-floating-guide-icon{
    background:#07120f!important;
    color:var(--primary-2)!important;
}
.m-floating-guide-panel{
    background:var(--surface)!important;
    color:var(--ink)!important;
    border:1px solid #2b3c54!important;
    box-shadow:0 24px 70px rgba(0,0,0,.5)!important;
}
.m-floating-guide-head small,
.m-floating-guide-row b{
    color:var(--primary-2)!important;
}
.m-floating-guide-head h3{
    color:var(--ink)!important;
}
.m-floating-guide-row{
    border-color:var(--line)!important;
}
.m-floating-guide-row p{
    color:#b5c3d4!important;
}
.m-floating-guide-full{
    background:var(--primary-soft)!important;
    color:var(--primary-2)!important;
    border:1px solid #234b48!important;
}
.m-floating-guide-full:hover{
    background:#16423d!important;
}

/* Start Here */
.m-first-steps a,
.m-section-cards article{
    background:var(--surface)!important;
    border-color:var(--line)!important;
    color:var(--ink)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}
.m-first-steps strong,
.m-section-cards h3{
    color:var(--ink)!important;
}
.m-first-steps p,
.m-answer p{
    color:#aab8c9!important;
}
.m-first-steps a>span{
    background:var(--primary)!important;
    color:#07120f!important;
}
.m-card-head span{
    background:var(--primary-soft)!important;
    color:var(--primary-2)!important;
}
.m-answer{
    border-color:var(--line)!important;
}
.m-answer b{
    color:var(--primary-2)!important;
}
.m-key-message{
    background:var(--primary-soft)!important;
    border-color:#234b48!important;
    color:#d9e7e3!important;
}
.m-key-message strong{
    color:var(--primary-2)!important;
}

/* Hero / homepage */
.hero{
    background:
      radial-gradient(circle at 80% 20%,rgba(57,209,177,.08),transparent 32%),
      var(--bg)!important;
}
.hero h1{
    color:var(--ink)!important;
}
.hero p{
    color:#aab8c9!important;
}

/* Pricing */
.price-card{
    background:var(--surface)!important;
}
.price-card[style*="border:2px"]{
    border-color:var(--primary)!important;
}
.badge{
    background:var(--primary-soft)!important;
    color:var(--primary-2)!important;
}

/* Auth */
.auth-wrap,.auth-section{
    background:var(--bg)!important;
}
.auth-box{
    background:var(--surface)!important;
}

/* Scrollbar */
*{
    scrollbar-color:#2a3b54 #0b1524;
}
::-webkit-scrollbar{
    width:11px;
    height:11px;
}
::-webkit-scrollbar-track{
    background:#0b1524;
}
::-webkit-scrollbar-thumb{
    background:#2a3b54;
    border-radius:10px;
    border:2px solid #0b1524;
}
::-webkit-scrollbar-thumb:hover{
    background:#3a506e;
}

@media (max-width:800px){
    .site-header{
        background:#0b1524!important;
    }
}
