body {
  font-family: 'Segoe UI', Arial, sans-serif;
  background: #f1f5f9;
  margin: 0;
}

.login-body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.login-box {
  background: #ffffff;
  padding: 40px;
  width: 350px;
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0,0,0,.08);
  text-align: center;
}

.login-box h2 {
  color: #1e3a8a;
  margin-bottom: 10px;
}

.login-box input {
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  border-radius: 6px;
  border: 1px solid #cbd5e1;
}

.login-box button {
  background: #1d4ed8;
  color: white;
  border: none;
  padding: 12px;
  width: 100%;
  font-weight: bold;
  border-radius: 6px;
  cursor: pointer;
}

#error {
  color: red;
  margin-top: 10px;
}

.admin-header {
  background: #0f172a;
  color: #fff;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.admin-header button {
  background: #ef4444;
  border: none;
  color: #fff;
  padding: 8px 15px;
  border-radius: 6px;
  cursor: pointer;
}

.admin-form {
  background: #fff;
  max-width: 600px;
  margin: 40px auto;
  padding: 30px;
  border-radius: 12px;
}

.admin-form input,
.admin-form textarea {
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  border-radius: 6px;
  border: 1px solid #cbd5e1;
}

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',Arial,sans-serif;background:#f1f5f9;color:#0f172a}


.admin-layout{display:flex;min-height:100vh}


/* Sidebar */
.sidebar{width:240px;background:#0f172a;color:#fff;padding:30px}
.sidebar h2{margin-bottom:30px;font-size:1.2rem}
.sidebar a{display:block;color:#cbd5e1;text-decoration:none;padding:10px 0}
.sidebar a:hover{color:#fff}


/* Main */
.main{flex:1;padding:40px}
.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
.header h1{font-size:1.5rem}
.header a{color:#ef4444;text-decoration:none;font-weight:600}


/* Cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.08)}
.card h3{margin-bottom:10px;color:#1e3a8a}


/* Forms */
form{background:#fff;padding:30px;border-radius:12px;max-width:600px}
input,textarea{width:100%;padding:12px;margin-bottom:15px;border-radius:6px;border:1px solid #cbd5e1}
button{background:#1d4ed8;color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-weight:600}


/* Table */
table{width:100%;background:#fff;border-radius:12px;overflow:hidden}
th,td{padding:15px;border-bottom:1px solid #e5e7eb;text-align:left}
th{background:#f8fafc}
a.delete{color:#ef4444;text-decoration:none;font-weight:600}