initialize foundational styles, dashboard layout, and hospital network module
This commit is contained in:
+19
-19
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user