/* MERCURIUS FINANCE OS V6.6 */

:root {

    --fin-bg:#030811;
    --fin-panel:#071320;
    --fin-panel2:#091827;

    --fin-line:
        rgba(47,255,208,.16);

    --fin-green:#30ffd0;
    --fin-blue:#629fff;
    --fin-red:#ff5f7e;
    --fin-yellow:#ffd367;
    --fin-purple:#af84ff;

    --fin-text:#edf8ff;
    --fin-muted:#7894aa;
}


.v66-fin-menu {

    position:relative;

    display:flex !important;

    align-items:center;

    gap:10px;

    margin:
        6px 8px;

    padding:
        11px 12px !important;

    border:
        1px solid
        rgba(48,255,208,.17) !important;

    border-radius:
        12px !important;

    color:
        #d9fff7 !important;

    background:
        linear-gradient(
            135deg,
            rgba(48,255,208,.07),
            rgba(98,159,255,.045)
        ) !important;

    text-decoration:none !important;
}


.v66-fin-menu::after {

    content:"PROTEGIDO";

    margin-left:auto;

    color:#30ffd0;

    font-size:7px;

    letter-spacing:.1em;
}


#v66-finance {

    position:fixed;

    z-index:650;

    left:270px;
    top:118px;

    right:0;
    bottom:0;

    overflow:auto;

    background:

        radial-gradient(
            circle at 75% 0,
            rgba(48,255,208,.075),
            transparent 35%
        ),

        linear-gradient(
            180deg,
            rgba(3,9,17,.99),
            rgba(3,7,14,.995)
        );

    padding:
        clamp(
            15px,
            1.4vw,
            26px
        );
}


.v66-fin-top {

    display:flex;

    align-items:center;

    justify-content:
        space-between;

    gap:15px;

    margin-bottom:16px;
}


.v66-fin-title {

    margin:0;

    font-size:
        clamp(
            24px,
            2.2vw,
            36px
        );

    color:var(--fin-text);
}


.v66-fin-sub {

    margin:5px 0 0;

    color:var(--fin-muted);

    font-size:12px;
}


.v66-fin-close {

    width:38px;
    height:38px;

    display:grid;

    place-items:center;

    border:
        1px solid
        rgba(255,255,255,.12);

    border-radius:11px;

    background:
        rgba(255,255,255,.035);

    color:white;

    cursor:pointer;
}


.v66-fin-lock {

    max-width:430px;

    margin:
        10vh auto 0;

    padding:28px;

    border:
        1px solid
        var(--fin-line);

    border-radius:20px;

    background:
        linear-gradient(
            180deg,
            rgba(9,25,39,.96),
            rgba(5,14,25,.97)
        );

    text-align:center;

    box-shadow:
        0 25px 70px
        rgba(0,0,0,.35);
}


.v66-lock-icon {

    width:58px;
    height:58px;

    display:grid;

    place-items:center;

    margin:
        0 auto 16px;

    border:
        1px solid
        rgba(48,255,208,.28);

    border-radius:18px;

    color:#30ffd0;

    background:
        rgba(48,255,208,.055);

    box-shadow:
        0 0 35px
        rgba(48,255,208,.12);

    font-size:25px;
}


.v66-fin-input,
.v66-fin-select,
.v66-fin-textarea {

    width:100%;

    padding:
        10px 11px;

    color:var(--fin-text);

    border:
        1px solid
        rgba(135,164,188,.20);

    border-radius:10px;

    background:#040c16;

    outline:none;
}


.v66-fin-textarea {

    min-height:75px;

    resize:vertical;
}


.v66-fin-btn {

    padding:
        10px 13px;

    border:
        1px solid
        rgba(48,255,208,.25);

    border-radius:10px;

    background:
        rgba(48,255,208,.07);

    color:#ddfff8;

    cursor:pointer;

    font-weight:650;
}


.v66-fin-btn:hover {

    background:
        rgba(48,255,208,.12);
}


.v66-fin-btn.red {

    border-color:
        rgba(255,95,126,.25);

    background:
        rgba(255,95,126,.07);
}


.v66-fin-bar {

    display:flex;

    flex-wrap:wrap;

    gap:9px;

    align-items:center;

    margin-bottom:14px;
}


.v66-fin-bar
.v66-fin-select {

    width:auto;

    min-width:190px;
}


