body{font-family:Arial,sans-serif;margin:0;background:#f4f7fb;color:#222}a{text-decoration:none}
.topbar{background:linear-gradient(90deg,#0d47a1,#1565c0);color:#fff;padding:16px 24px}
.brand{display:flex;align-items:center;gap:14px}.logo{width:70px;height:70px;border-radius:50%;background:#fff;padding:4px}
.navbar{background:#08306b;padding:12px 24px}.navbar a{color:#fff;margin-right:15px;font-weight:bold}
.hero{background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55));min-height:360px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
.btn{display:inline-block;background:#1565c0;color:#fff;padding:12px 18px;border-radius:8px;margin:6px;font-weight:bold}
.btn-green{background:#2e7d32}.btn-purple{background:#6a1b9a}.btn-red{background:#c62828}.btn-yellow{background:#f9a825;color:#111}
.section{padding:35px 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 4px 16px rgba(0,0,0,.08)}.footer{background:#0d47a1;color:#fff;text-align:center;padding:16px}
.form-card{max-width:680px;margin:30px auto;background:#fff;padding:24px;border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.input,.textarea{width:100%;padding:12px 14px;border:1px solid #cfd8dc;border-radius:8px;margin:8px 0}
.sidebar{width:240px;height:100vh;position:fixed;left:0;top:0;background:linear-gradient(180deg,#0d47a1,#08306b);padding:18px 0;overflow:auto}
.sidebar a{display:block;color:#fff;padding:14px 22px;font-weight:bold}.sidebar a.active{background:rgba(255,255,255,.14);border-left:4px solid #ffd54f}
.main{margin-left:240px;padding:24px}.top-panel{background:#fff;padding:18px;border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:20px}.stat{color:#fff;border-radius:14px;padding:22px}.blue{background:#1565c0}.green{background:#2e7d32}.orange{background:#ef6c00}.purple{background:#6a1b9a}
.table-wrap{margin-top:20px;background:#fff;padding:18px;border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.08);overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #eceff1;text-align:left}th{background:#f3f7ff}.status{display:inline-block;padding:6px 10px;border-radius:20px;background:#fff3cd;color:#8a6d3b;font-size:12px;font-weight:bold}
@media(max-width:768px){.sidebar{position:relative;width:100%;height:auto}.main{margin-left:0}}