body {
    font-family: 'Inter', 'Noto Sans Thai', sans-serif;
}

.signin-shell {
    min-height: 100vh;
}

.signin-branding {
    background: linear-gradient(145deg, #347ff3 0%, #2563eb 100%);
}

.signin-tab {
    position: relative;
}

.signin-tab-active::after {
    position: absolute;
    right: 25%;
    bottom: 0;
    left: 25%;
    height: 2px;
    background: #0ea5e9;
    content: '';
}

.signin-form input {
    background: #fff;
    border-color: #e5e7eb;
}

.social-login-button {
    min-height: 40px;
}

@media (max-width: 1023px) {
    .signin-shell {
        min-height: 100vh;
    }
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    display: inline-block;
    vertical-align: middle;
}

.login-card-shadow {
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05), 0 1px 2px rgba(15, 23, 42, 0.06);
}

.input-glow:focus {
    box-shadow: 0 0 0 3px rgba(49, 95, 89, 0.14);
    border-color: #315F59;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #c0c8c6;
    border-radius: 20px;
}