:root{--hb-bg: #0b1220;--hb-surface: #111827;--hb-muted: #1f2937;--hb-border: #273244;--hb-text: #e5e7eb;--hb-text-muted: #9ca3af;--hb-accent: #f5c542;--hb-accent-contrast: #0b0b0b;--hb-glow: 0 10px 30px rgba(245,197,66,.15)}html,body{height:100%}body{background:radial-gradient(1100px 700px at 5% -10%,rgba(245,197,66,.06),transparent 60%),radial-gradient(1000px 600px at 95% -20%,rgba(62,98,255,.05),transparent 60%),var(--hb-bg);color:var(--hb-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.hb-app{min-height:100vh}.hb-sidebar{width:280px;background-color:#0f172a;border-right:1px solid var(--hb-border)}.hb-brand{color:var(--hb-text);font-weight:800;letter-spacing:.4px}.hb-brand .dot{color:var(--hb-accent)}.hb-nav .nav-link{color:var(--hb-text-muted);border-radius:.6rem;position:relative;padding-left:2.6rem!important;transition:background-color .2s ease,color .2s ease}.hb-nav .nav-link .bi{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);opacity:.9}.hb-nav .nav-link.active,.hb-nav .nav-link:hover{color:var(--hb-text);background:linear-gradient(90deg,rgba(245,197,66,.16),transparent)}.hb-nav .nav-link.active:before{content:"";position:absolute;left:.35rem;top:50%;transform:translateY(-50%);width:4px;height:22px;border-radius:2px;background:var(--hb-accent);box-shadow:var(--hb-glow)}.hb-nav .nav-link:hover{transform:translate(2px)}.hb-topbar{border-bottom:1px solid var(--hb-border);background-color:#11182799;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hb-chip{background:#0e1626;border:1px solid var(--hb-border);color:var(--hb-text-muted);border-radius:999px;padding:.35rem .75rem}.hb-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#ffd76b,#f2b300);color:#0b0b0b;display:inline-flex;align-items:center;justify-content:center;font-weight:700;box-shadow:var(--hb-glow);position:relative}.hb-avatar:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(245,197,66,.6);box-shadow:0 0 12px #f5c54259}.card.hb-card{background-color:var(--hb-surface);border-color:var(--hb-border);color:var(--hb-text);box-shadow:0 1px #ffffff05 inset,0 10px 30px #00000040}.card.hb-card .hb-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:.7rem;background:#f5c54229;color:var(--hb-accent);box-shadow:var(--hb-glow)}.card.hb-card{transition:transform .15s ease,box-shadow .15s ease}.card.hb-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000059,var(--hb-glow)}.btn-hb,.btn-hb:hover{color:var(--hb-accent-contrast)}.btn-hb{--bs-btn-bg: var(--hb-accent);--bs-btn-border-color: var(--hb-accent);--bs-btn-hover-bg: #ffd76b;--bs-btn-hover-border-color: #ffd76b;--bs-btn-active-bg: #f2b300;--bs-btn-active-border-color: #f2b300;box-shadow:var(--hb-glow);transition:transform .08s ease}.btn-hb:active{transform:translateY(1px)}.btn-outline-light{border-color:var(--hb-border);color:var(--hb-text)}.btn-outline-light:hover{background:#0e1626;border-color:var(--hb-accent);color:var(--hb-text)}.table.hb-table{--bs-table-bg: var(--hb-surface);--bs-table-color: var(--hb-text);--bs-table-border-color: var(--hb-border)}.table.hb-table thead th{color:var(--hb-text-muted);font-weight:600;border-bottom:1px solid var(--hb-border)}.table.hb-table tbody tr:hover{background-color:#0f1a2b}.table.hb-table td,.table.hb-table th{vertical-align:middle}.badge-status{background:#f5c54226;color:var(--hb-accent);border:1px solid rgba(245,197,66,.25)}.badge-success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.25)}.badge-info{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.badge-warning{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.badge-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.progress.hb-progress{height:.5rem;background-color:#0e1626;border:1px solid var(--hb-border)}.progress.hb-progress .progress-bar{background:linear-gradient(90deg,#ffd76b,#f2b300);box-shadow:var(--hb-glow)}.form-control,.form-select{background-color:#0e1626;border-color:var(--hb-border);color:var(--hb-text)}.form-control::-moz-placeholder{color:#7b879a}.form-control::placeholder{color:#7b879a}.form-control:focus,.form-select:focus{border-color:var(--hb-accent);box-shadow:0 0 0 .25rem #f5c54233}.text-hb-muted{color:var(--hb-text-muted)}.border-hb{border-color:var(--hb-border)!important}.bg-hb-surface{background-color:var(--hb-surface)!important}.link-hb{color:var(--hb-accent);text-decoration:none}.link-hb:hover{color:#ffd76b}.rounded-xl{border-radius:1rem}.hb-thumb{width:48px;height:48px;border-radius:.7rem;background:#0e1626 center/cover no-repeat;border:1px solid var(--hb-border);box-shadow:0 2px 8px #00000040}.hb-page-hero{border:1px solid var(--hb-border);background:linear-gradient(180deg,#f5c54214,#fff0 40%),#0f172a;box-shadow:0 10px 30px #00000040}.hb-hero-img{width:56px;height:56px;border-radius:.9rem;background:#0e1626 center/cover no-repeat;border:1px solid var(--hb-border);box-shadow:var(--hb-glow)}.hb-cat{position:relative;overflow:hidden}.hb-cat .hb-cat-thumb{width:60px;height:60px;border-radius:1rem;background:#0e1626 center/cover no-repeat;border:1px solid var(--hb-border);box-shadow:var(--hb-glow)}.hb-cat .hb-emoji{font-size:28px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.hb-cat:hover .hb-cat-thumb{transform:translateY(-2px) scale(1.03);transition:transform .18s ease}.hb-cat .hb-cat-bg{position:absolute;right:-30px;bottom:-30px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(245,197,66,.12),transparent 60%);pointer-events:none}@media (max-width: 991.98px){.hb-sidebar{position:fixed;left:-300px;top:0;bottom:0;z-index:1045;transition:left .25s ease}.hb-sidebar.show{left:0}.hb-sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:1040}.hb-sidebar-backdrop.show{display:block}}