:root{font-family:system-ui,sans-serif;color:#122247;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.login-page,.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:460px}.login-card form{margin:24px 0}.brand{font-size:27px;font-weight:800;color:#122247;padding:28px 22px}.login-card .brand{padding:0}.brand small{display:block;font-size:13px;font-weight:400;color:#6d7f9d;margin-top:5px}.panel{min-height:100vh}.panel .ant-layout-sider-children{display:flex;flex-direction:column}.panel .ant-menu{border:0;padding:0 10px}.sidebar-bottom{margin-top:auto;padding-top:24px}.sidebar-bottom>.ant-menu{border-top:1px solid #e5edf5;padding-top:10px}@media(min-width:992px){.panel .ant-layout-sider{position:sticky;top:0;align-self:flex-start;height:100dvh;overflow-y:auto}}.staff{display:flex;flex-direction:column;gap:12px;padding:24px 18px}.enrollment-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.enrollment-card{width:100%;max-width:720px}.enrollment-card .brand{padding:0}.enrollment-card form{margin-top:24px}.enrollment-card .ant-space-item{max-width:100%}.recovery-codes{padding:16px;background:#f3f6fa;overflow-x:auto}.content{padding:30px;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-heading h1{margin:0 0 4px}.period-note,.muted{color:#64748b;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.overview-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.wide{grid-column:1 / -1}.activity-chart{display:grid;grid-template-columns:42px minmax(0,1fr);height:220px;margin:36px 0 40px}.activity-axis{position:relative;color:#64748b;font-size:12px}.activity-axis>span{position:absolute;right:10px;transform:translateY(50%)}.activity-plot{position:relative;display:flex;gap:4px;min-width:0}.activity-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.activity-grid>span{position:absolute;width:100%;border-top:1px solid #dce6f1}.activity-column{height:100%;flex:1;min-width:0;position:relative}.activity-trigger{display:flex;align-items:flex-end;height:100%;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.activity-trigger:focus-visible{outline:2px solid #1677ff;outline-offset:2px}.activity-bar{display:block;position:relative;width:100%;border-radius:4px 4px 0 0;background:#99ceff}.activity-trigger:hover .activity-bar,.activity-trigger:focus .activity-bar{background:#57aaf7}.activity-value{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding-bottom:5px;color:#122247;font-size:12px;font-weight:600}.activity-date{position:absolute;top:100%;left:50%;transform:translate(-50%);padding-top:9px;white-space:nowrap;color:#64748b;font-size:11px}.actions{padding:0;margin:0;list-style:none}.actions li{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid #eef2f6}.actions small{color:#64748b}details summary{cursor:pointer;color:#1677ff}.users-filters{margin:22px 0}.users-filters>.ant-card-body{display:flex;flex-direction:column;gap:16px}.users-filters .ant-select{min-width:160px}.users-filters label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#64748b}.user-name{padding:0;height:auto;white-space:normal;text-align:left}.user-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.profile-about{white-space:pre-wrap;margin:20px 0}.moderated-photo{display:flex;flex-direction:column;gap:10px}@media(max-width:800px){.user-detail-grid{grid-template-columns:1fr}}.ant-alert{margin-bottom:16px}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}}@media(max-width:600px){.content{padding:18px}.metrics{grid-template-columns:1fr}.chart-label{display:none}.ant-table-wrapper{overflow-x:auto}}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.settings-grid .ant-form-item{margin-bottom:16px}.settings-package-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:1000px){.settings-grid{grid-template-columns:1fr}}.panel-mobile{flex-direction:column}.mobile-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:#fff;border-bottom:1px solid #e5edf5}.mobile-header strong{font-size:21px}.mobile-header .ant-btn{min-height:44px}.mobile-navigation .ant-drawer-body{display:flex;flex-direction:column;padding:0;overscroll-behavior:contain}.mobile-navigation .brand{font-size:24px;padding:16px 22px}.mobile-navigation .ant-menu{border:0;padding:0 10px}.mobile-navigation .ant-menu-item{height:auto;min-height:46px;line-height:1.4;display:flex;align-items:center;padding-block:12px}.mobile-navigation .ant-menu-title-content{white-space:normal}.mobile-navigation .ant-drawer-close{min-width:44px;min-height:44px}.mobile-navigation .staff{overflow-wrap:anywhere}.mobile-navigation .staff .ant-btn{height:auto;min-height:44px;white-space:normal}.mobile-record-list{margin:0;padding:0;list-style:none}.mobile-record{border:1px solid #e5edf5;border-radius:12px;padding:16px;background:#fff}.mobile-record+.mobile-record{margin-top:12px}.mobile-record dl{margin:0}.mobile-record-field+.mobile-record-field{margin-top:12px}.mobile-record-field dt{font-size:12px;line-height:1.4;color:#64748b;margin-bottom:4px}.mobile-record-field dd{margin:0;min-width:0;overflow-wrap:anywhere}.mobile-pagination{margin-top:16px}.filter-toggle{width:100%}.filter-fields>.ant-typography{display:block;margin-top:16px}.activity-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.content .ant-table-wrapper{min-width:0;max-width:100%}.content .ant-table-cell{overflow-wrap:anywhere}@media(max-width:767px){.activity-chart{min-width:max(100%,calc(var(--activity-days) * 44px + 42px))}.activity-axis{position:sticky;left:0;z-index:1;background:#fff}.content{padding:18px 12px calc(24px + env(safe-area-inset-bottom))}.content,.login-page,.enrollment-page,.ant-modal{overflow-wrap:anywhere}.content h1.ant-typography{font-size:28px;line-height:1.2}.page-heading{gap:12px;margin-bottom:18px}.page-heading>div{min-width:0;width:100%}.page-heading>.ant-space{flex-wrap:wrap}.page-heading>.ant-space>.ant-space-item{flex:1 1 auto}.page-heading>.ant-space .ant-btn{width:100%}.page-heading>.ant-btn{width:100%}.content .ant-card{min-width:0;max-width:100%}.content .ant-card-body,.login-card .ant-card-body,.enrollment-card .ant-card-body{padding:16px}.content .ant-card-head{padding:12px 16px}.content .ant-card-head-wrapper{flex-wrap:wrap;gap:8px}.content .ant-card-head-title{white-space:normal;overflow:visible}.content .ant-card-extra{width:100%;margin-inline-start:0}.content .ant-space,.ant-modal .ant-space,.enrollment-card .ant-space{max-width:100%;min-width:0}.content .ant-space-item,.ant-modal .ant-space-item,.enrollment-card .ant-space-item{min-width:0;max-width:100%}.content .ant-space-vertical{width:100%}.users-filters{margin:16px 0}.users-filters .ant-space{display:flex;flex-direction:column;align-items:stretch;width:100%}.users-filters .ant-space-item,.users-filters label,.users-filters .ant-select,.users-filters .ant-input-group-wrapper{width:100%!important;min-width:0!important}.users-filters [hidden]{display:none}.content .ant-btn,.ant-modal .ant-btn,.login-card .ant-btn,.enrollment-card .ant-btn{min-height:44px;height:auto;max-width:100%;padding:10px 12px;white-space:normal;line-height:1.4;overflow-wrap:anywhere}.content .ant-btn>span,.ant-modal .ant-btn>span{white-space:normal;overflow-wrap:anywhere}.content .ant-input,.content .ant-input-number-input,.ant-modal .ant-input,.ant-modal .ant-input-number-input,.login-card .ant-input,.enrollment-card .ant-input{font-size:16px;min-height:42px}.content .ant-input-affix-wrapper .ant-input,.ant-modal .ant-input-affix-wrapper .ant-input,.login-card .ant-input-affix-wrapper .ant-input,.enrollment-card .ant-input-affix-wrapper .ant-input{min-height:30px}.content .ant-select,.ant-modal .ant-select{min-height:44px;max-width:100%;font-size:16px}.content .ant-tag{max-width:100%;white-space:normal;overflow-wrap:anywhere}.content .ant-descriptions-view table{width:100%;table-layout:fixed}.content .ant-descriptions-item-container{flex-direction:column;gap:4px}.content .ant-descriptions-item-label{color:#64748b;font-size:12px}.content .ant-descriptions-item-content{min-width:0;max-width:100%}.content .ant-image{max-width:100%}.content .ant-image-img,.content audio{max-width:100%}.content .ant-tabs-tab{padding-block:12px;min-height:44px}.content .ant-tabs-nav-more{min-width:44px;min-height:44px}.ant-dropdown,.ant-tabs-dropdown{max-width:calc(100vw - 24px)}.ant-dropdown-menu-item,.ant-tabs-dropdown-menu-item,.ant-select-dropdown .ant-select-item-option{min-height:44px;padding-block:10px}.content .ant-alert,.ant-modal .ant-alert{min-width:0}.content .ant-alert-actions,.ant-modal .ant-alert-actions{margin-inline-start:8px;flex-shrink:0}.content .ant-pagination{display:flex;flex-wrap:wrap;gap:8px 4px;margin-top:16px}.content .ant-pagination-item,.content .ant-pagination-prev,.content .ant-pagination-next{min-width:40px;height:40px;line-height:38px}.content .ant-pagination-options{display:block;width:100%;margin-inline-start:0;max-width:100%}.content .ant-pagination-options .ant-select{width:100%}.content .ant-pagination-total-text{width:100%;height:auto;line-height:1.5;white-space:normal}.content .ant-typography{max-width:100%}.user-detail-grid,.settings-grid{gap:12px;margin-top:16px}.overview-grid{gap:12px}.metrics{gap:10px}.settings-package-row{grid-template-columns:1fr;gap:0}.login-page,.enrollment-page{padding:max(16px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom));min-height:100dvh;align-items:flex-start}.login-card{margin-block:auto}.enrollment-card .brand,.enrollment-card h2{font-size:24px}.recovery-codes{font-size:12px;padding:12px}.ant-modal{top:12px;margin:0 auto;max-width:calc(100vw - 24px)!important;padding-bottom:max(12px,env(safe-area-inset-bottom))}.ant-modal .ant-modal-content,.ant-modal .ant-modal-container{padding:16px}.ant-modal .ant-modal-title{padding-inline-end:24px}.ant-modal .ant-modal-body{max-height:calc(100dvh - 170px);overflow-y:auto;overscroll-behavior:contain}.ant-modal .ant-modal-footer{display:flex;flex-direction:column-reverse;gap:8px}.ant-modal .ant-modal-footer .ant-btn{width:100%;margin-inline-start:0}}
