@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Rajdhani:wght@500;600;700;800&family=Share+Tech+Mono&display=swap');

:root {
    --bg-main: #0b0e14;
    --bg-surface: #121822;
    --border-dim: #1e293b;
    --cyan: #00e5ff;
    --red: #ff253a;
    --yellow: #ffd000;
    --text-white: #ffffff;
    --text-noble: #e2e8f0;
    --text-dim: #64748b;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body { background-color: var(--bg-main); color: var(--text-noble); font-family: 'Rajdhani', sans-serif; line-height: 1.6; min-height: 100vh; }

.container { max-width: 800px; margin: 0 auto; padding: 40px 20px; }

/* Терминальное окно */
.hud-frame {
    background: var(--bg-surface);
    border: 1px solid var(--border-dim);
    padding: 30px;
    position: relative;
    box-shadow: 0 0 40px rgba(0, 229, 255, 0.05);
}

.hud-frame::before {
    content: ""; position: absolute; top: 6px; left: 6px; right: 6px; bottom: 6px;
    border: 1px solid rgba(30, 41, 59, 0.6); pointer-events: none;
}

.glitch-text { font-weight: 800; font-size: 2rem; color: var(--text-white); letter-spacing: 2px; line-height: 1.1; }
.sub-tag { font-family: 'Share Tech Mono', monospace; font-size: 0.75rem; color: var(--cyan); letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; }

/* Формы */
input, textarea, select {
    width: 100%; padding: 12px; background: #080a0f; border: 1px solid var(--border-dim);
    color: var(--text-white); font-family: 'Share Tech Mono', monospace; font-size: 0.95rem; margin-bottom: 16px;
    transition: 0.2s;
}
input:focus, textarea:focus, select:focus { border-color: var(--cyan); outline: none; box-shadow: 0 0 10px rgba(0, 229, 255, 0.1); }
label { display: block; font-size: 0.8rem; color: var(--cyan); text-transform: uppercase; font-family:'Share Tech Mono', monospace; margin-bottom: 5px; }

.btn {
    display: inline-block; width: 100%; padding: 14px; background: rgba(0, 229, 255, 0.05);
    border: 1px solid var(--cyan); color: var(--cyan); font-family: 'Share Tech Mono', monospace;
    text-transform: uppercase; font-size: 1rem; font-weight: 700; cursor: pointer; transition: 0.2s; text-align: center;
}
.btn:hover { background: var(--cyan); color: #000; box-shadow: 0 0 15px var(--cyan); }

/* Таблицы в админке */
.admin-table { width: 100%; border-collapse: collapse; margin-top: 15px; font-size: 0.9rem; font-family: 'Inter', sans-serif; }
.admin-table th, .admin-table td { border: 1px solid var(--border-dim); padding: 10px 14px; text-align: left; }
.admin-table th { background: rgba(0, 229, 255, 0.05); color: var(--cyan); font-family: 'Share Tech Mono', monospace; }

.status-box { padding: 15px; margin-bottom: 20px; font-family: 'Share Tech Mono', monospace; font-size: 0.9rem; border: 1px solid transparent; }
.status-success { border-color: var(--cyan); color: var(--cyan); background: rgba(0, 229, 255, 0.05); }
.status-error { border-color: var(--red); color: var(--red); background: rgba(255, 37, 58, 0.05); }