:root{--page:#f6f8fc;--surface:#fff;--ink:#172339;--muted:#59687d;--line:#e3e8f0;--blue:#245ce5;--blue-soft:#edf4ff;--purple:#7b32d4;--green:#128447;--orange:#b84a08;--radius:18px;--shadow:0 5px 18px #182f5512;--dock-height:82px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{background:var(--page);scroll-padding-bottom:calc(var(--dock-height) + 24px)}body{background:var(--page);color:var(--ink);font-family:Figtree,system-ui,sans-serif}body.admin-body{background:var(--page);min-height:100dvh;display:block}body :is(h1,h2,h3,h4){color:var(--ink)}body :is(p,small,.muted){color:var(--muted)}a,button,input,select,textarea,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #245ce57a}.btn,.primary-button,.secondary-button,.icon-btn{border-radius:13px;min-height:44px;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}.btn-primary,.primary-button{color:#fff;background:linear-gradient(115deg,#3476f4,#2453dd);border-color:#0000;box-shadow:0 6px 16px #255be130}.btn-primary:hover,.primary-button:hover{color:#fff;background:#204fcf;box-shadow:0 8px 20px #255be140}.btn-success{color:#fff;background:#0cae62;border-color:#0000}.btn-danger{color:#a5243b;background:#fff4f5;border-color:#f4c9cf}.icon-btn{border-color:var(--line);color:var(--blue);background:#fff}.icon-btn:hover{background:var(--blue-soft);box-shadow:none;border-color:#b7caf5}button:disabled,.btn:disabled,.icon-btn:disabled{cursor:not-allowed;opacity:.62;box-shadow:none;transform:none}.card,.panel,.admin-panel,.form-card,.record-card,.settings-row,.account-card,.points-panel,.calendar-card,.agenda-item,.support-card{border-color:var(--line);background:var(--surface);box-shadow:var(--shadow)}.card,.panel,.admin-panel,.form-card,.record-card{border-radius:var(--radius)}.section-head{margin-top:20px;margin-bottom:12px}.section-head h2{font-size:clamp(18px,2vw,22px)}.page-heading,.page-title-row{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.form-section-title>span{border-radius:12px}.badge,.admin-badge{font-size:12px}.empty-state{padding:28px 16px}.bottom-navigation{z-index:80;padding:8px 12px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#f6f8fc00,#f6f8fcd1 34%)}.bottom-tabs{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe8;border:1px solid #dce4f1eb;border-radius:23px;max-width:1140px;padding:7px 6px;box-shadow:0 8px 28px #1c2f4d1f}.bottom-tab{min-height:58px;font-weight:600}.bottom-tab .bottom-tab-icon{color:#58677d}.bottom-tab.is-active{color:var(--purple)}.bottom-tab.is-active .bottom-tab-icon{color:var(--purple);background:#f3eaff}body[data-appearance=monochrome] .bottom-tab .bottom-tab-icon,body[data-appearance=monochrome] .bottom-tab.is-active .bottom-tab-icon{color:#344155}body[data-appearance=monochrome] :is(.btn-primary,.btn-success){box-shadow:none;background:#344155;border-color:#0000}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;display:flex}.pagination>div{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pagination a,.pagination [aria-current],.pagination .disabled{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.pagination-wrap .pagination .disabled{border:1px solid var(--line);color:var(--muted);background:#f4f6fa;border-radius:10px}.pagination-summary{color:var(--muted);font-size:13px}body.admin-body .admin-content{width:min(1440px,100%);min-width:0;padding:18px 24px calc(var(--dock-height) + 44px + env(safe-area-inset-bottom));display:block}body.admin-body .admin-brand-row{min-height:54px;margin-bottom:4px}body.admin-body .admin-filter{box-shadow:var(--shadow);align-items:end}body.admin-body .admin-panel{padding:18px}body.admin-body .admin-table-wrap{border-color:var(--line);border-radius:14px}body.admin-body .section-tabs{scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}body.admin-body .section-tabs>a{flex:none;min-height:44px}body.error-page{background:var(--page);place-items:center;min-height:100dvh;padding:24px;display:grid}body.error-page .error-card{border-color:var(--line);background:#fff;border-radius:22px;box-shadow:0 16px 48px #192b461a}body.error-page .error-card .eyebrow{color:var(--blue)}body.error-page .error-card h1{color:var(--ink)}body.error-page .error-card p{color:var(--muted)}@media (width<=760px){body.admin-body .admin-content{padding:12px 12px calc(var(--dock-height) + 42px + env(safe-area-inset-bottom))}body.admin-body .admin-panel{padding:14px}}@media (width<=390px){.bottom-navigation{padding-inline:7px}.bottom-tabs{border-radius:19px}.bottom-tab{font-size:11px}body.admin-body .admin-content{padding-inline:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (prefers-reduced-transparency:reduce){.bottom-navigation{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f6f8fc}.bottom-tabs{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}}@media (prefers-contrast:more){:root{--line:#aab6c7;--muted:#435168}.card,.panel,.admin-panel,.bottom-tabs,.settings-row{border-width:2px}.badge,.admin-badge{border:1px solid}}@media (forced-colors:active){.bottom-tabs{box-shadow:none;border:1px solid canvastext}.bottom-tab.is-active{outline-offset:-2px;outline:2px solid highlight}.btn-primary,.btn-success{border:1px solid buttontext}.badge,.admin-badge{border:1px solid canvastext}}.result-summary{flex-wrap:wrap;gap:4px 12px}@media (width<=767px){body.admin-body .section-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid;overflow:visible}body.admin-body .section-tabs>a{text-align:center;white-space:normal;overflow-wrap:normal;justify-content:center;min-width:0;min-height:48px;padding:8px 5px;font-size:12px;line-height:1.25}.bottom-tab{font-size:12px}}@media (width<=240px){body.admin-body .section-tabs{grid-template-columns:minmax(0,1fr)}}
