You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
134 lines
2.0 KiB
134 lines
2.0 KiB
/* ===== GLOBAL ===== */ |
|
body { |
|
background: linear-gradient(135deg, #0a1628, #0c1f3f); |
|
color: #e6edf3; |
|
font-family: system-ui, -apple-system, sans-serif; |
|
margin: 0; |
|
} |
|
|
|
/* ===== CONTAINER ===== */ |
|
.container { |
|
max-width: 1100px; |
|
margin: 40px auto; |
|
padding: 0 20px; |
|
} |
|
|
|
/* ===== HEADERS ===== */ |
|
h1 { |
|
font-size: 28px; |
|
margin-bottom: 5px; |
|
} |
|
|
|
.subtext { |
|
color: #9fb3c8; |
|
margin-bottom: 25px; |
|
} |
|
|
|
/* ===== ACTION BAR ===== */ |
|
.action-bar { |
|
display: flex; |
|
gap: 10px; |
|
margin-bottom: 25px; |
|
flex-wrap: wrap; |
|
} |
|
|
|
.btn { |
|
background: #132a4a; |
|
border: 1px solid #2c4d75; |
|
color: #e6edf3; |
|
padding: 10px 16px; |
|
border-radius: 8px; |
|
text-decoration: none; |
|
font-size: 14px; |
|
transition: all 0.2s; |
|
} |
|
|
|
.btn:hover { |
|
background: #1a3a66; |
|
border-color: #3d6ea8; |
|
} |
|
|
|
.btn-primary { |
|
background: #1e6fff; |
|
border-color: #1e6fff; |
|
} |
|
|
|
.btn-primary:hover { |
|
background: #3b82ff; |
|
} |
|
|
|
/* ===== STATS ===== */ |
|
.stats { |
|
display: grid; |
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); |
|
gap: 15px; |
|
margin-bottom: 30px; |
|
} |
|
|
|
.stat-card { |
|
background: rgba(255,255,255,0.04); |
|
border: 1px solid rgba(255,255,255,0.08); |
|
border-radius: 12px; |
|
padding: 18px; |
|
} |
|
|
|
.stat-card h3 { |
|
font-size: 14px; |
|
color: #9fb3c8; |
|
margin-bottom: 8px; |
|
} |
|
|
|
.stat-card p { |
|
font-size: 20px; |
|
font-weight: bold; |
|
} |
|
|
|
/* ===== TABLE ===== */ |
|
.table-container { |
|
background: rgba(255,255,255,0.03); |
|
border: 1px solid rgba(255,255,255,0.08); |
|
border-radius: 12px; |
|
overflow: hidden; |
|
} |
|
|
|
table { |
|
width: 100%; |
|
border-collapse: collapse; |
|
} |
|
|
|
th { |
|
text-align: left; |
|
padding: 12px; |
|
font-size: 13px; |
|
color: #9fb3c8; |
|
background: rgba(255,255,255,0.05); |
|
} |
|
|
|
td { |
|
padding: 12px; |
|
border-top: 1px solid rgba(255,255,255,0.05); |
|
} |
|
|
|
tr:hover { |
|
background: rgba(255,255,255,0.03); |
|
} |
|
|
|
/* ===== STATUS ===== */ |
|
.status-paid { |
|
color: #22c55e; |
|
font-weight: bold; |
|
} |
|
|
|
.status-unpaid { |
|
color: #f59e0b; |
|
} |
|
|
|
/* ===== LINKS ===== */ |
|
a { |
|
color: #60a5fa; |
|
text-decoration: none; |
|
} |
|
|
|
a:hover { |
|
text-decoration: underline; |
|
}
|
|
|