:root { --accent:#f28b26; --dark:#222; --side:250px; }
  body { background:#fafafa; color:#333; }
  .sidebar { position:fixed; top:0; bottom:0; left:0; width:var(--side); background:var(--dark); padding:1.5rem 1rem; overflow-y:auto; z-index:1030; }
  .sidebar .brand { color:var(--accent); font-weight:700; text-decoration:none; font-size:1.1rem; display:block; margin-bottom:1.5rem; }
  .sidebar .nav-link { color:#ddd; border-left:3px solid transparent; border-radius:0; }
  .sidebar .nav-link:hover, .sidebar .nav-link.active { color:#fff; border-left-color:var(--accent); background:rgba(255,255,255,.06); }
  main { margin-left:var(--side); }
  .hero {
  background-image: linear-gradient(rgba(17,58,99,.70), rgba(17,58,99,.10)),
                    url(https://hotelhills.ba/wp-content/uploads/2020/02/nocna-hotel-hills-1920x1080-1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  padding: 8rem 2rem 4rem 2rem;
  border-bottom: 6px solid var(--accent);
  }
.hero h1 { color: var(--accent); }
  .btn-accent { background:#113a63; color:var(--accent); border:0; }
  .btn-accent:hover { background:#000; color:var(--accent); }
  section { padding:2.5rem 2rem; }
  .card { border:0; border-top:4px solid var(--accent); box-shadow:0 2px 8px rgba(0,0,0,.08); }
  .card.bal { border:0; border-left:4px solid var(--accent); box-shadow:0 2px 8px rgba(0,0,0,.08); }
  .table thead th { background:var(--dark); color:var(--accent); border:0; }
  footer { background:var(--dark); color:#ccc; padding:2rem; }
  footer a { color:var(--accent); }
  @media (max-width:991px){
    .sidebar { position:static; width:100%; }
    main { margin-left:0; }
  }