body{margin:0;font-family:Arial;background:#fff;text-align:center}

/* HEADER */
.header{display:flex;justify-content:center;align-items:center;padding:10px;border-bottom:2px solid #ccc}
.logo{width:45px;margin-right:8px}
.title{font-size:26px;font-weight:bold}

/* BLUE BAR */
.news-bar{background:#2d6cdf;color:#fff;padding:10px;margin:10px}
.new{color:red;font-weight:bold}

/* GREEN TITLE */
.title-box{background:#2ecc71;color:#fff;padding:12px;margin:10px auto;width:95%;max-width:900px;font-weight:bold}

/* TABLE */
.chart{width:95%;margin:0 auto;border-collapse:collapse}
.chart th{background:orange;padding:10px;border:1px solid #999}
.chart td{border:1px solid #ccc;padding:8px}
.chart tr:nth-child(even){background:#e6e6e6}
.chart tr:nth-child(odd){background:#f9f9f9}
.date{color:red;font-weight:bold}

/* LOGIN */
.login-body{background:#f2f2f2}
.login-box{width:320px;margin:120px auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px #ccc}
.login-box input{width:92%;padding:10px;margin:8px 0}
.login-btn{background:#2d6cdf;color:#fff;padding:10px;border:none;width:100%}

/* ADMIN PANEL */
.panel{display:flex}
.sidebar{width:200px;background:#222;color:#fff;height:100vh;padding:10px}
.sidebar h3{color:#0ff}
.sidebar a{display:block;color:#fff;padding:8px;margin:5px 0;text-decoration:none}
.sidebar a:hover{background:#444}
.content{flex:1;padding:20px}
.btn{padding:8px 12px;border:none;color:#fff;margin:5px}
.add{background:green}
.edit{background:orange}
.delete{background:red}