/*
|--------------------------------------------------------------------------
| Corexart Showroom CRM
| Premium Authentication UI
|--------------------------------------------------------------------------
*/

:root{

    --primary:#0D6EFD;
    --primary-hover:#0B5ED7;

    --bg:#F4F7FB;

    --white:#FFFFFF;

    --text:#1F2937;

    --muted:#6B7280;

    --border:#E5E7EB;

    --radius:18px;

    --shadow:0 15px 45px rgba(0,0,0,.08);

}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:'Inter',sans-serif;

    background:var(--bg);

}

.auth-body{

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:40px;

}

.auth-wrapper{

    width:100%;

    max-width:460px;

}

.login-card{

    background:#fff;

    border-radius:20px;

    box-shadow:var(--shadow);

    padding:45px;

}

.login-logo{

    width:90px;

    display:block;

    margin:auto;

}

.login-header{

    text-align:center;

    margin-bottom:30px;

}

.login-header h3{

    font-weight:700;

    color:var(--text);

}

.login-header p{

    color:var(--muted);

}

.form-label{

    font-weight:600;

}

.form-control{

    height:52px;

    border-radius:12px;

}

.form-control:focus{

    border-color:var(--primary);

    box-shadow:none;

}

.btn-primary{

    height:52px;

    border-radius:12px;

    background:var(--primary);

    border:none;

    font-weight:600;

}

.btn-primary:hover{

    background:var(--primary-hover);

}

.alert{

    border-radius:12px;

}

@media(max-width:768px){

    .auth-body{

        padding:20px;

    }

    .login-card{

        padding:30px;

    }

}