79 lines
1.4 KiB
CSS
79 lines
1.4 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
|
|
|
|
body {
|
|
font-family: 'Poppins', sans-serif;
|
|
background-color: #FFFFFF;
|
|
color: #1F2937;
|
|
}
|
|
|
|
.bg-primary-custom {
|
|
background-color: #3B82F6;
|
|
}
|
|
|
|
.btn-primary-custom {
|
|
background-color: #3B82F6;
|
|
border-color: #3B82F6;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.btn-primary-custom:hover {
|
|
background-color: #2563EB;
|
|
border-color: #2563EB;
|
|
}
|
|
|
|
.text-accent-custom {
|
|
color: #10B981;
|
|
}
|
|
|
|
.logo {
|
|
font-weight: 700;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.logo .q {
|
|
color: #10B981;
|
|
}
|
|
|
|
/* Login Page */
|
|
.login-container {
|
|
min-height: 100vh;
|
|
background-image: linear-gradient(to right, rgba(255,255,255,0.95), rgba(255,255,255,0.9)), url('https://picsum.photos/seed/loginbg/1920/1080');
|
|
background-size: cover;
|
|
background-position: center;
|
|
}
|
|
|
|
.login-card {
|
|
background-color: rgba(255, 255, 255, 0.9);
|
|
backdrop-filter: blur(10px);
|
|
border: 1px solid rgba(209, 213, 219, 0.3);
|
|
}
|
|
|
|
|
|
/* Dashboard */
|
|
.sidebar {
|
|
background-color: #F3F4F6;
|
|
height: 100vh;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 250px;
|
|
padding-top: 1.5rem;
|
|
}
|
|
|
|
.sidebar .nav-link {
|
|
color: #1F2937;
|
|
font-weight: 500;
|
|
margin: 0.5rem 0;
|
|
}
|
|
|
|
.sidebar .nav-link.active,
|
|
.sidebar .nav-link:hover {
|
|
color: #3B82F6;
|
|
background-color: #E0E7FF;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.main-content {
|
|
margin-left: 250px;
|
|
padding: 2rem;
|
|
} |