:root{
  --orange:#d60036;
  --blue:#087bb2;
  --dark:#1b2a33;
  --soft:#f5f7fa;
}
*{box-sizing:border-box}
body{margin:0;background:#f2f4f6;font-family:Arial,Helvetica,sans-serif;color:var(--dark)}
.topbar{background:linear-gradient(180deg,#0e64bd,#0C549C);height:100px;position:relative}
.container-main{width:min(1200px,96%);margin:auto}
.logo{height:90px;margin-top:6px}
.badge-test{position:absolute;right:8%;top:28px;background:#d93855;color:#fff;padding:8px 18px;border-radius:20px;font-size:12px;font-weight:700}
.navbar-custom{background:linear-gradient(180deg,##DDDEDF,#e8e9ea);box-shadow:0 8px 16px rgba(0,0,0,.18)}
.navbar-custom .nav-link{color:#fff!important;font-size:13px;font-weight:700;padding:14px 16px!important}
.hero-card{background:#fff;border-radius:22px;margin:30px auto 28px;padding:34px 20px;text-align:center;box-shadow:0 8px 25px rgba(0,0,0,.08)}
.hero-card h1{font-size:38px;font-weight:800;margin-bottom:28px}
.hero-card p{color:#666;max-width:850px;margin:0 auto 28px;line-height:1.6}
.btn-blue{background:var(--blue);color:white;border:none;border-radius:10px;padding:12px 58px;font-weight:700;box-shadow:0 3px 6px rgba(0,0,0,.2)}
.btn-blue:hover{background:#066994;color:white}
.calendar-card{background:#fff;border-radius:22px;padding:20px;margin-bottom:40px;box-shadow:0 8px 25px rgba(0,0,0,.08);overflow:hidden}
#calendar{min-height:650px}
.fc .fc-toolbar-title{font-size:26px;font-weight:800}.fc-button-primary{background:var(--blue)!important;border-color:var(--blue)!important}.fc-event{cursor:pointer;border-radius:6px;padding:2px 4px}
.login-box{max-width:420px;margin:80px auto;background:#fff;padding:30px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.admin-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#152633;color:white;padding:22px}.sidebar a{display:block;color:#dce8ef;text-decoration:none;padding:12px;border-radius:10px;margin:6px 0}.sidebar a:hover,.sidebar a.active{background:#087bb2;color:white}.admin-content{flex:1;padding:28px}.card-soft{border:0;border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.07)}
.preview-img{max-width:180px;border-radius:10px}
@media(max-width:768px){.hero-card h1{font-size:26px}.btn-blue{width:100%;margin-bottom:10px}.admin-layout{display:block}.sidebar{width:100%}.fc .fc-toolbar{display:block}.fc .fc-toolbar-title{margin:10px 0}}