html,body{height:100%;scrollbar-color:var(--bs-gray-500) var(--bs-gray-200)}body{background-color:#f4f6f9}.app-shell{height:100%}.sidebar{background-color:#fff}.sidebar-brand img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.sidebar-nav{overflow-y:auto}.sidebar-link{border:none;border-left:3px solid transparent;border-radius:0;text-align:left;color:#495057;padding:.65rem 1.25rem;transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out}.sidebar-link:hover{background-color:#f1f5fb;color:#0d6efd}.sidebar-link.active{background-color:#e7f1ff;border-left-color:#0d6efd;color:#0d6efd}.sidebar-link i{width:1.25rem;text-align:center;font-size:1.05rem}.sidebar-footer{color:#adb5bd}.navbar-nav .nav-link{border-radius:.375rem}.navbar-nav .nav-link.active{background-color:#ffffff1a;color:#fff;font-weight:600}.content-panel{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000000f;padding:1.25rem 1.5rem}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:50rem;font-size:.8rem;font-weight:500;white-space:nowrap;background-color:var(--bs-secondary-bg);color:var(--bs-secondary-color)}.callout{padding:1rem 1.25rem;border:1px solid var(--bs-border-color);border-left-width:.375rem;border-radius:var(--bs-border-radius)}.style-code{background-color:#f5f2f0;font-size:.85rem;color:#6c757d}.style-code pre[class*=language-]{margin:.75rem 0 0}.style-code pre:first-child{margin-top:0}.style-code pre:last-child{margin-bottom:0}.tab-toggle{display:flex;gap:0;flex-wrap:wrap;border-bottom:1px solid var(--bs-border-color)}.tab-toggle .tab-option{display:flex;align-items:center;gap:.35rem;padding:0 .25rem .5rem;margin:0 .75rem -1px 0;font-size:.875rem;font-weight:500;color:var(--bs-secondary);cursor:pointer;border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.tab-toggle .tab-option:hover{color:var(--bs-primary)}.tab-toggle .tab-option.active{color:var(--bs-primary);border-bottom-color:var(--bs-primary);font-weight:600}.table>thead>tr>th{background-color:#fff;border-bottom:1px solid var(--bs-gray-200);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--bs-secondary);white-space:nowrap}.table>tbody>tr>td{vertical-align:middle}.sidebar-nav::-webkit-scrollbar,.content-scroll::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb,.content-scroll::-webkit-scrollbar-thumb{background-color:#ced4da;border-radius:3px}
