88 lines
1.3 KiB
CSS
88 lines
1.3 KiB
CSS
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
|
|
background: #111827;
|
|
color: #e2e8f0;
|
|
}
|
|
|
|
.container {
|
|
max-width: 1400px;
|
|
margin: 0 auto;
|
|
padding: 2rem;
|
|
}
|
|
|
|
.header {
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.header h1 {
|
|
font-size: 2rem;
|
|
margin-bottom: 0.5rem;
|
|
color: #8b5cf6;
|
|
}
|
|
|
|
.subtitle {
|
|
color: #94a3b8;
|
|
}
|
|
|
|
.loading {
|
|
text-align: center;
|
|
padding: 4rem;
|
|
font-size: 1.25rem;
|
|
color: #94a3b8;
|
|
}
|
|
|
|
.error {
|
|
background: #7f1d1d;
|
|
color: #fca5a5;
|
|
padding: 1rem;
|
|
border-radius: 8px;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1.5rem;
|
|
}
|
|
|
|
.card {
|
|
background: #1f2937;
|
|
border-radius: 8px;
|
|
padding: 1.5rem;
|
|
border-left: 4px solid #8b5cf6;
|
|
}
|
|
|
|
.card h2 {
|
|
color: #e2e8f0;
|
|
margin-bottom: 1rem;
|
|
font-size: 1.25rem;
|
|
}
|
|
|
|
.data-preview {
|
|
background: #111827;
|
|
padding: 1rem;
|
|
border-radius: 4px;
|
|
overflow-x: auto;
|
|
font-size: 0.875rem;
|
|
color: #94a3b8;
|
|
max-height: 600px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.btn {
|
|
background: #8b5cf6;
|
|
color: white;
|
|
border: none;
|
|
padding: 0.5rem 1rem;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.btn:hover {
|
|
opacity: 0.9;
|
|
}
|