| body {
|
| margin: 0;
|
| font-family: Arial, sans-serif;
|
| background: #f4f7fb;
|
| }
|
|
|
| a {
|
| text-decoration: none;
|
| }
|
|
|
| .auth-page {
|
| min-height: 100vh;
|
| background: linear-gradient(135deg, #0d6efd, #6ea8fe);
|
| display: flex;
|
| align-items: center;
|
| justify-content: center;
|
| padding: 20px;
|
| }
|
|
|
| .auth-card {
|
| width: 100%;
|
| max-width: 430px;
|
| background: white;
|
| border-radius: 24px;
|
| padding: 35px;
|
| box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
|
| }
|
|
|
| .dashboard-layout {
|
| display: flex;
|
| min-height: 100vh;
|
| }
|
|
|
| .sidebar {
|
| width: 260px;
|
| background: #0d1b2a;
|
| color: white;
|
| padding: 28px 22px;
|
| display: flex;
|
| flex-direction: column;
|
| justify-content: space-between;
|
| }
|
|
|
| .sidebar-logo {
|
| font-size: 28px;
|
| font-weight: bold;
|
| margin-bottom: 8px;
|
| }
|
|
|
| .sidebar-role {
|
| color: #adb5bd;
|
| margin-bottom: 30px;
|
| }
|
|
|
| .sidebar-links {
|
| display: flex;
|
| flex-direction: column;
|
| gap: 12px;
|
| }
|
|
|
| .sidebar-links a {
|
| color: white;
|
| padding: 12px 16px;
|
| border-radius: 14px;
|
| transition: 0.2s ease;
|
| background: rgba(255, 255, 255, 0.05);
|
| }
|
|
|
| .sidebar-links a:hover {
|
| background: rgba(255, 255, 255, 0.12);
|
| }
|
|
|
| .sidebar-footer {
|
| margin-top: 30px;
|
| padding-top: 20px;
|
| border-top: 1px solid rgba(255,255,255,0.12);
|
| }
|
|
|
| .main-content {
|
| flex: 1;
|
| padding: 28px;
|
| background: #f8f9fc;
|
| }
|
|
|
| .navbar-premium {
|
| background: white;
|
| border-radius: 20px;
|
| padding: 22px 24px;
|
| box-shadow: 0 8px 24px rgba(0,0,0,0.06);
|
| }
|
|
|
| .form-box,
|
| .result-box,
|
| .dashboard-card,
|
| .table-premium,
|
| .doctor-card {
|
| background: white;
|
| border-radius: 22px;
|
| padding: 24px;
|
| box-shadow: 0 8px 24px rgba(0,0,0,0.06);
|
| }
|
|
|
| .btn-premium {
|
| background: #0d6efd;
|
| color: white;
|
| border: none;
|
| border-radius: 14px;
|
| padding: 11px 22px;
|
| font-weight: 600;
|
| }
|
|
|
| .btn-premium:hover {
|
| background: #0b5ed7;
|
| color: white;
|
| }
|
|
|
| .search-box,
|
| .form-control {
|
| border-radius: 14px !important;
|
| padding: 11px 14px !important;
|
| }
|
|
|
| .doctor-card img {
|
| width: 100%;
|
| border-radius: 18px;
|
| object-fit: cover;
|
| }
|
|
|
| .action-btn {
|
| border: none;
|
| padding: 8px 14px;
|
| border-radius: 10px;
|
| margin-right: 8px;
|
| cursor: pointer;
|
| }
|
|
|
| .btn-edit {
|
| background: #ffc107;
|
| color: black;
|
| }
|
|
|
| .btn-delete {
|
| background: #dc3545;
|
| color: white;
|
| }
|
|
|
| .btn-view {
|
| background: #198754;
|
| color: white;
|
| }
|
|
|
| .result-box .progress {
|
| background: #e9ecef;
|
| }
|
|
|
| @media (max-width: 992px) {
|
| .dashboard-layout {
|
| flex-direction: column;
|
| }
|
|
|
| .sidebar {
|
| width: 100%;
|
| }
|
|
|
| .main-content {
|
| padding: 18px;
|
| }
|
| } |
