:root{--bg:#f3f6f6;--bg-deep:#e9efed;--surface-2:#edf2f0;--surface-accent:#e8f3ee;--line:#e0e8e4;--line-strong:#b5c5bd;--text:#192f2b;--muted:#596d65;--accent:#126b50;--accent-strong:#0b553e;--accent-weak:#e2f2e9;--admin-accent:var(--accent);--admin-accent-strong:var(--accent-strong);--admin-accent-weak:var(--accent-weak);--chart-lessons:#748f85;--chart-bookings:#16815d;--metric-surface:#124e3e;--metric-text:#ffffff;--metric-muted:#c2e4d5;--shadow-soft:none;--shadow:none;--motion-fast:160ms;--motion-enter:420ms;--ease-out:cubic-bezier(.22,1,.36,1)}:root[data-theme=dark]{--bg:#111c19;--bg-deep:#0d1512;--surface:#1a2923;--surface-strong:#21352c;--surface-2:#24382e;--surface-accent:#213b2e;--line:#30473b;--line-strong:#667d6f;--text:#e9f2ed;--muted:#a5bcb0;--accent:#196e50;--accent-strong:#85ddb0;--accent-weak:#234a36;--chart-lessons:#92b6a4;--chart-bookings:#79d9aa;--metric-surface:#174b38;--metric-muted:#c2e4d5}body{line-height:1.5}::selection{color:var(--text);background:var(--accent-weak)}h1,h2,h3{text-wrap:balance}a,button,summary{-webkit-tap-highlight-color:transparent}:is(button,a,summary,input,select,textarea):focus-visible{outline:3px solid var(--accent-strong);outline-offset:3px}:is(button,summary){transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),transform var(--motion-fast) var(--ease-out)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed}.admin-shell{grid-template-columns:232px minmax(0,1fr);color:var(--text);background:var(--bg)}.admin-sidebar{padding:32px 16px 20px;background:var(--surface);box-shadow:none;border-right:1px solid var(--line)}.admin-sidebar__brand{gap:10px;padding:0 8px 32px}.admin-sidebar__logo{width:38px;height:38px;border-radius:12px;background:var(--accent)}.admin-sidebar__brand strong{color:var(--text);font-size:19px;line-height:1.3;letter-spacing:-.6px}.admin-sidebar__brand span:last-child{color:var(--muted);font-size:11px;margin-top:4px}.admin-sidebar__create{min-height:46px;border-radius:12px;background:var(--accent);margin-bottom:30px;font-size:14px}.admin-sidebar__create:hover:not(:disabled){background:var(--accent-strong);color:var(--bg)}.admin-sidebar__nav{gap:8px}.admin-sidebar__nav-button{min-height:48px;color:var(--muted);border-radius:12px;padding:12px;border:0}.admin-sidebar__footer-button:hover,.admin-sidebar__nav-button:hover{color:var(--text);background:var(--surface-2)}.admin-sidebar__nav-button--active{color:var(--accent-strong);background:var(--accent-weak)}.admin-sidebar__nav-button--active:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:2px;background:var(--accent)}.admin-sidebar__footer{border-color:var(--line);gap:8px}.admin-sidebar__footer-button{color:var(--muted);border-radius:10px}.admin-shell__body{padding:0 36px 36px;gap:24px}.admin-shell__body>:not(.admin-topbar,.admin-modal-backdrop,.toast,.offline-banner){width:100%;max-width:1320px;margin-left:auto;margin-right:auto}.admin-topbar{margin:0 -36px;padding:14px 36px;min-height:76px;background:var(--bg);border-bottom:0}.admin-topbar__actions{width:100%}.admin-topbar__spacer{flex:1 1}.admin-topbar__search{margin-right:auto;width:min(360px,100%);background:var(--surface);border:1px solid var(--line);border-radius:12px}.admin-topbar__search input{color:var(--text);font-size:14px}.admin-topbar__search input::placeholder{color:var(--muted);opacity:1}.admin-account summary,.admin-notifications__trigger{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px}.admin-account summary:hover,.admin-notifications__trigger:hover{background:var(--accent-weak)}.admin-account>div,.admin-notifications__panel{color:var(--text);background:var(--surface);border-color:var(--line);box-shadow:0 14px 48px #10271c24}.admin-notifications__head,.admin-notifications__item{border-color:var(--line)}.admin-notifications__empty span,.admin-notifications__head span,.admin-notifications__item small,.admin-notifications__item span span{color:var(--muted)}.admin-account button,.admin-notifications__head button,.admin-notifications__item{color:var(--text);background:var(--surface)}.admin-account button:hover,.admin-notifications__item:hover{background:var(--surface-2)}.admin-view-heading{padding:0 0 2px;animation:workspace-enter var(--motion-enter) var(--ease-out) both}.admin-view-heading h1{color:var(--text);font-size:clamp(28px,2.6vw,36px);line-height:1.2;letter-spacing:-1.1px}.admin-view-heading p{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.6}.admin-shell :is(.panel,.metric-card,.list-card,.empty-state,.stat-tile){background:var(--surface);border:0;border-radius:18px;box-shadow:none}.admin-shell .panel{padding:24px}.admin-shell :is(.section__head,.card-title) h2,.admin-shell h2{color:var(--text);font-size:18px;letter-spacing:-.4px;line-height:1.4}.admin-shell .compact-panel{background:var(--surface)}.admin-shell :is(.input,.select,.textarea){background:var(--surface);color:var(--text);border-color:var(--line-strong);border-radius:10px}.admin-shell .button{border-radius:10px;font-size:14px}.admin-mobile-create,.admin-shell :is(.button--teal,.button--primary){background:var(--accent);color:var(--on-accent)}.admin-shell :is(.button--teal,.button--primary):hover:not(:disabled){background:var(--accent);opacity:.9}.admin-shell .tag{background:var(--surface-2);color:var(--muted);border:0;font-size:12px;padding:6px 10px;font-weight:500;white-space:normal}.admin-shell .small{font-size:13px}.admin-task-queue>button{border:0;border-radius:14px;background:var(--surface);color:var(--text);padding:14px 18px}.admin-task-queue>button strong{color:var(--accent-strong)}.admin-task-queue>button:hover{background:var(--accent-weak)}.period-filter__presets{gap:6px}.admin-shell .period-filter__chip{color:var(--muted);border:0;background:var(--surface-2);border-radius:8px;padding:8px 12px;font-size:13px}.admin-shell .period-filter__chip:hover{color:var(--text);background:var(--accent-weak)}.admin-shell .period-filter__chip--active,.admin-shell .period-filter__chip--active:hover{color:var(--on-accent);background:var(--accent)}.admin-bookings-segments,.calendar-mode-switcher{border:0;padding:4px;gap:4px;border-radius:12px;background:var(--surface-2)}.admin-bookings-segments button,.calendar-mode-switcher__btn{border:0;border-radius:8px;color:var(--muted);background:transparent}.admin-bookings-segments button.is-active,.calendar-mode-switcher__btn--active,.calendar-mode-switcher__btn--active:hover{background:var(--surface);color:var(--accent-strong)}.admin-calendar-panel__month,.calendar-heading h1{color:var(--text)}.admin-calendar-panel__nav{background:var(--surface-2);color:var(--text);border-color:transparent;border-radius:10px}.calendar-board__day{background:var(--surface);border-color:var(--line)}.calendar-board__weekday{color:var(--muted)}.calendar-board__day--selected{background:var(--accent-weak)}.calendar-board__day--outside{background:var(--surface-2)}.calendar-board__lesson{background:var(--surface-accent);color:var(--text);border-left-color:var(--accent)}.calendar-board__lesson:hover{background:var(--accent-weak)}.calendar-agenda__item{border-color:var(--line);background:var(--surface);border-radius:12px;padding:14px}.calendar-agenda__body{color:var(--text)}.calendar-agenda__status select{color:var(--text);background:var(--surface);border-color:var(--line-strong)}.admin-calendar-summary,.time-grid-scroll,.time-grid__cell,.time-grid__col-head,.time-grid__corner{border-color:var(--line)}.time-grid__col-head,.time-grid__corner,.time-grid__hour-label{background:var(--surface-2);color:var(--muted)}.time-grid__col-head--selected{background:var(--accent-weak)}.admin-data-table{background:var(--surface);border:0;border-radius:16px}.admin-data-table__head{color:var(--muted);background:var(--surface-2);font-size:12px;text-transform:none;letter-spacing:0}.admin-data-table__row{color:var(--text);border-color:var(--line);background:var(--surface);transition:background var(--motion-fast)}.admin-data-table__row:hover{background:var(--surface-accent)}.admin-data-table__row strong{color:var(--text)}.admin-data-table__row small,.admin-data-table__row>div:before{color:var(--muted)}.admin-booking-rate-cell input,.admin-payment-filter select{color:var(--text);background:var(--surface);border-color:var(--line-strong)}.admin-booking-actions button,.admin-booking-rate-cell button,.admin-data-table__footer :is(button,strong){color:var(--text);background:var(--surface-2);border-color:transparent}.admin-data-table__footer{color:var(--muted);background:var(--surface);border-color:var(--line)}.admin-shell__body[data-view=students] .student-card{border:0;border-radius:16px;padding:20px}.admin-modal,.admin-shell .admin-modal{color:var(--text);background:var(--surface);border:0;border-radius:20px;animation:workspace-enter .24s var(--ease-out) both}.admin-modal--wide .admin-modal__head,.admin-modal__actions,.admin-modal__head{background:var(--surface);border-color:var(--line)}.admin-modal__head h2{color:var(--text)}.admin-modal :is(.input,.select,.textarea){color:var(--text);background:var(--surface);border-color:var(--line-strong);border-radius:10px}.admin-shell .analytics-view{gap:20px}.analytics-period__heading{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.analytics-period__heading h2{margin:0}.analytics-period__heading>span{color:var(--muted);font-size:13px}.admin-shell .analytics-period{padding:18px 24px}.admin-shell .analytics-kpi-grid{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.admin-shell .analytics-kpi{min-height:190px;gap:12px;padding:22px;border:0;border-radius:18px;background:var(--surface);animation:workspace-enter var(--motion-enter) var(--ease-out) both}.analytics-kpi:nth-child(2){animation-delay:50ms}.analytics-kpi:nth-child(3){animation-delay:.1s}.analytics-kpi:nth-child(4){animation-delay:.15s}.analytics-kpi>span:first-child{font-size:13px;color:var(--muted);font-weight:500}.admin-shell .analytics-kpi strong{font-size:clamp(28px,2.5vw,40px);line-height:1.1;font-weight:650;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-1.5px}.analytics-kpi__note{font-size:12px;line-height:1.6}.analytics-kpi__footer{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding-top:8px;color:var(--muted);margin-top:auto}.analytics-kpi__footer b{color:var(--text);font-weight:600}.admin-shell .analytics-kpi--revenue{color:var(--metric-text);background:var(--metric-surface)}.admin-shell .analytics-kpi--revenue strong,.analytics-kpi--revenue .analytics-kpi__footer b{color:var(--metric-text)}.analytics-kpi--revenue .analytics-kpi__footer,.analytics-kpi--revenue .analytics-kpi__note,.analytics-kpi--revenue>span:first-child{color:var(--metric-muted)}.analytics-meter{height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden;align-self:end;margin-top:8px}.analytics-meter>span{display:block;height:100%;background:var(--chart-bookings);transform-origin:left;transition:transform .45s var(--ease-out)}.analytics-chart-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-gap:20px;gap:20px}.admin-shell .analytics-panel{gap:16px;border:0;background:var(--surface);align-content:start}.analytics-panel .section__head{margin:0;align-items:flex-start}.analytics-panel h2{margin:0}.analytics-caption{color:var(--muted);font-size:12px;line-height:1.6;margin-top:4px}.analytics-legend{font-size:12px;color:var(--muted);gap:18px}.analytics-legend i{border-radius:3px;width:12px;height:12px}.analytics-legend i[data-tone=lessons]{background:var(--chart-lessons)}.analytics-legend i[data-tone=bookings]{background:var(--chart-bookings)}.analytics-panel .chart-composition{align-self:end}.chart-scroll{overflow-x:auto;overflow-y:hidden;max-width:100%}.chart{position:relative}.analytics-chart{display:block;overflow:visible}.chart-targets{position:absolute;inset:0 2.85% 10% var(--chart-inset,7.85%);display:grid}.chart-targets button{min-width:0;min-height:44px;border:0;background:transparent;border-radius:6px}.chart-targets button:hover{background:var(--surface-accent);opacity:.35}.chart-targets button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:-2px}.chart-targets button:active{transform:none}.chart-tooltip{z-index:4;top:12px;bottom:auto;width:200px;padding:14px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--surface);box-shadow:0 8px 24px #132c2426;pointer-events:none;transform:translateX(-50%)}.chart-tooltip strong{color:var(--text);font-size:13px;margin-bottom:6px}.chart-tooltip span{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.chart-tooltip b{color:var(--text)}.chart-data{margin-top:4px;font-size:12px;color:var(--muted)}.chart-data summary{cursor:pointer;display:list-item;min-height:44px;padding:12px 0}.chart-data summary:hover{color:var(--accent-strong)}.chart-data__scroll{overflow-x:auto}.chart-data table{width:100%;border-collapse:collapse;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.chart-data :is(td,th){text-align:right;padding:10px 12px;border-bottom:1px solid var(--line);font-weight:500}.chart-data :is(td,th):first-child{text-align:left}.chart-data tbody{color:var(--text)}.analytics-chart-empty{display:grid;align-content:center;grid-gap:8px;gap:8px;min-height:220px;padding:20px;background:var(--surface-2);border-radius:12px}.analytics-chart-empty h3{margin:0;font-size:17px;color:var(--text)}.analytics-chart-empty p{color:var(--muted);font-size:14px;max-width:40ch;line-height:1.6}.analytics-insights{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,2fr);grid-gap:32px;gap:32px;padding:24px;border-radius:18px;background:var(--surface-accent)}.analytics-insights h2{margin:0 0 8px}.analytics-insights>div p{color:var(--muted);font-size:13px}.analytics-insights__list{display:grid;grid-gap:10px;gap:10px;margin:0;padding-left:18px;color:var(--text);font-size:14px;line-height:1.6}.analytics-insights__list li{padding-left:4px}.analytics-weekdays__head{display:grid;grid-template-columns:1fr 70px 65px;font-size:11px;color:var(--muted);text-align:right}.analytics-weekdays__head span:first-child{text-align:left}.analytics-weekdays__row{grid-template-columns:28px minmax(0,1fr) 30px 55px;gap:12px;min-height:28px;font-size:13px}.analytics-weekdays__track{height:8px;background:var(--surface-2)}.analytics-weekdays__track span{background:var(--chart-bookings)}.analytics-weekdays__row strong{color:var(--text);font-size:13px;font-weight:600}.analytics-hours{gap:20px}.analytics-hours__bar-track{background:var(--surface-2);border-radius:8px;height:134px;padding:0}.analytics-hours__bar{width:100%;border-radius:8px;background:var(--chart-bookings)}.analytics-hours__col strong{color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.analytics-hours__col em{font-size:12px;font-style:normal;color:var(--muted)}.analytics-hours__label{font-size:13px;color:var(--text)}.analytics-donut-wrap{grid-template-columns:160px minmax(0,1fr);gap:16px;justify-items:stretch}.chart--donut{width:160px}.chart--donut text{fill:var(--text)}.chart--donut text:last-child{fill:var(--muted)}.analytics-donut-legend__item{font-size:13px;gap:8px}.analytics-donut-legend__dot{width:9px;height:9px;border-radius:50%}.analytics-donut-legend__value{display:flex;gap:12px;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.analytics-donut-legend__value small{min-width:32px;text-align:right;color:var(--muted);font-weight:400}.analytics-quality{display:grid;grid-gap:8px;gap:8px;background:var(--surface-2);padding:16px;border-radius:12px;margin-top:auto}.analytics-quality>span{display:flex;justify-content:space-between;gap:12px;color:var(--text);font-size:13px}.analytics-quality strong{font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.analytics-quality p{color:var(--muted);font-size:12px;line-height:1.6}.analytics-subjects{gap:20px}.analytics-subjects__item{display:block;padding:0;border:0}.analytics-subjects__item .stack{gap:8px}.analytics-subjects__item strong{color:var(--text);font-size:14px;font-weight:600}.analytics-subjects__meta{gap:12px;color:var(--muted);font-size:12px}.analytics-subjects__track{height:4px;background:var(--surface-2);border-radius:2px;overflow:hidden}.analytics-subjects__track span{display:block;height:100%;background:var(--chart-lessons);border-radius:inherit}.teacher-login-shell{color:var(--text);background:var(--bg)}.teacher-login-card{border:0;border-radius:24px;padding:40px;background:var(--surface);box-shadow:none;animation:workspace-enter var(--motion-enter) var(--ease-out) both}.teacher-login-header h1{color:var(--text);font-size:30px;letter-spacing:-1px}.teacher-login-header p,.teacher-login-support span{color:var(--muted)}.teacher-login-brand{border-radius:14px;background:var(--accent)}.teacher-login-field>label{color:var(--text);font-size:14px}.teacher-login-input{height:52px;color:var(--text);border-color:var(--line-strong);border-radius:12px;background:var(--surface);font-size:16px}.teacher-login-input::placeholder{color:var(--muted)}.teacher-login-submit{min-height:52px;border-radius:12px;background:var(--accent)}.teacher-login-submit:hover:not(:disabled){background:var(--accent);opacity:.9}.teacher-login-options,.teacher-login-support{color:var(--muted)}.teacher-login-options :is(a,button),.teacher-login-support :is(a,button){color:var(--accent-strong)}.loading-splash{background:var(--bg-deep);color:var(--text)}.loading-splash__ambient{display:none}.loading-splash__icon{border:0;border-radius:28px;background:var(--accent);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:workspace-loading 1.8s ease-in-out infinite}.loading-splash h1{color:var(--text);font-size:28px}.loading-splash p{color:var(--muted);font-size:14px;font-weight:400;text-transform:none;letter-spacing:0}@keyframes workspace-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes workspace-loading{50%{transform:translateY(-6px)}}@keyframes chart-grow{0%{transform:scaleY(.02);opacity:.3}to{transform:scaleY(1);opacity:1}}@keyframes chart-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.analytics-hours__bar,.chart-bar{transform-box:fill-box;transform-origin:center bottom;animation:chart-grow .6s var(--ease-out) both}.chart-area,.chart-line{animation:chart-appear .6s var(--ease-out) both}:root[data-theme=dark] :is(.admin-sidebar__nav-button img,.admin-sidebar__footer-button img,.admin-topbar__search img,.admin-notifications__trigger img,.teacher-login-input-icon,.teacher-login-password-toggle img){filter:brightness(0) invert(.85)}@media (min-width:981px) and (max-width:1200px){.admin-shell{grid-template-columns:208px minmax(0,1fr)}.admin-shell__body{padding:0 24px 24px}.admin-topbar{margin:0 -24px;padding:12px 24px}.admin-shell .analytics-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-chart-grid{grid-template-columns:minmax(0,1fr)}.analytics-donut-wrap{grid-template-columns:1fr;justify-items:center}.analytics-donut-legend{width:100%}}@media (max-width:980px){.admin-shell{display:block}.admin-sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;height:auto;padding:8px 8px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);border-right:0}.admin-sidebar__nav{gap:4px}.admin-sidebar__nav-button{padding:6px 2px;min-height:52px;border-radius:10px}.admin-sidebar__nav-button--active:before{display:none}.admin-sidebar__nav-button span{font-size:11px}.admin-shell__body{padding:0 max(20px,env(safe-area-inset-right)) 24px max(20px,env(safe-area-inset-left))}.admin-topbar{padding:12px 20px;margin:0 -20px}.admin-mobile-create{border-radius:10px}.admin-shell .analytics-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-chart-grid,.analytics-insights{grid-template-columns:1fr}.analytics-insights{gap:16px}}@media (max-width:760px){.admin-shell__body{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));gap:20px}.admin-topbar{margin:0 -16px;padding:12px 16px}.admin-topbar__actions{gap:8px}.admin-shell .panel{padding:20px}.admin-shell .admin-modal{padding:0}.admin-view-heading h1{font-size:30px}.admin-view-heading p{font-size:13px}.admin-shell .analytics-kpi-grid{gap:12px}.admin-shell .analytics-kpi{padding:18px;min-height:180px}.admin-shell .analytics-kpi strong{font-size:30px}.analytics-kpi__footer{flex-wrap:wrap}.analytics-period__heading{margin-bottom:12px}.analytics-period__heading>span{font-size:12px}.analytics-insights{padding:20px}.analytics-donut-wrap{grid-template-columns:140px minmax(0,1fr);gap:12px}.chart--donut{width:140px}.analytics-donut-legend__item{font-size:12px}.analytics-donut-legend__value{gap:8px}.analytics-panel .section__head{flex-wrap:wrap;gap:8px}.admin-data-table__row{border:0;border-radius:16px}.teacher-login-card{padding:28px}}@media (max-width:420px){.admin-shell .analytics-kpi{padding:16px}.admin-shell .analytics-kpi strong{font-size:26px;letter-spacing:-1px}.analytics-kpi>span:first-child{font-size:12px}.analytics-donut-wrap{grid-template-columns:1fr;justify-items:center}.analytics-donut-legend{width:100%}.analytics-hours{gap:12px}.admin-account summary{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.chart--revenue{--chart-inset:10.71%}.analytics-insights__list{list-style:disc}.analytics-insights__list li{border:0;border-radius:0;background:transparent;padding:0 0 0 4px;font-size:14px;line-height:1.6}.analytics-insights__list li:before{content:none}.analytics-hours__bar{max-width:none;transition:none}.admin-sidebar__logo{box-shadow:none}.admin-sidebar__create img{filter:brightness(0) invert(1)}.admin-sidebar__logo img{width:38px;height:38px}.teacher-login-brand img{width:48px;height:48px}.admin-shell .button:hover:not(:disabled){box-shadow:none}.chart-targets{right:var(--chart-right,2.85%)}@media (max-width:760px){.chart-scroll .chart{min-width:560px}}.admin-shell__body[data-view=students] .card-list{gap:12px;border:0;padding:0;border-radius:0;background:transparent}.admin-shell__body[data-view=students] .student-card:hover{background:var(--surface-accent)}.admin-shell .analytics-period{display:block}.student-shell .student-bottom-nav button.is-active img{filter:brightness(0) saturate(100%) invert(29%) sepia(28%) saturate(1284%) hue-rotate(112deg) brightness(93%) contrast(92%)}:root[data-theme=dark] .student-shell .student-bottom-nav button.is-active img{filter:brightness(0) invert(.85)}