*{
    box-sizing:border-box;
}

:root{
    --preto:#181818;
    --preto-2:#222;
    --vermelho:#c62828;
    --vermelho-2:#e53935;
    --azul:#1565c0;
    --verde:#1e9e52;
    --amarelo:#f9a825;
    --fundo:#f4f5f8;
    --texto:#202124;
    --muted:#6b7280;
    --borda:#e6e8ee;
    --card:#ffffff;
    --shadow:0 18px 45px rgba(15,23,42,.08);
    --shadow-red:0 14px 30px rgba(198,40,40,.28);
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    background:
        radial-gradient(circle at top left, rgba(198,40,40,.08), transparent 30%),
        linear-gradient(180deg,#f7f8fb,#eef1f6);
    color:var(--texto);
}

a{
    text-decoration:none;
}

.layout{
    display:flex;
    min-height:100vh;
}

/* SIDEBAR PREMIUM */

.sidebar{
    width:280px;
    background:
        radial-gradient(circle at top left, rgba(198,40,40,.20), transparent 28%),
        linear-gradient(180deg,#171717 0%,#202020 55%,#151515 100%);
    color:#fff;
    padding:24px 18px;
    position:sticky;
    top:0;
    height:100vh;
    border-right:1px solid rgba(255,255,255,.07);
    box-shadow:12px 0 35px rgba(0,0,0,.22);
    overflow-y:auto;
}

.sidebar::-webkit-scrollbar{
    width:6px;
}

.sidebar::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.18);
    border-radius:20px;
}

.logo-box{
    padding:22px 20px;
    border-radius:24px;
    background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 18px 30px rgba(0,0,0,.18);
    margin-bottom:24px;
}

.logo-sidebar{
    width:100%;
    max-width:220px;
    display:block;
    margin:auto;
    object-fit:contain;
}

.logo-box{
    text-align:center;
}

.logo-box h2{
    margin:0 0 10px;
    font-size:28px;
    font-weight:900;
    letter-spacing:-.7px;
    color:#fff;
}

.logo-box span{
    color:#d3d3d3;
    font-size:14px;
}

.menu{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.menu a,
.menu-group-btn{
    width:100%;
    border:0;
    outline:0;
    color:#fff;
    padding:15px 16px;
    border-radius:16px;
    font-size:15px;
    font-weight:800;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    text-align:left;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.045);
    transition:.22s ease;
}

.menu a:hover,
.menu-group-btn:hover{
    background:linear-gradient(135deg,var(--vermelho),var(--vermelho-2));
    transform:translateX(5px);
    box-shadow:var(--shadow-red);
}

.menu-arrow{
    font-size:14px;
}

.menu-subgroup{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:2px 0 8px 14px;
    padding-left:10px;
    border-left:2px solid rgba(255,255,255,.10);
    animation:menuDrop .22s ease;
}

