:root{--primary:#0d6efd;--brand-orange:#f37021;--sidebar-bg:#0b132b;--sidebar-hover:#1c2541;--topbar-bg:#0b132b}
html,body{height:100%}
body{background:#f1f3f5;color:#212529}
.app-topbar{position:fixed;left:240px;right:0;top:0;height:56px;background:var(--topbar-bg);border-bottom:1px solid #1c2541;display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:1000;color:#fff}
.app-topbar .brand{font-weight:600;color:#fff;display:flex;align-items:center}
.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background:var(--sidebar-bg);color:#fff;z-index:1001}
.app-sidebar{overflow-y:auto}
.app-sidebar .logo{height:56px;display:flex;align-items:center;justify-content:flex-start;padding:0 16px;border-bottom:1px solid rgba(255,255,255,0.1);background:var(--sidebar-bg)}
.app-sidebar .logo img{height:28px}
.app-sidebar .nav{list-style:none;margin:0;padding:8px}
.app-sidebar .nav a{display:flex;align-items:center;gap:10px;color:#cfd8dc;text-decoration:none;padding:10px 12px;border-radius:6px}
.app-sidebar .nav a.active,.app-sidebar .nav a:hover{background:var(--sidebar-hover);color:#fff}
.app-main{margin-left:240px;padding-top:72px}
.card .card-title{font-weight:600}
.btn-primary{background:var(--primary);border-color:var(--primary)}
.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#0d6efd 0%,#1c2541 100%)}
.login-card{max-width:420px;width:100%;border:none;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.2)}
.login-card{background:var(--sidebar-bg);color:#fff}
.login-card .form-label{color:#fff}
.login-card a{color:#fff}
.login-card .header{display:flex;align-items:center;gap:10px;margin-bottom:12px;background:var(--sidebar-bg);padding:10px 12px;border-radius:8px}
.login-card .header img{height:32px}
.login-card .brand{font-weight:700;color:#fff}
/* Mobile responsive */
@media (max-width: 992px){
  .app-topbar{left:0;height:56px}
  .app-main{margin-left:0;padding-top:56px}
  .app-sidebar{transform:translateX(-100%);transition:transform .3s ease;box-shadow:0 0 20px rgba(0,0,0,.3);visibility:hidden;pointer-events:none}
  body.sidebar-open .app-sidebar{transform:translateX(0);visibility:visible;pointer-events:auto}
  .sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1000;display:none}
  body.sidebar-open .sidebar-backdrop{display:block}
  body.sidebar-open{overflow:hidden}
}