.bn-bar{z-index:100;background:var(--surface-raised);border-top:1px solid var(--surface-border);-webkit-backdrop-filter:blur(16px);height:56px;padding:0 var(--space-2);padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.bn-tab{height:100%;color:var(--text-muted);font-size:10px;font-family:var(--font-body);transition:color var(--duration-fast) var(--ease-in-out);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:48px;min-height:48px;text-decoration:none;display:flex;position:relative}.bn-tab--active{color:var(--color-primary-500)}.bn-label{font-weight:500}.bn-dot{background:var(--color-primary-500);width:4px;height:4px;animation:dotPop .3s var(--ease-out-expo);border-radius:50%;position:absolute;bottom:6px}@keyframes dotPop{0%{transform:scale(0)}to{transform:scale(1)}}.bn-fab{background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-500));color:#fff;cursor:pointer;width:52px;height:52px;transition:transform var(--duration-normal) var(--ease-out-expo), box-shadow var(--duration-normal) var(--ease-out-expo);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;transform:translateY(-8px);box-shadow:0 4px 16px -2px #6366f180}.bn-fab:active{transform:translateY(-6px)scale(.92);box-shadow:0 2px 8px -2px #6366f14d}.bn-overlay{z-index:110;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bn-more{bottom:64px;left:var(--space-3);right:var(--space-3);background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius-xl);padding:var(--space-4);animation:slideUp .25s var(--ease-out-expo);position:absolute}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.bn-more-head{margin-bottom:var(--space-3);font-family:var(--font-display);color:var(--text-primary);justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.bn-more-close{color:var(--text-muted);cursor:pointer;padding:var(--space-1);background:0 0;border:none}.bn-more-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.bn-more-item{align-items:center;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-lg);color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-in-out);flex-direction:column;font-size:11px;text-decoration:none;display:flex}.bn-more-item:active{background:var(--glass-bg)}.bn-more-item--active{color:var(--color-primary-500);background:#6366f114}.bn-fab-menu{gap:var(--space-2);animation:slideUp .2s var(--ease-out-expo);flex-direction:column;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.bn-fab-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius-pill);color:var(--text-primary);white-space:nowrap;transition:all var(--duration-fast) var(--ease-in-out);font-size:14px;font-weight:500;text-decoration:none;display:flex;box-shadow:0 4px 12px #0003}.bn-fab-item:active{background:var(--glass-bg);transform:scale(.96)}@media (max-width:768px){.bn-bar{display:flex}.sidebar,.sidebar-backdrop,.mobile-burger{display:none!important}.main-content{padding-bottom:calc(56px + env(safe-area-inset-bottom,0) + var(--space-4));margin-left:0!important}.page-header{gap:var(--space-3);flex-wrap:wrap}.page-title{font-size:20px}.data-table{border:none}.data-table thead{display:none}.data-table tbody tr{background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-2);flex-direction:column;display:flex}.data-table tbody td{padding:var(--space-1) 0;border:none;justify-content:space-between;align-items:center;font-size:13px;display:flex}.data-table tbody td:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.kb-board{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:var(--space-4);overflow-x:auto}.kb-col{scroll-snap-align:start;min-width:280px}.kpi-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)!important}.stats-bar{flex-direction:column}.dash-two-col,.detail-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.page-title{font-size:18px}.kpi-grid{grid-template-columns:1fr!important}.bn-more-grid{grid-template-columns:repeat(2,1fr)}.form-row{flex-direction:column}.form-group{width:100%}}.btn-primary,.btn-secondary,.btn-ghost{position:relative;overflow:hidden}.btn-primary:after,.btn-secondary:after{content:"";background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%), #ffffff4d 0%, transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.btn-primary:active:after,.btn-secondary:active:after{opacity:1;transition:opacity}.data-table tbody tr,.kb-card,.kpi-card,.detail-card{transition:transform var(--duration-normal) var(--ease-out-expo), box-shadow var(--duration-normal) var(--ease-out-expo)}@media (hover:hover){.data-table tbody tr:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.kb-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.kpi-card:hover{box-shadow:0 0 20px -4px var(--color-primary-500);border-color:#6366f133;transform:translateY(-2px)}.sidebar-link:hover{transition:transform var(--duration-fast) var(--ease-out-expo);transform:translate(4px)}.sidebar-link--active{transform:translate(0)}}.badge--in_progress,.badge--diagnostics{animation:2s ease-in-out infinite badgePulse}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.7}}.main-content>*{animation:pageEnter .35s var(--ease-out-expo)}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}html{scroll-behavior:smooth}::selection{color:var(--text-primary);background:#6366f140}