initialize foundational styles, dashboard layout, and hospital network module

This commit is contained in:
2026-08-29 15:22:36 +05:30
parent f2a2994e08
commit 4873b360fc
5 changed files with 729 additions and 315 deletions
+19 -19
View File
@@ -133,7 +133,7 @@
font-weight: 800;
line-height: 1.1;
letter-spacing: -0.03em;
color: #fff;
color: var(--gray-50);
}
.hero-title-accent {
@@ -158,8 +158,8 @@
.stat-card {
flex: 1;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
background: rgba(255,255,255,0.65);
border: 1px solid var(--dark-600);
border-radius: var(--radius-md);
padding: 18px 14px;
display: flex;
@@ -176,7 +176,7 @@
.stat-value {
font-size: 22px;
font-weight: 700;
color: #fff;
color: var(--gray-50);
letter-spacing: -0.02em;
}
@@ -216,8 +216,8 @@
.hero-icon-center {
position: relative;
z-index: 1;
background: rgba(15, 32, 64, 0.8);
border: 1px solid rgba(59,130,246,0.3);
background: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(59,130,246,0.2);
border-radius: 50%;
width: 80px; height: 80px;
display: flex;
@@ -245,10 +245,10 @@
padding: 40px 48px;
position: relative;
z-index: 2;
background: rgba(10, 22, 40, 0.7);
background: rgba(255, 255, 255, 0.55);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-left: 1px solid rgba(255,255,255,0.06);
border-left: 1px solid var(--dark-600);
opacity: 0;
transform: translateX(30px);
transition: opacity 0.7s ease 0.15s, transform 0.7s ease 0.15s;
@@ -300,7 +300,7 @@
.card-title {
font-size: 26px;
font-weight: 800;
color: #fff;
color: var(--gray-50);
letter-spacing: -0.02em;
}
@@ -326,7 +326,7 @@
content: '';
flex: 1;
height: 1px;
background: rgba(255,255,255,0.07);
background: var(--dark-600);
}
/* Error banner */
@@ -391,13 +391,13 @@
.field-input {
width: 100%;
height: 48px;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.1);
background: rgba(255,255,255,0.8);
border: 1px solid var(--dark-600);
border-radius: var(--radius-md);
padding: 0 48px 0 46px;
font-size: 14px;
font-family: var(--font-primary);
color: #fff;
color: var(--gray-50);
transition: border-color 0.25s, background 0.25s, box-shadow 0.25s;
outline: none;
}
@@ -413,8 +413,8 @@
}
.field-input:hover:not(:focus) {
border-color: rgba(255,255,255,0.18);
background: rgba(255,255,255,0.06);
border-color: var(--dark-500);
background: rgba(255,255,255,0.95);
}
/* Password toggle */
@@ -461,9 +461,9 @@
.custom-check {
width: 18px;
height: 18px;
border: 1.5px solid rgba(255,255,255,0.2);
border: 1.5px solid var(--dark-500);
border-radius: 5px;
background: rgba(255,255,255,0.04);
background: #ffffff;
display: flex;
align-items: center;
justify-content: center;
@@ -586,7 +586,7 @@
}
.demo-hint .hint-icon { font-size: 14px; flex-shrink: 0; margin-top: 1px; }
.demo-hint strong { color: var(--primary-300); font-weight: 600; }
.demo-hint strong { color: var(--primary-600); font-weight: 600; }
/* ── Security badge ── */
.security-badge {
@@ -615,7 +615,7 @@
padding: 40px 28px 32px;
min-height: auto;
border-left: none;
border-bottom: 1px solid rgba(255,255,255,0.06);
border-bottom: 1px solid var(--dark-600);
}
.hero-graphic { display: none; }