@keyframes menuDrop{
    from{
        opacity:0;
        transform:translateY(-4px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

.menu-subgroup.closed{
    display:none;
}

.menu-subgroup a{
    font-size:14px;
    padding:12px 14px;
    border-radius:14px;
    background:rgba(255,255,255,.035);
}

.badge-menu{
    background:var(--vermelho-2);
    color:#fff;
    padding:3px 8px;
    border-radius:999px;
    font-size:12px;
    margin-left:8px;
}

/* CONTENT */

.content{
    flex:1;
    padding:34px 24px;
    max-width:100%;
}

.page-title{
    margin:0 0 24px;
    font-size:36px;
    line-height:1.1;
    color:#111827;
    font-weight:950;
    letter-spacing:-1px;
}

/* CARDS */

.card{
    background:linear-gradient(180deg,#fff,#fbfbfc);
    border-radius:26px;
    padding:26px;
    margin-bottom:22px;
    border:1px solid rgba(226,232,240,.95);
    box-shadow:var(--shadow);
    transition:.22s ease;
}

.card:hover{
    transform:translateY(-2px);
    box-shadow:0 22px 50px rgba(15,23,42,.10);
}

.card h2{
    margin:0 0 20px;
    font-size:24px;
    font-weight:900;
    color:#222;
}

/* GRIDS */

.cards-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
    gap:18px;
    margin-bottom:20px;
}

.grid-2{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.info-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:12px;
    margin-top:10px;
}

/* FORM PREMIUM */

.form-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:14px;
}

label{
    display:block;
    font-weight:800;
    color:#2b2b2b;
    margin-bottom:7px;
}

input,
select,
textarea{
    width:100%;
    min-height:58px;
    border:1px solid #d8dce4;
    border-radius:17px;
    padding:0 16px;
    font-size:14px;
    background:#fff;
    color:#111827;
    outline:none;
    transition:.20s ease;
}

textarea{
    padding:14px 16px;
    min-height:104px;
    resize:vertical;
}

input::placeholder,
textarea::placeholder{
    color:#777;
}

input[type="date"]{
    cursor:pointer;
    color:#111827;
}

input[type="file"]{
    padding:14px;
    min-height:auto;
    background:#fff;
}

select{
    cursor:pointer;
    appearance:auto;
}

input:focus,
select:focus,
textarea:focus{
    border-color:var(--vermelho);
    box-shadow:0 0 0 4px rgba(198,40,40,.12);
    background:#fff;
}

/* SEARCH */

.search-bar{
    display:flex;
    gap:12px;
}

.search-bar input{
    flex:1;
}

/* BUTTONS */

.btn{
    border:none;
    border-radius:16px;
    padding:14px 18px;
    min-height:48px;
    font-weight:900;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    transition:.22s ease;
}

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

.btn-danger{
    background:linear-gradient(135deg,var(--vermelho),var(--vermelho-2));
    color:#fff;
    box-shadow:0 10px 24px rgba(198,40,40,.25);
}

.btn-danger:hover{
    filter:brightness(.96);
    box-shadow:var(--shadow-red);
}

.btn-primary{
    background:linear-gradient(135deg,#1565c0,#1e88e5);
    color:#fff;
    box-shadow:0 10px 24px rgba(21,101,192,.24);
}

.btn-success{
    background:linear-gradient(135deg,#148a49,#22c55e);
    color:#fff;
}

.btn-warning{
    background:linear-gradient(135deg,#f59e0b,#facc15);
    color:#111;
}

.btn-sm{
    padding:9px 13px;
    min-height:36px;
    border-radius:12px;
    font-size:12px;
}

.w-full{
    width:100%;
}

/* TABLE */

.table-wrap{
    overflow-x:auto;
    border-radius:18px;
    border:1px solid #edf0f5;
}

table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
}

table th,
table td{
    padding:14px 15px;
    border-bottom:1px solid #edf0f5;
    text-align:left;
    font-size:14px;
    vertical-align:middle;
}

table th{
    background:#f8fafc;
    color:#374151;
    font-weight:900;
}

table tr:hover td{
    background:#fff7f7;
}

.actions-inline{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
}

.actions-inline form{
    margin:0;
}

/* BADGES */

.badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:900;
    background:#e5e7eb;
    color:#222;
}

.badge.success{
    background:#dcfce7;
    color:#166534;
}

.badge.primary{
    background:#dbeafe;
    color:#1d4ed8;
}

.badge.warning{
    background:#fef3c7;
    color:#92400e;
}

.badge.danger{
    background:#fee2e2;
    color:#991b1b;
}

/* ALERTS */

.alert{
    padding:15px 18px;
    border-radius:16px;
    margin-bottom:18px;
    font-weight:900;
    box-shadow:0 10px 24px rgba(0,0,0,.06);
}

.alert.success{
    background:#dcfce7;
    color:#166534;
}

.alert.danger{
    background:#fee2e2;
    color:#991b1b;
}

.alert.warning{
    background:#fef3c7;
    color:#92400e;
}

.alert.info{
    background:#dbeafe;
    color:#1d4ed8;
}

/* DASHBOARD */

.kpi{
    border-left:6px solid var(--vermelho);
}

.kpi strong{
    font-size:34px;
    display:block;
    margin-top:12px;
    color:#111;
}

.kpi.success{border-left-color:var(--verde);}
.kpi.primary{border-left-color:var(--azul);}
.kpi.warning{border-left-color:var(--amarelo);}
.kpi.danger{border-left-color:var(--vermelho);}

.dashboard-premium-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:16px;
    margin-bottom:22px;
}

.kpi-card{
    border-radius:22px;
    padding:22px;
    color:#fff;
    box-shadow:0 14px 32px rgba(0,0,0,.13);
    min-height:120px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    transition:.22s ease;
}

.kpi-card:hover{
    transform:translateY(-4px);
}

.kpi-label{
    font-size:14px;
    font-weight:700;
    opacity:.95;
}

.kpi-value{
    font-size:36px;
    font-weight:950;
    line-height:1;
    margin-top:12px;
}

.kpi-dark{background:linear-gradient(135deg,#1f1f1f,#3b3b3b);}
.kpi-success{background:linear-gradient(135deg,#0f9d58,#34a853);}
.kpi-primary{background:linear-gradient(135deg,#b11226,#e53935);}
.kpi-danger{background:linear-gradient(135deg,#7f1010,#c62828);}
.kpi-warning{background:linear-gradient(135deg,#d98b00,#f4b400);color:#1f1f1f;}
.kpi-muted{background:linear-gradient(135deg,#5f6368,#80868b);}

.finance-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:16px;
    margin-bottom:22px;
}

.finance-card{
    background:#fff;
    border-radius:22px;
    padding:24px;
    border:1px solid #ececec;
    box-shadow:var(--shadow);
}

.finance-title{
    font-size:13px;
    font-weight:900;
    color:#666;
    margin-bottom:10px;
    text-transform:uppercase;
    letter-spacing:.4px;
}

.finance-value{
    font-size:34px;
    font-weight:950;
    line-height:1.1;
}

.finance-positive .finance-value{color:#148a49;}
.finance-negative .finance-value{color:#c62828;}
.finance-neutral .finance-value{color:#b11226;}

.dashboard-2col{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin-bottom:22px;
}

.premium-card{
    border-radius:24px;
    border:1px solid #ececec;
    box-shadow:var(--shadow);
}

.card-head-flex{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:14px;
}

.section-title{
    margin:0;
    font-size:21px;
    font-weight:950;
    color:#202124;
}

.section-subtitle{
    margin:4px 0 0;
    color:#777;
    font-size:13px;
}

.mini-stat-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:20px;
    padding:20px;
    box-shadow:0 8px 20px rgba(0,0,0,.05);
}

.mini-stat-title{
    font-size:14px;
    color:#666;
    font-weight:800;
    margin-bottom:8px;
}

.mini-stat-value{
    font-size:30px;
    font-weight:950;
    color:#b11226;
}

#graficoFinanceiro,
#graficoTipos{
    width:100% !important;
    height:320px !important;
}

/* ALERTAS */

.alerta-geral-topo{
    display:flex;
    align-items:center;
    gap:14px;
    background:linear-gradient(135deg,#7f1010,#c62828);
    color:#fff;
    padding:18px 20px;
    border-radius:20px;
    margin-bottom:20px;
    box-shadow:0 12px 28px rgba(198,40,40,.24);
}

.alerta-geral-icone{
    font-size:28px;
    line-height:1;
}

.alerta-geral-titulo{
    font-size:18px;
    font-weight:900;
    margin-bottom:4px;
}

.alerta-geral-texto{
    font-size:14px;
    opacity:.95;
}

.dashboard-alertas-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:16px;
    margin-bottom:22px;
}

.alerta-card{
    border-radius:20px;
    padding:20px;
    color:#fff;
    box-shadow:0 10px 26px rgba(0,0,0,.12);
}

.alerta-card-label{
    font-size:14px;
    font-weight:800;
}

.alerta-card-value{
    font-size:36px;
    font-weight:950;
    margin-top:10px;
    line-height:1;
}

.alerta-hoje{background:linear-gradient(135deg,#1565c0,#1e88e5);}
.alerta-proximo{background:linear-gradient(135deg,#ef6c00,#fb8c00);}
.alerta-devolucao{background:linear-gradient(135deg,#6a1b9a,#8e24aa);}
.alerta-atrasado{background:linear-gradient(135deg,#8b0000,#d50000);}

.alerta-box{
    margin-bottom:22px;
}

.alerta-box-hoje{border-left:6px solid #1e88e5;}
.alerta-box-proximo{border-left:6px solid #fb8c00;}
.alerta-box-devolucao{border-left:6px solid #8e24aa;}
.alerta-box-atrasado{border-left:6px solid #d50000;}

.alerta-piscar{
    animation:alertaPiscar 1s infinite;
}

.alerta-piscar-suave{
    animation:alertaPiscarSuave 1.5s infinite;
}

@keyframes alertaPiscar{
    0%{transform:scale(1);opacity:1;}
    50%{transform:scale(1.015);opacity:.82;}
    100%{transform:scale(1);opacity:1;}
}

@keyframes alertaPiscarSuave{
    0%{opacity:1;}
    50%{opacity:.78;}
    100%{opacity:1;}
}

.linha-alerta-hoje{background:rgba(30,136,229,.08);}
.linha-alerta-proximo{background:rgba(251,140,0,.08);}
.linha-alerta-devolucao{background:rgba(142,36,170,.08);}
.linha-alerta-atrasada{background:rgba(213,0,0,.10);}

.badge-alerta-reserva{
    display:inline-block;
    padding:5px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    color:#fff;
    margin:2px 4px 2px 0;
    white-space:nowrap;
}

.badge-alerta-hoje{background:#1e88e5;}
.badge-alerta-proximo{background:#fb8c00;}
.badge-alerta-devolucao{background:#8e24aa;}
.badge-alerta-atrasado{background:#d50000;}

.alertas-reserva-wrap{
    display:flex;
    flex-wrap:wrap;
    gap:4px;
}

.reserva-sem-alerta{
    font-size:12px;
    color:#777;
    font-weight:700;
}

.form-receber-inline{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    align-items:center;
    margin-top:4px;
}

.form-receber-inline input,
.form-receber-inline select{
    min-width:110px;
    padding:6px 8px;
    min-height:38px;
    border:1px solid #d7d7d7;
    border-radius:10px;
    font-size:12px;
}

.alerta-topo{
    background:linear-gradient(90deg,#c62828,#e53935);
    color:#fff;
    padding:18px;
    border-radius:16px;
    font-weight:900;
    animation:piscar 1s infinite;
    box-shadow:0 0 10px rgba(255,0,0,.4);
}

@keyframes piscar{
    0%{opacity:1;}
    50%{opacity:.6;}
    100%{opacity:1;}
}

/* LOGIN */

.login-page{
    background:
        radial-gradient(circle at top, rgba(255,255,255,.12), transparent 35%),
        linear-gradient(135deg,#1f1f1f 0%,#c62828 100%);
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
}

.login-card{
    width:100%;
    max-width:430px;
    background:#fff;
    padding:36px;
    border-radius:28px;
    box-shadow:0 20px 50px rgba(0,0,0,.28);
}

.login-card h1{
    margin:0 0 8px;
    color:#c62828;
    font-size:32px;
    font-weight:950;
}

.login-card p{
    margin:0 0 24px;
    color:#555;
}

.form-group{
    margin-bottom:16px;
}

/* MOBILE */

.mobile-topbar{
    display:none;
}

.mobile-menu-btn{
    background:linear-gradient(135deg,var(--vermelho),var(--vermelho-2));
    border:none;
    color:#fff;
    width:46px;
    height:46px;
    border-radius:14px;
    font-size:22px;
    cursor:pointer;
}

.sidebar-overlay{
    display:none;
}

@media (max-width:900px){
    .layout{
        flex-direction:column;
    }

    .grid-2,
    .dashboard-2col{
        grid-template-columns:1fr;
    }

    .content{
        padding:16px;
    }

    .page-title{
        font-size:28px;
    }

    .search-bar{
        flex-direction:column;
    }

    .finance-value{
        font-size:28px;
    }

    .kpi-value{
        font-size:30px;
    }

    #graficoFinanceiro,
    #graficoTipos{
        height:280px !important;
    }
}

@media (max-width:768px){
    body{
        background:#f4f5f7;
    }

    .mobile-topbar{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:14px 16px;
        background:#181818;
        color:#fff;
        position:sticky;
        top:0;
        z-index:999;
        box-shadow:0 8px 20px rgba(0,0,0,.15);
    }

    .mobile-topbar h2{
        margin:0;
        font-size:18px;
        font-weight:900;
    }

    .mobile-topbar span{
        font-size:12px;
        color:#d0d0d0;
    }

    .sidebar{
        position:fixed;
        left:-110%;
        top:0;
        width:290px;
        max-width:86vw;
        height:100vh;
        z-index:9999;
        transition:.28s ease;
    }

    .sidebar.active{
        left:0;
    }

    .sidebar-overlay.active{
        display:block;
        position:fixed;
        inset:0;
        background:rgba(0,0,0,.58);
        z-index:9998;
    }

    .content{
        width:100%;
        padding:14px;
    }

    .card{
        border-radius:22px;
        padding:18px;
    }

    .cards-grid,
    .finance-grid,
    .dashboard-premium-grid{
        grid-template-columns:1fr;
    }

    .form-grid{
        grid-template-columns:1fr;
    }

    input,
    select,
    textarea{
        font-size:16px;
        min-height:56px;
    }

    .btn,
    .btn-primary,
    .btn-danger,
    .btn-success,
    .btn-warning{
        width:100%;
    }

    .actions-inline{
        flex-direction:column;
        align-items:stretch;
    }

    .table-wrap{
        overflow-x:auto;
    }

    table{
        min-width:720px;
    }

    .section-title{
        font-size:18px;
    }
}

/* LOGIN PREMIUM FROTA AUTOS */

.login-premium-page{
    min-height:100vh;
    background:#050505;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    position:relative;
}

.login-premium-bg{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 20% 50%, rgba(255,196,0,.22), transparent 28%),
        radial-gradient(circle at 85% 70%, rgba(255,196,0,.18), transparent 22%),
        linear-gradient(135deg,#050505,#151515 45%,#050505);
}

.login-premium-bg::before{
    content:"";
    position:absolute;
    left:-120px;
    bottom:-80px;
    width:520px;
    height:260px;
    background:linear-gradient(135deg,rgba(255,196,0,.18),transparent);
    filter:blur(12px);
    transform:rotate(-12deg);
}

.login-premium-bg::after{
    content:"";
    position:absolute;
    right:-100px;
    top:80px;
    width:420px;
    height:420px;
    border:2px solid rgba(255,196,0,.35);
    transform:rotate(35deg);
    filter:blur(.2px);
}

.login-premium-card{
    width:100%;
    max-width:470px;
    position:relative;
    z-index:2;
    background:linear-gradient(180deg,rgba(28,28,28,.96),rgba(12,12,12,.98));
    border:1px solid rgba(255,196,0,.45);
    border-radius:32px;
    padding:38px;
    color:#fff;
    box-shadow:
        0 30px 80px rgba(0,0,0,.65),
        0 0 45px rgba(255,196,0,.16);
}

.login-logo-wrap{
    display:flex;
    justify-content:center;
    margin-bottom:18px;
}

.login-logo{
    width:240px;
    max-width:100%;
    border-radius:18px;
    box-shadow:0 0 30px rgba(255,196,0,.15);
}

.login-title-area{
    text-align:center;
    margin-bottom:28px;
}

.login-title-area h1{
    margin:0;
    font-size:28px;
    font-weight:950;
    color:#fff;
}

.login-title-area h1::first-letter{
    color:#ffcc00;
}

.login-title-area p{
    margin:8px 0 0;
    color:#cfcfcf;
    font-size:15px;
}

.login-premium-form{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.login-field label{
    color:#ffcc00;
    font-weight:900;
    margin-bottom:8px;
}

.login-btn-premium{
    margin-top:10px;
    height:58px;
    border:none;
    border-radius:18px;
    background:linear-gradient(135deg,#ffd000,#ffb300);
    color:#111;
    font-size:17px;
    font-weight:950;
    cursor:pointer;
    box-shadow:0 14px 34px rgba(255,196,0,.35);
    transition:.25s;
}

.login-btn-premium:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 42px rgba(255,196,0,.50);
}

.login-btn-premium span{
    margin-left:10px;
    font-size:22px;
}

.login-footer{
    margin-top:28px;
    display:flex;
    justify-content:center;
    gap:16px;
    color:#d9d9d9;
    font-size:13px;
    flex-wrap:wrap;
}

.login-footer span{
    padding:7px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
}

@media(max-width:768px){
    .login-premium-page{
        padding:18px;
    }

    .login-premium-card{
        padding:28px 22px;
        border-radius:26px;
    }

    .login-logo{
        width:210px;
    }

    .login-title-area h1{
        font-size:24px;
    }
}

.login-premium-card{
    max-width:430px;
    padding:30px 38px;
}

.login-logo{
    width:210px;
}

.login-title-area{
    margin-bottom:22px;
}

.login-title-area h1{
    font-size:26px;
}

.login-premium-form{
    gap:14px;
}


.login-btn-premium{
    margin-top:6px;
}

.login-footer{
    margin-top:18px;
}

.login-input-modern{
    height:68px;
    background:rgba(0,0,0,.45);
    border:1px solid rgba(255,196,0,.25);
    border-radius:22px;
    display:flex;
    align-items:center;
    padding:0 20px;
    gap:16px;
    transition:.3s;
}

.login-input-modern:hover{
    border-color:#ffcc00;
}

.login-input-modern:focus-within{
    border-color:#ffcc00;
    box-shadow:
        0 0 0 3px rgba(255,204,0,.10),
        0 0 25px rgba(255,204,0,.15);
}

.input-icon{
    width:42px;
    height:42px;
    border-radius:12px;
    background:rgba(255,204,0,.12);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}

.login-input-modern input{
    flex:1;
    border:none;
    background:transparent;
    color:#fff;
    font-size:16px;
    font-weight:500;
    outline:none;
    padding:0;
    min-height:auto;
}

.login-input-modern input::placeholder{
    color:#8f8f8f;
}

.login-field label{
    display:block;
    margin-bottom:10px;
    color:#ffcc00;
    font-size:15px;
    font-weight:800;
}

.login-btn-premium{
    height:68px;
    border:none;
    border-radius:22px;
    background:linear-gradient(
        135deg,
        #ffd000,
        #ffbf00
    );
    color:#111;
    font-size:22px;
    font-weight:900;
    cursor:pointer;
    margin-top:10px;
    transition:.3s;
    box-shadow:
        0 10px 35px rgba(255,196,0,.35);
}

.login-btn-premium:hover{
    transform:translateY(-3px);
    box-shadow:
        0 18px 45px rgba(255,196,0,.50);
}