:root { color-scheme: dark; --vc-gold:#f4c568; --vc-red:#e65d69; --vc-blue:#8dc8ff; }
body { background:#0a101d; color:#e9edf5; }
header { border-bottom-color:#344056 !important; }
input, textarea, select { min-height:44px; color:#eef2fa; }
button, a { touch-action:manipulation; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline:2px solid var(--vc-gold); outline-offset:3px; }
.content-card { border-radius:18px; background:linear-gradient(135deg,#172338,#101a2c); border:1px solid #32445f; border-left:4px solid var(--vc-gold); padding:16px; box-shadow:0 8px 24px #0002; }
.card-announcement { border-left-color:var(--vc-blue); background:linear-gradient(135deg,#172b44,#111d30); }
.card-news { border-left-color:var(--vc-gold); }
.card-urgent { border-left-color:#ff7e8b; background:linear-gradient(135deg,#391e2b,#231724); }
.card-warning { border-left-color:#f4c568; background:linear-gradient(135deg,#342b1b,#211e1a); }
.card-info { border-left-color:var(--vc-blue); background:linear-gradient(135deg,#172b44,#111d30); }
.section-label { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:800; letter-spacing:.06em; color:#cbd5e5; text-transform:uppercase; margin:20px 0 10px; }
.setting-card { padding:18px; border:1px solid #34445d; border-radius:18px; background:#131f32; }
.setting-card label { color:#e4ebf7; font-size:14px; font-weight:600; }
.setting-card p { font-size:12px; line-height:1.6; color:#b2bfd3; }
.setting-card input[type=checkbox] { accent-color:#e65d69; width:20px; height:20px; min-height:20px; }
.setting-card input[type=number] { width:100%; margin-top:8px; padding:10px 12px; border-radius:10px; background:#0a1424; border:1px solid #465775; }
.action-button { min-height:44px; padding:10px 14px; border-radius:12px; background:#253955; color:#e8effa; border:1px solid #405878; font-size:12px; font-weight:700; }
.save-button { background:#f4c568; color:#21190c; border-color:#f4c568; width:100%; font-size:14px; }
.editor-input { width:100%; margin-top:5px; padding:10px 12px; border:1px solid #465775; border-radius:12px; background:#0a1424; }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; scroll-behavior:auto !important; } }