body { margin:0; padding:0; font-family: Arial, sans-serif; background:#121212; color:#f1f1f1; }
header { display:flex; justify-content:space-between; align-items:center; padding:10px; background:#1c1c1c; }
header img { height:40px; }
#title { font-size:1.8em; font-weight:bold; }
#categories { display:flex; justify-content:center; padding:10px; background:#1a1a1a; }
#categories span { margin:0 15px; cursor:pointer; }
#menu { padding:20px; }
#daily-slider { margin:20px auto; max-width:600px; height:300px; position:relative; overflow:hidden; background:#222; border-radius:10px; }
#slide-content { width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:15px; }
#slide-content img { max-height:150px; margin-bottom:10px; border-radius:8px; }
#slide-content h2 { margin:5px 0; font-size:1.4em; }
#slide-content h4 { margin:3px 0; font-size:1em; color:#ccc; }
#slide-content p { font-size:0.9em; color:#aaa; }
#admin-panel { padding:15px; background:#1c1c1c; color:#fff; position:fixed; top:10px; right:10px; width:300px; border-radius:10px; z-index:100; }
#admin-panel input { width:100%; margin:5px 0; padding:5px; border-radius:5px; border:none; }
#admin-panel button { width:100%; padding:7px; margin-top:5px; border:none; border-radius:5px; background:#ff8800; color:#fff; cursor:pointer; }