/* public/css/main.css */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100;300;400;500;600;700&display=swap');

:root {
    --bg: #000000;
    --card: #0a0a0a;
    --border: #1f1f1f;
    --primary: #25d366;
    --text: #ededed;
    --text-dim: #a1a1a1;
    --text-muted: #666666;
}

body {
    background-color: var(--bg);
    color: var(--text);
    font-family: 'Geist', sans-serif;
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
}

/* Base Elements */
h1, h2, h3 { letter-spacing: -0.05em; margin: 0; }
a { color: inherit; text-decoration: none; }

/* Buttons */
.btn-core {
    background: #ffffff;
    color: #000000;
    border: none;
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-core:hover { opacity: 0.8; transform: scale(0.98); }
.btn-core.sec { background: transparent; color: #fff; border: 1px solid var(--border); }
.btn-core.sec:hover { background: var(--border); }
.btn-core:disabled { opacity: 0.3; cursor: not-allowed; }

/* Inputs */
.input-core {
    background: #000;
    border: 1px solid var(--border);
    color: #fff;
    padding: 12px;
    border-radius: 6px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    transition: border-color 0.2s;
}

.input-core:focus { outline: none; border-color: #fff; }

/* Cards & Layout */
.card-elite {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 24px;
}

/* Status */
.dot { width: 6px; height: 6px; border-radius: 50%; display: inline-block; }
.dot-online { background: var(--primary); box-shadow: 0 0 10px var(--primary); }
.dot-offline { background: #ff4d4d; }

/* Animations */
@keyframes reveal {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

.reveal { animation: reveal 0.5s ease forwards; }