.v66-fin-tabs {

    display:flex;

    flex-wrap:wrap;

    gap:7px;

    margin-bottom:15px;
}


.v66-fin-tab {

    padding:
        9px 11px;

    border:
        1px solid
        rgba(98,159,255,.18);

    border-radius:10px;

    color:#91abc2;

    background:
        rgba(98,159,255,.035);

    cursor:pointer;

    font-size:11px;
}


.v66-fin-tab.active {

    color:#ddfff8;

    border-color:
        rgba(48,255,208,.32);

    background:
        rgba(48,255,208,.075);
}


.v66-fin-kpis {

    display:grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(
                170px,
                1fr
            )
        );

    gap:10px;

    margin-bottom:15px;
}


.v66-fin-kpi {

    padding:14px;

    border:
        1px solid
        var(--fin-line);

    border-radius:15px;

    background:
        linear-gradient(
            180deg,
            rgba(9,24,38,.93),
            rgba(5,14,25,.93)
        );
}


.v66-kpi-label {

    color:var(--fin-muted);

    font-size:9px;

    letter-spacing:.09em;

    text-transform:uppercase;
}


.v66-kpi-value {

    margin-top:6px;

    font-size:25px;

    font-weight:800;

    color:var(--fin-text);
}


.v66-money {

    color:#30ffd0;
}


.v66-danger {

    color:#ff5f7e;
}


.v66-fin-grid {

    display:grid;

    grid-template-columns:
        repeat(
            12,
            minmax(0,1fr)
        );

    gap:12px;
}


.v66-panel {

    grid-column:span 6;

    padding:14px;

    border:
        1px solid
        rgba(98,159,255,.13);

    border-radius:16px;

    background:
        rgba(6,16,28,.88);

    min-width:0;
}


.v66-panel.full {

    grid-column:1/-1;
}


.v66-panel h3 {

    margin:
        0 0 12px;

    font-size:14px;

    color:#e6f4ff;
}


.v66-form {

    display:grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(
                175px,
                1fr
            )
        );

    gap:9px;
}


.v66-field {

    display:grid;

    gap:5px;
}


.v66-field label {

    color:#6f8ca3;

    font-size:9px;

    text-transform:uppercase;
}


.v66-table-wrap {

    overflow:auto;

    border:
        1px solid
        rgba(255,255,255,.055);

    border-radius:13px;
}


.v66-table {

    width:100%;

    min-width:850px;

    border-collapse:collapse;

    font-size:11px;
}


.v66-table th {

    padding:10px;

    color:#718fa7;

    background:#07111e;

    text-align:left;

    text-transform:uppercase;

    letter-spacing:.07em;

    font-size:8px;
}


.v66-table td {

    padding:10px;

    border-top:
        1px solid
        rgba(255,255,255,.05);

    color:#cfe0ed;
}


.v66-status {

    display:inline-flex;

    padding:4px 6px;

    border:
        1px solid
        rgba(98,159,255,.2);

    border-radius:8px;

    font-size:8px;
}


.v66-status.pending {

    color:#ffd367;
}


.v66-status.paid {

    color:#30ffd0;
}


.v66-status.cancelled {

    color:#72889a;
}


.v66-progress {

    height:7px;

    overflow:hidden;

    border-radius:999px;

    background:
        rgba(255,255,255,.065);

    margin-top:8px;
}


.v66-progress span {

    display:block;

    height:100%;

    background:
        linear-gradient(
            90deg,
            #30ffd0,
            #629fff
        );
}


.v66-queue {

    display:grid;

    grid-template-columns:
        repeat(
            4,
            1fr
        );

    gap:8px;
}


.v66-queue-item {

    padding:11px;

    border:
        1px solid
        rgba(255,255,255,.06);

    border-radius:11px;

    background:
        rgba(255,255,255,.02);
}


.v66-queue-item strong {

    display:block;

    font-size:22px;

    color:#edf8ff;
}


.v66-queue-item small {

    color:#718ba1;
}


@media(max-width:900px) {

    #v66-finance {

        left:0 !important;
        top:0 !important;

        z-index:99999;
    }

    .v66-panel {

        grid-column:1/-1;
    }

    .v66-queue {

        grid-template-columns:
            repeat(
                2,
                1fr
            );
    }
}