html,body,#root{height:100%;margin:0;padding:0}body{background:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-header{padding:0 24px}.app-content{padding:24px}@media (width<=768px){.app-header{padding:0 12px}.app-content{padding:12px}.app-user-name,.app-user-role{display:none}}.period-bar{background:#fff;border:1px solid #eef0f5;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:5px;display:inline-flex;box-shadow:0 2px 8px #1018280f}.period-bar .ant-segmented{background:#f5f6fa;border-radius:9px;padding:2px}.period-bar .ant-segmented-item{border-radius:7px}.period-bar .ant-segmented-item-selected{box-shadow:0 1px 4px #1018281f}.period-bar-divider{background:#eef0f5;align-self:stretch;width:1px;margin:4px 0}.period-bar-range.ant-picker{border-radius:8px;transition:background .2s}.period-bar-range.ant-picker:hover{background:#f5f6fa}.period-bar-range--active.ant-picker{background:#f0f0ff}.period-bar-range--active .ant-picker-input input,.period-bar-range--active .ant-picker-suffix{color:#5a58d6;font-weight:500}.period-bar-range--active .ant-picker-input input::placeholder{color:#8280ff}@media (width<=576px){.period-bar{width:100%;display:flex}.period-bar .ant-segmented{flex:100%}.period-bar .ant-segmented .ant-segmented-group{width:100%}.period-bar .ant-segmented .ant-segmented-item{flex:1}.period-bar-divider{display:none}.period-bar-range.ant-picker{flex:100%}.ant-drawer-content-wrapper{max-width:100vw}.ant-space-item .ant-input-affix-wrapper,.ant-space-item .ant-picker,.ant-space-item .ant-select{max-width:calc(100vw - 24px)}}