body{margin:0;font-family:Arial;background:#f4f6f9;color:#222}
.container{max-width:1100px;margin:auto;padding:25px}
.card{background:#fff;padding:22px;border-radius:10px;box-shadow:0 3px 12px #0002;margin-bottom:20px}
.form-control{width:100%;padding:10px;margin:6px 0 14px;border:1px solid #ccc;border-radius:6px}
.btn{background:#087f8c;color:white;padding:10px 16px;border:0;border-radius:6px;cursor:pointer}
.error{background:#fee2e2;color:#991b1b;padding:10px;border-radius:6px;margin-bottom:12px}
.success{background:#dcfce7;color:#166534;padding:10px;border-radius:6px;margin-bottom:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.sidebar{position:fixed;left:0;top:0;width:235px;min-height:100vh;background:#111827;color:#fff;padding-top:20px}
.sidebar h3{text-align:center}.sidebar a{display:block;color:white;padding:13px 20px;text-decoration:none}.sidebar a:hover{background:#087f8c}
.main{margin-left:235px;padding:25px}.head{background:#087f8c;color:white;padding:18px;border-radius:10px;margin-bottom:20px}
.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{border:1px solid #ddd;padding:9px;text-align:left}
.hero{background:linear-gradient(120deg,#087f8c,#111827);color:white;text-align:center;padding:65px 20px}