.bn-grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width:768px){.bn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.bn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bn-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.bn-grid--auto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.bn-detail{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"info rail" "extra rail";-moz-column-gap:24px;column-gap:24px;align-items:start}.bn-detail__info{grid-area:info;min-width:0}.bn-detail__extra{grid-area:extra;min-width:0}.bn-detail__rail{grid-area:rail;position:sticky;top:88px}.bn-dash{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px;align-items:start}.bn-dash__side{position:sticky;top:88px}}.bn-app [role=button]:focus-visible{outline:2px solid #2563eb;outline-offset:2px;border-radius:10px}@media (prefers-reduced-motion:reduce){.bn-app *,.bn-app :after,.bn-app :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.bn-app{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.bn-app-main{flex:1;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:56px;padding-bottom:calc(76px + env(safe-area-inset-bottom, 0px))}.bn-app-content{width:100%}.bn-app-pagetitle{display:none}.bn-app-nav{position:fixed;z-index:100;left:0;right:0;bottom:0;display:flex;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding-bottom:env(safe-area-inset-bottom,0)}.bn-app-nav--light{background:hsla(0,0%,100%,.92);border-top:1px solid #e2e8f0}.bn-app-nav--dark{background:rgba(15,23,42,.92);border-top:1px solid #334155}.bn-app-nav__brand{display:none}.bn-app-nav__items{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%;max-width:520px;margin:0 auto;padding:8px 4px 10px}.bn-app-nav__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 6px;min-height:56px;text-decoration:none;border-radius:14px;transition:transform .15s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.bn-app-nav__item:active{transform:scale(.94)}.bn-app-nav__item:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.bn-app-nav__icon{display:flex;align-items:center;justify-content:center;width:56px;height:30px;border-radius:999px;font-size:22px;transition:background-color .2s,color .2s}.bn-app-nav__item--active .bn-app-nav__icon{background:rgba(37,99,235,.12);color:#2563eb!important}.bn-app-nav--dark .bn-app-nav__item--active .bn-app-nav__icon{background:rgba(96,165,250,.18);color:#60a5fa!important}.bn-app-nav__label{font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media (min-width:768px){.bn-app .bn-header{display:none}.bn-app-nav{top:0;bottom:auto;height:64px;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;border-top:none}.bn-app-nav--light{border-bottom:1px solid #e2e8f0}.bn-app-nav--dark{border-bottom:1px solid #334155}.bn-app-nav__brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}.bn-app-nav__brand-mark{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;color:#fff;font-weight:800;font-size:16px}.bn-app-nav__brand-text{font-weight:700;font-size:16px;letter-spacing:.01em}.bn-app-nav__items{display:flex;width:auto;max-width:none;margin:0;padding:0;gap:4px}.bn-app-nav__item{flex-direction:row;gap:8px;min-height:0;padding:8px 14px}.bn-app-nav__icon{width:auto;height:auto;font-size:18px}.bn-app-nav__item--active{background:rgba(37,99,235,.08)}.bn-app-nav--dark .bn-app-nav__item--active{background:rgba(96,165,250,.12)}.bn-app-nav__item--active .bn-app-nav__icon{background:transparent}.bn-app-nav__label{font-size:14px}.bn-app-main{padding-top:64px;padding-bottom:40px}.bn-app-content{max-width:760px;margin:0 auto;padding:0 24px}.bn-app-main--wide .bn-app-content{max-width:1080px}.bn-app-pagetitle{display:flex;align-items:center;gap:8px;padding:24px 0 8px}.bn-app-pagetitle__text{font-weight:700;font-size:22px}.bn-app-pagetitle__right{margin-left:auto}}@media (min-width:1280px){.bn-app-content{max-width:860px}.bn-app-main--wide .bn-app-content{max-width:1200px}}@media (min-width:768px){.bn-category-grid{grid-template-columns:repeat(3,1fr)}.bn-attendance-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.bn-category-grid{grid-template-columns:repeat(4,1fr)}}.bn-shell{min-height:100dvh;display:flex;flex-direction:column}.bn-shell-content{flex:1;padding-top:56px;padding-bottom:76px;overflow-y:auto;-webkit-overflow-scrolling:touch}.bn-header{position:fixed;top:0;left:0;right:0;z-index:100;height:56px;display:flex;align-items:center;justify-content:center;padding:0 16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color .2s,box-shadow .2s}.bn-header--light{background:hsla(0,0%,100%,.85);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.04)}.bn-header--dark{background:rgba(15,23,42,.88);border-bottom:1px solid #334155;box-shadow:0 1px 3px rgba(0,0,0,.2)}.bn-header__back{position:absolute;left:8px}.bn-header__title{font-weight:700;font-size:17px;letter-spacing:.01em}.bn-header__right{position:absolute;right:12px}.bn-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background-color .2s;padding-bottom:env(safe-area-inset-bottom,0)}.bn-nav--light{background:hsla(0,0%,100%,.92);border-top:1px solid #e2e8f0}.bn-nav--dark{background:rgba(15,23,42,.92);border-top:1px solid #334155}.bn-nav__inner{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;max-width:520px;margin:0 auto;padding:8px 4px 10px}.bn-nav__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 6px;min-height:56px;text-decoration:none;border-radius:14px;transition:transform .15s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.bn-nav__item:active{transform:scale(.94)}.bn-nav__item:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (hover:hover){.bn-nav__item:hover .bn-nav__icon:not(.bn-nav__icon--active){background:rgba(37,99,235,.06)}.bn-nav--dark .bn-nav__item:hover .bn-nav__icon:not(.bn-nav__icon--active){background:rgba(96,165,250,.1)}}.bn-nav__icon{width:56px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:999px;font-size:22px;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}.bn-nav__icon--active{background:rgba(37,99,235,.12);color:#2563eb!important}.bn-nav--dark .bn-nav__icon--active{background:rgba(96,165,250,.18);color:#60a5fa!important}.bn-nav__label{font-size:11px;line-height:1.2;letter-spacing:.1px;transition:color .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 2px}.bn-home-section{padding:0 16px;margin-bottom:20px}.bn-home-section__title{font-weight:700;font-size:17px;margin-bottom:12px}.bn-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bn-stat-card{text-align:center;padding:14px 8px;border-radius:14px;transition:transform .15s}.bn-stat-card:active{transform:scale(.97)}.bn-stat-card__value{font-size:26px;font-weight:800;line-height:1.2}.bn-stat-card__label{font-size:12px;margin-top:4px;opacity:.7}.bn-attendance-grid,.bn-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.bn-category-card{position:relative;border-radius:14px;overflow:hidden;min-height:120px;cursor:pointer;transition:transform .15s;-webkit-tap-highlight-color:transparent}.bn-category-card:active{transform:scale(.97)}.bn-category-card__content{position:relative;z-index:1;padding:14px;display:flex;flex-direction:column;justify-content:space-between;height:100%;color:#fff}.bn-category-card__overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.05),rgba(0,0,0,.25));pointer-events:none}.bn-greeting{display:flex;align-items:center;gap:14px;padding:20px 16px 12px}.bn-greeting__text{flex:1;min-width:0}.bn-skeleton-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px;margin-bottom:20px}.bn-skeleton-card{border-radius:14px;padding:16px}.bn-featured-card{border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.bn-featured-card:active{transform:scale(.98)}.bn-fade-in{animation:bnFadeIn .3s ease-out}@keyframes bnFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bn-hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.bn-hide-scrollbar::-webkit-scrollbar{display:none}